﻿/*
	Theme Name: serialha
	Filename: style.css
	Version: 1
	Website: http://serialha.ir
	Author: serialha
	Description: serialha Orange Theme
*/


body {
	margin: 0;
	padding: 0;
	color: #FFF;
	font: 11px Tahoma;
	text-align: center;
	background: url('images/bg.gif') #222222 repeat;
}

#wrapper {
	margin: auto;
	margin-top: 100px;
	width: 830px;
	text-align: center;
	direction: rtl;
}

#apron {
	width: 600px;
	float: left;
}

#block {
	width: 220px;
	float: left;
	margin: 150px 0 0 10px;
}

img {
	border:0;
}

a {
	text-decoration: none;
	color: #7F7F7F;
}

a:hover {
	color: #FF9900;
}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.space {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
}


#header {
	width: 600px;
	height: 160px;
	background: url(images/header.gif) no-repeat center top;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}


/*
	Footer
----------------------------------------------------------------- */

#footer {
	clear: both;
	width: 578px;
	float: left;
	text-align: center;
	background-color: #222222;
	border: 1px solid #333333;
	margin-top: 10px;
	padding: 10px;
	color: #666666;
	line-height: 150%;
	font-size: 8pt;
}

#footer a {
	color: #666666;
}
#footer a:hover {
	color: #A8A8A8;
}

#foot-space {
	width: 100%;
	height: 80px;
	clear: both;
}


/*
	Container
----------------------------------------------------------------- */

#container {
	width: 598px;
	background-color: #222222;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}

#root {
	width: 570px;
	background-color: #FAF9F6;
	margin: 0 9px 9px 9px;
	padding: 5px;
}

#main {
	border: 1px solid #E8E5D6;
	width: 568px;
	background-color: #F5F3E9;
	text-align: right;
}

#signpost {
	margin: 6px 6px 0 6px;
	line-height: 170%;
	padding: 7px;
	border: 1px solid #EBE8DB;
	background-color: #FAF9F6;
	color: #999999;
}

.note {
	margin: 10px 0 0 0;
	line-height: 170%;
	padding: 7px;
	border: 1px solid #EBE8DB;
	background-color: #FAF9F6;
	color: #838383;
	text-align: justify;
}


#guide {
	margin: 6px 6px 0 6px;
}

#not-found {
	text-align: center;
	margin: 3px;
	color: #666666;
	height: 250px;
	padding-top: 50px;
}

#not-found h2 {
	font-size: 14px;
	font-weight: bold;
	direction: ltr;
}

/*
	Products
----------------------------------------------------------------- */

.products {
	margin: 3px;
}

.products-root {
	margin: 3px;
	width: 275px;
	float: right;
}

.products-main {
	line-height: 170%;
	padding: 10px;
	border: 1px solid #E8E5D6;
	background: #FFF url('images/products-bg.gif') repeat-x top;
	color: #999999;
}

.products-main h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.products-main h2 a {
	color: #7C7C7C;
}

.products-main h2 a:hover {
	color: #FF9900;
}

.products-main h3 {
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	color: #969696;
	margin: 0 auto;
}

.cover {
	text-align: center;
	padding: 5px 15px 0 0;
}

.summary {
	padding: 0;
	text-align: justify;
	margin-top: -10px;
	height: 100px;
}

.ratings {
	padding: 0;
	text-align: center;
	direction: ltr;
}

.price {
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	font-weight: 900;
	color: #FF9900;
	text-transform: uppercase;
	direction: ltr;
	line-height: 120%;
}

.order {
	float: right;
}

.order a {
	margin: 15px 30px 0 0;
	background: #FCDC04 url('images/order.gif') no-repeat center top;
	width: 82px;
	height: 23px;
	display: block;
	text-align: left;
	padding: 3px 0 0 8px;
	color: #FFF;
}

.order a:hover {
	background: #FCDC04 url('images/order.gif') no-repeat center bottom;
}

.order-si {
	float: right;
}

.order-si a {
	margin: 15px 170px 0 0;
	background: #FCDC04 url('images/order.gif') no-repeat center top;
	width: 82px;
	height: 23px;
	display: block;
	text-align: left;
	padding: 3px 0 0 8px;
	color: #FFF;
}

.order-si a:hover {
	background: #FCDC04 url('images/order.gif') no-repeat center bottom;
}


.more {
	float: right;
}

.more a {
	margin: 15px 4px 0 0;
	background: #FCDC04 url('images/more.gif') no-repeat center top;
	width: 91px;
	height: 23px;
	display: block;
	text-align: right;
	padding: 3px 8px 0 0;
	color: #FFF;
}

.more a:hover {
	background: #FCDC04 url('images/more.gif') no-repeat center bottom;
}

.single {
	margin: 3px;
	width: 556px;
	float: right;
}

.search-results {
	margin: 3px;
	width: 556px;
	float: right;
}

.search-results h2 {
	text-align: right;
}

.search-results h3 {
	text-align: right;
}

.single-cover {
	text-align: center;
	padding: 0;
}

.single-summary {
	padding: 0;
	text-align: justify;
}

.single-ratings {
	padding: 0;
	text-align: center;
	direction: ltr;
	margin-top: -20px;
}

.navigation {
	display: block;
	text-align: center;
	border: 1px solid #E8E5D6;
	background-color: #FFF;
	color: #999999;
	margin: 3px 6px 6px 6px;
}

.navigation a {
	color: #999999;
}

.navigation a:hover {
	color: #FF9900;
}

.alignright {
	float: right;
	padding: 10px;
	background-color: #FFF;
}

.alignleft {
	float: left;
	padding: 10px;
	background-color: #FFF;
}

.single-cat {
	line-height: 180%;
	padding-bottom: 1px;
}

.single-cat a {
	color: #7F7F7F;
}

.single-cat a:hover {
	color: #FF9900;
}


/*
	Sidebar
----------------------------------------------------------------- */

#cart {
	width: 220px;
}

#cart a {
	color: white;
	background-image: url('images/cart.gif');
	display: block;
	cursor: pointer;
	height: 35px;
	padding: 35px 30px 0 0;
	background-position: top;
	text-align: right;
}

#cart a:hover {
	color: #FFFBEA;
	background-image: url('images/cart.gif');
	background-position: bottom;
}


#side {
	width: 218px;
	background-color: #222222;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}

#side-root {
	width: 190px;
	background-color: #FAF9F6;
	margin: 0 9px 9px 9px;
	padding: 5px;
}

#side-main {
	border: 1px solid #E8E5D6;
	width: 188px;
	background-color: #F5F3E9;
}

#sidebar {
	padding: 0 5px 5px 5px;
}

.sidebar-h2 {
	border: 1px solid #E8E5D6;
	width: 156px;
	display: block;
	cursor: pointer;
	background-color: white;
	color: #808080;
	padding: 8px 10px 11px 10px;
	text-align: center;
	margin-top: 5px;
}

.sidebar-highlight {
	border: 1px solid #D8D5C5;
	color: #666666;
	cursor: default;
}

.sidebar-h2:hover {
	border: 1px solid #D8D5C5;
	color: #666666;
}

.sidebar-content {
	position: relative;
}

.sidebar-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.sidebar-content ul li {
	margin-top: 5px;
	line-height: 170%;
}

.sidebar-content ul li a{
	width: 156px;
	display: block;
	cursor: pointer;
	padding: 6px 10px 7px 10px;
	border: 1px solid #EBE8DB;
	background-color: #FAF9F6;
	color: #999999;
}

.sidebar-content ul li a:hover{
	border: 1px solid #E8E5D6;
	background-color: #FDFDFD;
	color: #808080;
}

.sidebar-center {
	text-align: center;
}

#search-bg {
	width: 220px;
	float: right;
	margin: auto;
	text-align: center;
	margin-top: 10px;
}

#search-bg-top {
	width: 220px;
	height: 10px;
	background: url(images/search-bg-top.gif) no-repeat center top;
}

#search-bg-bot {
	width: 220px;
	height: 10px;
	background: url(images/search-bg-bot.gif) no-repeat center bottom;
}

#sidesearch {
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	background-color: #222222;
	padding: 0;
	margin: 0;
}

#sidesearch input {
	width: 140px;
	color: #636363;
	font: 11px tahoma;
	background: url(images/search-input.gif) no-repeat right;
	border: none;
	vertical-align: middle;
	padding: 6px 5px 7px 5px;
}

#sidesearch #searchsubmit {
	border: none;
	cursor: pointer;
	background: url(images/search-button.gif);
	width: 50px;
	height: 26px;
	font: 11px tahoma;
	color: #DFDFDF;
	vertical-align: middle;
}


/*
	Form
----------------------------------------------------------------- */
#searchform {
	margin: 0;
}

#searchform br {
	display: none;
}

#searchform input {
	width: 150px;
	padding: 6px;
	color: #000000;
	font-weight: normal;
	font: 11px tahoma;
	border: 1px solid #D8D5C5;
	background: url(images/input-bg.gif) repeat-x;
	margin-top: 3px;
}

#searchform input[type="text"]:focus {
	background: #ffffff;
}


#searchform #searchsubmit {
	border: none;
	cursor: pointer;
	background: url(images/input-button.gif);
	width: 60px;
	height: 26px;
	font: 11px tahoma;
	color: #FFFFFF;
	padding: 0;
	margin-top: -5px;
}

#pursueform {
	margin: 0;
	text-align: center;
}

#pursueform br {
	display: none;
}

#pursueform input {
	width: 150px;
	padding: 6px;
	color: #000000;
	font-weight: normal;
	font: 11px tahoma;
	border: 1px solid #D8D5C5;
	background: url(images/input-bg.gif) repeat-x;
	margin-top: 3px;
	direction: ltr;
}

#pursueform input[type="text"]:focus {
	background: #ffffff;
}


#pursueform #pursuesubmit {
	border: none;
	cursor: pointer;
	background: url(images/input-button.gif);
	width: 60px;
	height: 26px;
	font: 11px tahoma;
	color: #FFFFFF;
	padding: 0;
	margin-top: -5px;
}


/*
	Comments Area
----------------------------------------------------------------- */
.alt {
	background-color: #FAF9F6;
}

.commentlist {
	padding: 0;
	margin: 0;
	text-align: justify;
}

.commentlist li {
	margin: 7px 0 3px 0;
	padding: 10px;
	list-style: none;
	border: 1px solid #E7E6DC;
	list-style-position: inside;
	list-style-type: decimal;
}


.nocomments {
	padding: 10px 0 5px 0;
	clear: both;
}

#commentform input {
	width: 200px;
	height: 20px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
	color: #000000;
	font-weight: normal;
	font: 11px tahoma;
	border: 1px solid #D8D5C5;
	background: url(images/input-bg.gif) repeat-x;
}

#commentform textarea {
	width: 505px;
	height: 115px;
	border: 1px solid #D8D5C5;
	padding: 2px;
	margin-top: 3px;
	background-color: #F9F8F2;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit {
	border: none;
	cursor: pointer;
	background: url(images/input-button.gif);
	width: 60px;
	height: 26px;
	font: 11px tahoma;
	color: #FFFFFF;
	padding: 0;
}

#commentform #email, #commentform #url {
	direction: ltr;
}


.commentlist cite, .commentlist cite a {
	color: #FF9900;
}

.commentmetadata, .commentmetadata a {
	margin: 0;
	display: block;
	font-size: 7pt;
	color: #808080;
}

#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}


/*
	Tabs
----------------------------------------------------------------- */
.tabs {
	padding: 0;
	margin-bottom: 10px;
}

#single-content {
	background-color: #FEFEFC;
	padding: 10px;
	text-align: justify;
	margin-top: -12px;
	border-top: 1px solid #FEFEFC;
	border-right: 1px solid #E8E5D6;
	border-bottom: 1px solid #E8E5D6;
	border-left: 1px solid #E8E5D6;
}

ul#Tabs {
	list-style-type: none;
	padding: 0 0 31px 0;
	border-bottom: 1px solid #E8E5D6;
	margin: 0 0 12px 0;
	z-index: 1;
}

#Tabs li.Tab {
	float: right;
	height: 28px;
	background-color: #F5F3E9;
	margin: 2px 0px 0px 5px;
	border: 1px solid #E8E5D6;
}

#Tabs li.Tab A {
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 5px;
}

#Tabs li.Tab A:hover {
	background-color: #E8E5D6;
}

#Tabs li.SelectedTab {
	float: right;
	height: 28px;
	background-color: #FEFEFC;
	margin: 2px 0px 0px 5px;
	border-top: 1px solid #E8E5D6;
	border-right: 1px solid #E8E5D6;
	border-bottom: 1px solid #FEFEFC;
	border-left: 1px solid #E8E5D6;
}

#Tabs li.SelectedTab A {
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 5px;
	cursor: default;
}

#preamble  {
	padding: 0;
	margin: 0;
}

#feature  {
	display: none;
	padding: 0;
	margin: 0;
}

#gallery  {
	display: none;
	padding: 0;
	margin: 0;
}

#comment  {
	display: none;
	padding: 0;
	margin: 0;
}

#preamble h2, #feature h2, #gallery h2 {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
	font-weight: normal;
	font-size: 11px;
}



/*
	Catalog
----------------------------------------------------------------- */
#catalog  {
	padding: 0;
	margin: 10px 0;
}

#catalog ul {
	padding: 0;
	margin: 10px 0;
}

#catalog ul li  {
	padding: 0 22px 0 0;
	margin: 10px 0;
	list-style-type: none;
	background: url(images/folderopen.gif) no-repeat right top;
}

#catalog ul li ul {
	padding: 0;
	margin: 10px 0;
}

#catalog ul li ul li {
	list-style-type: none;
	background: url(images/folder.gif) no-repeat right top;
}

/*
	Contact
----------------------------------------------------------------- */

.wpcf7-form input {
	border: none;
	cursor: pointer;
	background: url(images/input-button.gif);
	width: 60px;
	height: 26px;
	font: 11px tahoma;
	color: #FFFFFF;
	padding: 0;
}

.wpcf7-form textarea {
	width: 350px;
	height: 115px;
	border: 1px solid #D8D5C5;
	padding: 2px;
	margin-top: 3px;
	background-color: #F9F8F2;
}

.wpcf7-form textarea:focus {
	background: #ffffff;
}

.wpcf7-form #email, .wpcf7-form #text {
	width: 200px;
	height: 20px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
	color: #000000;
	font-weight: normal;
	font: 11px tahoma;
	border: 1px solid #D8D5C5;
	background: url(images/input-bg.gif) repeat-x;
	cursor: auto;
}

.wpcf7-form #email:focus, .wpcf7-form #text:focus {
	background: #ffffff;
}

.wpcf7-form #email {
	direction: ltr;
}