body {margin:0px; padding:0px; background:#333; font:normal 8pt tahoma;}
a {text-decoration:none}

.wrapper {margin:auto; width:970px; background-color:#fff; direction:rtl; display:table;}
.header {width:970px; height:255px; display:table; padding:20px 0 0 0; background: #000; text-align:center}
.header .desc {width:155px; height:240px; padding:10px; background-color:#4e4e4e; color:#e8e8e8; text-align:justify}
.header .desc h1 {font:bold 20pt arial; display:none;}

.menu {width:724px; float:left; margin:5px 0px 0px 120px; border-top:1px solid #333}
.menu ul, .menu li {padding:0px; margin:0px; list-style:none; display:inline}
.menu a {padding:7px 20px; display:block; float:right; color:#555; text-align:right;}
.menu a:hover { color:#fff}
.menu b {font-family:"B Nazanin","2 Nazanin", Nazanin, Arial; font-size:12pt; font-weight:bold; color:#eee}
.menu a:hover b {color:#555}
.menu a img {filter:alpha(opacity=40); opacity:.4;}
.menu a:hover img {filter:alpha(opacity=100); opacity:1;}

.slider {width:513px; height:258px; float:right; margin-right:20px; margin-top:24px}
.slider a.sliderpic {width:513px; height:258px; display:block;border:1px solid #4e4e4e; }
.slider a.sliderpic:hover {border:1px solid white}
.slider a.hide {display:none}
.slider img {margin:5px 5px 0px 0px; border:0px}
.bx-next {display:none;}
.bx-prev {display:none;}
.bx-pager a {margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1;}
#pager {position:absolute; margin-top:-20px; z-index:100}
#pager a {display:block; float:left; padding:2px 5px; margin:0px 3px; background-color:#ccc; color:#333}
#pager a.pager-active {background-color:#fff; color:#444}


.searchbox {float:right; margin-right:20px; margin-top:24px; width:180px; height:250px; padding:5px 10px; background:url(../../images/frontend/search-top.gif) repeat-x top #4e4e4e;  font-family:tahoma; font-size:8pt; color:#aaa}
.searchbox h2 {padding:0px; margin:0px; font-size:14pt; color:#fff}
.searchbox form {padding:10px 0px; margin:0px;}
.searchbox select {font:normal 8pt tahoma; margin-top:3px; width:179px;}
.searchbox input {font:normal 8pt tahoma; width:179px;}
.searchbox .send {width:66px; height:30px; background:url(../../images/frontend/search-key.gif) no-repeat center; font-family:"B Nazanin","2 Nazanin", Nazanin, Arial; font-weight:bold; font-size:12pt; border:none; color:#fff; margin-top:5px; cursor:pointer}

.side {float:right; width:175px;}
.sidebar {width:155px; padding:5px 10px 20px 10px; color:#dfdfdf; border-top:7px solid #c6a646; background-color:#dfdfdf; margin-bottom:20px; color:#545454; text-align:justify;}
.sidebar ul, .sidebar li {padding:0px; margin:0px; list-style:none;}
.sidebar a {color:#005556}
.sidebar a:hover {color:#0092ac}
.sidebar h2 {font-family:"B Nazanin","2 Nazanin", Nazanin, Arial; font-size:12pt; font-weight:bold; padding:0px; margin:0px}
h3 {font-family:"B Nazanin","2 Nazanin", Nazanin, Arial; font-size:12pt; font-weight:bold; padding:0px; margin:0px}
.sidebar h3 span {color:#810002}
.sidebar .logos {width:100%; text-align:center}
.sidebar .logos img {float:right; padding:1px; border:0px;}

.sidebar select {width:150px;}
.sidebar input[name=search] {width:150px;}
.sidebar .rss {border:0px; padding:5px; margin-right:11px;}
.sidebar a:hover .rss {border:1px solid white;  padding:4px;}

.keyword1 {font-size:7pt;}
.keyword2 {font-size:9pt;}
.keyword3 {font-size:11pt;}

.allkeywords a {float:right; display:block; width:136px; padding:2px;}
.allkeywords a span {color:#888}
.allkeywords a:hover {background-color:#005c5e; color:white;}

.content { width:752px; float:right; padding-bottom:40px; }
.content a {color:#009c9e}
.content a:hover {color:#5ee0e2}
.content a.seo {color:#000}
.content a.seo:hover {color:#000}
.content .pic {width:735px; border:1px solid #aaa; text-align:center; background-color:#eee}
.content .pic img {border:1px solid #aaa; margin:16px;}
.nextprev {width:737px; position:absolute; top:20px;}
.nextprev .next {float:left; padding:15px; margin-left:17px; background-color:#444; color:white; filter:alpha(opacity=80); opacity:.8;}
.nextprev .prev {float:right; padding:15px; margin-right:18px; background-color:#444; color:white; filter:alpha(opacity=80); opacity:.8;}
a.next:hover, a.prev:hover {filter:alpha(opacity=100); opacity:1;}


.boxgrid{ 
	margin-right:17px; margin-bottom:17px;
	border:1px solid #bcbcbc;
	width: 169px; 
	height: 169px; 
	float:right; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid .cover { 
	display:block; width:169px; height:169px;
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid .desc {background:url(../../images/frontend/back.gif); display:block; width:159px; height:40px; padding:5px; color:#fff; font-size:7pt}
.boxgrid a:hover {color:#fff}
.boxgrid h3 {padding:0px; margin:0px; margin-bottom:3px; font:normal 8pt tahoma; color:#F90}


.footer {width:100%; background-color:#000; color:#aaa; clear:both; display:table; padding-bottom:20px;}
.footer a {color:#ddd;}
.footer a:hover {color:#fff;}
.footer .info {width:275px; float:right; margin:20px;}
.footer .info img {border:0px;}
.footer .websites {width:250px; float:right; margin:20px;}
.footer .nav {width:260px; float:right; margin:20px;}
.footer .nav li {padding:3px 0px; margin:0px; list-style:none}
.footer .nav ul {float:right; width:130px; padding:0px; margin:0px;}
.footer .lastcomments {width:340px; margin-top:20px; float:left;}
.footer .lastcomments a span {color:#aaa}

h1 {font-family:"B Nazanin","2 Nazanin", Nazanin, Arial; font-size:18pt; padding:0px; margin:0px; font-weight:bold; color:#333}
a.seo {color:#000}

.pagination {width:732px; margin-right:20px; clear:both; margin-top:15px; text-align:center; border-top:2px dotted #aaa; }
.pagination a, .pagination div {display:block; padding:3px 5px; float:right; background-color:#2c5f7a; color:white; font:bold 8pt tahoma; margin:5px;}
.pagination div {background-color:#aaa}
.pagination a:hover { background-color:#a6be00;}
.pagination .current{ background-color: #090b0c;}
.overall-info{margin-right: 28px;float:right}

textarea, input { font:8pt tahoma; background-color:#fff; border:1px solid #ccb366;}
select {font:8pt tahoma; background-color:#fff; border:1px solid #ccb366;}
.submit {background:url(../../images/frontend/key.gif) repeat-x #dCa166; border:1px solid #cC9156; width:120px; height:23px; }

.comments {width:727px; display:table; margin-right:20px; }
.comments .title {color:white; padding:5px; float:right; background:#00c1c3; border-right:7px solid #c6a646;}
.comments .form {width:720px; background-color:#eee; color:#555; border-right:7px solid #c6c6c6; display:table}
.comments form {padding:10px; display:table; width:700px;}
.comments table {float:right; width:270px;font-size: 8pt;color:#555;}
.comments .submit {float:left}

.comments .item {width:720px; background-color:#8bd1d2; margin-top:20px; color:#333; font-size:9pt; line-height:140%; border-right:7px solid #c6a646; clear:both; display:table}
.comments .item .info {float:right; width:120px; background-color:#8bd1d2; color:#287172;}
.comments .item .name {float:right; padding:3px 5px;}
.comments .item .name a {color:#fff}
.comments .item .name a:hover {color:#287172}
.comments .text {padding:12px 10px; width:573px; float:right; background-color:#ddd; }

.msg {padding:5px; color:green;}
.err {padding:5px; color:red;}

.description {float:left; width:30%; padding-right:10px; border-right:4px solid #aaa;}
.innersect {width:100%; clear:both; display:table; margin-top:30px; padding-top:30px; border-top:1px solid #aaa}

.share img {border:0px; margin:2px; float:left;}

.miniplay {position:relative; width:41px; top:30px; right:96px; border:0px;}
.largeplay {position:relative; top:40px; right:44px; border:0px;}
.topplay {position:relative; float:left; top:80px; left:214px; border:0px;}


/* player container */
div.player {
	float:right;
	margin-right:110px;
	height:330px;
	width:520px;
	border:2px solid #444;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	
	text-align:center;
	
}

/* play button */
div.player img {
	margin-top:0px;
}

/* info area */
div.player div.info {
	height:26px;
	background:url(../../images/frontend/playbar.gif) no-repeat center;
	margin-top:97px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

.banner {width:728px; clear:both; float:left;}
.banner a {width:720px; height:86px; display:block; float:left; border:2px solid #004752; background:url(../../images/frontend/kishmehrads.gif) no-repeat right center #004752; text-align:left; margin-left:4px;}
.banner img {border:0px;}
.banner a:hover {border-color:#fff;}
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width:612px;
  margin:auto;
  direction:rtl

}
#cssmenu ul {
  background: #333333;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: right;
  padding: 0px;
}
#cssmenu li a {
  background: #000 url("../../images/frontend/seperator.gif") bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu > ul > li.active-page a{
  background: #848484;
  color: #ffffff;
  text-decoration: none;
}
.active-page > a{
  background: #848484 !important;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #555555 url("../../images/frontend/hover.png") bottom center no-repeat;
  color: #ffffff;
  text-decoration: none;
}

#cssmenu li ul {
  background: #000;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 150px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
 /* background: url('images/sub_sep.gif') bottom left no-repeat;*/
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 150px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 15px 0px 10px;
  text-align: right;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #555555;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: right;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul ul {
  left: -9999px;
  top: 0;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu > ul > li {
  position: relative;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}