/*
Theme Name: Beton
Theme URI: http://nicolasbouliane.com/portfolio-sites-internet/
Description: The Beton theme for WordPress 3.0. It's a grayscale theme that supports widgets, custom background images and everything you would expect from a quality WordPress theme.
Author: Nicolas Bouliane
Version: 1.01
Tags: two-columns, fixed-width, custom-background, threaded-comments, sticky-post, translation-ready, theme-options, custom-menu
*/
body{background:#eee url('images/body-bg.jpg') no-repeat center top;font:13px/20px Tahoma,Helvetica,sans-serif;height:100%;margin:0;padding:0;width:100%}
img{border:none!important;outline:none}
a{outline:none}
ul,ol{list-style-position:inside;margin:0;padding:0}
#banner{color:#777;margin:0 auto;padding:20px 0 10px;width:960px}
#banner a{color:#222;font:normal normal normal 56px/42px 'Trebuchet MS',Trebuchet,sans-serif;margin:10px 0 0;padding:0;text-decoration:none;text-shadow:0 1px 1px #fff}
#banner p{font:normal normal normal 16px/30px 'Trebuchet MS',Helvetica,sans-serif;letter-spacing:.1em;margin:0;padding:0}
.menu,div.menu ul{height:32px;list-style:none;margin:0 auto;padding:0;width:960px}
.menu li{float:left;margin:0 12px 12px 0;padding:0}
.menu li .children{display:none;position:absolute;width:auto!important;z-index:100}
li.open ul .children,li ul ul .children{display:none!important;float:left}
.menu li ul li{display:block!important;float:none!important;margin:0}
.menu a{display:block}
.menu a,a .pagenumber,.page-numbers{-moz-transition:background-color 100ms ease-in,color 100ms ease-in;-o-transition:background-color 100ms ease-in,color 100ms ease-in;-webkit-transition:background-color 100ms ease-in,color 100ms ease-in;transition:background-color 100ms ease-in,color 100ms ease-in;background:#ddd;color:#222;font:14px Tahoma,Geneva,sans-serif;margin:0;padding:6px 12px;text-decoration:none;text-shadow:#eee 0 1px;border:none!important}
.menu a:hover,a:hover .pagenumber,.page-numbers:hover{background:#e50;color:#fff;text-shadow:none}
.menu a:active,a:active .pagenumber,.page-numbers:active{background:#fd7}

.pagenumber,.page-numbers.current{font:14px Tahoma,Geneva,sans-serif;background:#222;color:#fff;text-shadow:0 -1px 0 #000;padding:6px 12px}
.postpages,.commentspages{text-align:right}
.current_page_item a{background:#222;color:#fff!important;text-shadow:0 -1px 0 #000!important}
.current_page_item ul li a{background:#ddd!important;color:#000!important;text-shadow:0 0 0!important}
.current_page_item ul li a:hover{background:#e50!important;color:#fff!important}
.current_page_item a:hover{background:#222!important;color:#FC4!important}
#content{clear:both;color:#222;margin:0 auto 20px;padding:0 0 15px;position:relative;width:960px}
#sidebar{list-style:none;position:absolute;top:0;right:0;margin:0;padding:0;width:346px}
#sidebar ul{list-style:none}
#sidebar p{margin:0 0 20px;padding:0}
#sidebar li{padding:0 0 20px}
#sidebar li li{background:url(images/list-icon.gif) no-repeat;font-size:12px;line-height:15px;margin:6px 0;padding:0 0 0 20px !important}
#sidebar li a{border-bottom:1px dotted #222;color:#222;text-decoration:none}
#sidebar li a:hover{border-bottom:1px solid #222}
#sidebar li a:active{color:#000}
#rss{position:absolute;z-index:101;right:10px;top:-10px}
#searchquery{font-family:'Trebuchet MS';font-weight:400}
.post{overflow:hidden;width:574px}
.post .title,#commentstitle,#sidebar .title,.hcardtitle{background:#222 url(images/title-bg.jpg) no-repeat center;color:#fff;display:block;font:18px Verdana,Geneva,sans-serif;font-weight:700;margin:0 0 10px;padding:10px}
.sticky .title{background:#C30!important}
.post .title a{color:#fff;text-decoration:none}
.post .title.notitle a{color:#555}
.post .title a:hover{color:#FD5}
.postdate{float:right;font-variant:small-caps;font-weight:400;letter-spacing:.1em}
.post .content{padding:0 0 11px}
.content a,#tags a,#relatedposts a{border-bottom:1px dotted #B20;color:#B20;text-decoration:none}
.content img{margin-bottom:5px;margin-top:5px}
.content h1{background:url(images/separatorh1.png) left bottom no-repeat;color:#000;font-size:2em;font-weight:400;margin:0 0 10px;padding:10px 0}
.content h2{background:url(images/separatorh2.png) left bottom no-repeat;font:19px 'Trebuchet MS',Helvetica,sans-serif;font-weight:400;margin:25px 0 11px;padding:0 0 3px}
.content h3{font-size:16px;margin:1em 0 .25em}
dt,h4,.content h5{font-size:13px;margin:0;padding:0;text-transform:uppercase}
.content h6,.content h7,.content h8{font-size:13px;margin:0;padding:0;font-weight:700}
.content pre,blockquote{background:#E5E5E5;border-radius:5px;margin:15px 0;overflow:auto;padding:5px 10px}
blockquote p{margin:0!important}
.content ol li{padding:10px 0}
.content ol ul li,.content ol ol li,.content ul ol li,.content ul ul li{padding-left:30px!important}
h1 a,h2 a,h3 a,h4 a,h5 a{border:0!important;text-decoration:none!important}
th{background:#ccc!important}
tr:nth-child(odd){background:#ddd}
table{border-collapse:collapse}
td,th{padding:5px 10px 5px 5px;margin:0}
.wp-caption{margin:10px;padding-top:4px;text-align:center}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.gallery-caption{position:relative}
.alignright{float:right;margin-left:10px}
.alignleft{float:left;margin-right:10px}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
dd,.post p,.post address{margin:0 0 20px}
#pagebuttons{width:574px;background:url(images/separator960.png) no-repeat center top;clear:both;color:#AAA;font-size:22px;padding:10px 0 15px;text-align:center}
#pagebuttons a{color:#222;text-decoration:none}
#pagebuttons a:hover{color:#C30}
#comments{clear:both}
#comments li{clear:both;list-style-type:none;margin:0;padding:0}
.avatar{float:left;margin:5px 10px 10px 0!important}
.commenter{font-weight:700}
form{background:#EEE;border:1px solid #CCC;border-radius:3px;margin:7px 0 10px;padding:15px 20px 20px}
#search{width:auto}
#searchbutton{margin:auto 0}
.formtitle{display:block;font-family:'Trebuchet MS',Trebuchet,sans-serif;font-size:19px;font-weight:400;padding:3px 0 16px;text-shadow:0 1px 0 #FFF}
form ul{clear:left;list-style:none;margin:0;padding:0;text-align:right}
.field{background:#fff url(images/field-bg.gif) repeat-x;border:1px solid #AAA;color:#222;float:left;font-size:12px;margin:0 0 5px;padding:4px;width:370px}
.fieldtitle{float:left;font-family:Tahoma,Geneva,sans-serif;padding:0 10px 0 0;text-align:left;text-shadow:0 1px 0 #FFF;width:140px}
.field:focus{border:#005 solid 1px;outline:none}
textarea{background:#fff url(images/field-bg.gif) repeat-x;font:13px Arial,Helvetica,sans-serif;height:150px;line-height:20px;overflow:auto}
#submit{background:url(images/button.png) no-repeat top left;border:none;color:#FFF;font-size:14px;height:32px;margin:10px 0 5px;outline:none;text-shadow:0 -1px 0 #700;width:150px}
#submit:active{-ms-background-position-x:1px;-ms-background-position-y:1px;color:#DDD!important;text-shadow:0 -1px 0 #003}
img#wpstats{display:none}
.footer{color:#aaa;text-align:center}
.footer a{text-decoration:none;color:#777}
.footer a:hover{color:#222}
.floatfix{clear:both}
.cat-item{background-image:url('images/folder-icon.gif')!important}
.recentcomments{background-image:url('images/comments-icon.gif')!important}
em,.content h5{font-style:italic}
li.open ul,li.open ul li.open .children{display:block!important}