@charset "utf-8";
/* CSS Document */

.clear {clear: both; margin-top:20px;}
.f_left { float: left; }
.f_right { float: right; }

BODY {
	margin: 0;	padding: 0;
	background-color: #111;
	direction:rtl;
	font-family: b koodak, koodak, Tahoma;
	font-size: 11px;
	color: #aaa;
}

a {color: #ddd; text-decoration: none;	outline: none;}
a:hover {color: #fff;}

#header {
	min-width: 900px;
	min-height: 50px;
	padding: 0 10px;
	margin: 0px auto 5px;
	border-bottom:1px solid #555;
	text-align:center;
	background-color:#070707;
}

#header #nav {float:left; margin-top:30px;}
#header #nav a {
	display:inline-block;
	margin:0 3px 0 3px;
	padding:0 10px 0 10px;
	text-align:center;
}

#logo {
	font-size: 24px;
	font-family: georgia, serif;
	width:500px; float:right;
	margin-top: 4px;
	text-align:right;
}

#logo a:hover { text-decoration: none; }

#main {
	width: 900px;
	margin: 20px auto;
	padding: 0 10px;
}

#content {padding: 10px;}
#post_title{
	color: #ddd;
	font-family: b farnaz, arial;
	font-weight: normal;
	font-size: 18px;
}

#screenimg {
	padding: 5px; 
	/*border: 1px solid #222;*/
}

#otherContent{
	position:relative;
	width:100%;
	margin-top:50px; 
	border-top:1px solid #222;
}
#otherContent a{color: #999;}
#otherContent a:hover{color: #DDD; text-decoration:none}

#otherContent .oc_part{
	position:absolute;
	margin:0px; padding-bottom:10px;
	top:10px;
	width:210px; min-height:200px;
}
#otherContent #archive{right:0px;}
#otherContent #cats{right:225px;}
#otherContent #links{right:450px;}
#otherContent #best{right:675px;}

#otherContent #archive a{
	display:inline-block;
	width:65px; margin-left:3px;
	font-size:smaller;
}
#otherContent #cats a{display:block;}
#otherContent #links a{
	display:inline-block;
	margin-left:10px;
	font-size:smaller;
}

.oc_part_title{
	width:100%; height:auto;
	margin-bottom:5px; padding:5px;
	font-weight:bold;
	background-color:#0c0c0c;
	border-bottom:1px solid #222;
}