/*
Theme Name: monoco.fr
Theme URI: http://www.monoco.fr/
Description: Thème dédié au site monoco.fr. Comprend l'intégration d'un photoblog YAPB. A faire : intégration des commentaires hiérarchisés.
Version: 1.4
Author: Bertrand Paris
 
Réalisé grâce au tutorial de Francis Chouquet || http://www.fran6art.com
 
*/

/* STRUCTURE */
/* ancien gris #cecece */

body {
background: #B4AAA0 url(images/head.jpg) no-repeat left top;
}

#site {
float:left;
margin-left:-10px;
margin-bottom:0;
background: url(images/foot.png) no-repeat left bottom;
}

#page {
width: 900px;
margin-left: 60px;
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.95em;
text-align: left;
}

#content {
float: right;
width: 700px;
margin-bottom: 40px;
}

#header {
font-family: Arial, Helvetica, Georgia, Sans-serif;
float: left;
width: 1000px;
height: 153px;
}

#header h1 {
padding: 0 20px 0 0;
font-size: 200%;
text-align: right;
}

#header p {
padding: 0 20px 0 0;
font-size: 100%;
text-align: right;
}

#mini-nav {
	margin-top: 153px;
	margin-left: 50px;
	width: auto;
}

.postmetadata {
text-transform: uppercase;
font-size: 59%;
color: #D3D3D3;
v-align: center;
line-height: 2em;
}

.post_content {
font-size: 75%;
color: #222;
}

.sidebar {
float: left;
width: 160px;
height: auto;
margin: 180px 40px 200px 0;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.sidebar ul ul {
margin: 1.0em 0 1.5em 0;
border-top: 1px solid #dee4da;
}

.sidebar ul ul li {
padding: 0;
border-bottom: 1px solid #dee4da;
}

.footer {
font-size: 60%;
font-color: #fff;
line-height: 1.5em;
}

.navigation {
clear: both;
display: block;
font-size: 75%;
text-transform:uppercase;
width: 700px;
margin-bottom: 12px;
margin-top: 40px;
padding-top: 15px;
border-top: 1px solid #660000;
line-height: 1.8em;
v-align: center;
}

#prec {
background: url(images/precedent.png) no-repeat;
padding-left: 20px;
}

#suiv {
background: url(images/suivant.png) no-repeat;
padding-left: 20px;
}

#more  {
background: url(images/plus.png) no-repeat;
padding-left: 20px;
font-weight: bold;
font-size: 85%;
text-transform: uppercase;
line-height: 1.8em;
v-align: center;
}

#more:hover, #suiv:hover, #prec:hover { color: #9b1130; background-color:#E8E7D0; }

.sidebarnavigation, .social, .relatedpost {
font-size: 80%;
margin-bottom: 12px;
}

/* TYPOGRAPHIE */

h1,
h2,
h3{	font-family: Tahoma, Arial, sans-serif; }

h1 { text-indent: -9000px; margin: 0; display: none;}
h2 { margin-top: 25px; margin-bottom: 0; font-size: 180%; }
h2 a { color: #660000; }
h3 { font-size: 150%; color: #333; }
h4 { font-size: 120%; color: #666; }

p {	line-height: 1.5em;	margin: 1.2em 0; }

ol, ul {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	}
ul li,
ol li{ margin-bottom: 0.2em; }

img, a img{ border:0px;}

a, a:visited { color: #660000; text-decoration: none; }
a:hover, h2 a:hover { color: #9b1130; background-color:#E8E7D0; }

.post_content a { color: inherit; text-decoration: none; border-bottom: dotted 1px #660000; }

em {
	font-style: normal;
	font-weight: bold;
	color: #570518;
	}

blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 10px solid #dee4da;
	font-size: 90%;
	}

pre {
	display: block;
	margin: 1.0em 1.5em 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #eee;
	overflow: auto;
	}

code {
	display: block;
	font-family: monospace;
	font-size: 11px;
	background-color: #eee;
	border-bottom: 3px solid #570518;
}

pre code { line-height: 1.3em;}

.small {
	font-size: 90%;
	color: #999;
	}

.sidebar h2 {
	display: block;
	margin: 1.2em 0 0.6em 0;
	padding: 2px 10px 0 0;
	color: #660000;
	font-size: 120%;
	}

.sidebar ul li {
	font-size: 80%;
	}

.twitter-timestamp {
	text-transform: uppercase;
	font-size: 65%;
	font-weight: bold;
	}

li.twitter-item {
	line-height: 1.3em;
	margin-top: 5px;
	}


/* COMMENTAIRES */

.comments-template{
margin: 10px 0 0 0;
}

.comments-template ol{
margin: 15px 10px 10px 10px;
padding: 0 70px 0 70px;
list-style: none;
}

.comments-template ol p{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 75%;
}

.comments-template ol li{
margin: 10px 0 5px 0;
line-height: 10px;
padding: 0 5px 0 5px;
border-bottom: 1px dotted #dee4da;
}

.comments-template h2, .comments-template h3{
font-size: 110%;
}

.commentmetadata{
font-size: 75%;
font-weight: bold;
}

.comadmin {
text-align : right;
}

.pingback{
font-style: italic;
font-weight: lighter;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 80%;
}

.cadre_commentaires {
border-bottom: 2px solid #dee4da;
border-top: 2px solid #dee4da;
}

/* MENU EN CSS */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 131px;
	}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	margin-bottom : 3px;
	width: 131px;
	}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 140px;
	margin-top : -25px;
	}
	
#nav li ul ul { /* third-and-above-level lists */
	margin-top: -26px;
	left: -999em;
	margin-left : 182px;
	}
	
#nav li a {
	width: 131px;
	display : block;
	padding : 0 0.5em;
	}
	

	
#nav li li a {
	font-family: serif;
	font-style: italic;
	border-bottom: #fff 1px solid;
	width: 170px;
	height: 25px;
	color: white;
	display : block;
	padding : 0 0.5em;
	}
	
#nav li li a:hover {
	color : white;
	font-family: serif;
	font-style: italic;
	border-bottom: #660000 1px solid;
	width: 170px;
	height: 25px;
	}

#nav li a:hover { background: none;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	/* lists nested under hovered list items */
		left: auto;
	}