/*
Theme Name: OneRoom
Theme URI: http://web-kreation.com/demos/oneroom/
Description: A 3 columns layout Designed by Web-Kreation
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Version: 1.0
Tags: Green, fixed width, three columns, widget-ready

    OneRoom v1.0
    Preview: http://web-kreation.com/demos/oneroom/

    Date: Feb 4, 2009

    This theme was designed and built by Jeremie Tisseau, whose blog you will find at
    http://web-kreation.com/index.php/blog/

    License: Read about it at http://web-kreation.com/demos/oneroom/index.php/license/
*/

/*Begin Typography &Colors  */
html,body{border:0;margin:0;padding:0}
html{background:#F7FBFE}
body{background:#F7FBFE;color:#333;font-family:"Trebuchet MS",Arial;font-size:11pt;text-align:center}

/* Links */
a{color:#57bfed;font-size:10pt;text-decoration:none}
a:hover{color:#adaa99;font-size:10pt;text-decoration:none}

/* Common Formatting */
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}
h1{clear:both;font-size:10pt;font-weight: bold;margin:10px -20px;padding:5px 20px}
h1 a{color:#82d5f7 !important;}
h2{font-size:9pt;}
h3{font-size:8pt;}
h4{font-size:7pt;}
h5{font-size:6pt;}

p{margin:10px 0;padding:0;font-size:10pt;}
ul{list-style:none;margin:0;padding:0}
blockquote{border-left:1px solid #D0D0CE;color:#444;display:block;font-family:"Trebuchet MS",Arial;font-size:1.4em;margin:10px 20px;padding-left:10px}
code,pre{color:#444;font-size:1.2em}
pre{background-color:#F4F5F3;border:#E2E4E0 1px dotted;clear:both;display:block;margin:15px 0;padding:0.2em 0.5em}
small{font-size:0.8em}
big{font-size:1.2em;font-weight:700}
sup{bottom:0.3em;position:relative;vertical-align:baseline}
sub{bottom:-0.2em;position:relative;vertical-align:baseline}
acronym,abbr{border-bottom:1px dashed;cursor:help;letter-spacing:1px}
hr{border-bottom:1px solid #FFF;border-left:none;border-right:none;border-top:1px dotted #BEC1B5;clear:both;display:block;margin:5px 0}

/* custom Classes */
.note,.error{border-bottom:#EBE8D7 1px solid;border-top:#EBE8D7 1px solid;display:block;float:left;line-height:normal;margin:20px 0;padding:5px 10px;width:460px}
.note{background-color:#F4F5F3;border-bottom:#E2E4E0 1px solid;border-top:#E2E4E0 1px solid}
.error{background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid}
.nobullet{background:transparent !important;list-style:none !important;margin:0;padding:0}

/* Tables */
table{border:0;margin:0 0 18px;padding:0}
table tr td{padding:2px}

/* clear */
.clear{ clear:both; width:100%; height:0; line-height:0; font-size:0; padding:0; margin:0; border:0}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */            

/* Global Classes */
.alignleft{display:block;float:left}
.alignright{display:block;float:right}
.aligncenter{display:block;margin:0 auto;text-align:center}

/* images border */
img.alignleft,img.alignright,img.aligncenter{display:block;padding:3px}
img.alignleft{float:left;margin:0 10px 10px 0}
img.alignright{float:right;margin:0 0 10px 10px}
img.aligncenter{margin:5px auto}
img.noborder{background:transparent;border:none;padding:0}
a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter{background:#FFF;display:block;padding:3px}

/* Image Captions */
.wp-caption{background:#dbeefc; margin:4px 5px 5px 5px; padding:10px 10px 0px 10px;text-align:justify;max-width:470px!important; overflow: hidden;}
    /* optional rounded corners for browsers that support it
    This code is disabled by default because it is not valid CSS but you are free to enable it if you wish.
    .wp-caption{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}  */
.wp-caption img{border:none;margin:0px;padding:0;width:100%!important;height:auto!important}
.wp-caption-text{color:#2b1507; font-size:10pt; margin-top:10px; padding:0px; }

/* */
a img,img{border:none}
h6,#intro h2{font-size:1.2em}
.nopadding,.commentlist,#respond form{margin:0 !important;padding:0 !important}
.nobackground,#respond .left-sidebar p{background:transparent !important}
.grey,#intro,#intro a,#intro h2 span{color:#ffffff}
#intro a,.postmetadata a:hover,#wp-calendar tr a{text-decoration:underline}

/***** Main Layout *****/
#container{height:100%;text-align:center;width:100%;}
#wrapper{margin:0 auto;text-align:left;width:970px;}
#header{
  background:url(images/content_top.jpg) no-repeat 0 bottom;
  font-size:0.9em;
  height:149px; 
  width: 716px;
  position:relative;
  border: 0px solid #00ff00;
  overflow: hidden;
}

#logo{
  position: relative;
  top: 20px;
  left: 0px;
  background:url(images/logo.jpg) no-repeat 0 0;
  height:139px;
  width:120px;
  border: 0px solid #ff0000;
  overflow: hidden;
}

/* Languages */
#lngs {
  position: relative;
  top: -137px;
  left: 590px;
  height: 104px;
  width: 130px;
  border: 0px solid #fff000;
  overflow: hidden;
}

#lng_english {
  position: relative;
  top: 57px;
  left:0px;
  height: 46px;
  width: 62px;
  float: left;
  border: 0px solid #ff0000;
  background: url(images/fbritish.jpg) no-repeat center bottom;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}

#lng_french {
  position: relative;
  top: 57px;
  left:0px;
  height: 46px;
  width: 62px;
  float: right;
  border: 0px solid #ff0000;
  background: url(images/ffrench.jpg) no-repeat center bottom;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}

#hmenu {
  position: relative;
  top: -132px;
  left: 125px;
  width: 590px;
  height: 28px;
  background: #2b1507;
  text-align: left;
  line-height: 30px;
  font-weight: bold;
  border: 0px solid #ff0000;
  overflow: hidden;
}

#hmenu_inner {
  position: relative;
  top: 0px;
  left: 10px;
  width: auto;
  height: 28px;
  overflow: hidden;
}

a.hmenu_link { font-family:"Trebuchet MS",Arial; font-size: 9pt; color: #ffffff; text-decoration: none;}
a.hmenu_link:hover { font-family:"Trebuchet MS",Arial; font-size: 9pt; color: #ffffff; text-decoration: none;}

a.hmenu_link_sel { font-family:"Trebuchet MS",Arial; font-size: 9pt; color: #57bfed; text-decoration: none;}
a.hmenu_link_sel:hover { font-family:"Trebuchet MS",Arial; font-size: 9pt; color: #57bfed; text-decoration: none;}

#hmenub {
  position: relative;
  top: -132px;
  left: 125px;
  width: 590px;
  height: 12px;
  background: #82d5f7;
  overflow: hidden;
}

/* Main Navigation */
.menu{display:block;float:right;height:24px;list-style:none;margin:8px 0 0 30px;padding:0;text-align:center}
.menu li{display:block;float:left;height:24px;margin:0 6px 0 0;padding:0;position:relative;text-align:center;width:auto}
.menu li a{border:1px solid #2F3028;color:#BDC1AF;display:block;float:left;font-size:1.1em;font-weight:400;height:24px;line-height:24px;padding:0 8px;position:relative;text-decoration:none}
.menu li a:hover{background:#252620;border:1px solid #5A5C4D;color:#FFF;text-decoration:none;}
.menu li.current_page_item a,.menu li.current_page_item a:hover{background:#6C9339;border:1px solid #B5BBA6;color:#FFF;font-weight:700;margin:-1px}

/* Admin Navigation */
#navAdmin {clear:right;display:block;float:right;height:14px;list-style:none;margin:4px 0 0 30px;padding:0;text-align:center}
#navAdmin2{clear:right;display:block;float:right;width:192px;height:42px;list-style:none;margin:8px 0 0 30px;padding:0;text-align:center;}
#navAdmin  li{display:block;float:left;height:14px;margin:0;padding:0;position:relative;text-align:center;width:auto}
#navAdmin  li.with-border{border-right:1px solid #adaa99; display:block;float:left;height:14px;margin:0;padding:0;position:relative;text-align:center;width:auto}
#navAdmin2 li{display:block;float:right;height:42px;margin:0px;padding:0;position:relative;text-align:center;width:192px}
#navAdmin li a{font-weight:bold;color:#adaa99;display:block;float:left;font-size:8pt;height:14px;line-height:14px;padding:0 4px;position:relative}
#navAdmin li a:hover{font-weight:bold;color:#57bfed;text-decoration: none}
#rss{background:url(images/rss_bg.jpg) no-repeat right 0;clear:right;color:#FFF;display:block;float:right;font-size:1.4em;height:31px;line-height:32px;padding-right:20px;position:absolute;right:35px;text-align:center;text-transform:uppercase;top:60px;width:220px;z-index:999}

/***** Content *****/
#pageWrapper{background:#F7FBFE;}
#content{
  display:block;
  float:left;
  /*overflow:hidden;*/ 
  margin-top:15px;
  padding:0px;
  width:706px;
  text-align: left; 
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  background: #ffffff;
}

.content_class{
  margin:0px;
  padding:0px;
  width:706px;
  text-align: left; 
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  background: #ffffff;
}

.content_class_inner {
  position: relative;
  top: 0px;
  left: 10px;
  width:686px;
}

.rckt { margin-left: -3px; width:712px; background: #2b1507 url(images/rckt.jpg) no-repeat -7px 0; text-align: center; }
.rckt_inner { position: relative; top: 0px; left: 10px; width: 692px; background: transparent; color:#ffffff; font-size:20pt; line-height:50px; text-align: center; border:0px solid #ffffff}
.rckb { margin-left: -3px; width:712px; height: 16px; background: url(images/rckb.jpg) no-repeat left center; border: 0px solid #000000; }

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#33352C;font-family:"Trebuchet MS",Arial}
#intro{clear:both;display:block;float:left;font-family:"Trebuchet MS",Arial;font-size:1.4em;padding:10px 20px 0;width:100%;}
#intro h2 span{font-size:0.9em}

/*  POST */
.postWrapper{clear:both;display:block}
.postmetadata{clear:left;display:block;float:left;font-size:0.85em;padding:5px 0 20px;width:160px;display: none;}
.postmetadata a{color:#615F58}
.meta-date{background:url(images/date.jpg) no-repeat 0 0;clear:both;color:#FFF;display:block;height:29px;padding-top:7px;width:160px}
.date-day{border-right:1px solid #FFF;display:block;float:left;font-size:2.2em;font-weight:700;height:20px;line-height:18px;padding-left:10px;padding-right:5px;text-align:right}
.date-month{display:block;float:left;font-size:1.2em;font-weight:700;height:12px;line-height:10px;padding-left:8px;width:90px}
.date-year{display:block;float:left;font-size:0.8em;height:10px;line-height:10px;padding-left:8px;width:90px}
.meta-author,.meta-edit,.meta-comments,.meta-categories,.meta-tags{clear:both;display:block;margin-left:10px;padding:2px 0 2px 20px;width:120px}
.meta-author{background:url(images/icon-author.jpg) no-repeat 0 0}
.meta-edit{background:url(images/icon-edit.jpg) no-repeat 0 0}
.meta-comments{background:url(images/icon-comment.jpg) no-repeat 0 0}
.meta-categories{background:url(images/icon-category.jpg) no-repeat 0 0}
.meta-tags{background:url(images/icon-tag.jpg) no-repeat 0 0}
.post{ clear:right; display:block; padding:5px 20px 20px; width:665px; border:0px solid #ff0000; }
.post h1         { text-align: justify; }
.post h2         { text-align: justify; }
.post h2 a       { color: #57bfed; font-weight: bold; font-size:20pt; text-decoration:none; }
.post h2 a:hover { color: #adaa99; font-weight: bold; font-size:20pt; text-decoration:none; }
.post h3,.post h4,.post h5,.post h6{margin:15px 0}
.post h3 a       { color: #adaa99; font-weight: bold; font-size:10pt; text-decoration:none; }
.post h3 a:hover { color: #57bfed; font-weight: bold; font-size:10pt; text-decoration:none; }
.post ul li{margin:0;padding:5px 0 5px 10px}

.entry{ width:100%; text-align: justify; border:0px solid #000000; }
.entry p{ width:100%; text-align: justify; border:0px solid #000000;}

.entry a       { color:#57bfed; font-weight: bold; font-size:10pt; text-decoration:none; }
.entry a:hover { color:#adaa99; font-weight: bold; font-size:10pt; text-decoration:none; }

a span.more{background-color:#33352C;clear:both;color:#FFF;display:block;font-size:0.8em;font-weight:700;margin:20px 0 0 !important;padding:4px 7px;width:36px}
a:hover span.more{background-color:#6C9339;color:#FFF;text-decoration:none}

/* Left sidebar */
.left-sidebar{clear:left !important;display:block;float:left;font-size:0.85em;font-weight:400;margin:0;padding:15px 0 0 10px;width:150px;}
.left-sidebar p{background:url(images/comment-arrow.jpg) no-repeat right 5px;line-height:1.5em;margin:0;padding-right:10px}
.left-sidebar h3{margin:0;padding:0}
.left-sidebar .avatar{background:#EFEFED;border:1px solid #D0D0CE;display:block;float:left;margin:0 5px 0 0;padding:3px}

/*h2.sidebar-title { background: url(images/sidebar_title_brown.jpg) no-repeat 0 0; overflow: hidden; width: 190px;height:40px; line-height:40px;border:1px solid #000000}*/

.rcbt { width: 190px; height: 13px; overflow: hidden; background: url(images/rcbt.jpg) no-repeat center center; border: 0px solid #000000; }
.rcbb { width: 190px; height: 13px; overflow: hidden; background: url(images/rcbb.jpg) no-repeat center top; border: 0px solid #000000; }


/* bottom Navigation */
.nav{float:right;font-family:"Trebuchet MS",Arial;font-size:1.3em;font-weight:700;overflow:hidden;padding:7px 20px;width:480px;}
.nav-border-bottom{border-bottom:#E2E4E0 1px solid}
.nav-padding{padding:14px 20px !important;}

/* Comments */
.reply{font-size:90%;text-align:right}
.commentlist li{clear:both;display:block;font-weight:700;margin:0 !important;padding:0 !important;}

.comment-content{ background: #eae8dc; width:390px;font-weight:normal;margin:0;padding:3px 20px;min-height:50px}
.comment-content-admin{ background: #dbeefc; width:390px;font-weight:normal;margin:0;padding:3px 20px;min-height:50px}
.comment-content p{ text-align: justify; }
.comment-content-admin p{ text-align: justify; }
.comment-content,.nav{}

.comment-container{ clear:right;display:block;float:left;width:430px;font-weight:normal;margin:0;padding:0px;}


.comment-content-begin { background: url(images/comment-rcbt.jpg) no-repeat -90px 0; width: 430px; height: 12px; overflow: hidden; }
.comment-content-end   { background: url(images/comment-rcbb.jpg) no-repeat 0 0; width: 430px; height: 12px;  overflow: hidden; }

.comment-content-admin-begin { background: url(images/comment-admin-rcbt.jpg) no-repeat -90px 0; width: 430px; height: 12px;  overflow: hidden; }
.comment-content-admin-end   { background: url(images/comment-admin-rcbb.jpg) no-repeat 0 0; width: 430px; height: 12px;  overflow: hidden; }


#respond{clear:both;display:block;margin:0 0 20px !important;min-height:1px;padding:0 !important;overflow:hidden;}
#respond h3{padding-bottom:20px}
#respond form textarea{height:100px !important}
#respond form .field{border:1px solid #7F9DB9;padding:2px 5px !important;width:130px}
#respond .form-content{clear:right;display:block;float:left;width:480px;font-weight:normal;margin:0;padding:15px 20px;padding-top:55px}

/***** RIGHT SIDEBAR *****/
#sidebar{ float: right; overflow:hidden; padding-top:7px; width:230px; border: 0px solid #ff0000; text-align: left}
#sidebar_inner { width:190px !important; overflow: hidden; border:0px solid #ff0000;text-align: justify;}
#sidebar_inner h2{ background: url(images/sidebar_title_blue.jpg) no-repeat 0 0;width: 190px;height:40px; line-height:40px;color:#2b1507;font-family:"Trebuchet MS",Arial;font-size: 10pt;font-weight:bold;margin:0px;padding:0px 0px; text-align:center;}
#sidebar_inner li ul { list-style: disc inside; }
#sidebar_inner li ul li { line-height: 15px; padding-bottom: 10px;}
#sidebar_inner ul li{ background: #dbeefc;margin:0;padding:5px 10px;width:170px; border:0px solid #000000}
#sidebar_inner ul li ul{ background: #dbeefc;margin:0 0 0 0px;width:190px}
#sidebar_inner ul li ul li{ background: #dbeefc;margin:0;padding:5px 0 5px 10px;width:190px !important}
#sidebar_inner ul li ul li ul{ background: #dbeefc;margin:0 !important;padding:0 !important;width:190px !important}
#sidebar_inner ul li ul li ul li{ background: #dbeefc;margin:0 !important;padding:5px 0 5px 10px;width:190px !important}
#sidebar_inner li p { background: #dbeefc;margin:0 !important; text-align:left; color: #2b1507}
#sidebar_inner a       { color: #57bfed; font-weight: bold; text-decoration: none; font-size: 9pt; }
#sidebar_inner a:hover { color: #adaa99; font-weight: bold; text-decoration: none; font-size: 9pt; }

.textwidget { background: #dbeefc;margin:0 !important; text-align:left; color: #2b1507; font-size:10pt; padding: 5px 10px; width:170px;}
li.widget { list-style: none; }

/* Search Box */
#searchform{float:right;background:transparent url(images/search-bar.jpg) no-repeat;height:42px;width:192px}
.search-field{background:transparent;border:none;display:block;float:left;padding:10px;width:135px;color:#c1beab;text-align:right;font-family:"Trebuchet MS",Arial;font-size:8pt}
.search-submit{background:transparent;border:none;cursor:pointer;display:block;float:left;height:42px;width:40px}
.search-field:focus{outline:none !important}

/* Banners */
.ads{clear:both;display:block;margin:20px 0;padding:0;width:264px}
.ads img{background:transparent;border:none;display:block;height:125px;padding:0;width:125px}
.ads .ad-left{float:left;margin:0 0 10px}
.ads .ad-right{float:right;margin:0 0 10px}

/* Calendar */
#calendar_wrap{display:block;margin:0 auto;width:240px}
#wp-calendar{background:#EFEFED;border:1px solid #D0D0CE;padding:3px;width:90%}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none}
#wp-calendar caption{font-size:1.2em;font-weight:700;padding:5px;text-align:center;text-transform:uppercase}
#wp-calendar thead{margin-top:5px}
#wp-calendar th{background:#ddd;border:1px solid #D0D0CE;font-size:0.9em;font-style:normal;text-align:center;text-transform:capitalize}
#wp-calendar #next a{display:block;float:right}

/***** FOOTER *****/
#footer{background:#21221C url(images/footer_bg.jpg) repeat-x 0 0;clear:both;color:#A9B095;font-size:0.85em;height:61px;margin:0 auto 80px;width:960px; display: none}
#footer ul li{display:inline}
#footer a:hover{color:#A9B095;text-decoration:none}
#footer .foot_l{background:url(images/footer_l.jpg) no-repeat left top;float:left;height:61px;width:8px}
#footer .foot_r{background:url(images/footer_r.jpg) no-repeat right top;clear:right;float:right;height:61px;width:8px}
#footer .foot_content{clear:none;display:block;float:left;padding:10px 0 0;width:800px}
#footer .foot_content p{line-height:20px;margin:0;padding:0}

/* Back to top button */
#toTop{background:url(images/top.jpg) no-repeat 0 0;clear:none;display:block;float:right;height:25px;margin-right:40px;width:50px}