/*  
Theme Name: Iz-Podvala
Theme URI: http://www.iz-podvala.ru
Version: 1.0
*/

html {
}

body,html {
margin:0px;
padding:0px;
height:100%;

}

img {
border:none;
}

h1, h2, h3, h4 {
	margin:0 0 10px 0;
	padding:0;
}

a:link, a:visited {
color:#09C;
text-decoration:none;
}

a:hover {
color:#666;
text-decoration:none;
}


body {
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;

height:auto;
}

#wrapper {
width:1004px;
margin:0px auto;
padding:0px;
text-align:left;
background:#fafafa repeat scroll 0 0;
}

#head_content {
height:140px;
margin-bottom:20px;
width:1005px;
position:relative;
}

a.logo {
	position:absolute;
	top:20px;
	left:10px;
}

#menu {
position:absolute;
top:100px;
float:left;
color:#000;
margin:0;
list-style:none;
padding:0;
width:100%;
background:#079 url(images/top_bar.gif) repeat-x;
}



#menu h3 {
color:#333;
padding:0;
margin:0;
/*text-transform:capitalize;*/
font-size:12px;
}

#bitems{
width:610px;
float:left;
margin-bottom:20px;
}

#items{
width:605px;
float:left;
margin-bottom:20px;
}

#items2{
width:809px;
float:left;
margin-bottom:20px;
}

#sidebar1{
float:left;
width:185px;
margin-right:15px;
}

#sidebar2{
float:right;
width:185px;
margin-left:5px;
}

#sbitem{
margin-bottom:15px;
}

#sidebar1 ul, #sidebar2 ul {
list-style:none;
margin:10px 0 4px;
padding:0;
}

.rss_links ul li {
background:url(images/rss.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
padding:2px 0 4px 18px;
margin:0;
}

#menu li{
display:inline;
float:left;
height:30px;
margin-left:15px;
padding-right:15px;
padding-top:10px;
}

#menu ul{
list-style:none;
display:inline;
}


span.search{
width:185px;
height:26px;
position:absolute;
display:block;
right:2px;
top:107px;
background:#ccc;
}

.leftitem {
width:201px;
float:left;
}

.leftitem ul {
	margin:0;
	padding:0;
	list-style:none;
}

.item {
width:195px;
height:255px;
overflow:hidden;
float:left;
margin:0px 0px 0px 6px;
position:relative;
}

.leftitem .item {
	height:200px;
}


.item .background {
width:195px;
height:161px;
background:url(images/pamka.png);
position:absolute;
top:0px;
left:0px;
}

.item img {
width:166px;
height:131px;
border:1px solid #fff;
position:absolute;
top:12px;
left:12px;
}

.item img:hover {
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.item .content {
position:absolute;
width:150px;
height:88px;
left:10px;
top:158px;
overflow:hidden;
color:#000;
}

#items a:link, #items a:visited{
color:#000;
}

#items a:hover{
color:#333;
}

.item .comments-link {
background:#777;
position:absolute;
width:22px;
height:22px;
left:168px;
top:163px;
overflow:hidden;
text-align:center;
z-index:2;
line-height:22px;
}

.item .comments-link a{
	color:#fff !important;
}

*+html .item .comments-link {
	top:160px; left:163px;
	z-index:5;
}

* html .item .comments-link {
	top:160px; left:163px;
	z-index:5;
}


.item .content h2 {
font-size:13px;
margin:0px;
padding:0px;
color:#333;
font-weight:normal;
margin-top:5px;
}



#sidebar h2 {
font-size:13px;
color:#77B1B5;
font-weight:normal;
}

#content_text h2, #pagecontent h2 {
font-size:16px;
color:#333;
font-weight:normal;
}

#tags{
font-family:Georgia, "Times New Roman", Times, serif;
}

#sidebar p {
margin:0px;
padding:0px;
}

.item .content p {
margin:0px;
padding:0px;
font-size:11px;
margin-top:5px;
}

.rated { overflow:hidden; height:255px;}

.rated ul li {
	position:relative;
}

.rated ul li .ratings {
 position:absolute;
 top:120px; left:95px;
 z-index:2;
}

.item a:link, .item a:visited {
color:#B7B7B7;
text-decoration:none;
}

.item a:hover {
color:#333;
text-decoration:none;
}

.item .content h2 a{
color:#111 !important;
font-size:12px;

}
.item .content h2 a:hover {
text-decoration:underline;
}

span.navback{
width:145px;
height:15px;
display:block;
float:left;
background:url(images/back_dark.gif) top left no-repeat;
cursor:pointer;
padding-left:25px
}

span.navforward{
width:150px;
height:15px;
display:block;
float:right;
background:url(images/forward_dark.gif) top right no-repeat;
cursor:pointer;
padding-right:25px;
}

#footer {
margin:20px 9px 0px;
text-align:left;
padding:5px 0px 5px;	
color:#333;
clear:both;
border-top:dotted 1px #666;
}

.clear {
clear:both;
}

#s {
font-size:1.1em;
border:none;
height:18px;
width:154px;
color:#333;
font-size:12px;
margin:2px;
padding:2px;
padding-right:25px;
background:#fff url(images/s.jpg) no-repeat right center;
}

#footer-text {
float:left;
}

#navi {
width:590px;
margin:10px 0px 10px 10px;
float:left;
}

#content_text {
float:left;
width:565px;
text-align:left;
margin-left:20px;
}

#pagecontent {
float:left;
text-align:left;
margin-left:8px;
}

#pagecontent img{
margin:8px;
padding:4px;
background:#0D0D0D;
border:1px solid #242424;
}

#article {
margin:0px 0px 25px 0px;
padding:0px 0px 10px 0px;
background:url(images/footer_dark.gif) repeat-x bottom left;
}

#pagearticle {
margin:0px 0px 25px 0px;
}

#article p {
margin:0px 0px 12px 0px;
}

/* style me some comments and inputs */
#comments-number {
float:right;
width:20px;
}

#comments_wrapper input{
background:#fff;
color:#666666;
}

#comments_wrapper h3 {
font-size:13px;
font-weight:normal;
color:#333;
}

#comments {
width:435px;
padding:12px 0 0;
}

#comments h3,h3#respond {
margin-bottom:7px;
}

ol.commentslist {
list-style:none;
margin:5px 0 12px;
padding-left:0px;
}

.commentslist li {
background:#fff;
border:1px solid #ccc;
margin-bottom:7px;
padding:7px 0;
width:555px;
}

.commentslist li a {
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

.commentslist li.alt {
background:#eef;
width:555px;
}

.commentslist li:hover {
border-color:#888;
}

.commentslist .comment_text {
margin:0 7px;
line-height:1.4em;
overflow:hidden;
font-size:13px
}

.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote {
margin:1em 0;
}

.comment_text ul,.comment_text ol,.comment_text blockquote {
margin:0 1em;
}

p.author_meta {
font-weight:700;
text-transform:uppercase;
margin:0 0 0 7px;
color:#333;
}

p.post_meta {
font-size:11px;
text-transform:uppercase;
text-align:right;
margin:0 7px 0 0;
}

.commentslist li.author {
color:#000;
}


.commentslist li.author a {
color:#000;
}

.commentslist li.author a:hover {
color:#333;
}

#comments_closed {
color:#ccc;
padding:7px 0;
margin-top:12px;
line-height:1.5em;
}

p.nocomments {
margin:0 12px 0 7px;
}

p.nocomments a {
color:#333;
font-weight:700;
text-decoration:underline;
}

p.nocomments a:hover {
color:#333;
}

ol.pingslist {
margin:1.5em 2em;
font-size:12px;
}

.pingslist li {
color:#7F7F7F;
margin:0 0 7px;
}

.pingslist li a {
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

#commentform p {
margin:1em 0;
}

#commentform p a {
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

#author,#email,#url,#comment {
font:1.1em arial,helvetica,verdana,sans-serif;
border:1px solid #ccc;
padding:2px;
}

#comment {
width:555px;
overflow:auto;
color:#555;
}

#commentform p small {
font-size:10px;
color:#666;
}

.commentslist code {
background:transparent;
}

.imageOver {
background:url(images/zoom.gif) no-repeat 50% 50%;	
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;	
}

/*  
Theme Name: Green Modern
Theme URI: http://test.qualitywordpress.com/?preview_theme=greenmodern
Description: Green modern is a very fresh take on interior designs.
Version: 1.0
Author: qualitywordpress.com
Author URI: http://qualitywordpress.com
*/




/* Main */

#main {
	width: 1004px;
	background: url("images/main.gif") repeat-y;
}

#main-top {
	width: 1004px;
	background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
	width: 992px;
	padding-left: 12px;
	min-height: 60px;
	background: url("images/main_bottom.gif") no-repeat left bottom;
}

	/* Main - Content */
	
	#content {
		float: left;
		width: 570px;
		padding: 6px 16px 0 16px;
		background:#333;
	}
	
	/* Main - Content - Post */
	
	#content .post {
		color: #333;
		float: left;
		margin-bottom: 16px;
		width: 554px;
		padding: 7px;
		background: #333;
		
	}
	
		/* Post - Title */
		
		#content .post .post-title {
			width: 554px;
			color: #333;
			font: bold 12px;
		}
		
		#content .post .post-title a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title .post-date {
			float: left;
			background: url("images/post_date.gif") repeat-x;
			width: 50px;
			height: 51px;
			color: #333;
			text-align: center;
			text-transform: uppercase;
			margin-right: 10px;
			font: bold 10px/15px;
		}
		
		#content .post .post-title .post-date span {
			margin-bottom: 2px;
			display: block;
			font: bold 16px/34px;
		}
		
		#content .post .post-title h2 {
			padding: 4px 0 3px 0;
			color: #94C629;
			font: bold 19px;
		}
		
		#content .post .post-title h2 a {
			color: #94C629;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover {
			text-decoration: underline;
		}
		
		/* Post - Entry */
		
		#content .post .post-entry {
			font: normal 14px;
			color: #ddd;
			padding: 0 4px;
			width: 546px;
			line-height:1.5em
		}
		
		.post-entry img {
		padding:1px;
		border:solid 1px #666;}
		
		#content .post .post-entry a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .post-entry a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry .more-link {
			font: bold 12px/20px;
			color: #333;
			float: right;
			padding-bottom: 5px;
		}
		
		#content .post .post-entry .more-link a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .post-entry .more-link a:hover {
			text-decoration: underline;
		}
		
		/* Post - Info */
		
		#content .post .post-info {
			padding: 10px 4px 0 4px;
			width: 546px;
			clear: both;
			font: 12px;
			color: #333;
		}
		
		#content .post .post-info a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .post-info a:hover {
			text-decoration: underline;
		}
		
		/* Post - Comments */
		
		#content .post h3 {
			color: #333;
			font: bold 17px;
			margin: 25px 0 5px 0;
			padding: 0 4px;
			width: 546px;
		}
		
		#content .post .comments {
			padding: 0 4px;
			width: 546px;
			font: normal 12px/18px;
			color: #333;
		}
		
		#content .post .comments a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .comments a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol {
			margin: 10px 0 10px 0;
			padding-left: 25px;
		}
		
		#content .post .comments ol li {
			padding: 5px;
		}
		
		#content .post .comments ol li.alt {
			color: #333;
		}
		
		#content .post .comments ol li cite {
	     color: #A9A9A9;
	     font-style: normal;
	     font-weight: bold;
}
		
		#content .post .comments ol li cite a {
	     color: #A9A9A9;
	     text-decoration: none;
}
		
		#content .post .comments ol li cite a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol li .commentmetadata a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;
		}
		
		#content .post #commentform {
			margin: 0;
			font: normal 12px/18px;
			color: #333;
			padding: 0 4px;
			width: 546px;
		}
		
		#content .post #commentform a {
			color: #333;
			text-decoration: none;
		}
		
		#content .post #commentform a:hover {
			text-decoration: underline;
		}
	


/* Footer */

#footer {
	margin-top: 15px;
	width: 1004px;
	color: #666;
	text-align: center;
}

#footer a {
	color: #595959;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.navigation-previous a {
	color: #333;
	text-decoration: none;

}
.navigation-next {
	color: #A9A9A9;
	text-decoration: none;

}

.navigation-next a {
	color: #333;
	text-decoration: none;
}



#sbitem ul, .sbitem ul {
			margin: 0 0 20px 0px;
			padding: 0;
			list-style-type: none;
			margin-top:10px;
		}
		
		#sbitem ul li, .sbitem ul li {
			color: #333;
		}
		
		#sbitem ul li a, .sbitem ul li a {
			color: #333;
			text-decoration: none;
		}
		
		#sbitem ul li a:hover, .sbitem ul li a:hover {
			text-decoration: underline;
		}

ul li.cat-item {
color:#fff;

position:relative;
background:#333;
}



ul li.cat-item span{
position:absolute;
top:3px;
right:5px;
font-size:12px;
display:inline-block;
cursor:pointer;
color:#fff;
}

ul li.cat-item a{
display:block;
padding:5px;
background:#444 url(images/menu.gif) repeat-x left bottom;
line-height:14px;
color:#fff;
margin-bottom:3px;
padding-right:15px;
font-size:13px;
}

ul li.cat-item a:hover{ text-decoration:underline;}

ul.children li.cat-item {
line-height:16px;
padding-bottom:4px;
margin:0 5px 4px;
border-bottom:dotted 1px #555;
text-transform:none;

font-size:13px;}

ul.children li.cat-item a{
display:inline;
padding:0px;
color:#fff;
line-height:16px;
margin-bottom:0px;
font-weight:normal;
font-size:12px;
background:none;
}


ul.children {
margin-bottom:20px;
padding-bottom:0;
display:none;}

ul li.current-cat {
font-weight:bold;
display:block;}

ul li.current-cat ul.children, ul li.current-cat-parent ul.children {
display:block;
}

.links a, .links { font-size:10px; color:#ddd;}

.rated {
	position:relative;
	width:605px;
}

.rated ul li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

.rated a.prev, .rated a.next {
	width:25px;
	height:25px;
	cursor:pointer;
	display:inline-block;
	z-index:3;
	position:absolute;
	top:65px;
}

.rated a.prev {
	background:url(images/prev.png) no-repeat top left;	
	left:5px
	
}


a.next {
	background:url(images/next.png) no-repeat top left;
	right:0px;
	
}

.rated a.prev:hover, .rated a.next:hover {
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#items h2 {
	color:#333;
}

#article img {
	padding:5px;
	border:solid 1px #ccc;
	background:#eee}
	
#article h2 {
	font-weight:bold;
	color:#000;
}
	
#menu li a{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	}
	
#menu li a:hover {
text-decoration:underline;
color:#fff;
}
	
.ads {
	padding:10px;
	border-top:dotted 1px #666;
	border-bottom:dotted 1px #666;
	margin:10px 0;
}

ul.per li.cat-item{
	color:#FFF;
	background:#079;
	margin-bottom:2px;
}

ul.per li.cat-item a{
	color:#fff !important; 
background:#079 !important;
display:block !important;
font-size:13px !important;
line-height:14px !important;
margin-bottom:3px !important;
padding:5px 15px 5px 5px !important;}
	
	.rated ul li .item .content h2 a {
	color:#000 !important
}

.rated ul li .item {
		background:#A7D9E0 !important;
		width:192px  !important;
}

.rated ul li .item .background{
	background:#A7D9E0 url(images/pamka.png) !important;
}

.rated ul li .item .content {
	width:170px !important;
}

.post-ratings img {
	border:none !important;
	padding:3px !important;
	background:none !important;
	vertical-align:middle}
	
.loginForm {
	position:absolute;
	top:25px;
	left:625px;
}

.loginForm span {
	float:left;
	width:157px;
	display:block;
}

.loginForm span input {
	border:solid 1px #ccc;
	height:20px;
	font-size:12px;
	width:142px;
	padding:2px 0 0 3px;
}

.loginForm .enter {
	width:62px;
	background:#007799;
	height:24px;
}

.loginForm .enter input{
	border:none;
	background:#007799;
	height:20px;
	width:56px;
	color:#fff;
	font-weight:bold;
	padding:0px;
	margin-left:3px;
	cursor:pointer;
}

.ads2 {
height:60px;
left:535px;
position:absolute;
top:15px;
width:468px;
}

.info {
	position:absolute;
	top:25px;
	left:350px;
}

.pages, .last, .first, .extend {
	color:#333 !important;
}

.banner {display:none}

.ban {cursor:pointer}

.skin {
	position:absolute;
	top:80px;
	right:0;
	text-decoration:underline;
	background:#f50;
	color:#fff !important;
	padding:5px;
	font-weight:bold;
	display:inline-block;
	line-height:10px;
}

.together {
	margin-bottom:15px;
	display:block;
}

div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	min-height:100px;
	font-size:14px;
	background-color:#fff;
}

.tab_container {
	
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom:20px
}
.tab_content {
	display:none;
	float:left;
	padding: 20px 0 0 0;
}

#tab1 {display:block}


ul.tabs1 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs1 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs1 li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs1 li h2 { font-size:12px}
ul.tabs1 li a:hover {
	background: #ccc;
}
html ul.tabs1 li.active, html ul.tabs1 li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
