﻿/*

	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: rtl;

	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;

}
