@import url("reset.css");

body { background: #FBFBFB url('images/bg.png') repeat-x;}
body#home { background: #FBFBFB url('images/home_bg.png') repeat-x;}

#page {width: 960px; margin: 0 auto; text-align: justify;}
 
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; color: #C00;}
em {background-color: #FFC; color: red; font-weight: bold; font-style: normal;} 
p {margin-bottom: 10px; font: 12px Tahoma;}
a img { border: none; }
.center {text-align: center;}

#header {
	margin-bottom: 10px;
	overflow: hidden;
}

#header #logo{
	margin-top: 15px;
	width: 300px;
	float: right;
}


#menu {
	width: 460px;
	float: left;
	overflow: hidden;
	padding: 20px 0; margin: 20px 0 0 0;
	list-style: none;
	_width: 660px;
}

#menu li {
	float: right;
	display: inline;
	_width: 110px;
}

#menu li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	font: bold 16px Arial;
	color: #000; outline: none;
	text-align: center;
	height: 30px; top: 7px;
	z-index: 10;
	display: block;
	margin: auto 10px;	
}

.lavaLamp li.back {
	background: url("images/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLamp li.back .left {
	background: url("images/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px;
}

#intro {
	font: 12px Tahoma;
	color: #DDD;
	width: 500px;
	float: right;
	margin-top: 30px;
	margin-bottom: 20px;
}

#intro p strong {
	font: bold 18px "Arabic Transparent";
	color: #FFF;
}

#parteners {
	margin-bottom: 20px;
	width: 390px;
	float: left;
	list-style: none;
	padding-top: 30px;
	background: transparent url('images/partenedby.png') no-repeat top right;
}

#parteners li {
	display: inline;
	float: right;
	margin-right: 5px;
}

#parteners li.first {
	margin-right: 0;
	margin-left: 15px;
}

#sidebar {
	width: 312px;
	float:left;
	margin-bottom: 20px;
}

#userbox {
	background-color :#FFF8AF;
	border: 1px solid #F93;
	margin-bottom: 20px;
	padding: 3px;
	overflow: hidden;
}

#userbox .avatar {
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
	height:50px;
	margin: 3px;
	padding:3px;
	width:50px;	
}

#sponsors {
	margin-bottom: 20px;
}

#content {
	width: 610px;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #DDD;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #EEE;
}

#home #content {padding: 0; width: 630px; border: none; background-color: #FFF;}

#content p {
	font: 13px Tahoma;
}

#content h1 {
	font: bold 18px Arial;
	margin: 0 0 30px 0;
	color: #3b5998;
	border-bottom: 1px solid #3b5998;
	padding-bottom: 5px;
}

#content h2 {
	font: bold 20px Arial;
	margin: 30px 0 15px 0;
}

#news {
	width: 300px;
	float: left;
	padding-top: 40px;
	list-style-type: none;
	font: 12px Tahoma;
	list-style-image: url('images/bulle.gif');
	background: url('images/news_title.png') no-repeat center top;
}

#sidebar #news {
	background-color :#EEE;
	border: 1px solid #DDD;
	padding: 40px 5px 5px 5px;
	margin-bottom: 10px;
}

#news li {
	margin: 0 20px 20px 0;
}

#signin {
	float: right;
	width: 290px;
	margin-bottom: 0;
	background-color :#EEE;
	border: 2px solid #DDD;
	padding: 3px;
	margin-bottom: 15px;
}

#footer {
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #3b5998;
}

#footer #copy {float: right;}
#footer #social {float: left;}

#content ul {
	margin-right: 30px;
	font: 12px Tahoma;
	list-style-type: square;
	margin-bottom: 10px;
}

.cadre {
	background-color:#d3ecff;
	border:1px solid #CCC;
	float:left;
	height:80px;
	margin: -30px 10px 10px 0;
	padding:3px;
	width:80px;	
}



ul#blogsnav { 
	text-align: right;
	margin: 12px 0 20px 0;
	font: bold 13px Tahoma;
	border-bottom: 1px solid #3b5998;
	list-style-type: none;
	padding: 3px 10px 3px 10px;
}

ul#blogsnav li { /* do not change */
	display: inline;
}


ul#blogsnav li a.current { 
	background-color: #EEE; 
	color: #000;
	position: relative;
	top: 1px;
	padding-top: 4px;
}

ul#blogsnav li a {
	padding: 3px 4px;
	border: 1px solid #3b5998;
	background-color: #3b5998; 
	color: yellow;
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
}

ul#blogsnav a:hover { background: #FFF; color: #000; }


.blog {padding: 5px; border: 1px solid #DDD; background-color: #FFF; margin-bottom: 15px; overflow: hidden}

.blog .votes {float: right; margin-left: 10px; text-align: center; border: 1px solid #069; color: #FFF; width: 40px; padding: 1px; margin-bottom: 10px;}

.blog .votes .votes_num {
	padding: 4px;
	font-weight: bold;
	background-color: #069;
	height: 20px;
	margin-bottom: 5px;
}

.blog h2 {float: right; width: 400px; margin: 0 !important;}
.blog h2 sub { display: block; font: 11px Tahoma; color: red;}
.blog h2 sub a { color: red;}
.blog .desc {clear: both;}

.blog .comment {
	background: url(images/comment_count_bg.gif) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 4px 0 8px 0;
	width: 33px;
	margin-right: 6px;
	display: inline-block;
	line-height: 32px;
	float: left;
}

.yellowBG { background-color: yellow !important; color: red;}
.votes p {margin-bottom: 0;}

#notice {
	border: 1px solid rgb(247, 148, 29); background-color: rgb(254, 239, 218); padding: 5px; margin-bottom: 10px;
}