/*
Theme Name: Subtle Tide
Theme URI: http://maximebornemann.com/
Description: Le thème du blog de Maxime Bornemann
Version: 1.5
Author: Maxime Bornemann
Author URI: http://maximebornemann.com/
Tags: clean, blog, fixed width 
*/


/*----------------/
/   Yahoo Reset   /
/----------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th { margin:0; padding:0; }

fieldset,img { border:0; }

address,caption,cite,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }


/*-------------------/
/   Basic Elements   /
/-------------------*/

body { background: url(images/background.png); font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #3e4545; }

a { color: #cb3e0d; text-decoration: none; }

h1 { color: #cb3e0d; font-weight: bold; font-size: 1.5em; line-height: 25px; }
h5 { color: #afafaf; font-size: 0.9em; }

p { padding-bottom: 10px; }

ul { margin-top: 15px; margin-bottom: 10px; }
ul li { padding-bottom: 5px; }
ul img { position: absolute; margin: 3px 5px 0 20px; }
ul p { position: relative; margin-left: 45px; }

#wrap { width: 981px; margin: 0 auto; }

.title { padding-bottom: 8px; }
.clear { position: inherit; }
.center { text-align: center; }
.left { float: left; }

strong { font-weight: bold; }
em { font-style: italic; }

/*-----------/
/   Header   /
/-----------*/

#header { height: 174px; background: url(images/header_bg.png); }

#logo { height: 80px; text-align: center; padding-top: 33px; }

#menu { float: left; width: 440px; height: 33px; margin: 13px 0 0 14px; background: url(images/menu_bg.png); }
#menu li { display: inline;  }
#menu li a { display: inline-block;  }
#menu ul { margin: 7px 0 0 13px; }
#menu_articles a { display: block; width: 75px; margin-right: 8px; text-indent: -9999px; }
#menu_portfolio a { display: block; width: 87px; margin-left: 19px; text-indent: -9999px; }
#menu_about a { display: block; width: 95px; margin-left: 19px; text-indent: -9999px; }
#menu_contact a { display: block; width: 75px; margin-left: 26px; text-indent: -9999px; }

#search { float: right; position: relative; margin-top: 15px;}
#searchsubmit { position: absolute; width: 94px; height: 28px; right: 12px; top: 2px; border: none; background: url(images/search_button.png) no-repeat; cursor: pointer; }
#s { position: absolute; height: 13px; width: 186px; padding: 8px 0 8px 8px; right: 118px; border: 1px solid #424b53; background: url(images/search_bg.png); color: #fff; font-weight: bold; }

/*------------/
/   Content   /
/------------*/

#content { background: url(images/content_bg.png) top repeat-y; }

#articles { float: left; margin: 20px 0px 20px 40px; width: 590px; }
.article { text-align: center; padding-bottom: 25px; }
.article_thumbnail { width: 288px; height: 169px; background: #ffffff; border: 1px solid #d9dbdd; margin-right: 20px; }
.article_thumbnail img { margin-top: 5px; }
.article_mini_left { float: left; height: 200px; }
.article_title { padding-bottom: 10px; }
.article_excerpt { padding: 0; text-align: justify; }
.article_excerpt img { margin-top: -5px; }
.article_full_link { display: block; width: 100%; background: url(images/barre_separation.png) no-repeat; background-position: 0% 35%; text-align: right; margin-top: 5px; clear: both; }

.article_first { text-align: center; }
.article_thumbnail_first { width: 591px; height: 239px; background: #ffffff; border: 1px solid #d9dbdd; }
.article_thumbnail_first img { margin-top: 5px; }
.article_title_first { line-height: 25px; padding: 20px 5px; }

.adsense_main { margin: 10px auto 40px auto; background: #ffffff; border: 1px solid #d9dbdd; width: 474px; padding: 4px 0 0 4px; }

#article_single p { padding-right: 10px; }
#article_single_thumbnail { width: 592px; height: 239px; background: #ffffff; border: 1px solid #d9dbdd; margin-bottom: 10px; margin-left: 5px; }
#article_single_thumbnail img { margin-left: 5px; margin-top: 5px; }
#article_single_meta ul  { margin: 0 0 35px 0; padding-bottom: 9px; text-align: center; font-size: 0.95em; width: 600px; border-bottom: 1px solid #d9dbdd; }
#article_single_meta li { display: inline; }
#article_single_meta ul img { position: inherit; margin: 0 0 -2px 25px; padding-right: 5px; }
#article_single h1 { text-align: center; margin-bottom: 35px; font-size: 2em; line-height: 35px; }
#article_single h2 { font-weight: bold; font-size: 1.7em; color: #4c545b; margin: 15px 0 30px 0; line-height: 29px; }
#article_single h3 img { position: absolute; margin: -4px 0 0 -35px; }
#article_single h3 { padding-bottom: 20px; font-weight: bold; }
#article_single .numbered_list { padding: 15px 0 20px 35px; color: #cb3e0d; }
#article_single .numbered_list_first { padding-top: 0; }

#archives_main { clear: both; height: 99px; background: url(images/archives_bg.png) no-repeat; }
#archives_main_number { position: relative; left: 135px; top: 42px; font-weight: bold; font-size: 13px; }
#archives_more { position: relative; float: right; top: 7px; right: 10px; }

#sidebar { float: right; width: 270px; margin: 20px 27px 20px 0; }
#rss_subscribe { position: relative; margin-top: 7px; }
#rss ul li { margin-top: -10px; }
#rss_subscribe_box { position: absolute; height: 13px; width: 145px; padding: 8px 0 8px 6px; right: 97px; background: url(images/rss_form_bg.png) no-repeat; border: 1px solid #cacdcf; color: #afafaf; }
#rss_subscribe_button { position: absolute; height: 36px; width: 91px; top: -2px; right: 0; background: url(images/subscribe_button.png) no-repeat; border: none; cursor: pointer; }

#who { margin-top: 30px; margin-bottom: 40px; }
#who_description { margin-bottom: 25px; }
#who_more { float: right; margin-top: -25px; margin-bottom: 30px; }

#most_popular { clear: both; margin-top: -15px; }
#most_popular ul { width: 240px; margin: -10px 0 0 17px; padding: 5px; list-style: inherit; list-style-image: url(images/list_arrow.png); }
#most_popular ul li { padding: 1px 1px 1px 3px; }
#most_popular ul li:hover { background: #d6dadd; }

#twitter_updates { margin: 20px 0; }
#twitter_updates_top { height: 5px; width: 204px; margin-left: 7px; background: url(images/twitter_status_top.png) no-repeat; }
#twitter_updates_content { width: 204px; padding-top: 5px; margin-left: 7px; background: url(images/twitter_status_content_bg.png) repeat-y; font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif; font-style: italic; font-size: 13px; text-align: center; }
#twitter_updates_content p { width: 190px; margin-left: 5px; }
#twitter_updates_bottom { height: 40px; width: 247px; margin-left: 7px; background: url(images/twitter_status_bottom.png) no-repeat; }
#twitter_more { margin-left: 7px; margin-top: -16px; }

#delicious_feed { margin-top: 20px; }
#delicious_feed ul { width: 240px; margin: 3px 0 0 17px; padding: 5px; list-style: inherit; list-style-image: url(images/planet_list.png); }
#delicious_feed ul li { padding: 1px 1px 1px 3px; }
#delicious_feed ul li:hover { background: #d6dadd; }
.delicious-desc { color: #afafaf; font-size: 0.9em; }

#content_bottom { height: 13px; clear: both; background: url(images/content_bottom_bg.png) no-repeat; }

/*----------/
/   Video   /
/----------*/

.video_block { width: 590px; height: 329px; background: url(images/video_block_bg.png) no-repeat; text-align: center; margin: 20px auto; padding-top: 9px; }


/*-----------------/
/   Commentaires   /
/-----------------*/

#commentform { margin-bottom: 20px; }
#respond { margin-top: 80px; }
#commentform input { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #3e4545; font-weight: bold; }
#commentform .labels { padding: 6px; }
#commentform #author_label { margin-right:  126px; }
#commentform #email_label { margin-right:  80px; }
#commentform .facultatif { color: #afafaf; font-size: 0.90em;}
#commentform #author, #commentform #email, #commentform #url { background: url(images/comments_input_bg.png) no-repeat #f2f2f2; border: 1px solid #d6d8da; width: 172px; height: 24px; padding: 8px 8px 0 8px; margin-top: 1px; }
#commentform #author { margin-right: 1px; }
#commentform #email { margin-right: 1px; }
#commentform #comment { background: url(images/comments_textfield_bg.png) repeat-x #f8f8f8; border: 1px solid #d6d8da; width: 571px; height: 150px; padding: 10px 10px 0 10px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #3e4545; }
#commentform #submit { border: none; width: 164px; height: 36px; background: url(images/post_comment.png) no-repeat; cursor: pointer; margin-left: 433px;}
#comments_section img { position: inherit; }
#comments_section .avatar { border: 4px solid #dfe2e4; }
#comments_section .comment-content { background-color: #dfe2e4; width: 489px; margin-left: 100px; margin-top: -70px; }
#comments_section .comment-content p { padding: 15px; }
#comments_section .comment_bubble img { position: absolute; margin-top: -61px; margin-left: 82px; }
#comments_section .comment-meta { position: absolute; font-size: 0.95em; }
#comments_section .reply { position: absolute; margin-right: 200px; }
#comments_section .fn { font-weight: bold; }


#comments_section .depth-2 { margin-left: 80px; }
#comments_section .children { margin-top: 0; }
#comments_section .depth-2 .comment_bubble img { margin-left: 100px; }
#comments_section .depth-2 .comment-content { margin-left: 118px; width: 390px; }
#comments_section .depth-2 .comment-content p { margin-left: 0; }
#comments_section .depth-2 .fn { margin-left: 22px; }


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

#footer { width: 100%; height: 97px; background: url(images/footer_bg.png) repeat-x; margin-top: 60px; }
#footer a { color: #747679; }
#footer_content { width: 981px; margin: 0 auto; }
#footer_top { padding: 10px 0 0 12px; margin-right: 12px; }
#footer_logo { float: left; }
#footer_btt { float: right; }
#footer_bottom { clear: both; }
#footer_menu { float: left; padding: 12px 0 0 12px; }
#footer_menu li { display: inline; }
#footer_social { float: left; padding: 12px 0 0 190px; }
#footer_social li { display: inline; }
#footer_social li img { position: inherit; margin: 0; }
#social_links { float: right; margin-right: 10px; }
#social_links li  { display: inline; padding: 0 3px; }
#social_links li img { position: inherit; margin: 0; }


/*-------------/
/   Lightbox   /
/-------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }