/*
Theme Name: db prods Mars Edition

Description: Transition by Damia Bouic.
Version: 3.0
Author: Damia Bouic
Author URL: http://db-prods.net/blog/
	
	Please, while using this Wordpress Theme, if you find any bugs, contact me:
	dabouic@gmail.com

*/

/*- Page Structure */

body {
	font: 62.5% 'Play', 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background:url('theme/Banniere_V5_MSL_Sol1384.jpg') repeat-x right top,
    url('theme/footer_bg.jpg') repeat-x center bottom;
    background-color:#ae925d;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	text-align: left;
	width: 100%;
    /*max-width:1920px;*/
    /*border:1px solid #333;*
    border-top: 1px solid #666;*/
    /*box-shadow:0 0 10px #000;*/
    background-color:rgba(30, 10, 05, 0.6);
    /*margin:0 30px 0 30px;*/
	}

#footer {
	font-size: .9em;
	line-height: 0.5em;
	width:100%;
	height:60px;
	background: url(theme/credits_footer.png) no-repeat center;
	text-align: center;
	}

#footer a {
	color: #FFF;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	font-weight: bold;
	}

#header {
	text-align:left;
	max-width: 1000px;
	position: relative;
	height: 216px;
	/*background: url(theme/Sol3_Mastcam34_MarsroversImages_V5.1.png) no-repeat center;*/
    /*background-color:rgba(150, 100, 50, 0.4);*/
	padding: 10px;
    margin:30px 30px 0 30px;
    /*border:1px solid #333;
    border-top: 1px solid #666;
    box-shadow:0 0 15px #000, inset 0 0 60px #000;*/
	}

#dossiers li {
    display:inline-block;
    font-size:1.8em;
	margin:5px;
	padding:5px 20px;
    text-align:center;
    text-shadow: 0px 1px 0px #666, 0px 2px 2px #000, 0px 4px 5px #000, 0px 6px 8px #000, 0 -3px 8px #aaa;
	border-radius:30px;
    /*height:50px;
    width:1024px;
	widht:100%;*/
    background:rgba(250, 120, 120, 0.2);
    transition-property: height, width, background, box-shadow;
    transition-duration: 1s;
    -webkit-transition-property: height, width, background, box-shadow;
    -webkit-transition-duration: 1s;
    overflow:hidden;
    border-top:1px solid #ccc;
    box-shadow:0px 2px 5px #000;
    }
    
#dossiers li.dossier_courant {
    background:rgba(30,5,5,0.6);
    }
    
#dossiers li.dossier_courant:hover {
    background:rgba(30,5,5,0.4);
    box-shadow:2px 0 20px #000 inset;
    }
    
#dossiers li img {
    border:5px solid #fff;
    box-shadow:2px 0 5px #000;
    margin:5px;
    }

#dossiers li:hover {
    background:rgba(30,5,5,0.6);
    box-shadow:2px 0 20px #000 inset;
    /*height:250px;*/
    }    
    

#galerie_archive {
	text-align:center;
    display:inline-block;
	}

#galerie_archive img {
    border:1px solid #111;
    border-top:1px solid #333;
    box-shadow: 0 2px 5px #000;
    transition-property:box-shadow;
    transition-duration:0.5s;
    -webkit-transition-property:box-shadow;
    -webkit-transition-duration:0.5s;
    }

#lastpic img {
    margin:20px;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px #000;
    transition-property:box-shadow;
    transition-duration:0.5s;
    -webkit-transition-property:box-shadow;
    -webkit-transition-duration:0.5s;
    }

#lastpic img:hover {
    box-shadow: 0 5px 20px #000;
    }
    
.tiroirmenu {
    display: block;
    }

.tiroirmenu a {
    color:#ccc;
    }

.tiroirmenu a:hover{
    color:#333;
    }
    
.tiroirmenu img {
    margin:-8px;
    }

.tiroir {
    padding: 5px;
    border: 1px solid #666;
	border-top: 1px solid #333;
	border-bottom: 1px solid #999;
	border-radius: 5px;
    box-shadow: 0 2px 5px #000 inset;
    }

.tiroir_all {

    border: 1px solid #666;
	border-top: 1px solid #333;
	border-bottom: 1px solid #999;
	border-radius: 5px;
    }


#cntdc​9​3​4​f​c​1​2 {
	color: white;
    text-shadow: 0px 3px 3px #000;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 75px;
	margin: 0 0 0 40px;
	width: 100%;
    }

#souscategories {
	width: 450 px;
	position : relative;
	top:0px;
	padding:0px;
	height: 25px;
	}
	
.primary {
	padding: 5px 0 5px;
	margin: 0 10px 0 10px;
	}

.primary img {
    vertical-align: middle;
	margin-left: 5px;
	max-width: 100%;
	}
	
.primary a img {
	margin-left: 5px;
	max-width: 100%;
	}
	
.primary a:hover img {
	margin-left: 5px;
	max-width: 100%;
	}

.wp-caption {
	background-color: #333;
	padding-top:4px;
	font-style: italic;
	font-size: 10px;
    text-align: center;
	border: 1px solid #333;
	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	border-radius: 4px;
	}

.secondary {
	font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;
	padding: 0px 0 10px;
	color: #666;
	width:100%;
	position: relative;
	}
	
.vertical {
	vertical-align:top;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

/*- Main Menu in Header */

#menubar {
	position: fixed;
    top:0px;
	left: 0px;
	width: 100%;
    height:auto;
    text-align:center;
    /*background-image:url(theme/2011-menu-fill_rouge_.png);
    background-position:bottom;
    background-repeat:repeat-x;*/
    background-color:rgba(90,15,15,0.3);
    /*border-bottom: 1px solid #ccc;*/
    z-index:1000;
    /*box-shadow: 0px 1px 10px #000;*/
    }
    
    
/*@media screen and (min-width: 300px) and (max-width: 500px) {

    body {
    max-width:400px;
    }
    
	#menubar {
	max-width:480px;
	}
    
    #header {
	max-width: 400px;
	height: 250px;
	background-image: url(theme/Sol3_Mastcam34_MarsroversImages_V5.1_banniere.jpg);
    background-repeat:repeat-x;
    background-position:center;
    background-size:100%;
	padding-bottom: 5px;
	}
    
    #footer {
    max-width:450px;
    }
    
    #page {
	text-align: left;
	max-width: 450px;
	}

    #footer {
	}
    
}*/
         
#logo {
    position: absolute;
    /*left:10px;*/
    top:1px;
    width:31px;
    height:25px;
    display:inline-block;
    }

div.dblogo {
    left:0%;
    width:31px;
    height:25px;
    background-image:url(theme/db-rings.png);
    }

    div.dblogo:hover {
    background-image:url(theme/db-rings-pressed.png);
    }

ul.menu {
    margin: -4px 30px;
	padding: 0px;
	}

ul.menu li {
	display: inline-block;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 12px 5px;
    display:inline-block;
	}

ul.menu li a {
	font: 1.8em 'Play', Lucida Grande,Verdana, Helvetica, Arial, Sans-Serif;
	text-shadow: 0px 2px 2px #000;
	/*font-weight:bold;*/
	color: #fff;
	margin: 0;
	transition-property:background, text-shadow, color, box-shadow;
	transition-duration:1s;
    }

ul.menu li a:hover {
    /*background:linear-gradient( to bottom, #330000, #110000);*/
	background:#330000;
	color: white !important;
	text-decoration: none;
    text-shadow:  0px 0px 5px #eee;
    box-shadow: inset 0 0 5px #000;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: white !important;
    background:#330000;
	text-decoration: none;
    text-shadow: 0px 0px 5px #eee;
	border-radius: 2px;
    box-shadow: inset 0 0 5px #000;
	}

ul.menu li.sidebar_actif a {
    background:#330000;
    }

.admintab {
	position: relative;
	}

.apropos {
	position: absolute;
	right:20 px;
	}	


/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Play', Lucida Grande, 'Trebuchet MS', Verdana, Sans-Serif;
    text-shadow: 0px 1px 0px #666, 0px 2px 2px #000, 0px 4px 5px #000, 0px 6px 8px #000, 0 -3px 8px #aaa;
	}

h1:first-letter {
    font-size:1.6em;
    }

h3:first-letter {
	font-size:1.2em;
}
    
h2 {
    display:block;
    background-image: url(theme/h2_fond.png);
    background-repeat: no-repeat;
    padding:5px;
    }

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 15px;
	margin: 0 0 0 0px;
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 15px;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 15px;
	width: 27px;
	border: none;
	position: absolute;
	right: 0;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #ccc;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}


/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primary .item .itemtext {
	font: 1.5em 'Play', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #ddd;
    text-shadow: 0px 1px 0px #000;
	}
    
.itemtext p:first-letter { 
	font-size:1.5em;
	color: #fff;
    text-shadow: 0px 1px 1px #000, 0px 1px 3px #000, 0px -2px 3px #999;
    margin-left:10px;
}

.itemtext li {
    margin-left:25px;
    }

.HL {
    font-weight:bold;
    color:#ffff33;
    text-shadow:0 0 4px #cccc33;
    }

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 4px;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}


/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
        text-decoration: none;
        color:#ffff88;
        text-shadow: 0px 0px 5px #ffff88;
	}

h2 a:hover, h2 span a:hover {
	color: #ffff88 !important;
	}

a {
	color: #ffff00;
	text-decoration: none;
    font-size:1.5em;
    transition-property:text-shadow, color;
	transition-duration:0.5s;
    }

	a img { border:0; }

.itemtext a:visited {
	color: #cccc88;
	}

/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin-left: 0px; /* IE Fix */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}


/*LIGHTBOX 2 <<<<<<<<<<<<<<<<*/

#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-image: url(theme/gris-semitransp.png); 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(lightbox2/images/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox2/images/next.png) right 15% no-repeat; }

#imageDataContainer{ font: 16px 'Play', Lucida Grande, Verdana, Helvetica, sans-serif; background-image: url(theme/gris-semitransp.png); margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #ccc; }
#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;}