/* --------------------------
- General
- Header
- Header login form
- Header search
- Menu
- Footer
- Content (main contents, questions, categories, comments)
- User account
- Form
-------------------------- */


/* General */
body { background: url('/images/theme/bg.jpg') top left repeat; font-family: arial, verdana, tahoma; }
form div ul.error_list { margin: 10px 0 0 0; color: red; }

h1 { font-size: 18px; }

input[type=text], input[type=password], textarea { border: 1px black solid; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px #8e4324 solid; }

.btn-ok { float: left; width: 44px; height: 28px; border: 0; background: url('/images/theme/btn-ok.png') top left no-repeat }

.round-border-top { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.round-border-bottom { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

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

div#modal { background-color: black; position: fixed; z-index: 5; top: 0; left: 0; opacity: 0.5; -moz-opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE < 8 */ }

div#popin { display: none; z-index: 10; border: 2px #8E4324 solid; position: fixed; top: 50px; left: 250px; width: 600px; height: 380px; overflow: auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div#popin-head, div#popin-content { float: left; width: 100%; }
div#popin-head { padding: 5px 0; font-size: 14px; margin: 0 0 5px 0; border-bottom: 1px #8E4324 solid; }
div#popin-head span { float: left; padding: 0 5px; font-weight: bold; margin: 0; }
div#popin-head a { float: right; padding: 0 5px; font-weight: bold; }
div#popin-content { }

#right-block-bottom { float: right; margin: 5px 10px; padding: 5px; width: 200px; }

/* Header */
#header { width: 100%; height: 212px; background: url('/images/theme/header.png') top center no-repeat }
#header a#home { float: left; width: 260px; height: 40px; margin: 60px 0 0 235px; }

/* Header login form */
#login { padding: 5px; }
#login div { float: left; margin: 0 5px 5px 0; }
#login input[type=text], #login input[type=password] { width: 150px; }
#login label { font-weight: bold; color: #8e4324; }
#login input.btn-ok { margin: -18px 0 0 0; }

/* Header search */
#search { float: left; width: 100%; margin: 65px 0 0 0; padding: 5px 0; font-size: 16px; font-weight: bold; }
#search label { color: #8E4324; margin: 0 10px; }
#search label, #search input { float: left; }
#search input[type=text] { padding: 4px; }
#search input[type=submit] { padding: 2px 4px; margin: 0 10px; background-color: #EFE3B9; color: #953A14; font-weight: bold; border: 1px #953A14 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#search a.home { float: right; margin: 0 10px; width: 60px; height: 20px; padding: 4px 0 0 26px; font-size: 14px; background: url("/images/icons/home-24.png") top left no-repeat; }
#search a.twitter { float: right; padding: 0 25px 0 0; margin: 0 40px 0 10px; color: #2caeff; font-size: 13px; line-height: 13px; text-align: center; background: url("/images/icons/twitter-24.png") top right no-repeat; }

/* Menu */
#main-menu { position: relative; top: 53px; }
#main-menu a { color: white; }
#main-menu li { list-style-type: none; display: inline-block; margin: 0; }
#main-menu li a { width: 92px; height: 20px; padding-top: 13px;  background-image: url('/images/theme/btn-menu.png'); background-position: 0 0; display: inline-block; text-align: center; }
#main-menu li a:hover { background-position: 0 33px; font-weight: bold; }
.connexion-block { left: -287px; }
.no-connexion-block { left: 120px; }

/* Footer */
#footer { width: 100%; font-size: 13px; padding: 20px 0 50px 0; text-align: center; }
#footer ul { display: inline; margin: 0; padding: 0; }
#footer ul li { display: inline; margin: 0; padding: 0; }
#footer-planche { width: 100%; height: 46px; margin: 0 0 10px 0; background: url('/images/theme/planche-bg.png') top center no-repeat }
#footer-bottom { width: 100%; }

/* Content */
#content-top { width: 100%; }
#content { float: left; width: 100%; margin: 0 0 0 10px; padding: 0; }
#top-content { margin-bottom: 20px; font-size: 14px; font-weight: bold; text-align: center; color: #8E4324; }
#center-content { }
#center-content-search { float: left; padding: 10px 0 10px 75px; }
#right-content { background-color: #efe3b9; padding: 5px 4px; margin: 5px; }
.right-container { float: left; width: 220px; }

#top-links { text-align: center; margin-bottom: 20px; }
#top-links span { float: left; display: inline-block; width: 100%; margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #cc6a48; }
a.top { float: left; width: 150px; padding: 10px; margin: 0 0 0 45px; text-align: center; font-size: 14px; font-weight: bold; background-color: #fb7434; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.lonely { margin: 10px 0 10px 270px; }
a.right-col-link { margin: 5px 30px; }
a.top:hover { background-color: #fb6b4b; }

#notification { font-size: 14px; font-weight: bold; font-style: italic; text-align: center; padding: 5px 0; color: #57a000; border: 2px #57a000 solid; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.bg-top { height: 6px; background: url('/images/theme/content-bg-top.png') top left no-repeat; }
.bg-middle { background: url('/images/theme/content-bg-middle.png') top left repeat-y; }
.bg-bottom { height: 6px; background: url('/images/theme/content-bg-bottom.png') top left no-repeat; }

#most-popular { margin: 10px 0 0 0; }
#latest-questions { margin: 0 0 10px 0; }
#latest-questions span.head, #most-popular span.head { font-weight: bold; font-size: 18px; display: block; width: 100%; margin: 0 0 10px 0; }

.question { margin: 5px 0 12px 0; line-height: 14px; }
.question h1.title { font-size: 22px; line-height: 24px; font-weight: bold; margin: 20px 0; color: #8e4324; text-align: center; }
.question a.title { font-weight: bold; text-decoration: underline; }
.question a.show { font-size: 11px; }
.question span.text { }

.question-no-answer { float: left; width: 100%; padding: 6px; border-bottom: 1px #bfa779 solid; }
.question-no-answer .title { float: left; max-width: 580px; font-weight: bold; color: #8e4324; }
.question-no-answer .answer { float: right; color: #d03c13; font-weight: bold; font-style: italic; }

.question-comments { float: left; width: 100%; background: url('/images/theme/vote.png') 470px 0 no-repeat; }
.question-comments b { float: left; font-size: 14px; margin: 10px 0; }

#user-info { border-bottom: 1px #953A14 solid; }
#user-info span { color: #7e2d0d; font-weight: bold; }
a.register { background-color: white; color: #953A14; font-weight: bold; display: inline-block; padding: 5px 10px; margin: 10px 50px 10px 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.forgot-pwd { margin: 10px 0 0 15px; }

#category-list, #without-comments { border-top: 1px #953a14 solid; padding: 5px 0 0 0; }

#category-list { margin: 0 0 20px 0; }
#category-list span, #without-comments span { display: block; font-weight: bold; color: #7e2d0d; width: 100%; text-indent: 10px; margin: 0 0 5px 0; }
.category { margin: 0 0 20px 0; }
.category span.title { font-weight: bold; }
.category h1.title { font-weight: bold; margin: 0; }
.category a.name { font-weight: bold; color: #8e4324; text-decoration: underline; }
.category span.description { display: block; font-style: italic; }

#all-categories { }
#all-categories h1 { font-weight: bold; margin: 0 0 20px 0; color: #8e4324; }

#comments-list { width: 100%; }
#comments-list .comment { float: left; background-color: #faf9ef; margin: 6px 0; padding: 5px; border: 1px #bfa779 solid; }
#comments-list .comment-content { float: left; width: 590px; margin: 0 5px 0 0; }
#comments-list .comment-content i { font-size: 11px; font-weight: bold; }
#comments-list .comment-note { float: left; width: 90px; }

#advertisment { }
#leaderboard { float: left; width: 100%; text-align: center; margin: 10px 0; }

.zone_texte h1 { margin: 0 0 10px 0; padding: 0; }

.pagination { float: left; width: 100%; text-align: center; }
.pagination a { padding: 2px; }
.pagination a.current { color: white; background-color: #8e4324; }

/* User account */
ul#account-tabs { float: left; width: 100%; margin: 5px 0; padding: 0 0 2px 0; border-bottom: 1px #8e4324 solid; }
ul#account-tabs li { list-style-type: none; display: inline; margin: 0; padding: 0; }
ul#account-tabs li a { padding: 5px; margin: 0; background-color: #efe3b9; border-width: 1px; border-style: solid; border-color: #8e4324; }
ul#account-tabs li a:hover { text-decoration: none; background-color: transparent; }
ul#account-tabs li a.selected { background-color: transparent; border-width: 1px 1px 0 1px; }

div.user-tab { display: none; }
div.default-tab { display: block; }

/* Form */
div.classic-form { }
div.classic-form h1 { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #8e4324; }
div.classic-form .form-row { margin: 0 0 15px 0; }
.form-row label { display: inline-block; font-style: italic; font-weight: bold; width: 210px; }
.form-row label.wide { width: 550px; font-weight: normal; }
.form-row input[type=text], .form-row input[type=password], .form-row textarea, .form-row select { width: 300px; padding: 4px; }
.form-row ul.checkbox_list li { list-style-type: none; margin: 0 0 0 10px; }
.form-row ul.checkbox_list li label { font-weight: normal; }
.form-row div.label-container { float: left; margin: 0 5px 0 0; }

div.classic-form input.submit { background-color: #af6743; font-weight: bold; color: white; padding: 3px 6px; margin: 0 0 0 220px; border: 1px #8e4324 solid; }

div#add-comment-form { float: left; width: 320px; margin: 10px 20px 0 0; }
div#add-comment-form span { color: #8e4324; font-weight: bold; font-size: 14px; }

.popin-form { padding: 5px; }
.popin-form div.tips { float: left; width: 100%; margin: 0 0 5px 0; }

/* Notable */
div#note_note_0,
div#note_note_1 { background: none; width: 24px; height: 24px; margin: 0 2px 0 0; }
div.star-rating a[title="0"],
div.star-rating a[title="1"] { background: none; width: 24px; height: 24px; margin: 0 2px 0 0; }
div.star-rating-hover a[title="0"],
div.star-rating-hover a[title="1"] { background-position: 0 -48px; }
div.star-rating a[title="0"] { background: url("/images/icons/bad.png") top left no-repeat; background-position:0 -24px !important; }
div.star-rating a[title="1"] { background: url("/images/icons/good.png") top left no-repeat; background-position:0 -24px !important; }


table.dooble_adsens {width: 100%;}
table.dooble_adsens tr td{width: 50%;}