/*

Theme Name: Dark

Theme URI: http://justintadlock.com/wordpress/options

Description: A dark mixture of blacks and grays.

Author: Justin Tadlock

Author URI: http://justintadlock.com

Version: 1.2

*/

*{margin:0; padding:0}

body{color:#000; background:#f3f4f3 url(images/background.jpg) repeat-x top; font:80% Arial,sans-serif; text-align:center}

#body-container{width:942px; margin:0px auto 0 auto; padding:0 10px; background:#f3f4f3 url(images/fond.jpg) no-repeat top center}

#extra-container{margin:0 auto}

p{margin:15px 0}

p.note{margin:20px 20px 0; padding:10px 20px 10px 70px; border-top:2px solid #9c429c; border-bottom:2px solid #9c429c; background:#fff url(images/note.png) no-repeat 5px 10px}

ul li{list-style-type:none}

.entry ul{margin-bottom:15px; padding-left:10px}

pre, code, pre code{font-size:1.1em}

input{color:#000; background:#c1cae7; border:0px solid #323232}

.entry input{color:#fff; background:url(images/bg_bottom0.png); border:0px solid #69376d; padding:4px}

.entry input:hover{color:#fff; background:#3a2c07; border:0px solid #69376d; padding:4px}

submit{color:#fff; background:url(images/bg_bottom0.png); border:1px solid #323232}

object{padding:0; margin:0}

a{color:#3a2c07; text-decoration:none}

a:hover{color:#ab10a5; text-decoration:none}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:normal; color:#4F4FFF}

h1{font-size:2em}

h2{font-size:1.5em}

h3{font-size:1.4em}

h4{font-size:1.3em}

h5{font-size:1.2em}

h6{font-size:1.1em}

#content h2, #content h3, #content h4, #content h5, #content h6{margin-bottom:15px}

#content post-title, #feature .post-title, #full-posts .post-title, #comments-template h3{font-family:'Georgia','Times','Times New Roman',serif; margin:0}

.left{float:left; margin:0 10px 10px 0}

.right{float:right; margin:0 0 10px 10px}

.center{margin:10px auto; display:block}

#container{float:left; width:920px; padding:10px; background:transparent; border:0px solid #fff; text-align:left}

#header-container{height:168px; width:941px; background:transparent}

#header{float:right; width:100%; height:165px; text-align:left}

#header h1{float:left; width:600px; font-weight:bold}

#header h1 a{margin:0 0 0 0px; width:940px; height:168px; display:block}

#header h1 a span, #header h2{display:none}

#header h2{float:left; clear:left; font-size:1.1em; margin:3px 0 0 10px}

#feed{float:right; width:85px; height:22px; padding:48px 0 0 0}

#feed li{display:inline}

#feed li a{float:left; width:34px; height:22px; display:block}

#feed li.feed-url a{background:url(images/dark-feed-header.jpg) no-repeat 0 0}

#feed li.feed-email a{background:url(images/dark-email-header.jpg) no-repeat 0 0}

#feed li.feed-url a span, #feed li.feed-email a span{display:none}

#navigation, #sub-navigation{float:left; text-transform:uppercase; letter-spacing:.03em; text-align:left}

#navigation{width:942px; font-size:.8em; background:transparent}

#sub-navigation{width:940px; font-size:.9em; background:transparent; border:0px solid #252525; border-bottom:none; margin:5px}

#navigation.nav-search{width:740px}

#nav{float:left; padding:0 0 0 13px; background:transparent}

#nav li, #sub-nav li{float:left}

#nav li li, #sub-nav li li{float:left; width:150px; background:#fefefe}

#nav a, #sub-nav a{display:block}

#nav a{color:#fff; padding:12px 16px}

#sub-nav a{color:#e2e2e2; padding:7px 17px}

#nav li li a, #sub-nav li li a{color:#333; background:#fefefe; float:none}

#nav li li a{margin:3px 5px; padding:6px 10px}

#sub-nav li li a, #sub-nav li li.current-cat a{margin:3px 5px; padding:4px 7px}

#nav li.current_page_item a, #sub-nav li li.current-cat a{color:#a24590}

#nav li.current_page_item li a, #sub-nav li.current-cat li a{color:#333; background:#666}

#sub-nav li.current-cat a{background:#666}

#nav a:hover{color:#a24590}

#nav a:hover, #nav li.current_page_item a:hover{color:#a24590; background:transparent}

#sub-nav a:hover, #sub-nav li.current-cat a:hover{color:#fff; background:url(images/nav_cat_sub.png) repeat}

#nav li li a:hover, #nav li.current_page_item li a:hover{color:#fff; background:url(images/bg_bottom0.png; )}

#sub-nav li li a:hover, #sub-nav li.current-cat li a:hover, #sub-nav li li.current-cat a:hover{color:#fff; background:url(images/bg_bottom0.png)}

#nav li.highlight a, #sub-nav li.highlight a{color:#333; background:#url(images/nav_cat_sub.png) repeat}

#nav li ul, #sub-nav li ul{position:absolute; width:10em; left:-999em; z-index:999}

#nav li:hover ul, #sub-nav li:hover ul{left:auto; display:block}

#search{float:right; width:185px; margin-right:15px}

#search form{float:right; margin:0 0 0 0; padding:0 0 0}

#search input#s{width:170px; margin:0; padding:5px}

#search .search-submit{display:none}

#home, #content{width:590px}

#no-sidebar{width:900px}

#home.right, #content.right, #sidebar.right{margin:0}

#home.left, #content.left, #sidebar.left{margin:0}

img, .post img{margin:10px; background:#222; border:0px solid #333}

a img{border:none}

#author-box img, .author .avatar{float:left; width:100px; height:100px; margin-right:10px}

.single img, .attachment img{max-width:98.5%}

.annonceswidget img{margin:opx; width:300px; height:250px; margin-left:0px; float:center}

#feature img, #features-numbers img{width:300px; margin:0 10px 0 0}

html>body #feature img, html>body #features-numbers img{max-width:300px; width:auto; margin:0 10px 0 0}

img.thumbnail{float:left; width:120px; height:120px; margin:0 10px 20px 0}

img.medium{float:left; margin:0 10px 5px 0}

#home .flickr img, #gallery-stream img{margin:1px 15px 1px 0; width:75px; height:75px}

.section-header, .menu h2{font:1em Arial,Tahoma,Verdan,sans-serif; color:#fff; background:#7a567a url(images/bg_bottom0.png); border:1px solid #222; padding:3px 5px; margin:0 0 10px 0}

.section, #content .post, #excerpts .post, #full-posts .post, .paged .post{overflow:hidden; width:568px; margin:0 0 10px 0; padding:10px 0; background:#fff}

#no-sidebar{float:left; margin:0}

html>body #no-sidebar .post, html>body #no-sidebar #comments-template, html>body #no-sidebar .section{width:898px}

#no-sidebar .post, #no-sidebar #comments-template, #no-sidebar .section{width:878px; margin:0 0 10px 0; padding:40px; border:1px solid #1b1b1b; background:#eaeaea}

#content .post, #home.paged .post{border:1px solid #eaeaea; padding:10px}

.breadcrumb{border:1px solid #eaeaea; padding:10px}

#author-box{border:1px solid #eaeaea; padding:10px}

.navigation-links{border:1px solid #eaeaea; padding:10px}

.navigation-links .previous{float:left; width:50%}

.navigation-links .next{float:right; width:50%; text-align:right}

.attachment-image{max-width:99%; margin:15px auto; display:block}

.navigation-attachment{float:left; width:100%}

.navigation-attachment img{max-width:150px; max-height:150px}

.navigation-attachment .left{float:left; width:160px}

.navigation-attachment .right{float:right; width:160px; text-align:right}

#related{border:1px solid #1b1b1b; padding:10px}

#related ul{width:100%}

#related ul li{list-style-type:none}

div.cloud{padding:10px; border:1px solid #eaeaea}

#excerpts, #full-posts{width:590px; padding:0; margin:0; background:transparent}

#excerpts .post, #full-posts .post{padding:10px; border:1px solid #eaeaea}

#myGallery{width:588px; height:240px; margin:0 0 10px 0; padding:0; border:1px solid #eaeaea}

#myGallery .imageElement{display:none}

#myGallery h3, #myGallery h2{font-size:1.5em}

#feature{padding:10px; border:1px solid #eaeaea}

#home-custom-1, #home-custom-2, #home-custom-3{padding:10px; border:1px solid #eaeaea}

.single object{width:570px; height:450px}

#post-blocks{width:590px; background:transparent; padding:0; margin:-10px 0 10px 0}

#post-blocks .post{width:268px; margin:10px 0 0 0; padding:10px; background:#eaeaea; border:1px solid #76b0f2}

#post-blocks .even{float:right; clear:none}

#post-blocks .odd{float:left; clear:both}

#post-blocks .post-title{margin:0 0 5px 0; font-size:1em}

#post-sections .section{padding:10px; border:1px solid #76b0f2}

#post-sections .post-title{font-size:1em}

#post-tabs .tab-content, #post-block-tabs .tab-content, #post-list-tabs .tab-content{width:588px; padding:0}

#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title{font-size:1em}

#post-block-tabs .post, #post-list-tabs .post{width:270px; padding:10px}

#post-block-tabs .even, #post-list-tabs .even{clear:none; float:right}

#post-block-tabs .odd, #post-list-tabs .odd{clear:both; float:left}

#post-tabs{background:transparent; width:590px; padding:0}

#post-tabs .post{margin:10px}

#post-block-tabs{background:transparent; width:590px; padding:0}

#post-block-tabs .tab-content{padding:0}

#post-list-tabs{background:transparent; width:590px; padding:0}

#post-list-tabs .tab-content{padding:0}

#post-list-tabs .tab-content li{margin:6px 0 6px 8px}

#post-list-tabs .tab-content li a{display:inline}

#features-numbers, #video-numbers{background:#eaeaea; width:590px; padding:0; border-top:1px solid #161616}

#features-numbers .tabbed div.tab-content, #video-numbers .tabbed div.tab-content{width:568px; top:0; border-bottom:none}

#features-numbers ul.tabs, #video-numbers ul.tabs{width:588px; display:block; clear:left; overflow:hidden; background:#eaeaea; border:1px solid #161616}

#video-tabbed object{width:570px; height:450px}

#video-tabbed{padding:10px; border:0px solid #3d280e}

#video-tabbed .video-list{float:right; width:100%}

#video-tabbed .video-list ul{width:100%}

#video-tabbed .video-list li{margin:0 0 5px 0; border:0px solid #222}

#video-tabbed .video-list li a{display:block; padding:10px; background:#fff}

#video-tabbed .video-list li a:hover{color:#000; background:#eaeaea}

#video-tabbed .video-list li a.tab-current{color:#000; font-weight:bold}

#video-tabbed div.video{clear:none; float:right; width:100%}

div.v{display:none}

#home .flickr, #gallery-stream{width:578px; padding:10px 0 10px 10px; border:1px solid #eaeaea}

#home .flickr .section-header, #gallery-stream .section-header{margin-right:10px}

#sidebar{width:320px}

.menu{width:93%}

.tabbed{width:100%}

#sidebar .menu, #sidebar .tabbed{margin:0 0 10px 0}

#sidebar .menu, .tabbed{padding:10px; float:left; overflow:hidden; background:#eaeaea; border:1px solid #eaeaea}

#sidebar .tabbed ul{margin:0; padding:0}

#sidebar .menu ul li a, .tabbed div ul li a{color:#3d2a09; display:block; padding:2px 0}

.menu div li, .menu div li li, #sidebar .tabbed div li, #sidebar .tabbed div li li{margin:0; padding:0; float:left; width:100%}

#sidebar .menu li li a, .tabbed div li li a{display:block; padding:2px 0 2px 8px}

#sidebar .menu ul li a:hover, .tabbed div ul li a:hover{color:#4a344a}

#feed-sidebar li a{height:15px; display:block; text-indent:25px; margin-bottom:3px}

#feed-sidebar li.feed-url a{background:url(images/dark-feed-sidebar.jpg) no-repeat 0 .2em}

#feed-sidebar li.feed-email a{background:url(images/dark-email-sidebar.jpg) no-repeat 0 .2em}

#sidebar ul.recent-comments li{margin:5px 0}

#sidebar ul.recent-comments li a{display:inline}

#sidebar .video h3{font-size:1em; margin:5px 0 0 0}

#sidebar .ads p{margin:0; padding:0}

#sidebar .ads a img{border:none; padding:0}

#sidebar .ads img{width:125px; height:125px; margin:3px 10px 3px 11px; border:none; padding:0}

#sidebar .ads img.last{margin:0}

#sidebar .gallery-stream img, #sidebar .flickr img{width:75px; height:75px; margin:3px 8px 3px 8px}

#sidebar .subscribe div{padding-left:2px}

#sidebar .search input{width:96%; padding:5px; margin:0}

#sidebar .search input.search-submit{display:none}

#sidebar .recent .post{float:left; width:100%; margin:0 0 10px 0}

#sidebar .entry{padding:0}

#sidebar .recent h3{font-size:.9em; margin:0 0 1px 0}

#sidebar .recent h3 a{font-weight:bold}

#sidebar .recent p{font-size:.9em; line-height:1.4em; margin:0; padding:0}

.tabbed{padding:0; background:transparent; border:none}

.tabbed ul.tabs{position:relative; top:0; left:0; z-index:5; list-style-type:none}

.tabbed ul.tabs li{display:inline}

.tabbed ul.tabs li a{color:#fff; float:left; display:block; margin:0 .25em 0 0; padding:5px .6em; background:#1b1b1b; border-width:1px 1px 0 1px; border-style:solid; border-color:#161616}

.tabbed ul.tabs li a.t4{margin:0}

.tabbed ul.tabs li a:hover{background:#353535; text-decoration:none}

.tabbed ul.tabs li a.tab-current{background:#eaeaea}

#sidebar .tabbed div.tab-content{float:left; width:93%}

.tabbed div.tab-content{float:left; overflow:hidden; clear:left; z-index:0; margin-top:-1px; height:100%; padding:5px 10px 10px 10px; background:#eaeaea; border:1px solid #1b1b1b}

div.t2, div.t3, div.t4, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8{display:none}

#comments-template{overflow:hidden; width:568px; margin:0 0 10px 0; padding:10px; background:#eaeaea; border:1px solid #eaeaea}

#comments-template img{padding:0; background:transparent; border:none}

#comments-template ol{list-style-type:none; margin-top:10px}

#comments-template ol li{width:97.5%; overflow:hidden; margin:0 0 10px 0; padding:5px 1%; background:#fff; border:1px solid #b694c2}

#comments-template .avatar{float:left; width:40px; height:40px; margin-right:10px; padding:2px; background:#333}

#comments-template ol li .comment-meta-data{float:left; margin-top:2px; font-weight:bold}

#comments-template ol li .comment-meta-data a.time{float:left; clear:left; margin-top:4px; color:#000; font-size:.95em}

#comments-template ol li .comment-text{clear:left; padding:10px 10px 0 10px}

#comments-template input{color:#000; width:50%; padding:5px; background:#fff; margin:0}

#no-sidebar input{width:25%}

#comments-template textarea{color:#000; width:97%; padding:7px; background:#fff; border:1px solid #323232}

#comments-template input.submit-comment, #comments-template input.reset-comment, .button{width:150px; padding:7px; margin-right:10px}

.feedcountdiv p{padding-top:15px; margin-top:5px}

.feedcount{text-align:center; padding:3px; background-color:#ee7d00; background:url(http://www.mapelli.info//images/rss-stripes.png) repeat; color:#fff; font-weight:bold; -moz-border-radius:3px; border:2px solid #cc5b00}

.subscribers{background-color:#cc5b00; color:#fff; padding:0px 2px 0px 2px}

#footer{clear:both; overflow:hidden; width:942px; text-align:left; margin:5px 0 15px 0; background:url(images/nav-cat.gif)}

#footer p{color:#fff; margin:5px 5px 5px 5px; line-height:1em}

#footer a{color:#3a2c07}

#footer a:hover{color:#eaeaea}

#footer p.left{width:75%}