﻿/*
Theme Name: V5.0
Theme URI: http://www.com
Version: 5.0
Author: toto
Author URI: http://
*/
.aligncenter {margin:0 auto;display:block;}
.wp-caption-text {
    color: #CCCCCC;
    font: 0.92em Arial,Helvetica,sans-serif;
    margin: 5px auto auto;
    padding: 5px 0 0;
 text-align: center;
}
body { font:12px/18px  "Lucida Grande", Arial, Verdana; color:#a6a6a6; background:#111 url(images/ancillary.jpg)  no-repeat left top; }
a  { color:#666;text-decoration:none;outline:0; }
a:hover  { color:#eee; }
::-moz-selection { background:#662704;color:#eee; } /* FF */
::selection { background:#b02a00;color:#eee; }  /* safari */
ul { list-style:none; margin:0; padding:0; }
ol { list-style:decimal-leading-zero; }
ul.dates, ul.counts { list-style-type:none;margin:3px 0; }
ul.dates li, ul.counts li { list-style-type:none;	margin:0;padding:3px 0 3px 10px;background:url(images/li.gif) no-repeat center left; }
ul.dates .date {	color:#333;padding:0 5px 0 0;text-transform:uppercase;font:9px arial; }
ul.counts .count { float:right;color:#858585; }
ul.dates a, ul.counts a  { color:#BFBFBF;text-decoration:none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count { color:#ddd; }
.clear { clear:both; }
.left  { float:left; margin-right:8px; }
.right  { float:right;margin-left:8px; }
.pagetitle { margin:0; padding:6px 5px 20px 20px; font:bold 10px arial,verdana;color:#ccc;text-transform:uppercase;background:url(images/exclamation.png) no-repeat 0 15%; }
h3 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#eee; }
h4 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#942f25;letter-spacing:1px; }
code { font: 11px arial, "Courier New"; color:#666; padding:12px 10px;display:block; }
code::-moz-selection { background: #333; }
code::selection { background: #333; }
blockquote { color:#666; padding-top:5px; padding-bottom:5px; background: url(images/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.png) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; }
.hi { text-indent:-9999px; }
/*STRUCTURE */
#nav_post{ padding:20px 2px 2px 2px;font-size:1.2em;}
#nav_post .prec{ float:left; }
#nav_post .suiv{ float:right; }
#container   { width:904px; padding:0; margin:0; margin-left:80px; }	
#content { width:510px; float:left; /*alain padding:2px 6px 15px 6px; */
}
/* top right bottom left*/
#content_nosb    { width:850px; float:left; padding:2px 6px 15px 6px; }
#portfolio   { width:904px; float:left; margin:auto; padding:0;}
#header { margin:0; padding:0; margin-top:180px; }
#logo h1 { font:26px arial; margin:0; padding:0;}
#logo h1 a { width:900px;height:150px;float:left;margin-top:10px;text-indent:-999em; }

form input, textarea, button, text {
background:#ccc;
border:1px solid #3C1418;
color:#000;
}
input#wpcf_your_name { margin-top:20px;margin-left:30px; }
input#wpcf_email { margin-top:10px;margin-left:44px; }
input#wpcf_website { margin-top:10px;margin-left:4px; }
input#wpcf_msg{ margin-top:10px;margin-left:20px; }

#search { position:relative; margin:10px 10px; padding:5px; }
#searchform{
	float:right;
	display:block;
}
#searchform input {
	border:1px solid #4F4F4F;
	background:#333;
	margin-left: 4px;
	padding-left: 4px;
	width:80px;
	font:11px  "Lucida Grande", Arial, Verdana; color:#a6a6a6;
}
#searchform input.button {
	width:80px;
	border:1px solid #333;
	background:#151515;
}
#creditfooter{ width:1px;height:1px;}
	
#relatifs{
background:#111;
}

/* FLASH ANIMATION DIV */
#flash  {margin:0;padding:0; width:820px; }

/*SLIDER */
#a   { width:975px;height:200px;margin:0;padding:0;background:#111 url(images/extras-bg.jpg) no-repeat; border-bottom:1px solid #333;border-right:1px solid #333; }
#a ul { margin:0;padding:0; }
#b   { height:160px;margin:0;padding:0;background:#252525;border-top:1px solid #303030;border-bottom:1px solid #2f2f2f; }
#b ul { margin:0;padding:0; }

#handler  { width:975px;margin:0;padding:0; height:20px; }
#handle ul { margin:0;padding:0; }

ul#menu  { clear:both;float:right;margin:70px 10px 0 5px;padding:0; }
ul#menu li#close a { background:transparent url(images/handler.png) no-repeat left bottom; text-indent:-999em;width:50px; height:20px; display:block; padding:0; margin:0; }

#openB  { float:right; margin:5px 20px 0 0;font-size:90%; }
#closeB  { float:right; margin:5px 20px 0 0;font-size:90%; }

.expand a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat left top;display: block;float:right;width: 36px;height: 20px;padding:0;margin:0 140px 0 0; }

                     
/*TOP NAVIGATION, MENU */	
.menu  { margin:0;padding:0;height:32px;background:#040404 url(images/menu.png);font-size:11px;}
.menu ul { margin:0;padding:0;margin-left:20px;list-style:none;  }
.menu li  { margin:0;padding-top:3px;float:left; }
.menu  li a { color:#ddd;text-decoration:none;padding-left:0px;display:block;margin-right:12px;padding:4px 10px 3px 8px;border-bottom:0px; }
.menu ul li a:hover{ color:#eee;background:#333; }
.menu ul li a.active{ color:#fff;padding-left:18px; }

/* RELATED POSTS */
.relposts  { margin:0; padding:0; color:#333;}
.relposts h2  { margin:0; font:bold 11px Arial; text-transform:uppercase; color:#9d8a77; }
.relposts li { margin:0; padding:2px 0; background:url(images/left-fodler.gif) no-repeat 0 50%; }
.relposts li a { color:#666; text-decoration:none; border-bottom:1px dotted #222; }
.relposts li a:hover { color:#ccc; border-bottom:1px solid #942f25; }                                                                 
                                                                                               
                                                                                               
/*POSTS & CONTENTS */
#content .post { margin-left:2px; margin-bottom:15px; padding: 5px 6px 20px 4px; background:url(images/divider.png) repeat-x bottom; }
#content .post:hover { background:#151515 url(images/back_on.png) repeat-x top; }
#content .post h1,h2  { font:16px "Lucida Grande", Geneva, Arial, verdana; letter-spacing:-1px; margin:0;padding:0;  }
#content .post h1 a { color:#bf4d08; text-decoration:none;margin:0;padding:0;display:inline; }
#content .post h2 a { color:#bf4d08; text-decoration:none;margin:0;padding:0;display:inline; }
#content .post h1 a:hover, h2 a:hover { color:#fff; border-bottom:2px solid #bf4d08; }

#content .post small { font-size:80%; font-family:arial; text-transform:uppercase; letter-spacing:normal; display:block; }			
#content .post small a { color:#eee;text-decoration:none;}
#content .post small a:hover { color:#999; }
#content .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }

#content .entry ul li { margin:0; color:#bbb;padding:0px 0px 0px 12px;list-style-type:none;background:url(images/li.gif) no-repeat center left;}
#content .entry ol { list-style:decimal-leading-zero; }
#content .entry a  { /* modify a color of body content module */
text-decoration:underline;color:#555; }
#content .entry a:hover { color:#ddd;background:#333;text-decoration:none;  }
#content .entry img { border:1px solid #222; } /* body images styles - with 1px border hover effect */
#content .entry img:hover { border:1px solid #777; }
#content .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; } /* Smiley */
.entry{padding-bottom:20px;}

/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#bbb;padding:4px 0 4px 25px;
	background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/addcomment.png); }
h3#respond  { background-image:url(images/addcomment.png); }	
h3#trackback { background: url(images/pingback.png) no-repeat;font:bold 10px arial, verdana;text-transform:uppercase; color:#bbb;padding:3px 0 4px 25px; }
h5 { margin:0;padding:0; font:bold 12px arial; }
h5 a { color:#bdbd8d; }


ol.commentlist { list-style:none; padding:0; margin:0; }
ol.commentlist cite { font-style:normal; color:#ccc; }
ol.commentlist small { color:#666; }
ol.commentlist li { border-bottom:1px dotted #222; padding:10px; margin:0px; }
ol.commentlist li { background:#1d1d1d; }
ol.commentlist li#linkpage ul li { padding:4px 0px; float:left; }
.alt { background:#1d1d1d; }
ol.commentlist li.author { background:#2d2d2d; }
.pingback  { margin-bottom:20px; } 
ol.commentlist li span.moderate { background:url(images/notice.png) no-repeat; padding:3px 0px 3px 20px; color:#c4df9b;text-decoration:blink; }
.avatar { padding-right:5px; }

#commentform input#author,
#commentform input#email,
#commentform input#url { font-family: "Lucida grande", geneva, arial; border:1px solid #333; padding:4px 4px 4px 4px; width:150px; }

#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform #comment { width:97%; font: 14px "Lucida Grande", geneva, arial; border:1px; padding:6px;}


/* SIDEBAR */
#sidebar  { margin:0;padding:0 0 55px 0;background:#090909 url(images/mt.png) no-repeat bottom right;width:380px;float:right; }
#sidebar-me { padding:5px 15px 10px 15px; }
#sidebar-me a { color:#ddd;display:inline;background:#662704;padding:2px; }
#sidebar-me a:hover { color:#ddd;display:inline;background:#151515;padding:2px; }

#sidenote  { margin:0;padding:15px;color:#555; }
#sidenote h2.delicious-banner { display:none; }
#sidenote li a { color:#999;text-decoration:none;border-bottom:1px dotted #111; }
#sidenote li a:hover { color: #942f25;border-bottom:1px solid #111;  }
#sidenote img { border:1px solid #222; } 
#sidenote img:hover { border:1px solid #777; }
#sidenote .delicious  { width:340px; margin-top:10px; margin-bottom:15px;float:left; }
#sidenote .flickr  { margin-top:5px;padding-top:5px; }
#sidenote .flickr img  { margin:4px; width:35px;height:35px;display:block;float:left; }
#sidenote .flickr a img  { border:2px solid #333; }
#sidenote .flickr a:hover img  { border:2px solid #ccc5b0; }
/*
#sidebar .flickr a:hover img {
border:2px solid #EEEEEE;
opacity:0.9;
}
#sidebar .flickr a img {
border:2px solid #DDDDDD;
opacity:0.2;
}
#sidebar .flickr img {
display:block;
float:left;
height:45px;
margin:10px;
width:45px;
}
*/

/*  HEADER & RSS FLAG  */
#randomshit  {width:380px; height:28px;background:url(images/randomshit.png) no-repeat;}
#randomshit a {color:#eee;}
#randomshit a:hover {color:#fc0;}

 
/*SIM TAGS */
#simtag   { margin:5px; padding:10px 8px 40px 10px; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag a:link, a:visited { text-decoration:none;}
#simtag a:hover { text-decoration:underline;  }

#simtag2   { margin:0; padding:10px 0 35px 0; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag2 a:link, a:visited { text-decoration:none;color:#f40; }
#simtag2 a:hover { text-decoration:underline;  }

/* RECENT */
#BOX  { margin:20px 10px; padding:5px;}
#BOX a.hightlighted, #BOX a.hightlighted_down { background:#151515;font:10px arial; text-transform:uppercase;padding:4px;padding-left:6px;padding-right:6px;text-decoration:none; color:#999; }
#BOX a.hightlighted:hover  { background:#333; }
#BOX a.hightlighted_down { background:#662704;color:#ddd; }

#recent { margin:0; padding:0; }
#recent h2  { margin:0;  text-transform:uppercase; color:#333 }
#recent UL { padding: 5px 0;margin: 0; list-style-type: none; }
#recent li a { color:#666;text-decoration:none; }
#recent li a:hover { color: #942f25; }

#sidecomments  { margin:5px 0;padding:0;width:300px; }
#sidecomments  ul, li { padding: 0px;margin: 0; list-style: none; }
#sidecomments li a { color:#666;text-decoration:none; }
#sidecomments li a:hover { color: #942f25; }

#monthly  { padding:0;margin:0; }
#monthly ul, li  { padding: 3px 0; list-style: none;  }
#monthly li a { color:#666;text-decoration:none; }
#monthly li a:hover { color: #942f25; }

#topposts  { margin:5px 0;padding:0;width:300px; }
#topposts  ul, li { padding: 0px;margin: 0; list-style: none; }
#topposts li a { color:#666;text-decoration:none; }
#topposts li a:hover { color: #942f25; }


/*CATEGORIES */
.cat  { height:85px; padding:10px 0 10px 10px; }
.cat  ul { margin:4px 0; }	
.cat  ul li { list-style:none;padding:4px 0px; display:inline; }
.cat  ul li a:link, .cat ul li a:visited { color:#999;float:left;text-transform:uppercase; width:35%;padding:2px;font-size:10px; margin:0px 3px; }
.cat  ul li a:hover { color:#fff; background:#662704 url(images/cat-sign.gif) no-repeat 95% 50%; }


/* FEATURED */
#featured  { height:230px;margin:0;padding:0;background:#080808; }
.controls { padding:4px 2px 1px 2px; }
.controls a { background:#181818;border:1px solid #181818;display:block;float: left; height: 25px;width: 25px;margin-left:2px;margin-right:8px;padding: 2px; }
.controls b { background-color: #fff;display:block;height: 25px;overflow:hidden;text-indent: -999em;width: 25px; }
.controls a.on { border: 1px solid #999; }
.controls a:focus { outline:none;border-color:#999; }		
.boxIn { clear: both;border: 1px solid #efefef;padding: 0 10px 10px; }
.pi { padding: 5px 0;width:380px; }
.mi { color:#999;background: url(images/mask.png) no-repeat;padding: 4px;font:10px  "Lucida Grande", arial;margin: 135px 10px 10px;width: 172px; }
.mi a { color: #999;text-decoration:none; } 
.mi a:hover { color:#ddd; }

div.scroller { /* modify width and height of scrolling section if necessary	*/
	width: 380px;	height: 190px;overflow: hidden;}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/
width: 380px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#fff;}

/* BLORGOLL */
#linkpage { margin:0; padding:0;font-size:90%;}
#linkpage h2 { font:bolder 10px arial;color:#999;text-transform:uppercase;margin:0; padding:10px 0; }
#linkpage li { float:left; }

/* FOOTER */
#footer { color: #999; margin-left:110px; width:430px; padding:10px 8px 10px 12px; }
#sbm { clear:both; padding:5px 0 0 15px; font-size:10px;  }
#sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #111; }
#sbm a:hover { color: #942f25; border-bottom:1px solid #111; }
#sbm img { display:none; }


/* FEED COUNTS */
.feedcountdiv { margin:0;padding:0; float:left;padding:0; font-size:80%;margin-left:10px; height:35px;background:url(images/rss.png) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#666; border-bottom:1px dotted #222; }
.feedcountdiv a:hover { text-decoration:none; color:#eee; border-bottom:1px solid #bf4d08; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-left:38px;font:bold 17px Arial, Helvetica, sans-serif; }

/* * 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(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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; }
#footer{height:20px;}

