/*   
Theme Name: Niko Theme Custom
Theme URI: http://www.nicolasritoux.com
Description: Spéciale dédicace à Daniel Mireault
Author: Nicolas Ritoux
Version: 1
.
License: Creative Commons CC-BY-SA 2.5 Canada
.
*/

body {
	background:white;
	color:#5b5b5b;
	font-family: 'Arial', Helvetica, Sans-Serif;
	font-size:12px;
	text-align:left;
        letter-spacing:0.1px;
        }


#wrapper {
		width:886px;
		margin:auto;
		padding-left:40px;
		padding-right:34px;
		}

#header {
        height:121px;
		}

.home_logo a, .home_logo a:link, .home_logo a:visited, .home_logo a:active, .home_logo a:hover {
		margin-top:35px;
        margin-left:4px;
        float:left;
        width:267px;
        height:56px;	
		display:block;
		background:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/home_logo.png") 0 0 no-repeat;
		}



#blog-description {
	float:right;
        margin-top:75px;
	}

#blog-description h3 {
        font-size:16px;
        color:#373737;
        font-weight:normal;
        padding:0;
        margin:0;
        }

#content {
           }
	
#left-col {
	width:635px;
        float:left;
        position:relative;
        margin-bottom:60px;
	}
	
	
	
	
/* SIDEBAR */

#sidebar {
	width:196px;
	float:right;
	padding:13px 10px 40px 45px;
        position:relative;
	font-size:1.2em;
	}

.nico_portrait {
        padding-top:10px;
	}

#sidebar h2 {
	color:#373737;
	font-size:18px;
        font-weight:normal;
        padding-top:0;
        padding-bottom:4px;   
        margin:0;
        }

.minibio {
        margin:0;
        padding-bottom:18px; 
        padding-top:14px;
        }

.email {
        line-height:31px;
        margin:0;
       	font-size:14px;
        }

.email_nicolas, .email_ritoux, .email_com {
       	color:#6c6f26;
        }

.telephone {
        line-height:31px;
        margin:0;
       	font-size:14px;        
        }

#social_media {
        padding-top:14px;
        margin-bottom:90px;
        }

.rolloverfacebook a, .rolloverfacebook a:link, .rolloverfacebook a:visited {
        margin-right:11px;
        float:left;
        width:30px;
        height: 31px;
        background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/facebook_rollover30px.png") 0 0 no-repeat;
        }
.rolloverfacebook a:hover, .rolloverfacebook a:active { 
background-position: 0 -40px;
        }
.rollovertwitter a, .rollovertwitter a:link, .rollovertwitter a:visited {
        margin-right:11px;
        float:left;
        width:30px;
        height: 31px;
        background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/twitter_rollover30px.png") 0 0 no-repeat;
        }
.rollovertwitter a:hover, .rollovertwitter a:active { 
background-position: 0 -40px;
        }
.rolloverlinkedin a, .rolloverlinkedin a:link, .rolloverlinkedin a:visited {
        margin-right:11px;
        float:left;
        width:30px;
        height: 31px;
        background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/linkedin_rollover30px.png") 0 0 no-repeat;
        }
.rolloverlinkedin a:hover, .rolloverlinkedin a:active { 
        background-position: 0 -40px;
        }
.rolloverflickr a, .rolloverflickr a:link, .rolloverflickr a:visited {
        margin-right:11px;
        float:left;
        width:30px;
        height: 31px;
        background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/flickr_rollover30px.png") 0 0 no-repeat;
        }
.rolloverflickr a:hover, .rolloverflickr a:active { 
        background-position: 0 -40px;
        }
.rolloverrssfeed a, .rolloverrssfeed a:link, .rolloverrssfeed a:visited {
        float:left;
        width:30px;
        height: 31px; 
        background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/rssfeed_rollover30px.png") 0 0 no-repeat;
        }
.rolloverrssfeed a:hover, .rolloverrssfeed a:active { 
        background-position: 0 -40px;
        }

/* FLICKR IMG PLUGIN STYLING

.flickr_img {
       padding-top:7px;
       margin-left:-3px;
       margin-right:-3px;
       height:461px;
       }

.flickr_img a img {  
       margin:3px;
       float:left;
       width:95px;
       height:95px;
       border:0;
       overflow:hidden;
       }  */


#projets {
       margin-top:60px;
}

#rolloverpigistesanonymes {
       margin-top:10px;
       padding-left:2px;
      margin-bottom:10px;
       }
#rolloverpigistesanonymes a, #rolloverpigistesanonymes a:link, #rolloverpigistesanonymes a:visited {
       background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/pigistesanonymes_rollover.png") 0 0 no-repeat;
       width:193px;
       height:47px;
       display: block;
       }
#rolloverpigistesanonymes a:hover {
      background-position: 0 -67px;
      }

#populaires {
	  margin-top:60px;
color:#7a7a7a;
}

ul.wppp_list {
         padding-left:0;
      margin-left: 0;
      }

#archives {
	margin-top:60px;
color:#7a7a7a;
}

#archives ul {
      padding-left:0; 
      	margin-left: 0;
            }
li.collapsArch {
      list-style:none;
      }

#sidebar li {
	margin-top: 3px;
       }


/* FOOTER */

#footer {
        clear:both;
        width:635px;
        padding-right:251px;
        font-size: 11px;
        color: #7a7a7a;
        }
        
.hr_footer {
		margin-bottom:20px;
		}	
        		
	
/* FONTES */



#sidebar {
		font-size:12px;
}

a:link,a:visited,a:active {
		color:#6c6f26;
        text-decoration:none;
		}
a:hover {
		text-decoration:underline
		}

.post {
		font-size:14px;
		}
	
#left-col h4 {
        font-size:21px;
        letter-spacing:-1px;
        color:#6c6f26;
        padding:13px 60px 13px 0;
        font-weight:normal;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/dotted_line.gif");
        background-repeat:repeat-x;
        background-position:bottom;
        margin:0;
        }

#left-col h4 a:link, #left-col h4 a:visited, #left-col h4 a:active, #left-col h4 a:hover {
        color:#373737;
        }

#left-col h5 {
        font-size:15px;
        padding:10px 0 0 0;
        color:#373737;
        margin:0;
        }
#left-col h4 a:link, #left-col h4 a:visited, #left-col h4 a:active, #left-col h4 a:hover {
        color:#5b5b5b;
        } 

li {
		margin-left: 1em;
		}

blockquote {
		padding: 5px 90px 25px 33px;
		margin: 25px 0 20px 0;
		font-size: 16px;
		color: #7a7a7a;
		border-top: 1px dotted #d7d7d7;
		border-bottom: 1px dotted #d7d7d7;
		}

/* failed attempt at brackets 
		background:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/blockquote_open.png") 14px 19px no-repeat;

blockquote p {
		display:block;
		background:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/blockquote_close.png") bottom right no-repeat;		}*/


/* POSTS */

#left-col h2 {
	    font-size:29px;
	    letter-spacing:-1px;
        font-weight:normal;
        text-transform:uppercase;
        padding-top:16px;
        padding-bottom:9px;
        margin:0;
        }

#left-col h2 a:link, #lef-col h2 a:active, #left-col h2 a:visited, #left-col h2 a:hover {
        color:#373737;
        text-decoration:none;
        }

.entry {
        padding-bottom:24px;
        margin:0;
       	}
 
 
 .post p:first-child {
         padding: 10px 0 0 0;
         margin: 0;	
 		}


.post ul {
	padding-left: 0;
	margin-left: 0;
}
.post ul li {
	padding-top: 7px;
}

/* POSTMETADATA */

#postmetadata {
       padding-top:12px;
       padding-bottom:10px;
       color:#7a7a7a;
       height:17px;
        }



.date_post {
      	font-size:13px;
      	height:17px;
        padding-right:26px;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/dotted_line_postmetadata.gif");
        background-repeat:repeat-y;
        background-position:right;
        float:left;
        }

.category_post {
      	font-size:13px;
      	height:17px;
        padding-right:26px;
        padding-left:12px;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/dotted_line_postmetadata.gif");
        background-repeat:repeat-y;
        background-position:right;
        float:left;
        }

.category_post a:link, .category_post a:active, .category_post a:visited, .category_post a:hover {
       color:#6c6f26;
       }

.commenter_post {
      	font-size:13px;
        padding-left:12px;
        float:left;
        height:17px;
        }

.edit_post {
	    float:right;
	    padding-left:22px;
	    font-size:13px;
	    font-weight:bold;
}

#postmetadata_fin {
        padding-bottom:40px;
        padding-top:12px;        
        }
        
.commenter_post_fin {
     	font-size:13px;
        height:17px;
        float:right;
        padding-left:12px;
     /*   padding-right:26px;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/dotted_line_postmetadata.gif");
        background-repeat:repeat-y;
        background-position:right;
       */ }

.partager_post_fin {
        font-size:13px;
        height:21px;
        float:left;
        }
       /*
        padding-left:25px;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/arrow_partager.png");
        background-repeat:no-repeat;
        background-position: 0 0;
        */
.partager_post_fin a, .partager_post_fin a:link, .partager_post_fin a:visited, .partager_post_fin a:active {
	    color:#6c6f26;
	    text-transform:lowercase;
	    }
.partager_post_fin:hover {
	    background-position: 0 -21px;
        }
        
        
.fb-like {
	margin-top: -3px;
}



/* BARRE HORIZONTALE */

div.hr {background: #fff url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/dotted_line.gif") repeat-x; height: 1px}
div.hr hr {display: none}

div.hr_postmetadata {
       margin-top:35px; 
       }
div.hr_clearboth {
		clear: both;
		}  

/* NAVBAR */


.navbar {
       width:886px;
       height:59px;
       background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/navbar_bg_barreseule.gif");
        background-repeat:repeat-x;
        background-position:top;
	}

.navbar ul {
        margin:0;
        padding:0 0 0 0;
	float: left;
	list-style: none;
        }
.navbar ul li {
	margin-left: 0;
	float: left;
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/navbar_bg.gif");
        background-repeat:no-repeat;
        background-position:top left;
        }
.navbar ul li a:link, .navbar ul li a:visited, .navbar ul li a:active {
        font-size:24px;
        letter-spacing:-1px;
	font-weight: normal;
        text-transform:uppercase;
 	color: #373737;
        margin-top:3px;
        margin-left:3px;
        padding: 19px 15px 21px 18px;
        display:block;
        }
.navbar ul li a:hover {
	background: #fbfbfb;
        text-decoration:none;
        }
.navbar ul li.current-cat a {
	background: #fbfbfb;
	}


.navbar ul li:first-child {
        background-position:-3px 0;
        }
    	
/* IMAGES */

img.alignnone, img.alignleft, img.alignright, img.aligncenter {
		border: 0;
		}

/* ceci pour vieux posts */

img.aligncenter {
		margin-left:auto;
		margin-right:auto;
		display:block;
		}

img.alignleft {
		float: left;
		margin-right:25px;
		margin-bottom: 15px;
		}
img.alignright {
		float: right;
		margin-left: 25px;
		margin-bottom: 15px;
		}





/* ci-dessous marche pas parce que A est parent de IMG */


.entry a img {
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/expand_icon_green.png");
        background-repeat:no-repeat;
        background-position: 215px 136px;        
        z-index:1;
}
.entry a img:hover {
        background-image:url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/expand_icon_grey.png"); 
        background-repeat:no-repeat;
        background-position: 215px 136px;        
        z-index:1;
}

        

/* Images des billets */

.post_images {
		margin:13px 0 15px 25px;
        float:right;
        }

.post_images img {
		padding-bottom: 1px;
        }
.post_images a {
		background-image: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/expand_icon_green") 0 0 no-repeat;
		display:block;
        }


/* COMMENTS */

#comments {
	margin-right:36px;
}
h3.comments_title {
	    padding-top: 25px;
	    }
h3.comments_title, h3.respond_title {
  		padding-bottom: 4px;
  		margin: 0;
		padding-left: 7px;
	    text-transform:uppercase;
	    font-size: 18px;
	    color: #373737;
	    letter-spacing:-1px;
	    }
	    
h3.respond_title {
		padding-top: 30px;
		}
	    
ul.commentlist {
		list-style: none;
		font-size: 14px;
		margin-top: 0;
		padding-left: 0;
		}

ul.commentlist li {
		padding: 19px 90px 9px 36px;
		background-color:#fbfbfb;
		}
ul.commentlist li.alt {
		background-color: white;
		} 

.commentmetadata {
		float: right;
		margin-right: 30px;
		}

.commentmetadata a, .commentmetadata a:link, .commentmetadata a:visited, .commentmetadata a:active, .commentmetadata a:hover {
		color: #7a7a7a;
		}
.commentmetadata a:hover {
		text-decoration: none;
		}
		
.edit_comment {
		float: right;
		}

.comment_author {
		float: left;
		color: #373737;
		}

.comment_text {
		clear: both;
		padding-top: 9px;
		}
.comment_text p {
		clear: both;
		}

input#author {
		margin-top: 5px;
}

input#author, input#url, input#email {
		color:#7a7a7a;
		width: 268px;
		font-size: 14px;
		padding: 2px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius:3px;
		}

textarea#comment {
		font-size: 14px;
		padding: 4px;
		width: 589px;
		color:#7a7a7a;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius:3px;
		}
		
small.comment_legend {
		margin-left: 10px;
		font-size:13px;
		color: #7a7a7a;
		}

#submit {
		float: right;
		background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/button_envoyer.png") 50% 50% no-repeat;
		width: 110px;
		height: 34px;
		border: 0;
		margin-top: -5px;
		}
		
#submit:hover {
		background: url("http://www.nicolasritoux.com/wp-content/themes/niko-theme-custom1/button_envoyer_hover.png") 50% 50% no-repeat;
		}

p.session_de {
		font-size: 13px;
		color: #7a7a7a;
		}

/*NEXT PREVIOUS */


.previousposts {
		float:right;
		margin:0 0 0.5em 0.5em;
		}
.nextposts {
		float:left;
		margin:0 0.5em 0.5em 0;
		}
.nextposts a, .nextposts a:link, .nextposts a:active, .nextposts a:visited, .previousposts a, .previousposts a:link, .previousposts a:active, .previousposts a:visited {
		padding: 15px 10px 15px 10px;
		}
.nextposts a:hover, .previousposts a:hover {
		background-color: #fbfbfb;
		text-decoration:none;
		}



/* VARIA */
	
.center {
	text-align:center
	}	

div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
div.aligncenter
{
text-align:center;
margin:0 auto;
}

.navigation {
	display:block;
	text-align:center;
	margin-top:20px;
	}