/*  
Theme Name: nCatch
Version: 1.0.0
Author: Erwan
Author URI: erwan.me
*/

/*************************************
 +Containers
 *************************************/
img {border: none; }
body{
	background: #000 url(images/fond.png) repeat-y 50% 0;
	color:#333;
	font-family:  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
#wrap{ 
	margin:0 auto;
	text-align:left;
	width:980px;
}
#content{
	font-size:9pt;
	float:left;
	padding: 0  0 5px 5px;
	width:640px;
	text-align:justify;
}

#sidebar{
	font-size:1.1em;
	float:right;
	width:310px;
}

#header{
	padding:1em 0;
	width:980px;
}
#headerleft{ float:left;width: 200px;}

#headerright{ position: relative; float:right; text-align:right; width: 700px; padding: 10px 80px 0 0;}	
#headerright .flickr_survol { display: none; position: absolute; top : 20px; right: 0px }
#headerright img { padding: 5px 0 0 5px ;}



#mygallery{
float:left;

}
#pann{
	width:980px;
	height:270px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	margin-top:10px;
	padding-top:10px;
	float:left;
}
#footer{
	background:#ccc url(images/corde.png) repeat-x;
	color:#666;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
	width: 980px;
	height: 170px;
	margin: 0 auto;
}
#footer h2 { color: white; font-size: 18pt; height: 40px;}

/* main menu */


#menu {
	background:#fff;
	font-size: 11pt;
	width:980px; 
	overflow:hidden;
	padding-top: 20px;
	float:left;
}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color: #999;
	display:block;
}

#menu ul li a:hover {
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	background: #2F3540;
	color:#fff;
	text-decoration:none;
}
.current-cat a, .current_page_item a { color: #222 !important;}
.current-cat a:hover, .current_page_item a:hover { color: #fff !important;}

.vignette_home { height: 222px; width: auto; }
.vignette { height: 70px; width: auto; }
.liste {width: 330px; }
.dbem_events_list {font-size: 9pt; }
#social { margin: 10px  10px 0 20px}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}
.entrytitle h2{
	font-size:2.0em;
}
.entrytitle h2 a
{
	color:#2F3540;
}
.entrytitle h2 a:hover{
	color:#590202;
}
.entrytitle h3{
	font-size:0.8em;
	color:#999;
}
#sidebar h2{
	padding:10px 0 5px 3px;
	border-bottom:2px solid #ccc;
	margin-bottom: 10px;
}
/*************************************
 +Entry
 *************************************/
.thumb img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 7px;
	border: 1px solid #E9E9E9;
	background-color: #f7f7f7;
	width: 181px; height: 100px;
}
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	padding:3px;
	padding-left:0px;
}
.filedto{
	padding:3px;
	padding-left:5px;
}
.commentslink{
	padding:3px;
	padding-left:5px;
}
.navigation{
float:right;
}
/*************************************
 +Sidebar
 *************************************/
#sidebar ul{list-style-type:none;margin:0;padding:0;}
#sidebar li {list-style: none; padding-bottom:2px;;display: inline;}
#sidebar li a {display: block; border:1px solid #f2f2f2; padding:8px 10px 8px 15px}

#sidebar_top li { display: list-item; margin: 0 0 10px 0; padding: 0;}
#sidebar_top li a { display: inline; margin: 0; padding: 0;}
#sidebar_left {float: left; width: 163px; margin-bottom: 10px; border-right:2px solid #fff; }
#sidebar_right {float: left; width: 163px; margin-bottom: 10px;}


.featlist 
{
	width:260px;
}
.featlist {	float: left; }
#twitter { position: relative; width: 260px; float: right; padding-right: 20px;}
#twitter h2 { font-size:1.6em; padding:10px 0 5px 3px; border-bottom:2px solid #ccc;}
#twitter .twitter_survol { display: none; position: absolute; top : -50px; right: -10px }

#youtube { position: relative; width: 230px; float: left; }
#youtube h2 { font-size:1.6em; padding:10px 0 5px 3px; border-bottom:2px solid #ccc;}
#youtube .youtube_survol { display: none; position: absolute; top : -50px; right: -60px }
#youtube h3 { font-size: 1em; }

#calendrier {position: relative; }
#calendrier .calendrier_survol { display: none; position: absolute; top : -50px; right: -20px }

.sociable { padding-top: 8px; float: right; width: 150px; }

.featlist h3 {
margin-top:10px;
font-weight:bold;
font-size:9pt;
	}
.polaroid
{
	background: url(images/polaroid.png) no-repeat;
	width: 150px;
	height: 200px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	text-align: center;
	padding-top: 15px;
}
.polaroid table { 
	text-align: center;
	margin: 0 auto;
	height: 170px;
}
.polaroid img 
{ 
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #333;
	width: 110px;
	height: auto;
	max-height: 150px;
}
.fblock h2{
	margin: 6px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow:hidden;
	height:12pt;
	line-height:15px;
}

.fblock 
{	
	width: 325px;
	float:left;
	margin: 5px 0px 0px 0px;
	padding:0px 0 0 0;
	display:inline;
}


.fblock p{
	margin:5px 5px;
	color:#ccc;
}


.fblock img {
	float:left;
	border:1px solid #ddd;
	margin:5px 5px 5px 5px;
	padding:0 0;
	}
	
.fcats{
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:1px 0 0px 0;
	height:15px;
}
.fcats a:link,.fcats a:visited {
	overflow:hidden;
	font-size:12px;
	color:#83A1AF;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
	height:13px;
}	
.auth{
	overflow:hidden;
	font-size:8pt;
	color:#999;
	padding: 3px 0 0 0px;
	margin:2px 0 0px 0;
}	

.fmeta{
	overflow:hidden;
	font-size:7pt;
	color:#999;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
		
}

.fmeta a:link,.fmeta a:visited{
	overflow:hidden;
	font-size:12px;
	color:#3a6e98;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}

.fmeta a:hover{
	overflow:hidden;
	font-size:12px;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}

/*************************************
 +About
 *************************************/

#about{
	padding: 10px 20px 5px 20px;
	height: 75px;
	text-align: center;
}

#about a{
	color: #A62F03;
}

#about p.text{
	padding: 10px 0px;
	font-size: 9pt;
	line-height: 12pt;
	color: #999;
	margin:0;

}
 img.avatar{
	float: left;
	margin:0 5px 5px 5px;
	width: 130px;
	/*height: 90px;*/
}
#about img.avatar{
	float: right;
	max-height: 75px;
	max-width: 75px;
	margin:5px 0 0 5px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
	background:#ddd;
	border:1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
}
.alt{
	background:#eee !important;
	border:1px solid #ddd !important;
}
h3#comments{
font-size:1.6em;
}


/*************************************
 +Search
 *************************************/

#searchform{
	display: inline;
	float: right;
	padding:0;
	}

#searchform input#s{
	margin:0;
	background: url(images/search.png) no-repeat right 5px;
	padding:10px;
	border:1px solid #ddd;
	width:200px;
	font-size:pt;
	color: #Ccc;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	
	}



/*************************************
 +ads
 *************************************/

.ads{
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	width:325px;
	float:left;
	background:#f2f2f2;
}

.ads a, .ads img, .ads img a{
border:none;
}

.ads ul {
   	 margin: 0px 0px;
	 padding: 0px 9px;
	 overflow: auto;
	 list-style:none;
}
	 
.ads ul li{
	margin: 0px 0px 0 0;
	padding:13px;
	list-style:none;
	display : block;
	float:left;
}

.ads li a:link, .ads li a:visited {
	text-decoration: none;
}



/*************************************
 +pagination
 *************************************/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #ccc;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #ccc;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #3366CC;
	color: #000000;
	background-color: #FFFFFF;
}

/*************************************
 +Misc
 *************************************/
a{
	color: #3a6690;
	text-decoration:none;
}
a:hover{
	color:#A62F03;
}

pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

hr {
color:#f2f2f2;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}		
.sticky  {
background: #FACB25; /* Change the background of the sticky post */
color:#000000; /* Change the font color of the sticky post */
}

.ec3_events { color: #333 !important; font-size: 9pt !important;}
.ec3_list { color: #333 !important;  font-size: 9pt !important;}
.ec3_list_day { color: #333 !important;  font-size: 9pt !important;}
.ec3_list_day a { color: #333 !important;  font-size: 9pt !important;}