﻿/*
Theme Name: PartSeo Theme
Theme URI: http://partseo.ru
Description: Шаблон созданный специально для Ленара Амирханова и его блога-победителя PartSeo.ru
Author: Andrey Stepanov
Author URI:http://andreystepanov.com
*/

/*
     RESET
*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
}

body {
	font-size: 62, 5%;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size-adjust: none;
	 font-style: normal;
	 font-weight: normal;
	 letter-spacing: normal;
	 color: #272727;
	 background: #362C23 url(images/header-bg.jpg) repeat-x;
}

ul {
	list-style: none inside;
}

ol {
	list-style: none inside;
}

li {
	list-style: none inside;
}

a {
	outline: none;
	 text-decoration: none;
}

a img {
	border: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

.clear {
	clear: both;
}

.button {
	background: transparent url(images/sprite.gif) repeat-x scroll 0 0;
	 border: 1px solid #3B5998;
	 color: #FFFFFF;
	 display: block;
	font-size: 13px;
	 font-weight: bold;
	 margin: 15px 0;
	 padding: 5px 10px;
	 text-decoration: none;
	 cursor: pointer;
}

.button:focus {
	background: transparent url(images/sprite.gif) repeat-x scroll 0 -48px;
}

.button:hover {
	background: transparent url(images/sprite.gif) repeat-x scroll 0 -48px;
}

/*
     WRAPS
*/

#header-wrap {
	min-width: 1002px;
	 padding: 0 10px;
	 position: relative;
	 z-index: 10;
}

#content-wrap {
	background: #EEEBE2;
	 min-width: 1002px;
	 padding: 0 10px;
	 position: relative;
	 border-top: 1px solid #FFFFFF;
}

#footer-wrap {
	background: #423E35 url(images/footer-bg.jpg) repeat-x scroll 0 0;
	min-width: 1002px;
	padding: 0 10px;
	position: relative;
}

/*
     ADS
*/

#advertise {
	background: transparent;
	position: absolute;
	right: 160px;
	top: 7px;
}

#ads {
	padding: 0 0 0 18px;
	height:290px;
   width:300px;
   margin-top:30px;
}

.block-ads {
	padding-bottom: 5px;
}

.block-ads a {
	opacity: 0.7;
}

.block-ads a:hover {
	opacity: 1;
}

#ads a {
	float: left;
	margin-right: 10px;
	opacity: 0.7;
}

#ads a:hover {
	opacity: 1;
}

.baner-after-post { 
margin:0 auto;
width: 468px;
}

.mmgp {
   margin-bottom: 10px;
}


/*
     HEADER
*/

#header {
	width: 1002px;
	 margin: 0 auto;
	 height: 300px;
	 background: transparent url(images/header.jpg) no-repeat;
}

#logo {
	left: 20px;
	position: relative;
	top: 40px;
}

/*
    NAVIGATION
*/

#navigation {
	float: left;
	position: absolute;
	top: 157px;
}

#navigation li {
	float: left;
}

#navigation li a:hover, #navigation li.current_page_item a {
	color: #FFFFFF;
}

#navigation li a {
	font-size: 14px;
	color: #C0BBAA;
	display: block;
	padding: 5px 10px;
}

/*
     SUBSCRIBE BOX
*/

#subscribe-box {
	position: absolute;
	 width: 1002px;
	 height: 136px;
	 background: #AD0000 url(images/subscribe-box.gif) no-repeat;
	 top: 195px;
}

.welcome {
	left: 30px;
	 line-height: 22px;
	 position: absolute;
	 top: 40px;
	 width: 255px;
}

.welcome p {
	color: #F1F3D8;
	 font-size: 12px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size-adjust: none;
	 font-style: normal;
	 font-weight: normal;
	 letter-spacing: normal;
	 line-height: 15px;
	 padding-top: 5px;
}

.rss-box {
	position: absolute;
	 right: 20px;
	 top: 40px;
	 width: 300px;
}

a.rss-text {
	background: url(images/rss-text.jpg) no-repeat scroll 0 0;
	 display: block;
	 height: 77px;
	 width: 281px;
}

a.rss-text:hover {
	background: url(images/rss-text-hover.jpg) no-repeat scroll 0 0;
	 display: block;
	 height: 77px;
	 width: 281px;
}

#subscribe-box .rss-box li {
	display: block;
	float: left;
	height: 49px;
	width: 266px;
}

#subscribe-box .rss-box li a {
	color: #FFFFFF;
	display: block;
	font-family: Helvetica, Arial;
	font-size: 18px;
	font-weight: bold;
	height: 35px;
	line-height: 22px;
	padding: 7px 10px 7px 45px;
}

.rss-email-box {
	right: 380px;
	 top: 65px;
	 line-height: 22px;
	 position: absolute;
	 width: 285px;
}

input.rss-to-email {
	background: url(images/rss-input.jpg) no-repeat scroll 0 0;
	color: #fff;
	font-family: Helvetica, Arial;
	font-size: 13px;
	padding:12px 0 0 15px;
	width:210px;
	height: 37px;
	float: left;
	border: none;
}


.rss-to-emai-submit {
	background: url(images/rss-submit.jpg)no-repeat scroll 0 0;
	 width: 56px;
	 height: 37px;
	 border: none;
	 cursor: pointer;
	 text-indent: -9999px;
}

/*
     BUTTONS
*/

#searchsubmit, #submit {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	 background: #9F0100;
	 color: #fff;
	 border: 1px solid #e31a19;
	 padding: 3px;
	 cursor: pointer;
}

#searchsubmit:hover, #submit:hover {
	background: #CF0000;
}

/*
     STRUCTURE
*/

#content {
	background: #DDD8C2 url(images/after-subsc-box.jpg) no-repeat scroll -2px 30px;
	 border-left: 1px solid #ACA592;
	 border-right: 1px solid #ACA592;
	 margin: 0 auto;
	 min-height: 200px;
	 padding-bottom: 60px;
	 position: relative;
	 width: 1000px;
}

#page {
	background: #FFFFFF url(images/backgrounds/page.png) repeat-x scroll 0 0;
	border: 1px solid #AFAB99;
	float: left;
	margin: 65px 0 19px 20px;
	min-height: 400px;
	padding: 40px;
	position: relative;
	width: 560px;
}

#sidebar {
	float: right;
	margin: 40px 20px 19px 0;
	position: relative;
	width: 300px;
}

/*
     FOOTER
*/

#footer {
	background: #423E35 url(images/footer.jpg) no-repeat scroll 0 0;
	height: 378px;
	margin: 0 auto;
	color: #A79578;
	padding: 0 20px;
	position: relative;
	width: 953px;
	font-size: 13px;
}

.desing-by { 
	color:#A79578;
	font-family:Verdana,Arial;
	font-size:10px;
	position:absolute;
	left:70px;
	text-transform:uppercase;
	top:320px;
	width:1000px;
}

.desing-by span { 
	margin-right: 540px;
}

.desing-by a { 
	color:#CFBB9B;
}

.desing-by a:hover { 
	color:#EFE9E0;
}

a img#footer-logo { 
   position: absolute;
   left: 20px;
   top:4px;
}

#about {
	float: left;
	margin: 100px 20px 0 0;
	width: 300px;
	z-index: 99;
}

#about img {
	float: left;
	 padding: 0 10px 50px 0;;
	 opacity: 0.3;
}

#about img:hover {
	opacity: 0.8;
}

#socials {
	float: left;
	margin-top: 100px;
	width: 100px;
	z-index: 99;
}

#socials a img {
	opacity: 0.6;
	padding: 0 5px 5px;
}

#socials a img:hover {
	opacity: 1;
}

#projects {
	float: left;
	margin: 100px 60px 0 0;
	width: 420px;
	z-index: 99;
}

#projects a:link, #projects a:visited {
	background: #2E251E none repeat scroll 0 0;
	color: #FFFFFE;
	padding: 2px 5px 4px;
	text-decoration: none;
}

#projects a:hover {
	background: #ad0000;
	color: #FFFFFE;
	padding: 2px 5px 4px;
	text-decoration: none;
}

#projects li {
	padding-bottom: 15px;
}

#projects h1, #socials h1, #about h1 {
	color: #FFFFFE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 30px;
}

/*
     PAGE
*/

.post-line {
	background: transparent url(images/after-post-line.jpg) no-repeat scroll 50% 100%;
	margin-bottom: 30px;
	padding-bottom: 60px;
	position: relative;
}

#post-box {
	margin-top: 20px;
}

.post a.more-link:hover {
	background: #c31616 none repeat scroll 0 0;
	color: #fff;
	border-bottom: 1px solid transparent;
	text-decoration: none;
}

.post a.more-link {
	background: #cf6161 none repeat scroll 0 0;
	border-bottom: 1px solid #655d5d;
	color: #fff;
	padding: 1px 2px;
	text-decoration: none;
}

.post a.more-link {
	bottom: 35px;
	display: inline;
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 14px;
	right: 5px;
	text-transform: uppercase;
}

.post-meta {
	background: #c31616 none repeat scroll 0 0;
	border: 1px solid #960000;
	color: #fff;
	display: inline;
	font-size: 13px;
	padding: 5px 8px;
}

.post-meta a {
	color: #fff;
}

.post-meta a:hover {
	color: #222;
}

#post-box ul {
	padding-bottom: 15px;
	padding-left: 40px;
}

#post-box ul li {
	background: transparent url(images/bullet.gif) no-repeat scroll 0 5px;
	margin-bottom: 10px;
	padding-left: 35px;
}

#post-box blockquote {
	background: transparent url(images/blockquote.jpg) no-repeat scroll 5px 25px;
	color: #33312A;
	font-size: 16px;
	font-style: italic;
	line-height: 26px;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 20px;
}

blockquote, q {
	quotes: "" "";
}

#content p {
	padding-bottom: 14px;
}

/*
     TYPOGRAPHY
*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Helvetic, Arial, sans-serif;
	color: #33312a;
}

h1 {
	font-size: 45px;
	line-height: 49px;
	padding-right: 110px;
	letter-spacing: -2px;
	padding-bottom: 20px;
}

h3 {
	font-size: 19px;
	line-height: 24px;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 13px;
}

h2, h2 a {
	margin-bottom: 10px;
	 color: #555;
	 font-size: 27px;
	 font-weight: bold;
	 font-family: Arial, Helvetica, sans-serif;
}

h2 a:hover {
	color: #222;
}

/*
     COMMENTS
*/

.comment-body {
	background: #FFFFFF;
	border: 1px solid #D3D1CB;
	color: #504D45;
	font-size: 15px;
	line-height: 22px;
	min-height: 81px;
	padding: 20px 30px 20px 30px;
	width: 500px;
}

li.comment {
	background: transparent url(images/backgrounds/author-div.gif) repeat-y scroll 0 0;
	position: relative;
	width: 562px;
	margin-bottom: 10px;
}

.bypostauthor .comment-body {
	background: #F5F4F2;
	border: 1px solid #D3D1CB;
	color: #504D45;
	font-size: 15px;
	line-height: 22px;
	min-height: 81px;
	padding: 20px 30px 20px 30px;
	width: 500px;
}

.div-comment, #respond {
	background: #FFFFFF;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	min-height: 81px;
	padding: 20px 30px 20px 30px;
	position: relative;
	width: 500px;
}

#content p.cancel-comment-reply, .cancel-comment-reply a {
	padding-bottom: 10px;
	font-size: 13px;
	color: #BF6B6B;
}

.cancel-comment-reply a:hover {
	padding-bottom: 10px;
	font-size: 13px;
	color: #C31616;
}

#comments {
	text-align: center;
	color: #555;
}

#respond h3 {
	text-align: center;
	color: #555;
}

.comment-meta {
	width: 100px;
	position: absolute;
	right: 10px;
	top: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
}

.comment-meta a {
	color: #888;
}

.comment-meta a:hover {
	color: #222;
}

.comment-author {
	margin-bottom: 10px;
}

ul.children .comment-author-wrap {
	background: transparent none repeat scroll 0 0;
	border: medium none;
}

.comment-author cite {
	color: #777;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	font-style: normal;
}

.comment-author cite a {
	color: #555;
}

.comment-author cite a:hover {
	color: #ad0000;
}

ul.children .comment-author {
	width: 400px;
	z-index: 99;
}

ul.children .comment-body {
	padding: 20px 30px;
	width: 450px;
	margin: 10px 0 0 50px;
}

.reply {
	font-family: Verdana, Arial;
	font-size: 10px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	bottom: 10px;
}

.reply a:link, .reply a:visited {
	background: #cf6161 none repeat scroll 0 0;
	border-bottom: 1px solid #655d5d;
	color: #fff;
	padding: 0 5px;
	text-decoration: none;
}

.reply a:hover {
	background: #c31616 none repeat scroll 0 0;
	color: #fff;
	border-bottom: 1px solid transparent;
	text-decoration: none;
}

#respond .text {
	background: #F4F4F4 none repeat scroll 0 0;
	border: 1px solid #C4C4C4;
	color: #000000;
	font-family: Helvetica, Arial;
	font-size: 16px;
	padding: 10px;
	width: 565px;
}

form p input, #user_email, form p textarea, #comment, .fieldWithErrors input, .form_field {
	background: #F4F4F4 none repeat scroll 0 0;
	border: 1px solid #C3C3C3;
	color: #2D2D2D;
	font-family: Helvetica, Arial;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 10px;
	width: 460px;
}

form label {
	color: #504D45;
	display: block;
	font-family: Helvetica, Arial;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
}

#submit {
	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: bold;
}

span.required {
	color: #ad0000;
}

#commentform {
	padding-top: 10px;
}

/* 
     TABS 
*/

ul.tabs {
	height: 25px;
	line-height: 25px;
	list-style: none;
	background: transparent url(images/border-sodebar.gif) repeat-x scroll 0 100%;
	color: #5F5D57;
	margin-bottom: 20px;
	padding: 10px 0 20px;
	position: relative;
}

* html ul.tabs {
	margin-bottom: 0;
}

ul.tabs li {
	float: left;
	margin-right: 1px;
}

ul.tabs li a {
	font-size: 13px;
	display: block;
	padding: 0 13px 2px;
	color: #444;
	text-decoration: none;
	cursor: pointer;
	background: #FFFFFF url(images/tabs-button.png) repeat-x scroll 0 100%;
	border: 1px solid #AFABA4;
	position: relative;
	margin: 0 5px 0 0;
}

* html ul.tabs li a {
	float: left;
}

*+html ul.tabs li a {
	float: left;
}

ul.tabs li a:hover {
	color: #444;
	padding: 0 13px 2px;
	background: #eee url(images/tabs-button-hover.png) repeat-x scroll 0 100%;
	border: 1px solid #AFABA4;
}

ul.tabs li.tab-current a {
	color: #AD0000;
	background: #FFFFFF url(images/tabs-button.png) repeat-x scroll 0 100%;
	border: 1px solid #AFABA4;
	padding: 0px 13px 2px;
}

div.t2, div.t6, div.t4 {
	display: none;
}

div.t1, div.t2, div.t3, div.t4, div.t5, div.t6 {
	background: transparent;
	padding: 0;
}

div.t2 a { 
color: #59554A;
}

div.t2 a:hover { 
color: #ad0000;
}

div.t1 li, div.t2 li, div.t3 li, div.t4 li, div.t5 li, div.t6 li {
	display: block;
}

div.t1 li a, div.t2 li a, div.t3 li a, div.t4 li a, div.t5 li a, div.t6 li a {
	border: 1px solid #DDD8C2;
	color: #59554A;
	display: block;
	padding: 8px 20px 8px;
	font-size: 14px;
}

div.t1 li a:hover, div.t2 li a:hover, div.t3 li a:hover, div.t4 li a:hover, div.t5 li a:hover, div.t6 li a:hover {
	background: #e3dfcc;
	border: 1px solid #f8f6ec;
	color: #3F3B2F;
	display: block;
}

.white-bg {
	padding: 1px;
	 background: #fff;
	 border: 1px solid #AEA894;
}

.box {
	margin-bottom: 30px;
}

/*
     SEARCH
*/

#search-box {
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 22px;
	position: absolute;
	right: 140px;
	top: 159px;
	z-index: 10;
}

#search-text {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	background: #4F443B;
	border: 1px solid #6F645A;
	color: #C5C0B0;
	float: left;
	height: 16px;
	padding: 4px 10px 4px;
	text-transform: none;
	width: 180px;
	margin: 0 10px 0 0;
}

/*
     CORNERS
*/

.rounder-corners {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
