/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}




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; clear: both}



.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;

}

.pagi {overflow: auto; margin-top: 20px;}
.pagi a {
  border: 1px solid #CFC093;
  padding: 0 2px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 2px;
  float: right;
}

.pagi a:hover {
  background-color: yellow;
}

form#categories {
  float: left;
  margin-bottom: 25px;
}

form#categories select {
  margin: 1px 0 0 2px;
  padding: 5px;
  border: 1px solid #000;
  width: 200px;
}






#add_blog #email, #add_blog #blog_url {direction: ltr;}

#add_blog .desc {border-bottom: 1px dashed #888; padding-bottom: 5px; margin-bottom: 25px;}

#add_blog input, #add_blog select {border: 1px solid #39C; width: 250px; margin-bottom: 10px;}
#add_blog textarea {border: 1px solid #39C; margin-bottom: 10px;}

#add_blog #submit { width: 100px; background-color: #DDD; color: #000; border: 1px solid #39C;  padding: 1px; font: bold 13px Tahoma; }

.textarea_promo {
  direction: ltr;
  height: 80px;
  width: 450px;
  margin: auto 0;
  border: 1px solid #CCC;
}
a { color:#7C154A}