/*  
Theme Name: Le peuple des connecteurs 9
Theme URI: http://wordpress.org/
Description: Le peuple des connecteurs
Version:1.0
Author: Thierry Crouzet
Author URI: http://blog.tcrouzet.com
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
ol,ul{list-style-type:none}
body{line-height:1em}

/* bodystyle  */
body{color:#000;margin:0;padding:0;background:#FFF}

/* fonts */
body{font-family:Georgia,"Bitstream Charter",serif,Arial,'Trebuchet MS','Lucida Grande',Verdana,Sans-Serif}
h1,h2,h3,h4,div.t,.postdate,#footer,div.menu,.postmetadata,small,#comment cite,.pagination{font-family:"Helvetica Neue",Arial, Helvetica,"Nimbus Sans L",sans-serif}
code{'Courier New', Courier, Fixed}

/* fonts size */
body{font-size:0.9em;line-height:1.3em}
small{font-size:0.8em}
#sidebar,.postmetadata{font-size:0.9em;line-height:1.4em}
#footer{font-size:0.8em;line-height:1.4em}
#footer h2{font-size:1.4em}
#header #topbox p{font-size:0.9em}
p{font-size:1em}
h2{font-size:1.5em;line-height:1em}
h3{font-size:1.1em}
.ftn{font-size:0.8em}
.postdate{font-size:0.8em}
#sidebar .box h2{font-size:0.9em}
.gray {font-size:0.8em;color:#ccc}
#une{font-size:0.9em}

/* layout */
#wrapper{margin: 0 auto;width:90%;background:#fff}
#header,#footer,#une{padding: 0 5%;width:90%;clear:both}
#content{float:left;width:570px;overflow:hidden}
#sidebar{padding-top:0px;margin-left:600px;}
#fb-root{margin-top:10px}

a,a:visited{color:#a41c31;text-decoration:none}
a:hover{color:#7d9e22}
form{margin:0;padding:0}
p{word-wrap:break-word;text-align:left;margin-top:1em}
a img{border:none}
iframe{margin:0;padding:0}

h1,h2,h3,div.t{color:#5b6671}
h1, h1 a, h1 a:visited{text-decoration:none;color:#7d9e22}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#7d9e22;text-decoration:none}
h3,h4,h5{margin-top:20px;margin-bottom:0}

b,strong{color:#5b6671}

.alignright{float:right;text-align:left}
.alignleft{float:left;text-align:left}
.center{text-align: center}
.alt{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;margin:0;padding:10px}
a.glossaryLink,a.glossaryLink:visited{border-bottom: 1px dotted #7d9e22}

blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left: 5px solid #ddd}
blockquote cite{margin: 5px 0 0;display:block}

/* images */
p img {padding:0;max-width:100%}
img.centered {display: block;margin-left: auto;margin-right:auto;}
img.alignright {padding:4px;margin-left:0 0 0 7px;display:inline}
img.alignleft {padding-top:4px;margin:0 14px 0 0;display:inline}

/* Header */
#header h1{font-weight:normal;text-decoration:none;font-size:0.8em;padding:15px 0 12px 0;margin:0}
#header h1 img{margin-right:10px;width:257px;height:42px;padding-bottom:2px}
#header h1 a{color:#7d9e22;font-weight:bold}
#header #topbox{float:right;padding-top:8px}
#header #topbox p{text-align:right;margin:0;padding:0}

/* Search form */
#search{float:right;text-align:right}
#search form{margin:1px 0 0;padding:0}
#search select{margin-right:4px;padding:0;height:17px;border:0}
#search input{padding:0;height:19px;border:0}
#search #submit{padding:0;width:15px;height:14px;margin:0 7px 0 4px;border:none;background: transparent}
#search #s {width:125px;height:16px;border:none;margin:0;padding:0}

/* footer */
#footer{background:#FFF;margin-top:10px;color:#000}
#footer a{text-decoration:none;color:#000}
#footer p{margin:0;padding:10px 0 10px 0}

/* Une */
#une{padding-bottom:10px;padding-top:15px}
#une h3{margin-top:0}
#une .books{clear:both;padding-top:10px}

/* Content */
#content h2{margin:20px 0 5px 0;padding-bottom:0px;line-height:1.2em}
#content h2.top{margin-top:0}
#content h3{margin-top:20px}
#content ol{list-style-type:decimal;margin:0;padding:0px 0px 0px 25px;text-align:justify}
#content ul{list-style-type:circle;margin:0;padding:0px 0px 0px 17px;text-align:justify}
#content p{text-align:justify}
#content #proche{margin:0 0 15px 0;width:49%;float:left}
#content #norilsk{margin:0 0 15px 0;width:49%;float:right}
#content #proche h3,#content #norilsk h3{margin-top:0}

/* sidebar */
#sidebar {text-align:left}
#sidebar p{margin-top:0;margin-bottom:6px;padding:0}
#sidebar p.tw_comment{color:#aaa}
#sidebar h2,#sidebar h2 a{margin:12px 0 0 0;color:#fff}
#sidebar ul{margin:0;padding:0}

/* post */
.post{margin-bottom:20px}
#navigation{margin-top:20px;padding:8px 5px 8px 5px;background:#f1f1f1;height:25px}
.postmetadata, .postdate, .commentmetadata, .login{letter-spacing:1px;font-weight:normal;color:#5b6671}
.postdate,.postdate a{text-transform:uppercase;margin-top:0px;text-decoration:none;color:#888}
p.postmetadata{margin-bottom:30px;padding:0;clear:both}
.post hr{width:10%;height:2px;color:#000;margin:10px auto 15px auto;padding:0;border:4px;background-color:#ccc}
.post ul{margin:0;padding:0px 0px 0px 25px}
.post ol{margin:0;padding:0px 0px 0px 25px}
.post li{margin:0 0 0 5px;padding:10px 0 0 0}
.post img{margin-bottom:10px}
.similar ul{margin:0;padding:0}
.similar li{margin:0 0 5px -38px;padding:0 0 2px 0px;list-style:none;border-bottom: 1px dotted #ccc}
.ftn {vertical-align:super}

/* comment */
#comment h3{padding:0;margin:20px 0 10px 0}
#comment input{width:98%;padding: 2px;margin: 5px 5px 1px 1px}
#comment textarea{width:98%;padding:2px}
#comment #submit{margin:0;width:200px}
#content #comment p{margin: 5px 0;text-align:left}
#comment ol{padding:0;margin:0;list-style-type:none}
#comment ol li{padding:15px 0px 10px;list-style:none;border-bottom: 1px dotted #ccc;}
#comment cite, #comment cite a{font-weight:bold;font-style:normal}
#comment .nocomments {text-align:center;margin: 0;padding: 0}
#comment .commentmetadata{margin:0;display:block}
#comment .alt{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;margin:0;padding:10px}
#comment .altext{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;padding:25px 10px 3px 5px;}
#comment .avatar{float:right}

/* PLUGIN */
#share{background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
clear:both;
margin-left:-80px;
padding:3px;
position:fixed;
top:217px;
width:57px;
}
.fblike iframe{margin-top:10px}
.fb_edge_widget_with_comment {margin-top: 10px}


/* div.topsy_widget_shortcode {float:right} */

/* MENU */
div.access {background:#000;width:100%;float:left}
div.menu {font-size: 13px}
#content div.menu ul,div.menu ul {list-style: none;margin:0;padding:0}
div.menu li {float: left;position: relative}
div.menu a {
	color: #ffffff;
	display: block;
	line-height: 20px;
	padding: 0 10px;
	text-decoration: none;
}
div.menu a b{color: #fff}
div.menu ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	float: left;
	width: 150px;
	z-index: 99999;list-style: none;
}
div.menu ul ul li {width:100%}
div.menu ul ul ul {left: 100%;top: 0}
div.menu ul ul a {background: #333;line-height: 1em;
	padding: 7px 10px 7px 10px;
	min-width: 150px;
	height: auto;}
div.menu li:hover > a,div.menu ul ul :hover > a {background:#666;color: #ffffff}
div.menu ul li:hover > ul {display: block}
div.menu ul li.current_page_item > a,
div.menu ul li.current-menu-ancestor > a,
div.menu ul li.current-menu-item > a,
div.menu ul li.current-menu-parent > a {color: #fff}
* html div.menu ul li.current_page_item a,
* html div.menu ul li.current-menu-ancestor a,
* html div.menu ul li.current-menu-item a,
* html div.menu ul li.current-menu-parent a,
* html div.menu ul li a:hover {color: #fff;}

/* Pagination */	
.pagination {
	margin: 0px 0 10px;
	float: left;
	background: #eee;
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 12px 1% 10px;
	}	

.pagination a {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #666;

	background-color: #FFFFFF;	

}



.pagination a:hover {	

	border: 1px solid #444;

	color: #444;

	background-color: #FFFFFF;

}



.pagination span.pages {

	padding: 3px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #666;

	border: 1px solid #ccc;

	background-color: #FFFFFF;

}

.pagination span.current {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	border: 1px solid #666;

	color: #444;

	background-color: #FFFFFF;

}

.pagination span.extend {

	padding: 3px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #ccc;

	color: #444;

	background-color: #FFFFFF;

}