/* 
 * Theme Name : Games Template 1
 * Part Title : Base Part
 * Framework : Arabic version
 * Auther : Yosry Sabry
 * Contact : www.yosry.ws
 */

@import url('reset.css');
@import url('bar.css');

html {
	height: 100%;
}
body {
	background: #292929 url('../body-bg.jpg') repeat top center;
	height: 100%;	
	font-family:Tahoma;
	font-size: 12px;
	cursor: default;
}
.clear {
	clear: both;
}
#container {
	width: 691px;
	margin:0 auto;
	min-height: 100%;
	padding:5px 10px;
}
#header {
	width:687px;
	height:248px;
	background:transparent url('../header-bg.jpg') no-repeat;
	margin:0 auto;
	padding-top:10px;
}
#header-nav {
	background:transparent url('../nav.png') no-repeat right top;
	width:191px;
	height:29px;
	margin-right:40px;
	padding-top:3px;
}
a#hb1 {
	display:block;
	width:40px;
	height:13px;
	text-indent:-9999px;
	float:right;
}
a#hb2 {
	display:block;
	width:60px;
	height:13px;
	text-indent:-9999px;
	margin-right:15px;
	float:right;
}
a#hb3 {
	display:block;
	width:60px;
	height:13px;
	text-indent:-9999px;
	margin-right:15px;
	float:right;
}
#logo {
	margin:50px 40px 0 0;
}
#logo a{
	background:transparent url('../logo.png') no-repeat;
	width:209px;
	height:49px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#header-login {
	margin:43px 65px 0 0;
	width:237px;
	height:41px;
}
#header-login input {
	border:0;
	color:#b2b2b2;
}
#header-login form {
	padding-right:10px;
}
#header-login li {
	float:right;
}
#header-login ul {
	padding:10px 0;
}
#login-butt {
	margin-top:2px;
	cursor:pointer;	
}
#login{
	margin:0 3px;
	background:transparent url('../user-login-bg.jpg') no-repeat top right;
	width:71px;
	height:17px;
	font-size:10px;
	font-family:Tahoma;	
	text-align:center;
	line-height:13px;	
}
#password {
	background:transparent url('../user-login-bg.jpg') no-repeat top right;
	width:71px;
	height:17px;
	font-size:10px;
	font-family:Tahoma;	
	text-align:center;	
	line-height:13px;		
}
#header-register a{
	width:62px;
	height:41px;
	background:transparent url('../register.png') no-repeat top center;
	text-indent:-9999px;
	display:block;
}
#header-register {
	float:right;
	margin-top:-38px;	
	margin-right:256px;
}
#content {
	width:665px;
	margin:0 auto;
}
#left {
	width:474px;
	float:left;
}
#right {
	width:177px;
	background:silver;
	float:right;
}
#new-games {
	width:474px;
	background:#393939;
	margin-bottom:10px;
}
#new-games h1{
	background:transparent url('../new-games-bg.jpg') no-repeat top center;
	height:42px;
	text-indent:-9999px;
}
.g-body {
	border:3px solid #222222;
	border-top:0;
	height:225px;
	background:transparent;
}
.g-base {
	width:217px;
	height:62px;
	float:right;
	background:#393939;
	margin: 6px 7px;
	border:1px solid #393939;
}
.g-base-hover {
	background:#515151;
	height:62px;
	width:217px;
	float:right;
	margin: 6px 7px;
	border:1px solid #222222;
}
.g-img img {
	width:54px;
	height:54px;
	border:3px solid #4f4f4f;
	float:right;
	margin-left:8px;	
}
.g-name {
	margin-bottom:5px;
	margin-top:12px;
}
.g-name a{
	color:#c87c24;
	font-weight:bold;
}
.g-name a:hover{
	color:orange;
}
.g-visit {
	color:silver;
	font-size:80%;
}
#random-games {
	width:474px;
	background:#393939;
	margin-bottom:10px;
}
#random-games h1{
	background:transparent url('../random-games-bg.jpg') no-repeat top center;
	height:42px;
	text-indent:-9999px;
}
#ads2 {
	width:468px;
	height:89px;
	background:#3e3e3e;
	border:3px solid #222222;
	margin-bottom:10px;
}
#ads2 h2 {
	background: transparent url('../ads2-bg.jpg') no-repeat;
	height:89px;
	width:23px;
	float:left;
}
#ads2 h2 a{
	background: transparent url('../mail.jpg') no-repeat;
	width:8px;
	height:12px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin:64px 0 0 8px;
}
#ads2 img {
	margin:15px 40px;
	text-align:center;
	float:left;
}
#ads1 {
	width:171px;
	height:645px;
	background:#3e3e3e;
	border:3px solid #222222;
}
#ads1 h2 {
	background: transparent url('../ads1-bg.jpg') no-repeat top center;
	height:34px;
	width:171px;
	float:left;
}
#ads1 h2 a{
	background: transparent url('../mail2.jpg') no-repeat;
	width:13px;
	height:9px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin:15px 0 0 47px;
}
#ads1 img {
	margin:5px;
	text-align:center;
}
#status {
	width:622px;
	height:119px;
	background:transparent url('../status-bg.jpg') no-repeat top center;
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
}
#online {
	background:transparent url('../online.jpg') no-repeat top right;
	width:250px;
	height:100px;
	margin:0px 30px 0 0;
	color:silver;
	padding:50px 10px;
	float:right;
}
#status-details {
	background:transparent url('../status-details.jpg') no-repeat top right;
	width:270px;
	height:110px;
	float:right;
	margin:0px 20px 0 0;
	color:silver;
	padding:30px 5px;
	float:right;
	font-size:92%;
	line-height:155%;
	
}
#status-details span {
	color:orange;
}
#footer {
	width:689px;
	height:214px;
	background:transparent url('../footer-bg.jpg') repeat-x top center;
	float:left;
	margin-top:-60px;
}
#rights {
	float:left;
	width:250px;
	height:100%;
	background:transparent url('../rights-bg.jpg') no-repeat top right;
	padding:15px 20px 0 10px ;
	color:gray;
	text-align:center;
}
#rights p {
	margin:30px 0 30px;
	line-height:12px;
	height:16px;
	color:silver;	
}
#rights a {
	background:transparent url('../yosry-logo.jpg') no-repeat top center;
	text-indent:-9999px;
	display:inline-block;
	width:15px;
	height:16px;
	margin:0 5px;
}
#rights a:hover {
	background:transparent url('../yosry-logo.jpg') no-repeat bottom center;
}
#links {
	float:left;
}
#links-left {
	float:left;
	width:200px;
	height:100%;
	padding:15px 0;
}
#links-left a{
	border-bottom:1px solid #515151;
	color:gray;
	display:block;
	padding:5px 0px;
	font-size:90%;
	font-weight:bold;
	margin:0 20px;
	background:transparent;
	width:160px;
}
#links-left a:hover {
	background:#262626;
	color:white;
}
#links-right {
	float:right;
	width:200px;
	height:100%;
	padding:15px 0;
}
#links-right a{
	border-bottom:1px solid #515151;
	color:gray;
	display:block;
	padding:5px 0px;
	font-size:90%;
	font-weight:bold;
	margin:0 20px;
	background:transparent;
	width:160px;
}
#links-right a:hover {
	background:#262626;
	color:white;
}