/*
Theme Name: Blog maison ecologique
Theme URI: http://blog-maison-ecologique.fr/wp-content/themes/bme
Description: Le theme de blog maison ecologique
Version: 1.0
Author: Karen Chevallier
*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before{content:'< '}
q:after{content:' >'}
abbr,acronym{font-variant:normal;border-bottom: 1px dotted;cursor:help}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}

/* HTML5 reset */
header,footer,nav,article,section,legend,figure{display:block}
body,button,input,textarea{font:14px Trebuchet MS, verdana, sans-serif;color:#003049}

/* fonts */
@font-face {
	font-family: 'SeanRegular';
	src: url('handsean.eot');
	src: local('Sean'), local('Sean'), url('handsean.woff') format('woff'), url('handsean.otf') format('opentype'), url('handsean.svg#HandOfSean') format('svg')}

/* body */
body {background:#acd2e0;
  	background-image: -moz-linear-gradient(top, #70b7de, #FFFFFF); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #70b7de),color-stop(1, #FFFFFF)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#70b7de', EndColorStr='#FFFFFF'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#70b7de', EndColorStr='#FFFFFF')"; /* IE8 */
}
#doc {background:url(images/css/bk-header.png) center 0px no-repeat;}
#maincont {position: relative; z-index: 0}

/* raccourcis */
#header .shortcuts a{padding:0 6px;position:absolute;left:-9999px;top:0}
#header .shortcuts a:focus{left:auto;right:0;color:#fff;background:#494949}

/* header */
#header {width:990px; margin:0 auto; overflow:hidden; height:330px; position:relative;}
#header h1 {float:left; margin:0px 0px 55px 60px}
#header ul {width:380px;margin:228px 0 0 0px; background:url(images/css/bk-nav-trans.png) top left no-repeat; position:absolute;z-index:3; float:left; left:370px}
#header ul li {float:left; font:18px 'SeanRegular', Trebuchet MS, sans-serif; color:#330000; padding:5px 12px 10px 15px}
#header ul li a {text-decoration:none;color:#330000}
#search {width:200px; background:url(images/css/bk-nav-trans.png) right top no-repeat; position:absolute; margin:228px 0 0 0px; z-index:50; left:740px; height:45px}
#search label {position:absolute;left:-9999px;top:0}
#search #s {width:115px; margin:11px 0px 15px 55px; border:none; background:none; float:left; font-size:11px; padding:2px 0 0 2px}
#search #searchsubmit {width:25px; margin-top:5px; height:25px; cursor:pointer; filter:alpha(opacity=0);opacity:0.0;-moz-opacity:0.0}

/* aside + main */
#asidemain {width:980px; margin:-77px auto -99px auto; clear:both; overflow:hidden;
		background:#FFFFFF url(images/css/bk-aside.png) top left repeat-y; 
     	-moz-border-radius: 30px; /* FF1+ */
  		-webkit-border-radius: 30px; /* Saf3+, Chrome */
        border-radius: 30px; /* Opera 10.5, IE 9 */			
		-moz-box-shadow: 0px 0px 4px #000000; /* FF3.5+ */
  		-webkit-box-shadow: 0px 0px 4px #000000; /* Saf3.0+, Chrome */
        box-shadow: 0px 0px 4px #000000; /* Opera 10.5, IE 9.0 */}

/* sidebar */
#sidebar {float:left; width:290px; overflow:hidden; margin-right:-30px;
		background:#FFFFFF url(images/css/bk-aside.png) top left repeat-y; 
		-moz-border-radius: 30px 0 0 0; /* FF1+ */
  		-webkit-border-radius: 30px 0 0 0; /* Saf3+, Chrome */
        border-radius: 30px 0 0 0; /* Opera 10.5, IE 9 */	
		padding-bottom:100px}
#sidebar section {padding:60px 0 0 0}
#sidebar h1 {background:url(images/css/bk-aside-h1.png) 0px 0px no-repeat; padding:5px 15px 20px 30px; margin-left:-22px;font:24px 'SeanRegular', Trebuchet MS, sans-serif; color:#330000; width:282px; position:absolute; margin-top:-30px}
#sidebar h1.bis {background:url(images/css/bk-aside-h1bis.png) 0px 0px no-repeat;padding:25px 15px 20px 30px}
#sidebar section div {padding:50px 50px 0 40px}
#sidebar section ul li {font-family: lucida, sans-serif; font-size:16px; padding:5px 0px; border-bottom:2px dashed #d8c3a9}
#sidebar section ul li a {text-decoration:none; color:#330000}
#sidebar section ul li a:hover {text-decoration:underline}
#sidebar .motscles {margin-top:-65px}
#sidebar .motscles h1 {margin-left:-43px}
#sidebar .motscles div{padding:20px}
#sidebar .motscles div a {text-decoration:none; color:#330000}
#sidebar section div a:hover {text-decoration:underline}
#sidebar .pub div{margin-left:-20px}
#sidebar .mp-container div{margin:-140px 0px 0px -120px}
#sidebar .MailPress {margin-bottom:-50px}

/* content */
#content {float:left; width:670px; background:#FFFFFF; padding-bottom:150px; margin-left:30px; margin-top:2px; min-height:2000px}

/* article */
article {padding:0 0 0 40px}
article header .date {font:18px 'SeanRegular', Trebuchet MS, sans-serif; color:#9a9a9a; padding:20px 0 0px 10px; text-align:right}
article header h1 {font:36px 'SeanRegular', Trebuchet MS, sans-serif; color:#00527d; padding:20px 0px; line-height:45px; text-shadow: 1px 1px 3px #000}
article header h1 a{color:#00527d; text-decoration:none}
article header h1 a:hover{color:#00527d; text-decoration:underline}
article h2 {font-size:18px; color:#003049; padding:10px 0; font-family:Trebuchet MS}
article h3 {font-size:14px; color:#003049; padding:10px 0; font-family:Trebuchet MS; font-weight:bold}
article p {padding-bottom:15px}
article a {color:#00527d}
article ul li {padding:0 0 5px 15px; background:url(images/css/bk-li.png) 0px -185px no-repeat}
article .visuel {text-align:center; margin:20px 0}
article .visuel img {border:2px solid #00527d}
article .sep {border-bottom:2px dashed #d8c3a9; padding:10px 0; margin:10px 0}
article footer {border-top:2px dashed #d8c3a9; border-bottom:2px dashed #d8c3a9; padding:10px 0; margin:10px 0; text-align:right; font-weight:bold}
article footer p{padding-bottom:0px}
article footer a {color:#00527d}

/* commentaires */
#comments li { display:block; border:2px solid #00527d; padding:15px; margin:0px 0px 15px 0px;
			background:#FFFFFF;
			-moz-border-radius: 15px; /* FF1+ */
			-webkit-border-radius: 15px; /* Saf3+, Chrome */
			border-radius: 15px; /* Opera 10.5, IE 9 */	}			
#comments img{ margin:0px 10px 10px 0px; float:left}
#comments a{ color:#330000}

/* page navi */
.wp-pagenavi {padding:20px 20px 0 20px}
.wp-pagenavi span, .wp-pagenavi a {border:1px solid #003049; padding:5px; color:#00527d; text-decoration:none; margin:0px 2px}
.wp-pagenavi a:hover {color:#00527d; text-decoration:underline}

/* sociable */
article .sociable {padding:20px 0px}
article .sociable ul li {float:left; background:none; margin:5px}
.adds {text-align:center; margin:20px 0}

/* mailpress */
div.MailPress div.mp-container, div.MailPress div.mp-formdiv {position:relative}
div.MailPress div.mp-loading, div.MailPress div.mp-message  {position:absolute;opacity:0}
// IE
div.MailPress div.mp-loading, div.MailPress div.mp-message {filter:alpha(opacity=0)}

/* footer */
#footer {background:url(images/css/bk-footer.png) top left repeat-x; padding:120px 0 0px 0; z-index:60; overflow:hidden; position:relative; font-family:Trebuchet MS; font-size:12px}
#footer div {width:980px; margin:0 auto; background:url(images/css/bk-footer.jpg) bottom center no-repeat; overflow:hidden}
#footer section {float:left; width:20%; background:url(images/css/bk-footer-section.png) 0px 15px  no-repeat; padding:10px 0px 20px 0px; min-height:250px}
#footer section h1 {font:18px 'SeanRegular', Trebuchet MS, sans-serif; color:#ffffff; padding:0 0 10px 20px; text-shadow: 2px 2px 3px #000}
#footer section ul, #footer section p {padding:0 10px 0 20px; color:#FFF}
#footer section ul li {background:url(images/css/bk-li.png) 0px 3px no-repeat; font:12px lucida, sans-serif; padding:0px 10px 5px 15px; color:#FFF}
#footer .rss {background:url(images/css/bk-rss.png) top left no-repeat; padding:5px 0px 12px 35px; margin-left:20px}
#footer section ul li span {font-weight:bold}
#footer section ul li a, #footer section p a {color:#FFFFFF; text-decoration:none}
#footer section ul li a:hover, #footer section p a:hover {text-decoration:underline}