/*
Theme Name: Badsquash theme
Description: Ce thème est une version modifiée du thème "impulse mm" de Sramek Design.
Author: jeremie dejonghe
Author URI: http://www.je-veux-un-chef-de-projet.com
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;background:url(images/bg.png) top left repeat-x #f0eeea}
body{position:relative;background:url(images/bg-header.png) no-repeat top center; font-family: Verdana, Arial, Helvetica, sans-serif; color:#999; padding-top:0px}

/* init */
a:link, a:visited{color:#0f81b0; text-decoration:none}
a:hover{color:#2fafe4;text-decoration:underline;}
h1{font-size:300%;font-weight:normal;color:#9339a4;}
h1 a:link, h1 a:visited{color:#9339a4;}
h2{font-size:170%;color:#96be37; font-weight:normal; padding-top:10px}
h3{font-size:140%; font-weight:normal; padding-top:10px; color:#444}
h4{font-size:125%;font-weight:normal;color:#000000;}
h5{font-size:110%;color:#787878;}
h6{font-size:100%;color:#000000;}
ul{margin:0 0 0 20px;padding:0;list-style:none;}
ul li{margin:0;padding:0 0 0 20px; background:url(images/bgrd-li.jpg) left 3px  no-repeat}
ol{margin:0;padding:0;}
ol li{margin:0 0 0 20px;padding:0;}
input, textarea{ background:#f5f5f5; border:1px solid #bbb ; color:#999}
input:focus, textarea:focus{ background:#fff; border:1px solid #9339a4 ; color:#9339a4}
label{ font-weight:bold}
#submit{ padding:5px}


.pagetitle p { font-weight:bold; text-align:right}
.pagetitle p a{ text-decoration:underline}
.pagetitle p a:hover{color:#eae3db;}
.pagetitle  ul li{background:url(../images/sidebox-li.png) 0 5px no-repeat;padding:4px 0 4px 23px;}
.pagetitle  ul li a:hover{color:#eae3db;}

.alignleft { float:left}
.alignright { float:right}

/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; display: block; }
* html .clear { height: 1%; }


/* structure */
#container{width:960px;text-align:left;margin:0 auto;}
#header{width:960px;height:190px; }
#wrapper{width:100%;position:relative;}
#sidebar{float:right;width:220px;height:auto;display:inline;padding:20px 0 ; margin:0; }
#content{float:left;width:720px;height:auto;padding:20px 0; margin:0 0  20px 0;}
#footer{ width:100%;background:url(images/footer.png) repeat-x;clear:both;}

/* header */
.bloginfo{float:left;margin:0px;width:650px;}
.logo{ margin:0px 10px 0 0px; float:left}
.bloginfo h1 {font-size:40px;margin:50px 0 0 0; padding:0; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif}
.bloginfo h1 a span{ display:none}
.bloginfo h1 a{; color:#fff; text-decoration:none}
.bloginfo p{font-size:15px;color:#fff;} 

#searchform{float:right;width:288px;height:55px;background:url(images/searchbox.png) no-repeat}
#searchfield{float:left;width:155px;height:15px;font-size:12px;background:none;border:none;display:inline;color:#6f1482;margin:17px 0 0 50px;padding:2px 2px 0;}
#searchsubmit{float:left;height:35px;width:35px;color:#FFF;background:transparent url(images/searchsubmit.png) no-repeat;border:0 none;cursor:pointer;margin:5px 0 0 10px;}
h3.search{ font-size:18px; text-align:center;width:675px;background-color:#96be37;color:#94AE27; color:#fff; margin:0 0 10px 0;padding:20px;border:1px solid #4f621f;border-radius:5px;}

/* menu haut */
#suckerfishnav {font-size:14px;list-style:none;line-height:20px;padding:0;position:absolute;  z-index:1000; margin:134px 0 0 170px}
#suckerfishnav a {display:block;color:#fff;text-decoration:none; background: url(images/bg-nav.png) top left no-repeat; height:35px; width:115px; text-align:center; margin-right:5px; padding-top:15px}
#suckerfishnav a:hover{ background: url(images/bg-nav.png) center left no-repeat; padding:17px 0 0 0; height:33px}
#suckerfishnav .current_page_item a{ background:url(images/bg-nav.png) bottom left no-repeat; padding:17px 0 0 0; height:33px}
#suckerfishnav li {float:left;padding:0; background:none} 
#suckerfishnav li ul {position:absolute;left:-999em;width:150px;font-weight:normal;margin:0;line-height:1;opacity:1;background:#80a32f; border-width:0 1px 1px 1px; border-color:#4f621f; border-style:solid}
#suckerfishnav li li {border-top:1px solid #b1c67e; width:150px; font-size:11px}
#suckerfishnav li li a, .current_page_item ul li a {text-align:left; background-image:none !important; width:140px !important; padding:10px 5px !important; height:auto !important}
#suckerfishnav li li a:hover, #suckerfishnav .current_page_item  ul li a:hover {background-image:none; background-color:#a6be6e; padding:10px 5px; height:auto}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#80a32f none}

a.rss{float:right; margin-top:75px }


/* Sidebar */
.widget{width:220px;height:auto;text-align:left;overflow:hidden;margin:0; background:url(images/bg-widget-bottom.png) bottom left no-repeat; margin:0 0 20px 0; padding-bottom:10px; color:#999; font-size:13px;}
.widget h2{text-align:left;font-size:18px;color:#83a631;background:url(images/bg-widget-h2.png) no-repeat top left; padding:15px; margin:0}
.widget p{text-align:left;padding: 5px 15px}
.widget ul{list-style-type:none;text-align:left;margin:10px ; padding-left:10px}
.widget ul ul{margin-left:10px;}
.widget ul li a, .widget ul li a:link, .widget ul li a:visited{display:block;line-height:18px;padding:0 4px; color:#9336a6;}
.widget ul li a:hover{ color:#6f1482}
.keeweek { margin-bottom:20px; display:block}


/* content */
.home-featured{display:block;background: url(images/bg-flash.png) top left no-repeat;padding:2px; margin:0 5px; height:300px}
.carouselBtn{ display:none}
#myGallery, #myGallerySet, #flickrGallery {border:0;}
.jdGallery .slideInfoZone{height: 50px;}

/* content  Home*/
.home-post{float:left;width:320px;height:200px;background:url(images/home-post.png) no-repeat top center ;margin:20px 0 0 0 ;padding:20px;}
.home-post h1 a{display:block;font-size:20px;line-height:26px;color:#9336a6;font-style:italic;}
.home-post h1 a:hover{ color:#6f1482}
.home-post .meta{display:block;font-size:11px;font-style:italic;color:#94AE27;margin:5px 0 0 0;}
.home-post p{display:block;width:282px;height:70px;font-size:11px;line-height:14px;color:#999;clear:both;margin:10px 0 0 5px;}
.home-post .readmore a{float:right;position:relative;width:96px;height:25px;right:5px;bottom:0px;line-height:25px;text-align:center;font-size:11px;background:url(images/bg-readmore.png) no-repeat;color:#fff; text-decoration:none}
.thumbnail{float:left;border:1px solid #CFDBDB;margin:0 10px 10px 0;padding:3px;}
.thumbnail img{width:100px;height:100px;}

/* content Single */
.post-content, #respond{width:720px;background:url(images/bg-post-bottom.png) no-repeat bottom center;margin:0 0 10px;padding:0 0 10px 0 ;}
.post-content .meta {background:url(images/bd-post-h2.png) no-repeat top center; font-size:12px;color:#999; padding:20px 20px 0 20px; height:33px}
.post-content .time{background: url(images/clock.png) no-repeat center left; padding:2px 0 0 20px;float:left}
.post-content .num-comments{ background: url(images/comment.jpg) no-repeat center left; padding:0 0 0 20px; float:right}
.post-content h1{font-size:30px;margin:0 ; padding:0 20px 0 20px;background:url(images/bg-post.png) repeat-y bottom center;}
.post-entry{font-size:13px;line-height:20px;margin:0px; padding:0 20px;background:url(images/bg-post.png) repeat-y bottom center;}
.post-entry p{padding:5px 0;}
.post-entry img{margin:5px;padding:0;}
.post-entry table { border-collapse:collapse; width:99%; margin-top: 10px; font-size:12px}
.post-entry table td, .post-entry table th{ border:1px solid #ccc; padding:5px}
.post-entry table caption{ display:none}

.page-liens li { padding-bottom: 10px; margin-bottom:10px; border-bottom:1px solid #ddd}
.page-liens a { display:block}

.post-content .page404 {background:url(images/bd-post-h2.png) no-repeat top center; padding:15px 20px 0 20px; height:33px}
.entry404 p{ padding:10px 20px}
.entry404 #searchform { float:none; margin:10px}
.entry404 #searchform p{ padding:0}

.footer-entry { margin:0 20px; border-top:1px solid #ccc; padding:10px 0}
.footer-entry .cats{ float:right; font-size:12px }
.footer-entry .share{ float:left; font-size:12px }



/* Commentaire */
#comments { font-size:18px ; padding-bottom:5px}
ol.commentlist{list-style:none;margin:0 ;padding:0;}
ol.commentlist li{border:1px solid #ddd;border-radius:5px;position:relative;margin:0 0 10px;padding:10px; background:#fff }

ol.commentlist li div.vcard{font-weight:700;font-size:11px;line-height:16px;}
ol.commentlist li div.vcard cite{font-style:normal;}
ol.commentlist li div.vcard cite.fn a.url{color:#c00;text-decoration:none;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#000;}
ol.commentlist li div.vcard img.avatar{background:#fff;border:1px solid #aaa;padding:5px; float:left; margin-right:10px}
ol.commentlist li div.comment-meta{font-size:10px;line-height:16px;position:absolute;right:10px;text-align:right;top:5px;}

ol.commentlist li p{font-weight:400;font-size:12px;line-height:16px;margin:10px 0 15px 55px ;}
ol.commentlist li ul{font-weight:400;font-size:12px;line-height:16px;margin:10px 0 0 0;padding:0;}

ol.commentlist li div.reply{background:#96be37;border:1px solid #4f621f;border-radius:2px;color:#fff;text-align:center;padding:3px; width:60px; font-size:10px; }
ol.commentlist li div.reply:hover{background:#9138a3;border:1px solid #4d155a;}
ol.commentlist li div.reply a{color:#fff;text-decoration:none;}

ol.commentlist li ul.children{list-style:none;text-indent:0; background:#eee}
ol.commentlist li ul.children li{ padding:10px}
ol.commentlist ul.children li.odd{background:#f5f5f5;}
ol.commentlist ul.children li.even{background:#eee;}

ol.commentlist #respond{ width:100%; background:#eee; border:1px solid #aaa;border-radius:5px;}
ol.commentlist #respond h3{ background-image:none}
ol.commentlist #respond .cancel-comment-reply{ margin-left:20px}

.navigation{ font-size:12px}

/* Formulaire */
#respond { margin-top:20px}
#respond h3{font-size:18px;margin:0;background:url(images/bd-post-h2.png) no-repeat top center; padding:20px}
#commentform{font-size:12px;margin:0 0 0 30px;}
#commentform p{line-height:30px;}
#commentform #comment{width:450px;margin:10px 0 0;}

ul#nav{float:left;width:670px;list-style:none;height:33px;font-size:11px;font-weight:700;text-transform:uppercase;margin:10px 0 0;}
ul#nav li{float:left;margin-right:1px;padding:8px 0 8px 12px;}
ul#nav li a{color:#94AE27;padding:8px 12px 8px 0;}
ul#nav li:hover,ul#nav li.current_page_item{background:url(images/tab-left-active.png) no-repeat left top;color:#94AE27;}
ul#nav li a:hover,ul#nav li.current_page_item a{background:url(images/tab-right-active.png) no-repeat right top;color:#94AE27;}
ul#cat{font-family:Arial;float:left;width:670px;height:35px;line-height:35px;list-style:none;font-size:14px;font-weight:400;text-transform:uppercase;margin:23px 0 0 15px;}
ul#cat li{display:inline;margin:0 15px 0 0;}

.navpages{font-size:14px;width:630px;height:30px;line-height:30px;margin:0 0 10px;padding:15px;}

/* footer */
.footerLinks {width:960px; margin:0 auto;font-size:10px; padding:0; height:55px}
.footerLinks ul{margin:0;  padding:15px 0 0 0}
#footer li {background-image:none; color:#ac75b9; display:inline; }
#footer li a:link, #footer li a:visited{ font-weight:bold; color:#ac75b9 !important;line-height:20px}
.liens{  width:550px; float:left}
.validateur{ width:200px; float:left;padding:20px 0 0 0}

.Airnat{ display:none !important}

.gecko{margin-left:30px; position:absolute; margin-top:-48px}

ol.commentlist li.pingback comment-author,ol.commentlist li.pingback div.vcard{padding:0 170px 0 0;}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5{margin:0 0 3px;}