@charset "utf-8";
/* CSS Document */

body {
	background:#435463;
	background-image:url(../images/to-a_arr-pl_site.png);
	background-repeat:repeat-x;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
}

a{
	color:#435463;
}

a:hover{
	text-decoration:underline;
}


p {
	padding:5px 0px;
	line-height:18px;
}


#container {
	width:1120px;
	height:auto;
	margin:20px auto 20px auto;
}

#header {
	margin:20px auto 0px auto;
	width:1120px;
	height:auto;
	border-width:19px 19px 0px 19px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#1b2832;
}

.acces-sites {
position:relative;
z-index:10;
	left:372px;
	top:-19px;
	background-image:url(../images/to-a_arr-pl_bt_acces-sites.png);
	background-repeat:no-repeat;
	width:306px;
	height:45px;
}

.logo {
	float:left;
	background-image:url(../images/to-a_logo.png);
	width:355px;
	height:109px;
}

.banner-hor {
	float:right;
	width:730px;
	height:90px; 
	margin-right:18px;
	margin-left:15px;
	padding-left:1px;
	padding-right:1px;
	padding-top:18px;
	padding-bottom:1px;
	border:none;
	background-image:url(../images/to-a_arr-pl_banner-hor.png);
	background-repeat:no-repeat;
}


.recherche-contact-menu {
	width:1120px;
	height:98px; 
	margin:0px;
	background-image:url(../images/to-a_arr-pl_recherche-contact-menu.png);
	background-repeat:no-repeat;
}

.recherche-contact-menu_droite {
	float:right;
	position:relative;
	z-index:10;
	right:-19px;
	top:-40px;
	width:19px;
	height:98px; 
	border:none;
	background-image:url(../images/to-a_arr-pl_recherche-contact-menu_droite.png);
	background-repeat:no-repeat;
}



.filet-pointilles_site {
	height:1px;
	width:1120px;
	border-top-style:dotted;
	border-top-color:#ffffff;
	border-top-width:thin;
}

.filet-pointilles_violet {
	height:1px;
	width:1120px;
	border-top-style:dotted;
	border-top-color:#a02383;
	border-top-width:thin;
}

#contenu {
	display:inline-block;
	margin:0 auto 0 auto;
	width:1120px;
	height:auto;
	border-width:0px 19px 0px 19px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#1b2832;
}


.contenu-gauche {
	float:left;
	width:920px;
	padding:20px 0px 20px 20px;
	height:auto;
}

.contenu-droit {
vertical-align:top;
	float:right;
	margin-right:20px;
	vertical-align:top;
	width:122px;
	height:auto;
	text-align:right;
}

.banner-vert {
	width:120px; 
	height:600px;
	padding-top:8px; 
	padding-bottom:1px; 
	padding-left:1px;
	padding-right:1px;
	margin-top:20px;
	background-image:url(../images/to-a_arr-pl_banner-vert.png);
	background-repeat:no-repeat;
}

/* Footer 
-------------------------------------------------------------- */

#footer {
	float:auto;
/*	left:auto;
	right:auto;*/
	margin:0 auto 20px auto;
	width:1120px;
	height:auto;
	border-width:0px 19px 19px 19px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#1b2832;
	text-align:center;
}




/* Text elements
-------------------------------------------------------------- */

.header h1{
	padding:0px 0px;
}

.header h1 a:hover{
	text-decoration:none;
}

h1 {
	font-size:36px;
	font-weight:normal;
	padding:0px 0px;
	display:block;
	color:#000;
}

/*h2 {
	font-size:30px;
	font-weight:normal;
	padding:20px 0px;
	color:#000;
}*/

h3 {
	font-size:24px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}
.bar h3 {
	font-size:18px;
	font-weight:normal;
	color:#fff;
	padding:5px 0px 0px 0px;
	float:left;
}
h4 {
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}

h5 {
	font-size:14px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}

h6 {
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}

.sur-titre {
	color:#adccd0; 
	font-size:24px; 
	font-family:Courier New, Courier, monospace; 
	vertical-align:top;
	font-weight:normal;
		line-height:18px;
}

.titre-dore {
	color:#be9e55; 
	font-size:24px; 
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre-rose {
	color:#e13288; 
	font-size:24px; 
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre-violet {
	color:#a02383; 
	font-size:24px; 
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.chapeau-blanc {
	color:#ffffff; 
	font-size:16px; 
	font-family:Courier New, Courier, monospace; 
	text-align:justify;
	font-weight:normal;
	line-height:18px;
}

.txt-home-titre-rose {
	color:#e13288;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.txt-interview-blanc {
	color:#ffffff;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lien-rose {
	color:#e13288; 
	font-size:16px; 
	font-family:Courier New, Courier, monospace; 
	text-align:justify; 
	text-decoration:none;
}	

.lien-rose a:hover{
	color:#adccd0; 
	text-decoration:none;
	font-weight:bold;
}

.lien-rose a:visited{
	color:#adccd0; 
	text-decoration:none;
}

.lien-home-rose a {
	color:#e13288; 
	font-size:12px;  
	text-align:right; 
	text-decoration:none;
}	

.lien-home-rose a:hover{
	color:#ffffff; 
		text-align:right; 
	text-decoration:none;
}


.txt-interview-rose {
	color:#e13288;
	font-size:10px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.txt-interview-site-web-rose {
	color:#e13288;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.txt-agenda-violet {
	color:#a02383;
	font-size:14px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.txt-agenda-site-web-violet {
	color:#a02383;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lien-awards-societe a{
	float:left;
	color:#be9e55; 
	font-size:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:75px; 
    height:120px;
	text-align:center;
	line-height:12px;
}

.lien-awards-societe a:hover{
	color:#be9e55; 
	font-weight:bold;
	text-decoration:none;
}

.lien-awards-societe a:visited{
	color:#435463; 
	text-decoration:none;
}


blockquote {
	background:#FFFFFF url(../images/blockquote.png) no-repeat 8px 8px;
	border:1px dotted #DDDDDD;
	color:#474747;
	font-style:italic;
	margin:1em 25% 1em 0;
	min-height:40px;
	padding:1em 1em 1em 7em;
}

cite
    {
    font-size: 12px;
    float: right; 
	margin:0px 0px 20px 0px;
}

address {
	
	margin:0px 20px 0px 0px;
	display:block;
	float:left;
}


/* SCROLL TO 
-------------------------------------------------------------- */

.part{
/*	border:1px solid black;
	background-color:white;*/
}
	.part h3{
/*		color:#933;*/
	}
#toc{
	display:block;
	padding:10px;
	position:relative;
	margin:15px 0;
	width:305px;
}
	#toc h3{
		padding-bottom:10px;
	}
	#toc h3 strong{
		font-size:13px;
		color:black;
	}

	#toc li{
		list-style-type:circle;
		padding-left:5px;
		margin-left:15px;
	}
		#toc a{
			color:#69C;
		}
div.section{
/*	border:1px black solid;*/
	width:920px;
	height:auto;
	padding:0px;
	margin: 5px 0;
	text-align:justify;
	position:relative;
	clear:both;
}
	div.section h3{
		margin-bottom:10px;
	}
	div.section li{
		float:left;
	}
	div.pane{
		overflow-y:auto;
		overflow-x:hidden;
		clear:left;
		margin: 10px 0 0 0px;
		position:relative;
		width:920px;
		height:980px;
	}
ul.elements{
/*	background-color:#5B739C;*/
}
	ul.elements li{
		width:900px;
		height:auto;
/*		font-weight:bolder;*/
/*		border:1px black solid;*/
		text-align:justify;
		padding:0px 20px 0px 0px;
		position:relative;
		color:#FFFFFF;
/*		background-color:#DDD;*/
	}
		ul.elements li a{
	bottom:30px;
	/*			color:#933;*/
			font-size:9px;
/*	left:176px;
	position:absolute;*/
		}
		ul.elements li p{
/*			color:#666;*/
		}
	#pane-options ul.elements li{
		margin:5px;
	}
	#pane-options{
		margin-bottom:10px;
	}
ul.links{
	height:20px;
}
	ul.links a{
		color:#be9e55;
		margin:0pt 5px;
	}
h3 span{
	position:absolute;			
}
.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	font-weight:normal;
	padding:1px;
	margin-top:2px;
}
.clear{
	clear:left;
}

/* Tables 
-------------------------------------------------------------- */

#box-table-b {
	border-bottom:7px solid #C8C7C8;
	border-collapse:collapse;
	border-top:7px solid #C8C7C8;
	font-size:12px;
	margin:20px 0px 20px 0px;
	text-align:center;
	width:100%;
}
#box-table-b th {
	background:#fff none repeat scroll 0 0;
	border-left:1px solid #C8C7C8;
	border-right:1px solid #C8C7C8;
	font-size:13px;
	font-weight:normal;
	padding:8px;
}
#box-table-b td {
	border-left:1px solid #C8C7C8;
	border-right:1px solid #C8C7C8;
	color:#231F20;
	padding:8px;
}


/* Form 
-------------------------------------------------------------- */

.form-contact {
	margin-top:20px;
}

#searchform {
	display:block;
	float:right;
}


#searchform input {
	
	width:110px;
	float:left;
	display:inline;
	background: url(../images/inputsearch.gif) left top no-repeat;
	border:0;
	height:27px;
	padding:5px 10px;
}

#searchform input#searchsubmit {
	
	width:38px;
	height:27px;
	background: url(../images/searchsubmit.gif) left top no-repeat;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
}


textarea {
	border:1px solid #333333;
	background:#101010;
	color:#4D4D4D;
	height:100px;
	padding:5px;
	width:430px;
}

.first_col textarea {
	width:330px;
}

input  {
	border:1px solid #333333;
	color:#4D4D4D;
	float:left;
	height:24px;
	padding:5px 5px 0;
	width:281px;
	background:#101010;
}

input.send  {
	border:0px;
	background:url(../../images/link_back.png) left top no-repeat;
	width: 88px;
	height:21px;
	text-align:center;
	font-size:11px;
	display:block;
	margin:10px 0px;
	cursor:pointer;
	padding:0px;
}

label {
	float:left;
	width:100px;
}
.holder {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	clear:both;
}


p.error, p.succes {
	background:#101010;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:5px;
	margin:15px 0px 5px 0px;
}

form.sort {
	float:left;
	margin:10px 0px;
	position:relative;
	top:-30px;
}

#hsort, #rsort {
	width:100px;
	font-size:11px;
}


/* Navigation 
-------------------------------------------------------------- */

.menu { margin-top:0px; margin-left:724px; z-index : 9999; padding-top:20px; font-family:"Courier New", Courier, monospace; height:17px;}
ul.menu {list-style:none; margin:0; z-index : 9999;}
ul.menu * {margin:0; padding:0;  z-index : 9999;}
ul.menu a {display:block; color:#ffffff; text-decoration:none; font-weight:bold; font-size:12px;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:25px; left:0; background:#ffffff; display:none; opacity:0; list-style:none; z-index:99999}
ul.menu ul li {position:relative; border-bottom:2px solid #828b91; border-left:3px solid #828b91; border-right:3px solid #828b91; width:190px; margin:0;}
ul.menu ul li a {display:block; padding:1px 7px 2px; background-color:#adccd0;}
ul.menu ul li a:hover { color:#e13288;}
ul.menu ul ul {left:190px; top:-2px}
ul.menu .menulink {padding:5px 5px 5px; font-weight:normal; font-size:14px; color:#000;}
ul.menu .menulink:hover, ul.menu .menuhover, ul.menu .selected { color: #ffffff;}
ul.menu .sub {background:#84b5bb url(../../images/arrow_icn.gif) right center no-repeat}
ul.menu .sub2 {background:#be9e55 url(../../images/arrow_icn.gif) right center no-repeat}
ul.menu .sub4 {background:#a02383 url(../../images/arrow_icn.gif) right center no-repeat}
ul.menu .sub5 {background:#97bf0d url(../../images/arrow_icn.gif) right center no-repeat}
ul.menu .topline {border-top:2px solid #828b91}



/* Slideshow 
-------------------------------------------------------------- */

.slideshow {
	float:left;
	display:block;
	height:429px;
	width:920px;
}

div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}


div#slide-holder {
z-index : 1;
width : 920px;
height : 429px;
position : absolute;
background:url(../images/to-a_slideshow_back.png) left top no-repeat;
}
div#slide-holder div#slide-runner {
	width : 920px;
	height : 390px;
	overflow : hidden;
	position : absolute;
	left: 1px;
	top: 0px;
}
div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls {
width : 920px;
height : 54px;
top:336px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0 no-repeat;
}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 12px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : none;
}
div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}

div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}

div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/to-a_silde-nav.png);
}

div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

/* Slideshow NO2
-------------------------------------------------------------- */

#slider1 {
    width: 920px; /* important to be same as image width */
    height: 429px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:transparent url(../images/to-a_slideshow_back.png) no-repeat scroll left top;
}

#slider1Content {
    width: 920px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	height:390px;
	overflow: hidden; /* important */
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.slider1Image .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.slider1Image .right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

.slider1Image .top {
	top: 0;
	left: 0;
}
.slider1Image .bottom {
	bottom: 20px;
    left: 0;
	width: 920px !important;
	height: 90px;
}

/* Informtion box 
-------------------------------------------------------------- */

/*  */

#screenshot{
	position:absolute;
	background:#000;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */

.info_box_holder {
	background: url(../images/info_box_holder.png) left top no-repeat;
	width:920px;
	height:128px;
	padding:20px;
	display:block;
	float:left;
}

.info_box {
	float:left;
	width:300px;
}

.info_box p.title {
	margin-top:5px;
}

.info_box a {
	color:#FFF;	
}

/* Main page posts
-------------------------------------------------------------- */

.main_page_posts {
	width:960px;
}

.main_page_posts .post {
	width:960px;
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	margin-bottom:50px;
}

.main_page_posts .no_border {
	background: none;
}

.bar {
	width:930px;
	height:90px;
	background:url(../images/top_bar_back.png) left top no-repeat;
	float:left;
	padding:15px;
}

.main_page_posts .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:170px;
	height:185px;
	padding:10px;
	float:left;
	margin-right:50px;
}

.main_page_posts .post_content {
	float:left;
	margin-right:20px;
	width:55%
}

.main_page_posts .post_content h1 {
	padding:0px 0px 10px 0px;

}

.main_page_posts .post_content h1 a {
	color:#000;
	font-size:24px;
}

.main_page_posts .post_content h1 a:hover {
	color:#808080;
	text-decoration:none;
}

.main_page_posts .post_content a {
	color:#000;
}

.main_page_posts .post_info{
	float:right;
	font-size:11px;
}

.main_page_posts .post_info a{
	color: #000;
}

.main_page_posts .post_info li{
	padding:5px 0px;
}


/* Media page posts
-------------------------------------------------------------- */

.media_page_posts {
	width:960px;
}

.media_page_posts .post {
	width:310px;
	display:block;
	float:left;
	margin-right:5px;
}

.media_page_posts .post_image {
	background:url(../images/img_holder_media.png) left top no-repeat;
	width:290px;
	height:254px;
	padding:10px;
	float:left;
}

#grid-content {
	overflow: hidden;
}

.media_page_posts h6 {
	color:#fff;
	padding:15px 0px 20px 0px;
}

/* 2 columns services
-------------------------------------------------------------- */

.YMslider blockquote {
	width:120px;
	float:left;
}

.col_holder {
	width:960px;
	float:left;
}

.col_holder .left_col {
	width:650px;
	float:left;
}

.col_holder .right_col {
	width:220px;
	float:right;
	padding-left:40px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
}

.right_col .module_list,
.col_holder .sec_col .module_list,
.col_holder .third_col .module_list
{
	color:#000;
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_text,
.col_holder .sec_col .module_text,
.col_holder .third_col .module_text
{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_list li,
.col_holder .sec_col .module_list li,
.col_holder .third_col .module_list li
{
	display:block;
	padding:5px 0px;
}

.right_col .module_list li a,
.col_holder .sec_col .module_list li a,
.col_holder .third_col .module_list li a
{
	color:#000;
	background:url(../images/arrow_icn.gif) left center no-repeat;
	padding-left:15px;
}

.right_col .module_images,
.col_holder .sec_col .module_images ,
.col_holder .third_col .module_images

{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_images li,
.col_holder .sec_col .module_images li,
.col_holder .third_col .module_images li
{
	display:inline;
}

.right_col .module_images li a,
.col_holder .sec_col .module_images li a,
.col_holder .third_col .module_images li a
{
	float:left;
	display:block;
	padding:3px;
	background:#e7e7e7;
	margin:3px;
}

.col_holder .left_col .post {
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	margin-bottom:50px;
}

.col_holder .left_col .no_border {
	background: none;
}


.col_holder .left_col .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:170px;
	height:185px;
	padding:10px;
	float:left;
	margin-right:50px;
}

.col_holder .left_col .post_image_med {
	background:url(../images/img_holder_blog_med.png) left top no-repeat;
	width:640px;
	height:206px;
	padding:10px;
	float:left;
	margin-top:30px;
}

.main_page_posts .post_image_large {
	background:url(../images/img_holder_blog_large.png) left top no-repeat;
	width:960px;
	height:339px;
	padding:10px;
	float:left;
	margin-top:30px;
}

.col_holder .left_col .post_content {
	float:left;
	width:63%
}

.col_holder .left_col .post_content h1,
.first_col .post_content h1
{
	padding:0px 0px 10px 0px;
}

.col_holder .left_col .post_content h1 a,
.first_col .post_content h1 a
{
	color:#000;
}

.col_holder .left_col .post_content h1 a:hover,
.first_col .post_content h1 a:hover
{
	color:#808080;
	text-decoration:none;
}

.col_holder .left_col .post_content a {
	color:#000;
}


/* services posts */

.col_holder .services {
	float:left;
}

.col_holder .services .post_content {
	float:left;
	width:100%;
}

.col_holder .services h1 {
	padding:0px 0px 20px 0px;
}

.col_holder .services h1 a {
	color:#000;
	font-size:24px;
}

.col_holder .services h1 a:hover {
	color:#808080;
	text-decoration:none;
}

.col_holder .services .post_content a {
	color:#000;
}

.col_holder .services .post {
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	padding-bottom:20px;
	margin-bottom:50px;
	margin-right: 40px;
	width:190px;
}

.col_holder .services .no-margin {
	margin-right: 0px;
}

.col_holder .left_col .no_border {
	background: none;
}


.col_holder .services .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:170px;
	height:145px;
	padding:10px;
	float:left;
	margin-right:0px;
}



/* 2 columns blog 
-------------------------------------------------------------- */

/* module social  */

.col_holder .right_col .module_social,
.col_holder .sec_col .module_social,
.col_holder .third_col .module_social
{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.col_holder .right_col .module_social .col1 {
	float:left;
}

.col_holder .right_col .module_social .col2 {
	float:right;
}

.col_holder .right_col .module_social li a.rss,
.col_holder .sec_col .module_social li a.rss,
.col_holder .third_col .module_social li a.rss
{
	background:url(../images/feed.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.email,
.col_holder .sec_col .module_social li a.email,
.col_holder .third_col .module_social li a.email
{
	background:url(../images/email.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.twitter,
.col_holder .sec_col .module_social li a.twitter,
.col_holder .third_col .module_social li a.twitter
{
	background:url(../images/twitter.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.facebook,
.col_holder .sec_col .module_social li a.facebook,
.col_holder .third_col .module_social li a.facebook
{
	background:url(../images/facebook.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.linkedin,
.col_holder .sec_col .module_social li a.linkedin,
.col_holder .third_col .module_social li a.linkedin
{
	background:url(../images/linkedin.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.vimeo,
.col_holder .sec_col .module_social li a.vimeo,
.col_holder .third_col .module_social li a.vimeo
{
	background:url(../images/vimeo.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.youtube,
.col_holder .sec_col .module_social li a.youtube,
.col_holder .third_col .module_social li a.youtube
{
	background:url(../images/youtube.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.flickr,
.col_holder .sec_col .module_social li a.flickr,
.col_holder .third_col .module_social li a.flickr{
	background:url(../images/flickr.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.delicious,
.col_holder .sec_col .module_social li a.delicious,
.col_holder .third_col .module_social li a.delicious
{
	background:url(../images/delicious.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

/* module categories + archives  */

.col_holder .right_col .module_list span,
.col_holder .sec_col .module_list span,
.col_holder .third_col .module_list span
{
	color:#808080;
	font-size:11px;
}

/* module list + images  */

.right_col .module_list_image,
.col_holder .sec_col .module_list_image,
.col_holder .third_col .module_list_image {
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_list_image li,
.col_holder .sec_col .module_list_image li,
.col_holder .third_col .module_list_image li{
	display:block;
	clear:both;
}

.right_col .module_list_image li a.image,
.col_holder .sec_col .module_list_image li a.image,
.col_holder .third_col .module_list_image li a.image
{
	float:left;
	display:block;
	padding:3px;
	background:#e7e7e7;
	margin:0px 10px 10px 0px;
}

.right_col .module_list_image li a.title,
.col_holder .sec_col .module_list_image li a.title,
.col_holder .third_col .module_list_image li a.title
{

	display:block;

}

.right_col .module_list_image li span,
.col_holder .sec_col .module_list_image li span,
.col_holder .third_col .module_list_image li span
{
	color:#808080;
	display:block;
	font-size:11px;
}


.post_info_wide{
	font-size:11px;
	color:#808080;
}

/* pagination */

.pagination ul {
	float:left;
	width:100%;
}

.pagination ul li {
	display:inline;
}

.pagination ul li a {
	font-weight:bold;
	font-size:14px;
	color:#808080;
}
.pagination ul li a:hover {
	text-decoration:none;
	color:#4E4E4E;
}




/* 3 columns layout 
-------------------------------------------------------------- */

.col_holder .first_col {
	width:460px;
	float:left;
	margin-right:20px;
}

.col_holder .first_col .post {
	margin-bottom:20px;
	background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
	display:block;
	float:left;
	margin-bottom:40px;
	padding-bottom:40px;
}


.col_holder .sec_col {
	width:200px;
	float:left;
	padding:0px 20px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
	margin-left:20px;
}

.col_holder .third_col {
	width:200px;
	float:left;
	padding-left:20px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
}






/* post_detailed 
-------------------------------------------------------------- */


.post_detailed ol {
	list-style-position:outside;
	list-style-type:decimal;
}

.post_detailed ul {
	list-style-position:outside;
	list-style-type: square;
}

.post_detailed ol li, .post_detailed ul li{
	padding:5px 0;
	margin-left:2.5em;
}



/* comments
-------------------------------------------------------------- */

.leave_comment {
	float:left;
	margin-bottom:30px;
}

.comment {
	background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
	clear:both;
	margin-bottom:30px;
	padding-bottom:30px;
	float:left;
	width:640px;
}
.user {
	float:left;
	height:60px;
	overflow:hidden;
	width:60px;
	background:#E7E7E7 none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0px 20px 0px 0;
	padding:3px;
}

.user img {
	height:60px;
	width:60px;
}

.comment-post {
	float:left;
	width:550px;
}

.col3 .comment-post {
	float:left;
	width:350px;
}
.col3 {
	float:left;
	width:450px;
}

.comment-post h5 {
	float:left;
	padding:0px 0px 5px 0px;
}
.comment span.date {
	float:right;
	font-size:10px;
	margin:0;
	padding:0;
}