/*
	project: Tousan Mag.
	author: Behzad Amiri Nezhad (www.ade.ir) 
	
*/
   
/* default styles */
body {
	padding: 3px 0 0 0;
	margin: 0;
	font: .7em Tahoma, Arial, sans-serif;
	line-height: 1.7em;
	color: #454545;
	background-color: #fff;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a { color: #2F637A; background: inherit; text-decoration:none;}
a:hover {
	color: #0066CC;
	background: inherit;
	text-decoration: underline;
}
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 3px 0 0 0; margin: 0; letter-spacing: 0px; }
h3 {	font: bold 1.4em Arial, Sans-Serif; padding: 3px 0 0 0; margin: 0; letter-spacing: 0px; }
h2 { margin: 0; padding: 0; font: bold 1.5em Arial, Sans-Serif; letter-spacing: .5px; }
h3 a, h2 a, h4 a, h5 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
h4 {	font: bold 1.2em Arial, Sans-Serif; padding: 3px 0 0 0; margin: 0; letter-spacing: 0px; }
h5 {	font: bold 1.2em Arial, Sans-Serif; padding: 3px 0 0 0; margin: 0; letter-spacing: 0px; }



/* layout */
#content { margin: 0px auto; width: 960px; }
#logo { 
	margin: 0 0 0 0;
	direction:rtl;
	background-image:url(images/header3.jpg);
	height:133px;
	background-color: #0033FF;
 }
#date {
float:left;
color:#FFFFFF;
padding-left: 48px;
padding-top: 114px;
font-size:xx-small;
}
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/* main horizontal menu */
#tablist{

	float: right;
}
/* main menu topics */
#topics {
	clear: right;
	float: right;
	width: 640px;
	background: #F5B010 url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 59px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search {
	float: left;
	text-align: left;
	background: #fff url(images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 270px;
}
	/* search form styling */
	#search-placement {
	float: right;
	width: 280px;
}
.box {
	background: url(images/box.gif) no-repeat;
	float: left;
	height: 28px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.button {
	margin: 0px;
	padding: 0px;
	float: left;
}
.tfield {
	padding: 1px;
	width: 150px;
	margin-left: 6px;
	height: 20px;
	float: left;
	margin-top: 6px;
	border-width: 0px;
	font-weight: normal;
	color: #cccccc;
}
	form, form p { margin: 0; padding: 0; line-height: 22px; }
	
		.search { width: 250px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px;}

/* left side */
#boldimage {
			float: right;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 270px;
			height: 190px;
			margin: 0 10px 5px 0;
			text-align:center;
			vertical-align: top;
		}
#left-single {
}
.single-post {
	direction:rtl;
		margin: 0 5px 5px 0;
		padding: 15px;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 5px solid #fff;
	
	}


#left {
	direction:rtl;
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
	text-align:justify;
}
	.subheader {
		width: 280px;
		height: 200px;
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	
	}
		.left_head {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 5px 15px 5px 10px;
		width: 270px;
		border-bottom: 1px dotted #ccc;

	}
	.left_head p {
	font-size: 12px;
	text-align:center;
	font-weight: 600;
	padding-top: 10px;
	}
	.left_marquee {
		margin: 0px 0 10px 0;
		color: #454545;
		padding: 5px 15px 5px 10px;
		width: 270px;
		border-bottom: 1px dotted #ccc;

	}
	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 5px 15px 5px 10px;
		width: 270px;
		border-bottom: 1px dotted #ccc;

	}
	.left_articles p {
	color: #808080;
	font-size: 11px;
	background-image: url(images/news.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	text-indent: 13px;
}
		.date { font-size: .9em; padding: 0 12px 0 0; background: #fff url(images/news.gif) no-repeat center right; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
		.boldnews {
			float: right;
			clear: right;
			border: 1px solid #ccc;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 5px 10px 10px;
		}
	.left_box_ads {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
		width:120px;
	}
	.thirds {
		float: left;
		width: 32%;
		padding: 0 10px 0 15px;
		text-align:justify;
		font-size:12px
	}	
		.menu {
		float: right;
		width: 422px;
		padding: 0 10px 0 15px;
		text-align:right;
		font-family:Tahoma;
		font-weight:600; }		
		.menu a {
		color: #FFFFFF; background: inherit; text-decoration:none;
}	
		.menu a:hover{
		color:  #0033FF; background: inherit; text-decoration:none;
}		
.submenu {
	font-family:Tahoma, Terafik;
	text-indent:20px;
	font-size:11px;
	font-weight:600;
}
.submenu a {
	display:block;
	width:100%;
	background-image:url(images/submenua.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration:none;
	color:#666666;
}
.submenu a:hover {
	background-image:url(images/submenua_hover.jpg);
	background-repeat:repeat-y;
	text-decoration:none;
}

#advertisment {
	background: #fff;
	color: #808080;
	width:128px;
	text-align:center;
	margin-top: 1px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #FFFFFF;
	border-left-color: #ccc;
	}

/* right side */
#right {
	direction:rtl;
	text-align:justify;
	float: right;
	width: 493px;
	margin: 0 0 10px 0;
	padding-top:0px;
}
	.right_articles_bold {
		width: 475px;
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		font-weight:100;
	}
	.right_categories {
	float:right;
	width: 170px;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0px 0px 10px 5px;
	color: #454545;
	font: bold 1.3em Arial, Sans-Serif;
	letter-spacing: 1px;
	background-color: #eee;
	background-image: url(images/right-bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
	}
	.right_categories li {
	}

	.advertisement-right {
	float:right;
	width: 170px;
	padding: 8px;
	margin: 0px 0px 10px 5px;
	color: #454545;
	text-align:center;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #F4F4F4;
	}
	.right_articles10 {
		float:left;
		width: 280px;
		border: 1px solid #ccc;
		padding: 8px;
		color: #454545;
		font-weight:100;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
	}
	.right_articlestop {
	float:right;
	width: 170px;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-color: #eee;
	background-image: url(images/right-bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.image { float: left; margin: 0 9px 3px 0; width: 80px; height: 95px; border: 1px solid #000;
 }
	.imagetop { float: right; margin: 0 3px 3px 9px; width: 50px; height: 63px; border: 1px solid #000; }

 	.tags {
	font-size: 8px;
	font-family: Tahoma;
	color: #CCCCCC;
	}	

	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}

/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
	font-weight:600;
	direction:rtl;
}
	#footer .right { float: right; }