/*  
Theme Name: Consilius 
Description: The main theme of consilius.fr
Version: 1.0
Author: Zosia & Ben 
Author URI: http://www.consilius.fr
*/

/* -------------------- GENERAL -------------------- */



* { margin: 0; padding: 0; }

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body { font-family: helvetica, Verdana, Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; line-height: 1.6em;  text-align: left; background: #fff; color: #333333; }

h1, h2, h3, h4, h5, h6 { font-family:  helvetica, Verdana, Arial, Georgia, Times; color: #333;  font-weight: normal; line-height: 1.2em; text-shadow: 0 1px 0 #ddd; /*text-transform: infocase;*/ }
h1 { font-size: 34px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; margin-bottom: 20px; }
h4, h5, h6 { font-size: 15px; }

a { text-decoration: none; color: #769932; }
a:hover { text-decoration: underline; }

hr { display: none; }

.entry img { padding: 1px; margin: 10px; background: #fff; box-shadow: 0 1px 2px 2px #c5c5c5; -webkit-box-shadow: 0 1px 2px 2px #c5c5c5; -moz-box-shadow: 0 1px 2px 2px #c5c5c5; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; padding: 3px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; padding: 3px; display: inline; }
img.wp-smiley { border: 0; margin: 0; padding: 0; background: transparent; }

a img {	border: 0; }

input, textarea { font-family: Helvetica, Verdana, Arial,  Georgia, Sans-Serif; font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }

input#author, input#email, input#url { margin: 0 5px 0 0; }

pre { width: 90%; }
small { font-size: 90%; }
code { color: #008099}
blockquote { margin: 1em 3em; color: #777; border-left: 2px solid #999; padding-left: 1em; }


.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/* -------------------- LAYOUT -------------------- */


#header { height: 153px; background: #769932 url(images/bg-head.png) no-repeat top center; }
#header-inner { margin: auto; width: 1004px; position: relative; }

#header .topmenu { float: left; width: 1000px; height: 45px; padding: 0; margin: 0; clear: both; background: url(images/bg-nav.gif) repeat-x bottom center; }

#header .topmenubox { float: left; margin: 0; }

#header .topmenu #topmenuleft { float: left; width: 780px; height: 45px; padding-top: 8px; margin-left: 10px; }
#header .topmenu #topmenuright { float: left; width: 200px; height: 45px; padding-top: 7px; list-style: none; display: inline; }

.boxgallery1 { padding: 1px 0; margin: 0; }
.boxgallery2 { padding: 20px 0 0 0; background: #292929 url(images/bg-shad-dark.gif) repeat-x top center; }

#main { overflow: hidden; padding-bottom: 10px; z-index: 1; position: relative; background: #f5f5f5 url(images/shad-bot.png) repeat-x top center; border-top: 1px solid #292929; }
#main-inner { margin: auto; padding: 0; width: 1000px; overflow: hidden; min-height: 350px; text-align: left; }

.contentwide { float: left; width: 1000px; }

.content { float: left; width: 700px; margin: 0; padding: 0; }

#sidebar { float: right; width: 290px; margin: 0 0 0 10px; padding: 0; }


#footer-box-container { width: 1000px; margin: 0 auto; }


/* -------------------- HEADER / SITE TITLE -------------------- */


#header .site_title { float: left; width: 80%; height: 108px; }

#header .site_title h1 { padding: 65px 0 0 10px; color: #5A5F53; font-size:20px;}
#header .site_title a, #header .site_title a:visited { color: #111; text-decoration: none; }

#header .description { padding: 0; color: #333; }

#header .syndication { float: left; width: 20%; height: 46px; margin: 0; padding-top: 62px; text-align: right; }


/* -------------------- DROP-DOWN MENU -------------------- */


#dropmenu, #dropmenu ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.6em; z-index: 300; width: 100%; font-size: 95%; font-size:14px; font-weight:800}

#dropmenu a { color: #aac648; display: block; padding: 6px 20px; text-decoration: none;  }

#dropmenu a:hover { color: #111; background: #EAFF9F; }

.page-item-9  { font-size:10px }
.page-item-29  { font-size:10px }
.page-item-34  { font-size:10px }
.page-item-31  { font-size:10px }
.page-item-106  { font-size:10px }



#dropmenu li { float: left; position: relative; }
#dropmenu ul { position: absolute; display: none; width: 120px; top: 2.5em; left: 0; }
#dropmenu ul a {  }
#dropmenu li ul a { border-bottom: 1px solid #999; width: 120px; color: #111; height: auto; float: left; }
#dropmenu li ul a:hover { color: #111; background: #DCFF5F; }

#dropmenu ul ul { top: auto; }
#dropmenu li ul ul { left: 120px; margin: 0 0 0 10px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display: none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: block; }

#dropmenu ul li, #dropmenu li.active .children li.active ul li { padding: 0 13px; width: 152px; background: #EAFF9F; }
#dropmenu ul li:hover { background: #DCFF5F; padding: 0 13px; }


/* -------------------- SEARCH -------------------- */


#searchform { background: url(images/search.png) no-repeat; width: 186px; height: 26px; padding: 2px 0; margin-top: 3px; }
#searchform #s { background: #f9f9f9; border: none; font: italic 110% Georgia, "Times New Roman", Times, serif; color: #888; width: 130px; height: 21px; padding: 0 5px; margin-left: 35px; }
#searchform #s:focus { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }


/* -------------------- POSTS -------------------- */


.boxpost { padding: 1px; margin: 10px 0 0 0; }
.post { padding-top: 10px; background: url(images/top.png) no-repeat top center; }

.post p { margin: 0; }

.more { margin: 15px 0 5px 0; padding: 0 5px; font-size: 10px; background: #ddd; width: 65px; float: right; text-align: center; border: 1px solid #ccc; }
.more:hover { background: #eee; }

.entry { padding: 15px 10px 20px 10px; background-color:#F1F1F1; }

.post h2, .post h2 a { padding: 15px 0; color: #769931; }

.post ul, .post ol { margin: 0; padding: 0 0 0 20px; }
.post ul li, .post ol li { padding: 0 0 0 10px; }

.boxpostinfo { padding: 1px; margin: 25px 0 0 0; border: 1px solid #ccc; background: #ffffff; }
.postinfo { padding: 0 5px; background: #f5f5f5; font-size: 10px; color: #555; text-transform: lowercase; font-style: italic;}
.postinfo a { color: #555; }

.boxpagenav { padding: 1px; margin: 20px 0 0 0; }
.pagenav { margin: 0; padding: 40px 0 40px 0; background: url(images/top.png) no-repeat top center; text-transform: uppercase; text-align: center; }


/* -------------------- SIDEBAR -------------------- */


#sidebar h3 { margin: 2px 0 10px; padding: 0; color: #555; }

#sidebar .adv { text-align: center; }
#sidebar .adv a { color: #aaa; }

#sidebar1 { margin-top:15px;}

#sidebar1 p { padding: 8px 0; }
#sidebar1 a, #sidebar2 a { color: #333; }
#sidebar1 ul { margin: 0; padding: 0; list-style: none; clear: both; }
#sidebar1 li { margin: 0; padding: 10px; list-style: none; clear: both; }
#sidebar1 ul li { padding: 0; margin: 0; list-style: none; }

#sidebar2 ul { margin: 0; padding: 0; list-style: none; clear: both; }
#sidebar2 li { margin: 0; padding: 10px; list-style: none; clear: both; }
#sidebar2 ul li { padding: 0; margin: 0; }
#sidebar2 ul ul li { padding: 0 0 0 10px; }
#sidebar2 ul ul ul li { padding: 0 0 0 10px; }

#sidebar img { float: left; margin: 0 5px 5px 0; padding: 3px; }

.boxsbtitle { padding: 1px 1px 0 1px; margin: 10px 0 0 0; background: #fff; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; }
.sbtitle { padding: 7px; background: #f1f1f1 url(images/top-glow.png) no-repeat top center; }

.box { padding: 1px; margin: 0 0 10px 0; background: #fff; border: 1px solid #aaa; }
.boxinside { padding: 7px; background: #f1f1f1; }


/* -------------------- COMMENTS -------------------- */


.comments { padding: 20px 0 0 0; background-color:#F1F1F1; padding:10px; }
.comments h2 { padding-bottom: 20px; }

#respond h3 { }


#commentform #author, #commentform #email, #commentform #url, #commentform textarea { border: 1px solid #ccc; margin-left: 10px; margin-bottom: 10px; }

#commentform textarea { width: 96%; margin-bottom: 10px; }

#commentlist, #commentlist2 { width: 98%; margin: 0 0 20px 0; padding: 0 0 0 10px; }
#commentlist ul, #commentlist2 ul { margin: 0; padding: 0; }

#commentlist li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 0; }
#commentlist2 li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 5px 14px 9px 63px; }

#commentlist li p { padding: 5px 10px 5px 80px; margin: 0; }
#commentlist2 li p { margin: 0; }

#commentlist a, #commentlist2 a { }

#commentlist li div.meta, #commentlist2 li div.meta { padding: 0; margin: 0; text-align: center; }

#commentlist2 li.even { background: #ffffff; }
#commentlist2 li.odd { background: #f5f5f5; }

#commentlist li .avatar { margin: 5px; }
#commentlist2 li .avatar { margin-left: -58px; }

.avatar { float: left; padding: 0; border: 1px solid #bbb; width: 50px; height: 50px; }	


#commentlist2 li ul li { margin-right: -15px; margin-left: -50px; margin-bottom: -10px; }

.children { padding: 0; }

.reply { text-align: right; padding: 5px; }
.navigation { width: 100%; height: 20px; }
.cancel-comment-reply { text-align: right; float: none; }

.comment-meta1 { float: right; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; font-size: 80%; color: #555; }
.comment-meta1 a { color: #333; }

.comment-meta  a { font-size: 8px; float: right; margin-top: -18px; color: #757575; }

.fn { font-size: 110%; font-weight: bold; font-style: normal; }
.says { display: none; }


/* -------------------- CALENDAR -------------------- */


table#wp-calendar { width: 100%; text-transform: none; }

table#wp-calendar caption { padding: 10px 15px; }

table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }
table#wp-calendar td { padding: 0px; text-align: center; }


/* -------------------- FOOTER -------------------- */


#footer { float: left; width: 100%; clear: both; text-align: center; background: #1e1e1e url(images/shad-top.png) repeat-x top center; }

#footercredit { float: left; width: 100%; font-size: 11px; clear: both; }

#footer a { color: #f6f6f6; }
#footer a:hover { }

#footer p { margin: 20px 0; padding: 0; color: #eee; }


.boxfooter { float: left; width: 100%; clear: both; color: #769932; }
.boxfooter h3 { color: #769932; text-shadow: none; }

.footerinside { width: 280px; float: left; }
.footerinsideright { width: 260px; float: right; }

.footerinside, .footerinsideright { padding: 30px 30px 0 30px; margin: 30px 0; }
.footerinside p, .footerinsideright p { color: #111; padding: 0 10px; }
.footerinside li, .footerinsideright li {  padding: 3px 0; list-style: none; border-bottom: 1px solid #454545; }
.footerinside img, .footerinsideright img {  padding: 0; margin-right: 4px; margin-left: 4px; border: 1px solid #fff; }


/* -------------------- 
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
 -------------------- */


.anythingSlider                         { width: 996px; height: 330px; position: relative; margin: 0 auto; }
.anythingSlider h2, .anythingSlider a   { color: #769931; padding-bottom: 10px; }
.anythingSlider h2 						{ font-size: 26px; }
.anythingSlider .wrapper                { width: 916px; overflow: auto; height: 341px; padding: 0 40px; position: absolute; top: 0; left: 0; }

.anythingSlider img { padding: 1px; background: #fff; box-shadow: 0 1px 2px 2px #c5c5c5; -webkit-box-shadow: 0 1px 2px 2px #c5c5c5; -moz-box-shadow: 0 1px 2px 2px #c5c5c5; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #f5f5f5; border-bottom: 1px solid #898989; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 300px; width: 996px; margin: 0; }
.anythingSlider .entryslider            { float: right; width: 47%; padding: 60px 50px 20px 20px; }
.anythingSlider .entrysliderimg         { float: left; width: 35%; padding: 20px 20px 20px 50px;}
.anythingSlider .entryslider-no-img     { font-size: 120%; padding: 60px; }

.anythingSlider .arrow                  { display: block; height: 200px; width: 47px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 56px; cursor: pointer; }
.anythingSlider .arrow:hover            { opacity: 0.5; filter: alpha(opacity=50); }

.anythingSlider .forward                { background-position: 0 0; right: 0px; }
.anythingSlider .back                   { background-position: -47px 0; left: 0px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -47px -200px; }

#thumbNav                               { position: relative; top: 304px; text-align: center; }
#thumbNav a                             { color: black; display: inline-block; padding: 0 7px; height: 20px; margin: 0 5px 0 0; background: #555 url(images/cellshade.png) repeat-x; text-align: center; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #f5f5f5; }

#start-stop                             { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 0 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 304px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }