/*
Theme Name: Maxime
Version: 0.1
Author: Guillaume LEBAS
*/


/************************* IMPORT ORIGINAL FONT ***************************/

@font-face{font-family:'GoodDogRegular';src: url('http://maxf66.free.fr/wordpress/wp-content/themes/Modularity%20Lite/fonts/GoodDog-webfont.eot');src:url('http://maxf66.free.fr/wordpress/wp-content/themes/Modularity%20Lite/fonts/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),url('http://maxf66.free.fr/wordpress/wp-content/themes/Modularity%20Lite/fonts/GoodDog-webfont.woff') format('woff'),url('http://maxf66.free.fr/wordpress/wp-content/themes/Modularity%20Lite/fonts/GoodDog-webfont.ttf') format('truetype'),url('http://maxf66.free.fr/wordpress/wp-content/themes/Modularity%20Lite/fonts/GoodDog-webfont.svg#CloisterBlackLight') format('svg');font-weight:normal;font-style:normal}

/************************* GLOBAL STYLES ***************************/

body{color:white;background:#111 url(images/bg.jpg) no-repeat center fixed;font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif}
.container-inner{width:950px;margin:0 auto;padding:1.75em 20px 1em 20px}
.container{margin:0 auto;width:990px;background:url(images/repeater.png) repeat}
.lteIE6 .container{background:#1a1a1a}
h1,h2,h3,h4,h5,h6{color:white}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:white}
h2,h3,h4{margin-bottom:10px;padding-bottom:5px;font-size:1.1em;font-weight:bold;line-height:1em;text-transform:uppercase;letter-spacing:2px}
h2{color:#0066FF}
h3{color:#515151}
.sub{border-bottom:1px solid #000}
a{color:#CCC;text-decoration:none;}
a:hover,a:focus{color:#0066FF}
p{margin:8px 0}

#top{width:950px;margin:0 auto 1em;padding: 0 0 .5em}

/* Masthead */

#masthead{float:left;height:36px;margin-bottom:15px}
#masthead h4,#masthead span{margin:0;padding:10px 0 0;line-height:2em}
#masthead h4{font:32px 'GoodDogRegular',Arial,sans-serif;text-transform:uppercase;float:left}
#masthead h4 a{color:white}
#masthead h4 a:hover{color:#666}
#masthead .description{clear:both;color:#ccc;text-transform:none;font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;font-size:.6em;padding:.35em 3em}

#header-image{position:relative;height:200px;margin-bottom:20px}
#header-image a{float:left;position:absolute}
#header-image a.show{z-index:5}

/* Navigation */

#top div.main-nav{background:#000;display:block;float:right;font-size:10px;font-weight:bold;margin:18px 0 0;padding:4px 0;text-align:left}
#top div.main-nav ul{list-style:none;margin:0;padding-left:0}
#top div.main-nav li{float:left;position:relative;min-width:50px}
#top div.main-nav a{border-right:1px dotted #666;color:white;display:block;line-height:15px;padding:0 1em}
#top div.main-nav li:last-child a{border:none}
#top div.main-nav a:hover{color:#0066FF}
#top div.main-nav ul li ul{position:absolute;min-width:112px;left:-999em;z-index:100;background:black;}
#top div.main-nav ul li:hover ul{left:auto;z-index:100;min-height:0}
#top div.main-nav ul .niveau1 a:hover{color:white}
#top div.main-nav ul .niveau2{float:left}
#top div.main-nav ul .niveau2 a{display:block;padding:0 1em;border-right:0;color:white}
#top div.main-nav ul .niveau2 a:hover{color:#0066FF}

/* Posts */

.content{overflow:hidden;}
.content h2{font:28px 'GoodDogRegular',Arial,sans-serif}
.linkcat{list-style:none !important}
.blogroll{font-size:0.7em;color:#999;font-style:italic}
.blogroll a{font-size:1.4em;margin-right:10px;font-style:normal}
.content li{list-style:square}
.content p{font-size:0.8em;margin-bottom:20px}
.post,.page{display:block;clear:both}
.post h4,.post h6{font-family:Georgia,serif}
.postmetadata{background:black;padding:1em;color:#999;font-size:0.6em !important;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.postmetadata a{color:#0066FF}
.postmetadata a:hover{color:white}
.page a.post-edit-link{display:block;clear:both}
.comments-nav .next a{color:#0066FF}
.comments-nav .prev a{color:#0066FF}

/* Footer */

#footer-wrap{background:black}
#footer{width:950px;padding:1.5em 0;margin:0 auto;color:#999}
#footer p{color:#999}
#footer h3{margin:0;padding-bottom:.6em;color:#999}

/* Floats & Images */

.left{float:left}
.middle{margin:0 auto;float:left}
.clear{clear:both}
.alignleft{float:left}
.alignright{float:right}
.content img,.wp-caption{max-width:100%;height:auto;width:auto}
.thumbnail{float:left;margin-right:12px}
.thumbnail img{background-color:white;border:1px solid #A9A9A9;margin:4px 0px 4px 5px;padding:4px;position:relative}
.thumbnail img:hover{background-color:#A9A9A9}
.gallery-thumbnail-box{float:left}
.gallery-thumbnail{float:left;margin-right:5px;text-align:center}
.gallery-thumbnail img{max-width:200px;height:auto;background-color:white;border:1px solid #A9A9A9;display:block;margin:4px 0px 4px 5px;padding:4px;position:relative}
.gallery-thumbnail img:hover{background-color:#A9A9A9}

/* Comments */

#comments,#respond{clear:both}
h3#comments{margin:10px 0 0;padding:20px 10px;background:black}
h3#comments span.comments-subscribe{float:right;font-size:.7em;margin-left:3px;padding-left:19px;background:url("images/rss.png") no-repeat 0 50%;color:#ccc}
h3#respond{margin:10px 0 0;padding:20px 10px;background:black}
ol.commentlist{list-style:none;margin-bottom:15px;padding:0;overflow:hidden}
ol.commentlist li .comment-wrapper{overflow:hidden;width:100%}
ol.commentlist li.pingback{margin-top:-5px;padding:1em 0}
ol.commentlist li.pingback p{margin:0}
ol.commentlist li strong.fn{padding-left:1em}
ol.commentlist li .comment-meta{width:150px;float:left;padding:15px 0}
ol.commentlist li .comment-entry{margin-left:150px;padding-left:20px;line-height:2em;min-height:160px}
ol.commentlist li .avatar{border:1px solid #000;padding:1em;margin-bottom:1em}
#commentform{margin:0 0 7px;padding:30px 150px 6px}
#commentform input[type=text]{float:left;margin-right:5px}
#commentform .comment-form-comment label,#commentform .form-allowed-tags{display:none}

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

.navigation{clear:both;margin:1em 0;overflow:hidden;width:100%}

/* =Gallerie Lightbox 
-------------------------------------------------------------- */

#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none;max-width:100%;height:auto}
#outerImageContainer{position:relative;background-color:black;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:transparent url(images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(images/prev.gif) left 60% no-repeat; }
#nextLink:hover,#nextLink:visited:hover{background:url(images/next.gif) right 60% no-repeat; }
#nextLinkText,#prevLinkText{color:#FF9834;font-weight:bold;text-decoration:none}
#nextLinkText{padding-left:20px}
#prevLinkText{padding-right: 20px}
.ontop #imageData{padding-top:5px}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:black;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}	
#imageData #caption{color:white;font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}
#imageData #helpDisplay{clear:left;float:left;display: block; }
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background:black;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline-block;width:100%}
* html .clearfix{/* Hides from IE-mac \*/height:1%;/* End hide from IE-mac */}