/*  --------------------------------------------------------------

    Theme Name: العاب دكتور بلوتوث
    Theme URI:  http://www.mo3aser.com/
    Description:ثيم موقع العاب دكتور بلوتوث ... تصميم :  <a href="http://www.mo3aser.com/">المُعاصر</a>.
    Version: 1.0
    Author: Mo3aser
    Author URI: http://www.mo3aser.com/
     -------------------------------------------------------------   */
 
* { margin: 0; padding: 0; border:  0 none; }

/*	Body
	- - - - - - - - - - */
body {
	background:#212121 url(images/bg.jpg) repeat-x ;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#ccc;
}
	.wrapper {overflow:hidden;	margin:0 auto;	width:987px; }   
	
/*	Header
	- - - - - - - - - - */
.header {
	height: 215px;
	overflow:hidden;
	margin: 0 auto;
	width:1000px;
}
    .logo {
    	background:url(images/logo.jpg) no-repeat;
		display:block;
		height: 192px;
		text-indent:-9999px;
		overflow:hidden;
		width:270px;
		float:right;
	}
	.adv{
		float:left;
		width:729px;
		height:100px;
		margin-top:45px;
		overflow:hidden;
	}
	.header a:hover{text-decoration:none;}
			
.stepcarousel{ 
	position: relative; 
	overflow: scroll;
	width: 899px; 
	height: 165px;
	margin: 0px auto;
}
.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .panel{
	float: left;
	overflow: hidden;
	margin: 0 13px ;
	width:203px;
	background:#111;
	height:140px;
	text-align:center;
	border: 3px solid #000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.stepcarousel .panel p{text-align: left; overflow: hidden; margin: 5px 5px ; }
.stepcarousel .panel h2{
	height:16px;
	overflow: hidden; 
	margin: 0px 5px ; 
	font-size:9pt;
	font-weight:normal;
}
.stepcarousel .panel img{background:#040404;margin: 10px 10px 8px 10px;}

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:237px;
	float:right;
	overflow:hidden;
	margin-bottom:10px;
}
	.sidebar .widget{ background:url(images/sidebar-bg.jpg) repeat-y;  margin-top:10px; clear:both;}
	.sidebar h2.title {
		background:url(images/sidebar-top.jpg) no-repeat;
		height:30px;
		font-size: 12pt;
		color:#888;
		padding:23px 0 0;
		clear:both;
		text-align:center;
		clear:both;
	}
	.list-container{padding:0 15px; overflow:hidden;}
	.list-top{background:url(images/li-bg.jpg) no-repeat;	height:12px;}
	.list-bottom{background:url(images/sidebar-bot.jpg) no-repeat left bottom;	height:24px;}

		.sidebar ul{list-style-type: none; padding:0 0 15px;}
			.sidebar ul li {display:block;	border-bottom: 1px dashed #2F2F2F;	padding:7px 3px;}
			.sidebar ul li:hover {border-bottom: 1px dashed #AFAFAF;}
			
	.spy-box {overflow:hidden; height:300px;}
		.spy-box ul{overflow:hidden;}
		.spy-box li {
			list-style-type:none;
			height:80px;
			overflow: hidden;
			border:0 none !important;
			margin-bottom:5px;
		}
		.spy-box .spy-content{text-align:justify; font-size:90%; margin-top:5px}	
		.spy-box img{width:60px;}

/*	Narrowcolumn
	- - - - - - - - - - */
.container{
	background:url(images/content-bg.jpg);
	margin:0 auto;
}
.top{
    background:url(images/top.jpg) no-repeat;
    overflow:hidden;
    padding:40px 10px 0 0;
	height:100%;
}
.narrowcolumn{ width:730px;	margin:10px 0; float:left;}
	
	.entry{	padding:0 10px;	text-align:center;}
	blockquote {
		margin: 15px 30px 0 10px;
		padding-right: 20px;
		border-right: 5px solid #ddd;
		color: #777;
	}
	.more-link{text-align:left; display:block;}
	.post p{margin-bottom:1.4em;}

.box{width:352px; float:right;	margin:10px 0 0 10px;}
	.box h3{
		background:url(images/box-head.gif) no-repeat ;
		height:35px;
		padding:8px 20px 0 0;
		color:#000 !important;;
	}
		.box h3 a{color:#000 !important;}
	.box-top{background:url(images/box-top.jpg) no-repeat; height:19px; margin-top:3px;}
	.box-content{background:url(images/box-bg.jpg) repeat-y; overflow:hidden; padding:0 20px; height:100%;}
		.box-content li ,.footer-box li {
			display:block;
			border-bottom: 1px dashed #2F2F2F;
			padding:7px 3px;
			list-style:none;
			color:#888;
			text-align:justify;
			clear:both;
			overflow:hidden;
		}
			.box-content li:hover ,.footer-box li:hover{border-bottom: 1px dashed #AFAFAF; color:#FFF;}
		.box h4 , .footer-box  h4{margin-bottom:7px; font-size:9pt; color: #FFC000;}
	.box-bottom{background:url(images/box-bot.jpg) no-repeat left bottom;	height:19px;}
	
	.game-image{float:right; margin:0 0 5px 5px; padding:2px; border:1px #000 solid;}
	
.box-wide{width:712px;	margin:10px 0 0 10px;}
	.box-wide h2{
		background:url(images/box-wide-head.gif) no-repeat ;
		height:35px;
		padding:8px 20px 0 0;
		color:#000 !important;
	}
		.box-wide h2 a{color:#000 !important;}
	.box-wide-top{background:url(images/box-wide-top.gif) no-repeat; height:16px; margin-top:3px;}
	.box-wide-content{background:url(images/box-wide-bg.gif) repeat-y; overflow:hidden; padding:0 20px; height:100%;}
		.spec {color: #FFC000;}
	.box-wide-bottom{background:url(images/box-wide-bot.gif) no-repeat left bottom;	height:16px;}

.games h4{margin-bottom:10px;}
	.games li{
		float:right;
		width:302px;
		overflow:hidden;
		margin:0 5px 10px;
		background: #1E1E1E;
		border: 2px solid #000;
		color: #888;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:10px;
		display:inline;
		list-style:none;
		text-align:justify;
	}
	
	.random li{list-style:none;	width:105px; float:right; margin-left:5px; text-align:center;}
	.random li img{	margin-top:10px;}
.navigation {
	display: block;
	text-align: center;
	margin: 0 0 35px;
	clear:both;
}
html>body .page ul {
	margin-left: 0px;
	padding: 0 30px 0 0;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
	html>body .page li {margin: 7px 0 8px 10px;}
	
.page ul li:before {	content: "\00BB \0020";}
.page ol {	padding: 0 0 0 35px;}


/*	CommentList
	- - - - - - - - - - */	
.commentlist li .avatar { 
	float: left;
	padding: 4px;
	background: #000;
	margin-left:5px;
}
.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
.commentlist p {
	line-height:20px;
	margin:0 5px 5px;
}
.alt {padding: 10px;}
.commentlist {text-align: justify;}
.commentlist li {
	border: 3px solid #000;
	margin: 15px 4px 10px 5px;
	padding:  10px;
	list-style: none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 20px;
}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {
	display: block;
	font-size:90%;
	margin-bottom:18px;
	border-bottom:3px solid #000;
	padding:5px 10px 15px;

}
.says , .reply{display:none}
.thread-alt , .thread-even .alt{background-color: #1E1E1E;}
.thread-alt .odd, .thread-even{background-color: #2F2F2F;}

/*	Footer
	- - - - - - - - - - */
.footer{
	clear:both;
    background:url(images/footer.jpg) no-repeat bottom;
	overflow:hidden;
	color:#ccc;
	padding:5px 10px;
	line-height:20px;
	height:100%;
	margin-bottom:15px;
}
	.footer .alignleft{text-align:left;}
	.footer a:link , .footer a:active , .footer a:visited{color:#FFF;}

	.footer-box{
		width:308px;
		float:right;
		margin:40px 0 10px 17px;
		overflow:hidden;
	}
	.footer-box h3{
		background:url(images/footer-head.gif) no-repeat ;
		height:35px;
		padding:8px 20px 0 0;
		color:#000;
	}
	.footer-box-top{background:url(images/footer-top.jpg) no-repeat; height:16px; margin-top:3px;}
	.footer-box-content{background:url(images/footer-bg.jpg) repeat-y; overflow:hidden; padding:0 20px;}
	.footer-box-bottom{background:url(images/footer-bot.jpg) no-repeat left bottom;	height:16px;}
	
	.mo3aser{
		float:left;
		width:120px;
		display:block;
		height:40px;
		margin-top:-5px;
		overflow:hidden;
		text-indent:-99999px;
		text-decoration:none !important;
	}
		
/*	Forms
	- - - - - - - - - - */
#commentform input{	width:200px;}	
textarea {width: 95%;}
textarea ,input{
	background: #1E1E1E;
	border: 2px solid #000;
	color: #FFF;
	font:9pt Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 8px;
}
	input:hover,textarea:hover{	border: 2px solid #AFAFAF;}
	input:focus ,textarea:focus{
		border: 2px solid #FFC000;
		background:#000;
	}


/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2, h3 {font-weight: bold;}
	h2 {font-size: 18pt;}
	h2.pagetitle {text-align: center;	margin-bottom:10px;	}
	h3 {font-size: 14pt;}

a:link,a:active,a:visited {text-decoration: none;	outline:none;	color: #FFC000;}
a:hover {color: #FFF; text-decoration: underline; }
.clear{clear:both;}