/*
Theme Name: Question d'opinion
Version: 1.0.
Author: Joseph Ramirez
Author URI: http://www.domain.com/
Tags: three columns, clean, white, red, corporate
Description: A Red Corporate Theme designed for the Question d'opinion
*/

@import url("rtl.css");
@import url("reset.css");

/* HEADER
========================================== */
#header-wrapper{
	background:url(images/header-bg.jpg) top left repeat-x;
	height:109px;
}

#main-header{
	position:relative;
}

#main-header h1{
	background:transparent url(images/logo.png) no-repeat left bottom; 
	display: block; 
	height: 68px;
	position:absolute;
	top:10px;
	text-indent: -9999px; 
	width: 488px;
}
#main-header h1 a{
	display: block; 
	height: 100%; 
	width: 100%
}

#search-container{
	background:url(images/search-bg.jpg) 0 0 no-repeat;
	float:right;
	height:29px;
	margin:72px 18px 0 0;	
	padding:8px 0 0 15px;
	width:374px;
}

.search-text{
	background:url(images/search-text.jpg) no-repeat 0 0;
	height:20px;
	padding:6px 0 0 20px;
	width:294px;
	float:left;
}

#search-btn{
	background:url(images/search-tbn.jpg) 0 0 no-repeat;
	color:#fff;
	cursor:pointer;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	height:26px;
	width:45px;
}

#navigation-container{
	position:absolute;
	top:78px;
	width:560px;
}


ul#top-navigation {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

ul#top-navigation li {
	display: inline;
}

ul#top-navigation li a {
	float: left;
	display: block;
	margin-right: 5px;
	line-height: 30px;
	background: url(images/btn-right.jpg) no-repeat bottom right; 
	padding-right: 12px;
	color: #fff;
	text-decoration: none;
}

ul#top-navigation li a:hover {
	background: url(images/btn-right.jpg) top right no-repeat;
	color: #9a0f17;
}

ul#top-navigation li a span {
	background: url(images/btn-left.jpg) bottom left no-repeat; 
	display: block;
	padding: 0px 0px 0px 12px;
}

ul#top-navigation li a:hover span {
	background: url(images/btn-left.jpg) left top no-repeat; 

}

ul#top-navigation li.current-cat a{
	background: url(images/btn-right.jpg) top right no-repeat;
	color: #9a0f17;
}

ul#top-navigation li.current-cat a span {
	background: url(images/btn-left.jpg) left top no-repeat; 
}


/* ---------- ( Clearfix ) ---------------------------------------- */

.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 */


/* BODY
========================================== */
#content-wrapper{
	background:#fff;
	padding:30px 0;
}

#main-content{
	background:url(images/body-bg.jpg) no-repeat top right;
}

#left-column{
	float:left;
	margin:20px 0 0;
	width:540px;
}

#right-column{
	float:left;
	margin:0px 0 0 36px;
	width:359px;
}

#intro-container{
	float:left;
	width:359px;
}

.intro-corner{	
	height:12px;
	width:359px;
}

#intro-content, #rss-content{
	background:#fafafa;
	border:1px solid #eee;
	border-top:none;
	border-bottom:none;
	font-size:13px;
	font-weight:bold;
	padding:0 20px;
	width:317px;
}

#intro-content .intro-title{
	color:#9a0f17;
	font-size:24px;
}

#intro-top-corner{
	background:url(images/intro-top-corner.jpg) top left no-repeat;
}

#intro-bottom-corner{
	background:url(images/intro-bottom-corner.jpg) top left no-repeat;
}
.widget_userlogin #login-container{
	display:none;
}

#login-container{
	background:url(images/login-bg.jpg) no-repeat top left;
	height:81px;
	float:left;
	padding:13px 8px 0;
	width:343px;
}

#login-container2{
	background:url(images/login-bg2.jpg) no-repeat top left;
	height:56px;
	float:left;
	padding:4px 8px 0;
	width:343px;
}

#password-clear{
	display: none;
}

input#right-submit{
	background:url(images/right-submit.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font:bold 14px Arial, Helvetica, sans-serif;
	height:30px;
	margin:12px 20px 0 0;
	width:164px;
}

p#right-passe{
	margin:10px 0 0 0;
}

p#right-passe2{
	margin:5px 0 0 0;
}

p#right-passe a, p#right-passe2 a{
	color:#000;
}

#rss-container{
	position:relative;
	float:left;
}

#rss-main p{
	background:transparent url(images/rss-image.jpg) no-repeat left bottom; 
	display: block; 
	height: 63px;
	text-indent: -9999px; 
	width: 359px;
}
#rss-main p a{
	display: block; 
	height: 100%; 
	width: 100%
}
#rss-content{
	background:#FAFAFA url(images/rss-icon.jpg) no-repeat scroll 16px 0px;
	height:48px;
}

.rss-link-container p{
	margin-left:60px;
	margin-top:8px;
	text-align:left;
	width:250px;
}
.rss-link-container a{
	color:#000;
	font-weight:bold;
}
#sibebar{
	width:356px;
}

.top-title-text{
	color:#9a0f17;
	font:bold 18px Arial, Helvetica, sans-serif;
}









/* FOOTER
========================================== */
#footer-wrapper{
	background:url(images/footer-bg.jpg) top left repeat-x;
	height:85px;
}

ul#footer-list
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin:0 0 0;
	padding:20px 0 0;
	white-space: nowrap;
}

#footer-list li
{
	display: inline;
	list-style-type: none;
}

#footer-list a{ 
	color:#fff;
	padding: 3px 10px;	
}

#footer-logo{
	float:right;
	padding:14px 0 0;
}



/* SIMILAR CLASS
========================================== */

.container{
	margin:0 auto;
	padding:0 0 0 17px;
	width:967px;
}

.div-margin20{
	margin:20px 0 0;
}

.right-textbox{
	background:url(images/right-textbox.jpg) no-repeat top left;
	font-size:11px;
	height:19px;
	padding:7px 12px 0 12px;
	overflow-x:hidden;
	width:144px;
}

#sibebar h2{
	color:#9a0f17;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#sibebar ul, #sibebar ul li h2{
	margin:20px 0 0;
}

#sibebar ul li ul{
	margin:5px 0 0;
}

#sibebar ul li{
	margin-bottom:5px;
}

#sibebar a{
	color:#000;
}

.comment-left-column{
	float:left; 
	width:180px; 
	margin-right:8px;
}

.comment-right-column{
	float:left; 
	width:350px;
}

.comment-text{
	background:url(images/comment-textbox.jpg) top left no-repeat;
	padding:8px 10px 0 10px;
	height:22px;
	width:151px;
}

.comment-textarea{
	background:url(images/comment-textarea.jpg) top left no-repeat;
	height:93px;
	padding:8px 10px;
	width:331px;
	overflow-x:hidden;
	overflow-y:auto;
}

.comment-btn{
	background:url(images/comment-btn.jpg) top left no-repeat;
	cursor:pointer;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	height:30px;
	width:124px;	
}

.comment-radio, .comment-checkbox{
	width:100%;
	margin-bottom:10px;
}

.comment-radio span{
	float:left;
}

.comment-radio span.radio-btn-left{
	margin-right:50px;
}

.comment-radio span.smiley-icon{
	width:40px;
}

.comment-user{
	font-weight:bold;
}
.comment-radio-btn{
	margin-top:-10px
}

.left-column-search{
	margin:30px auto 0;
	width:360px;
}
#sibebar_1{
	float:left;
	margin:0 16px 0 0;
	width:170px;
}

#sibebar_1 li a, #sibebar_2 li a{
	background:url(images/list-icon.jpg) no-repeat 0 4px;
	padding:0 0 0 10px;
}

#sibebar_1 li.widget_tag_cloud a{
	background:none;
}

#sibebar_2{
	float:left;
	width:170px;
}

.post{
	background:url(images/post-bg.gif) bottom center no-repeat;
	margin:0 0 10px;
	padding:10px 0 10px;
}

.post h2{
	color:#9a0f17;
}

.post p{
	line-height:1.5em;
	margin-bottom:15px;
}

.postmetadata{
	color:#f28a00;
	float:left;
	width:495px;
	margin-bottom:-5px;
}
ul.meta-data{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

.meta-data li{
	display: inline;
	font-size:11px;
	float:left;
	height:25px;
	list-style-type: none;
	margin:0 8px 0 0;
	padding:0 0 0 20px;
	vertical-align:middle;
	text-align:left;
}

.meta-data a {
	color:#f28a00;
	padding: 3px 0px 3px 0; 
}

.meta-data li.cal-data{
	background:url(images/cal-icon.gif) no-repeat 0 0px;
	text-transform:lowercase;
}

.meta-data li.cat-data{
	background:url(images/cat-icon.gif) no-repeat 0 0px;
}

.meta-data li.auth-data{
	background:url(images/author-icon.gif) no-repeat 0 0px;
}

.meta-data li.com-data{
	background:url(images/comment-icon.gif) no-repeat 0 0px;
	margin-right: -13px !important;
}

.meta-data li.tags-data{
	background:url(images/tags-icon.jpg) no-repeat 0 0px;
}

.meta-data li.votes-data img{
	padding:0 3px 0 0px;
	vertical-align:middle;	
}

#respond h3, h3#comments{
	color:#9a0f17;
	font-size:18px;
}






/* TAB
========================================== */
.tab-main-container{
	margin-top:20px;
}

.tab-wrapper{
	float:left;
	width:539px;
}

#tab-top-img{
	background:url(images/tab-top-img.jpg) no-repeat 0 0;
	height:11px;
}

#tab-bottom-img{
	background:url(images/tab-bottom-img.jpg) no-repeat 0 0;
	height:22px;
}

#tab-content-container{
	background:#b5b5b5;
	padding:0 6px;
	width:527px;
}
#tab-navigation-container{
	width:527px;
	margin-bottom:3px;
}

#top-white-img{
	background:url(images/tab-top-white-img.jpg) no-repeat 0 0;
	height:13px;
	width:527px;
}

.tab-main-content{
	border:1px solid #cfcfcf;
	border-top:none;
	border-bottom:none;
	padding:15px;
	width:495px;	
}
#tab-main-content, #tab-main-content-recent-comment, #tab-main-content-top-rated, #tab-main-content-most-read{
	background:url(images/tab-body-img.jpg) #fff repeat-x left bottom;
}

#tab-main-content1, #tab-main-content2, #tab-main-content3{
	background:url(images/tab-body-img2.jpg) #fff repeat-x left bottom;
}

.tab-main-content h3{
	font:bold 12px Arial, Helvetica, sans-serif;
	float:left; width:495px; display:block	
}

.tab-post-entry{
	float:left;
	margin-bottom:10px 0;
}

ul#tab-navigation {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

ul#tab-navigation li {
	display: inline;
}

ul#tab-navigation li a {
	float: left;
	display: block;
	margin-right: 3px;
	line-height: 30px;
	background: url(images/tab-right.jpg) no-repeat bottom right; 
	padding-right: 12px;
	color: #fff;
	text-decoration: none;
}

ul#tab-navigation li a:hover {
	background: url(images/tab-right.jpg) top right no-repeat;
	color: #9a0f17;
}

ul#tab-navigation li a span {
	background: url(images/tab-left.jpg) bottom left no-repeat; 
	display: block;
	padding: 0px 0px 0px 12px;
}

ul#tab-navigation li a:hover span {
	background: url(images/tab-left.jpg) left top no-repeat; 

}

ul#tab-navigation li.current-tab a{
	background: url(images/tab-right.jpg) top right no-repeat;
	color: #9a0f17;
}

ul#tab-navigation li.current-tab a span {
	background: url(images/tab-left.jpg) left top no-repeat; 
}





/* COMMENT
========================================== */
.comment-corner{
	height:11px;
}

.comment-body{
	padding:0 15px;
	width:499px;
	border:1px solid;
	border-bottom:none;
	border-top:none;
}

.odd-comment-body{
	background:#f5fbe8;
	border-color:#eef5de;
}

.even-comment-body{
	background:#fef2f2;
	border-color:#fbe8e8;
}

.odd-top-corner{
	background:url(images/odd-top-corner.jpg) no-repeat 0 0;
}

.odd-bottom-corner{
	background:url(images/odd-bottom-corner.jpg) no-repeat 0 0;
}

.even-top-corner{
	background:url(images/even-top-corner.jpg) no-repeat 0 0;
}

.even-bottom-corner{
	background:url(images/even-bottom-corner.jpg) no-repeat 0 0;
}

/* STARS
===============================================*/

.voted, .ratingtext {
    display: none;
}

.meta-data div a {
    padding: 0px;
}

.meta-data li.votes-data {
    margin-top: -3px;

}

.meta-data li.vote-star-container {
    margin-top: -1px;
}


/* SOCIABLE
========================================== */
.sociable-container{
	background:url(images/post-bg.gif) bottom center no-repeat;
	margin:0 0 10px;
	padding:0 0 18px;
	width:530px;
}
.sociable-corner-container{
	height:10px;
	width:530px;
}
.sociable-top-container{
	background:url(images/share-top-corner.jpg) no-repeat 0 0;
}

.sociable-body-container{
	background:#fbfbfb;
	border:1px solid #efefef;
	border-bottom:none;
	border-top:none;
	padding:0px 20px 5px;
	width:488px;
	position:relative;
}

.sociable-bottom-container{
	background:url(images/share-bottom-corner.jpg) no-repeat 0 0;
}

.sociable-body-container span strong{
	color:#990000;
}

div.sociable { margin: 0px 0; }

div.sociable_tagline {
	position: relative; 
	float:left;
	margin-right:20px;
}

div.sociable_tagline strong{
	color:#000;
}

div.other-network-container{
	background:url(images/other-network-bg.jpg) no-repeat 0 0;
	float:left;
	height:30px !important;
	width:134px !important;
	position:relative;
}

.starsbar{
	height:12px;
	overflow:hidden;
}

.ilsb-child{
	width:112px;
}