/*
Theme Name: Grey Gardens
Theme URI: http://operasavon.com/
Description: Le premier thème créé par l'équipe d'Opéra Savon.
Version: 1.0
Author: Charles Roncier
 
Creation Theme by Charles Roncier || http://le.roncier.net
 
*/

/* Général 
----------------------*/
body {
	color:#2e333a;
	font-family:"Verdana","Helvetica Neue","Helvetica","Arial",sans-serif;
}
a[hreflang]:after {
  content: " [" attr(hreflang) "]";
  font-weight: normal;
  padding-right: 0;
  margin-right: 0;
}
a:link { color: #e52c32; text-decoration: none;  }
a:active { text-decoration: none; }
a:visited { color: #e52c32; text-decoration: none;}
a:hover { text-decoration: none; border-bottom:1px solid #e52c32; }
li {list-style-type: none;}
/*.postmetadata {
	border-top-style: dashed;
	border-top-color: #2e333a;
	border-top-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2e333a;
	border-bottom-width: 1px;
	text-align: center;
}*/

.container {
	background-color: #fff;
}
.box {
	background-color: transparent;
}
h2, h1, h3, h4 {
	font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;
	text-transform: uppercase;
}
p.posttags {margin: 0;}

/* Header 
----------------------*/
#header {
	margin-bottom: 0;
	padding-bottom: 0;
}
h1 a {
	background:transparent url(http://operasavon.com/pressemot/wp-content/themes/grey_gardens/logo.png) no-repeat scroll left center;
	display:block;
	float:left;
	height:36px;
	text-indent:-9999px;
	width:269px;
}
h1 a:hover {
	border: none;
}
h1 span {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Nav 
----------------------*/
#nav {
	margin-bottom: 0;
	padding-bottom: 0;
}
ul#menu {
	background: #2e333a;
	margin: 0;
	padding: 0;
	height: 36px;
}
ul#menu li {
	float:left;
	margin:0;
	position: relative;
}
ul#menu h3, ul#menu h4 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
}
ul#menu li a {
	color: #e52c32;
	text-decoration: none;
	margin-right:7px;
	display: block;
	width:131px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-bottom: 1px solid #e52c32;
}
ul#menu li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #e52c32;
}
ul#menu li.mega a {
	padding: 0 0.2em;
	margin: 0;
	border: none;
}
ul#menu li.mega a:hover {
	text-decoration: none;
	border-bottom: 2px solid #e52c32;
}
ul#menu div {
	display: none;
}
ul#menu li.mega div {
	border: none;
	width: 200px;
	position: absolute;
	top: 3em;
	left: 0em;
	padding: 0em;
	background: #ebebec;
}
ul#menu li.hovering div {
	display: block;
}
ul#menu li.mega div a {
	background-image: none;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
ul#menu li.mega div a:hover {
	background-image: none;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e52c32;

}
ul#menu li div a.more {
	font-weight: bold;
	display: inline;
}
ul#menu div h4 {
	font-size: 1.2em;
	display:block;
	margin: 1.2em 0 0 0;
	padding: 0 7px;
}
ul#menu div p {
	margin: 0.8em 0;
	padding: 0 7px;
}
ul#menu div ul, ul#menu div ul {
	margin: 0;
	padding: 0;
	display: block;
}

/* Top Story
----------------------*/
#topstory .post_content {}
#topstoryleft {
	margin-bottom: 0px;
	margin-top: 36px;
}
#topstoryleft a{
	color:#00beff;
}
#topstoryleft h2 {
	margin-bottom: 0;
	font-weight: bold;
}
#topstoryleft h2 a:link { color: #2e333a; text-decoration: none;  }
#topstoryleft h2 a:active { text-decoration: none; }
#topstoryleft h2 a:visited { color: #2e333a; text-decoration: none;  }
#topstoryleft h2 a:hover { color: #e52c32; text-decoration: none; border-bottom: none; }


#topstoryleft .post {
	margin-bottom: 0;
}
#topstoryleft a:link {color: #e52c32; text-decoration: none;}
#topstoryleft a:visited {color: #e52c32; text-decoration: none; border:none;}
#topstoryleft a:hover {color: #e52c32; border-bottom:1px solid #e52c32;}


#topstoryleft .post_content p {}
#topstoryleft .post_content a:link {color:#e52c32;}
#topstoryleft .post_content a:visited {color: #e52c32; text-decoration: none; border-bottom:1px solid #e52c32;}

#topstoryright h2 {
	font-size: 1em; font-weight: bold;
	margin-bottom: 0;
}
#topstoryright {
	margin-top: 36px;
}
#topstoryright p {
	margin-top:0;
}
#topstoryright p.surtitrep {
	margin-top:0;
	margin-bottom: 0;
	font-weight: bold;
}
#topstoryright p.surtitrep a:link {color: #2e333a; text-decoration: none;}
#topstoryright p.surtitrep a:active {color: #e52c32; border:none;}
#topstoryright p.surtitrep a:visited { color: #2e333a; text-decoration: none;}
#topstoryright p.surtitrep a:hover {color: #e52c32; border:none;}

#topstory {}

/* Search
----------------------*/
#search {
	height: 18px;
	margin-bottom: 36px;
}
#searchform {
	height: 18px;
}
#searchform #s {
	padding: 0;
	border: none;
	height: 18px;
	line-height: 18px;
	background-color:#ebebec;
	margin-top: 0;
	vertical-align:top;
}
/*#searchform #searchsubmit {
	padding: 0;
	border: none;
	height: 18px;
	line-height: 18px;
}*/
.bouton {
	padding:0;
	border:none;
	height:18px;
	line-height:18px;
	color:#FFFFFF;
	font-size:10px;
	margin-right:0px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
}
a:link.bouton { color: #e52c32; text-decoration: none;  }
a:active.bouton { text-decoration: none; }
a:visited.bouton { color: #e52c32; text-decoration: none;}
a:hover.bouton { text-decoration: none; border-bottom: none; }


/* Middle
----------------------*/
#bandeau {
	margin-top: 36px;
	border: solid;
	border-width: 1px;
	border-color: #2e333a; 
}
/* #bandeau {
	padding-top: 18px;
	padding-bottom: 18px;
}*/
#middle3 ul {
	padding: 0;
	margin: 0;
}

/* Flux
----------------------*/ 
#flux h2 {
	margin-bottom: 0;
	font-weight: bold;
}
#flux h2 a:link { color: #2e333a; text-decoration: none;  }
#flux h2 a:active { text-decoration: none; }
#flux h2 a:visited { color: #2e333a; text-decoration: none;  }
#flux h2 a:hover { color: #e52c32; text-decoration: none; border: none; }
.post {
	margin-bottom: 72px;
}
#flux {
	margin-top: 36px;
}

/* Boitaliens
----------------------*/
#boitaliens {
	margin-top: 54px;
	margin-bottom:0;
	margin-left:0;
}
#boitaliens ul {
	margin-bottom:0;
	margin-left:0;
}
#boitaliens li {
	margin-bottom:16px;
	margin-left:0;
}

/* Single
----------------------*/
#content_single #flux h2 {
	text-align: left;
	margin-bottom: 18px;
}
#infos .postmetadata {
	text-align: left;
}
#content_single .post_content p {}
.avatar-32 {
	float: left;
	margin-right:7px;
}


/* Comments
----------------------*/
#comment {
	width: 328px;
}
.commentlist {
	padding: 0;
	margin: 0;
}

/* Author 
----------------------*/
.avatar-62 {
	float: left;
	margin-right: 7px;
	margin-bottom: 18px;
}



/* Footer
----------------------*/
#footer {
	background-color:#2e333a;
	color:#666;
}
#footer h3 {
	color:#e52c32;
}
#footer p, #footer ul {
	margin-left:0;
}
#footer a:link {
	color: #e52c32;
	text-decoration:none;
}
#footer a:hover {text-decoration: none; border-bottom:1px solid #e52c32;}
#footer a:visited {color: #e52c32;}
#footer img {

}
#footer #baseline {
	height:18px;
}
#footer #baseline p {
	margin-left: 14px;
	line-height:18px;
	text-align: right;
} 
#footer1 a:hover, #footer1 a:visited {
	text-decoration:none;
	border-bottom:none;
}
#footer1 img {
	width: 288px;
}
#footer .box {
	background-color: transparent;
}

/* Contact Form
----------------------*/
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}