/*
Theme Name: Shapranov
Theme URI: http://blacklink.free-lance.ru/
Description: The shapranov.ru WordPress theme
Version: 1.0
Author: Pavel Vrubel
Author URI: http://blacklink.free-lance.ru/
Tags: green, two columns, widgets, twoinone
*/

/* Reset
----------------------------------------------- */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Global
----------------------------------------------- */
body {
	background:url(images/day/bg.jpg);
	color: #303030;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #669933;
}
a:hover {
color: #669933;
}
a:focus { outline: none; }
.entry ul  li{
    padding-left: 10px;
	background:url(images/day/li.png) no-repeat left 4px ;
	padding-bottom: 10px;
}
ol { list-style-type: decimal; }
ol li{ list-style-type: decimal; background: none !important; }
 
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
 
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
 
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
/* Structure
----------------------------------------------- */
#banner {
	background: #fff url(images/banner.png) no-repeat center;
	height: 60px;
}
#base-container{
	background:url(images/day/header-image.jpg) no-repeat top center;
	/*height:388px;*/
		height: 100%;
		padding-top: 158.5px;
}
#base {
	background:url(images/day/base.png);
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#base-t {
	background:url(images/day/base-t.jpg) no-repeat;
	width: 960px;
    height: 100%;
}
a#logo {
	display: block;
	height: 50px;
	width: 304px;
	position: absolute;
	margin-top: -112px;
	margin-left: 50px;
	text-decoration: none;
}
a#theme-switch {
	display: block;
	height: 32px;
	width: 32px;
	position: absolute;
	margin-top: -180px;
	margin-left: 907px;
	text-decoration: none;
}
#footer {
	background:url(images/day/footer-bg.png) no-repeat;
	width: 960px;
	height: 95px;
	margin: 0 auto;
	font-size: 11px;
	margin-bottom: 40px;
	margin-top: -30px;
}
#footer p {
	line-height: 240%;
	padding-top: 19px;
	position: relative;
	padding-left: 90px;
}
#footer .shadow {
	color: #fff;
	position: absolute;
	margin-top: 13px;
	margin-left: 1px;
}
#footer .shadow a{
	color: #fff;
	text-decoration: none;
}
.mainmenu {
	height: 66px;
	padding-top: 6px;
	margin-left: 105px;
	font-size: 12px;
}
.mainmenu li {
	float: left;
	display: block;
	padding-left: 20px;
	padding-right: 14px;
		position: relative;
}
.mainmenu a {
	float: left;
	display: block;
	color: #303030;
	text-decoration: none;
	padding-top: 4px;
	height: 62px;
}
.mainmenu a:hover {
	color: #4C7327;
}
.mainmenu .icon {
	height: 66px;
	background:url(images/day/mainmenu.png);
		margin-top: -1px;
			position: absolute;
}

.post li {
background: url("images/day/li.png") no-repeat scroll left 4px transparent;
padding-left: 10px;
margin-bottom: 5px;
}

div.index {
	width: 125px;
	margin-left: -8px;
}
.mainmenu div.about {
	width: 105px;
	background-position: -125px top;
	margin-left: 100px;	
}
.mainmenu div.service {
	width: 92px;
	background-position: -230px top;
	margin-left: 187px;	
}
.mainmenu div.referal {
	width: 124px;
	background-position: -322px top;
	margin-left: 262px;		
}
.mainmenu div.ad {
	width: 105px;
	background-position: -446px top;
	margin-left: 368px;		
}
.mainmenu .current_page_item a{
	color: #fff;
}
.mainmenu .current_page_item a:hover{
	color: #fff;
}
#lastpostline {
    text-align: center;
	background-image: url(images/day/lastpostline.png) !important;
	background-repeat: no-repeat;
	width: 941px;
	height: 36px;
	margin-left: 10px;
	margin-top: -10px;
	vertical-align: middle;
	padding-top: 5px;
	margin-bottom: -5px;
	}
#lastpostline a {
    font-size: 14pt;
	}
#content {
	width: 640px;
	float: left;
}
#sidebar-container {
	width: 320px;	
	float: left;
	background:url(images/day/sidebar.jpg) repeat-y;
	margin-top: 19px;
}
#sidebar {
	height: 100%;
	background:url(images/day/sidebar-b.jpg) no-repeat left bottom;
	padding-bottom: 50px;
	font-size: 11px;
}
.date-container {
	float: left;
	width: 90px;
	height: 55px;
	background:url(images/day/date.png) no-repeat;
}
.post {
	margin-top: 20px;
	margin-bottom: 50px;
}
.post-date {
	font-size: 11px;
	color: #7e7671;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.post-tags{
	font-size: 10px;
	float: left;
	margin-top: 5px;
}
.post-tags li{
	float: left;
	display: block;
	height: 17px;
	background:url(images/day/tag-l.png) no-repeat;
	padding-left: 7px;
	margin-right: 8px;
}
.post-tags a{
	display: block;
	height: 15px;
	background:url(images/day/tag-r.png) no-repeat top right;
	padding-right: 7px;
	color: #303030;
	text-decoration: none;
		padding-top: 2px;
}
.post-tags li.current{
	background-position: left bottom;
}
.post-tags li.current a{
	background-position: bottom right;
	color: #fff;
}
.date-day {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	position: relative;
	font-weight: bold;
	margin-left: 18px;
	margin-top: 5px;
}
.date-month {
	font-size: 16px;
	color: #526114;
	margin-left: 18px;
	text-transform: lowercase;
}
.date-container span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;	
	color: #DBE7B1;
	position: absolute;
margin-top: 6px;
	margin-left: 19px;
	display: block;
}
.date-year {
	height: 29px;
	width: 12px;
	background:url(images/day/year.png) no-repeat;
	position: relative;
	top: -30px;
	left: 53px;
}
div.y2009 {
	background-position: left top;
}
div.y2010 {
	background-position: left -29px;
}
div.y2011 {
	background-position: left -58px;
}
div.y2012 {
	background-position: left -87px;
}
.heading {
	float: left;
	width: 540px;
	margin-bottom: 10px;
}
.search-result {
padding-left: 90px;
}
.search-result div.postmetadata{
float: none;
clear: both;
font-size: 10px;
padding-top: 10px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	margin-top: 13px;
	padding-right: 20px;
}
h1 a{
	color: #303030;
	text-decoration: none;
}
h1 a:hover{
	color: #4C7327;
}
h1.pagetitle {
font-weight: bold;
	padding-left: 90px;
	color:#CAC6B2;
	padding-top: 20px;
	text-shadow: #9A9178 -1px -1px 0px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	margin-top: 13px;
	padding-right: 20px;
}
h2 a{
	color: #303030;
	text-decoration: none;
}
h2 a:hover{
	color: #4C7327;
}
h2.pagetitle {
font-weight: bold;
	padding-left: 90px;
	color:#CAC6B2;
	padding-top: 20px;
	text-shadow: #9A9178 -1px -1px 0px;
}
h3{
	font-size: 18px;
}
.entry {
	padding-left: 90px;
	width: 540px;
}
.entry p img{
/*margin-bottom: 7px;
	border: 1px solid #D7C3A8;*/
	position: relative;
	top: -10px;
}
.entry .margin{
/*margin-bottom: 8px;*/
}
img.wp-smiley {
border: none !important;
margin-bottom: 0px !important;
}
#content h3{
	padding-top: 14px;
	padding-bottom: 7px;
}
.post p, .page p{
	line-height: 160%;
	padding-top: 7px;
	padding-bottom: 7px;
}
.comments {
	width: 144px;
	height: 44px;
	background:url(images/day/comments.jpg) no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin-left: 30px;
		margin-top: 14px;
	margin-bottom: 7px;
}
.comments a {
	color: #669933;
	text-decoration: none;
		width: 54px;
	height: 39px;
	display: block;
	padding-left: 90px;
	padding-top: 5px;
	position: relative;
}
.comments a:hover {
color:#4C7327;
}
.comments span {
	color: #fff;
	display: block;
	position: absolute;
		padding-left: 91px;
	padding-top: 6px;
}
ol.commentlist{
padding-left: 90px;
}
.commentmetadata {
font-size: 10px;
}
.commentmetadata  a{
text-decoration: none;
}
ol.commentlist p {
padding-left: 0px;
}
#commentform {
padding-left: 90px;
}
#subscribe {
	margin-left: 39px;
	margin-top: 12px;
}
#subscribe li{
	display: block;
	height: 50px;
	width: 242px;
	background:url(images/day/subscribe-bar.jpg) no-repeat top;
}
#subscribe a{
	display: block;
	height: 27px;
	width: 165px;
	font-size: 18px;
	padding-left: 77px;
	background:url(images/day/subscribe-icon.png) no-repeat 40px top;
	padding-top: 11px;
	text-decoration: none;
}
a#subscribe-mail {
	background-position: 40px -38px;
}
a#subscribe-twitter {
	background-position:40px bottom;
}
a#subscribe-rss:hover {
	background-position: -202px top;
}
a#subscribe-mail:hover {
	background-position: -202px -38px;
}
a#subscribe-twitter:hover {
	background-position: -202px bottom;
}
#categories-latest {
	margin-top: 20px;
}
#latest, #archive, #video, #use {
	display: none; 
}
.tabs {
	margin-left: 25px;
	margin-top: 30px;
}
.tabs h3{
	cursor: pointer;
	float: left;
}
.tabs h3 a{
	display: block;
	height: 24px;
	float: left;
	padding-top: 6px;
	background:url(images/day/tab-underline.png) repeat-x left 21px;
	text-decoration: none;
}
.tabs h3.first-child a{
	margin-left: 9px;
}
.tabs h3.current a{
	background:url(images/day/tab-m.png);
	padding-left: 9px;
	padding-right: 9px;
	margin-left: 0px;
}
.tabs h3.first-child .tab-left{
	width: 17px;
	height: 30px;
	float: left;
}
.tabs .current .tab-left{
	background:url(images/day/tab-l.png) no-repeat;
	width: 17px;
	height: 30px;
	float: left;
}
.tabs .current .tab-right{
	background:url(images/day/tab-r.png) no-repeat;
	width: 16px;
	height: 30px;
	float: left;
}
.tabs .list, .tabs .tab {
	float: none;
	clear: both;
	margin-left: 3px;
}
.tabs .tab {
	padding-top: 18px;
	margin-left: 12px;
}
.tabs .list li{
	display: block;
	line-height: 150%;
}

.tabs #categories a, .tabs #categories a:visited {
display:inline-block; 
padding:0;
width: auto;
background: none;
text-decoration:none;
}

.tabs #categories a:hover {
text-decoration: underline;
}

.tabs #categories span{
	display: inline-block;
	background:none;
padding:0;
margin:0;
position: inherit;
}

.tabs .list a{
	display: block;
	background:url(images/day/tabs-list.jpg) no-repeat left bottom;
	padding-top: 7px;
	padding-bottom: 12px;
	padding-left: 22px;
	color: #807D77;
	width: 228px;
}
.tabs .list span{
	display: block;
	width: 5px;
	height: 8px;
	background:url(images/day/tabs-list-li.png) no-repeat left center;
	text-decoration: none;
	position: absolute;
	margin-top: 11px;
	margin-left: 12px;
}
.tabs .list a:hover{
	background:url(images/day/tabs-list.jpg) no-repeat right bottom;
	color: #807D77;
}
#voting-use {
position: relative;
top: 12px;
}
#voting p {
padding-bottom: 12px;
}
#voting li {
	padding-top: 5px;
	padding-bottom: 5px;
	}
.wp-polls {
width: 240px;
}
.wp-polls-form {
		float: none;
	clear: both;
	width: 240px;
	line-height: 180%;
}
.wp-polls-form li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.wp-polls-form input.Buttons {
	width: 113px;
	height: 38px;
	background: transparent url(images/day/voting-submit.png);
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
ul.wp-polls-ul {
margin-right: 50px;
}

}
#photo-video {

}

#video{
	float: none;
	clear: both;
		margin-left: 14px;
		margin-bottom: -10px;
}

#photo{
	float: none;
	clear: both;
		margin-left: 14px;
		margin-bottom: -10px;
}
#photo img{
	/*margin-bottom: 18px;
	margin-right: 18px;
	border: 1px solid #D7C3A8;*/
}
#photo .margin{
	margin-bottom: 18px;
	margin-right: 18px;
}
li.clear {
	margin: 0px;
	padding: 0px;
}
#bottom {
    padding: 0px 50px 40px 90px;
	position: relative;
	top: 30px;
}
#footer table{
    position: relative;
	top: 30px;
}
.pagerbox{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	word-spacing: 6px;
	margin-bottom: 40px;
}
.pagerbox .current {
	color: #303030;
}
#tag-cloud {
	
}
#tag-cloud a{
	text-decoration: none;
	color: #625F57;
}
#tag-cloud a:hover{
		background: #669933;
		color: #fff;
}
#footer p {
float: left;
margin-top: 12px;
}
#author {
width: 600px;
}
#counter {
margin-top: 8px;
}
/* Images */
p img {
	padding: 0;
	max-width: 100%;
	margin-top: -8px;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.img_container {
display: inline-block;
opacity: 0.7;
filter:alpha(opacity=70);
}
#use .img_container {
padding-top: 8px;
}
.img_container:hover {
display: inline-block;
opacity: 1.0;
filter: alpha(opacity=100);
}

/* Lists */

/* Form Elements */
#searchform {
	height: 38px;
	background:url(images/day/search.jpg) no-repeat;
	margin-left: 40px;
	margin-top: 10px;
	}

#sidebar #searchform #s {
	padding-top: 7px;
	width: 190px;
	border: none;
	background: none;
	margin-left: 50px;
	font-size: 13px;
	padding-bottom: 7px;
	}

#sidebar #searchsubmit {
	display: none;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
#socializ {
  position: fixed;
  z-index: 1000;
  margin-left: -60px;
  padding: 6px 6px 0;
  background: #F6EED9;
  border: 1px solid #F6EED9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
* html #socializ {display: none}
#socializ:hover {
  background: #F6EED9;
  border: 1px solid #F6EED9;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#socializ a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 6px;
  background-color: #F6EED9;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	margin-top: 10px;
	}
	.fn {
	font-weight: bold;
	position: relative;
	top: -11px;
	left: 5px;
	}
		.says {
		display: none;
	}
/* End Comments */

/* Sidebar */


/* Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

.clear {
	clear: both;
	font-size: 1px;
	height: 0px;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#disqus_thread {
padding-left: 90px;
	padding-right: 20px;
	padding-bottom: 15px;
}
#disqus_thread h3{
	padding-left: 0px;
}

#categories li {
display:inline-block !important;
}

.dsq-brlink {
display: none;
}
.dsq-comment-count {
display: none;
}
.st-related-posts {
margin-top: 10px;
}

div.y5_h {
background: #F6EED9;
}

div.y5_all, div.y5_how {
margin-left: 50px;
}
@-moz-document url-prefix() {
#bottom {
    padding: 0px 50px 40px 90px;
	top: 30px;
}
#footer  table{
    position: relative;
	padding-top: 10px;
	top: 0px;
}
#footer {
	height: 95px !important;
	margin-top: 0px;
}
}
.ddsg-wrapper ul li {
    background-image: none !important;
	padding-bottom: 10px;
	position: relative;
	bottom: -7px;
	font-size: 11pt;
	margin-left: 10px;
	}
.ddsg-wrapper ul li ul li{
    margin-left: 20px;
	background:url(images/day/li.png) no-repeat left 4px  !important;
	margin-bottom: 0px;
	font-size: 10pt;
	}
#pages_sitemap li{
    margin-left: 20px;
	background:url(images/day/li.png) no-repeat left 4px  !important;
	margin-bottom: 0px;
	font-size: 11pt;
	}
#vk_comments{
    margin-top: 15px;
    }
	
#twitter_link a{
    background-image: url('./images/1.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	margin-right: 6px;
	}
#twitter_link a:hover{
    background-image: url('./images/11.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	margin-right: 6px;
	}
#facebook_link a{
    background-image: url('./images/2.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	margin-right: 6px;
	}
#facebook_link  a:hover{
    background-image: url('./images/22.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	margin-right: 6px;
	}
#vkontakte_link a{
    background-image: url('./images/3.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	}
#vkontakte_link a:hover{
    background-image: url('./images/33.png');
	width: 76px;
	height: 38px;
	padding: 12px 38px;
	}
#seo_button {
	background-image: url('./images/shaovalov1sv.png');
	background-repeat: no-repeat;
	width: 245px;
	height: 58px;
	padding: 24px 122px;
	margin-left: 40px;
	}
#seo_button:hover {
	background-image: url('./images/shaovalov1t.png');
	background-repeat: no-repeat;
	}
#consult_button {
	background-image: url('./images/shaovalov2sv.png');
	background-repeat: no-repeat;
	width: 245px;
	height: 58px;
	padding: 24px 122px;
	margin-left: 40px;
	}
#consult_button:hover {
	background-image: url('./images/shaovalov2t.png');
	background-repeat: no-repeat;
	}
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */