/*
Theme Name: Portfolio
Theme URI:
Description: Theme for my portfolio
Version: 1.0
Author: Vitaly Voskobovich
Author URI:
*/

*,html,body{margin:0; padding:0;}

body {
	background:#2e1308 url(images/Page-BgTexture.jpg) repeat  fixed;
	width:100%;
	height:100%;
	color:#fff !important;
	font-size: 12px;
	font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
}
a,div,img {border:none;}
a{color:#FFF; text-decoration: none;}
a:hover{color:#FFFF00; text-decoration: none;}
ul,li{list-style:none;}

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{
	font: 28px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{
	font: 22px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{
	font: 18px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover{
	font: 16px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover{
	font: 14px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{
	font: 14px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}
/* Finish Content headings Fonts & Colors  */

div.wrapper{
	background: url(images/bg-w.png) repeat;
	width:990px;
	height:100%;
	margin:0 auto;
}
	div.header-menu{
		background:#451c00;
		height:45px;
		width:990px;
		position:relative;
	}
		div.search{
			width:241px;
			height:22px;
			position:absolute;
			right:0px;
			top:12px;
		}
			div.search input.text{
				background:#451c00;
				width:180px;
				height:20px;
				font-size:14px;
				padding:0 4px 0 4px;
				border:1px solid #d09873;
				color:#fff;
			}
			div.search input#buttom,
			div.search input#buttom:hover,
			div.search input#buttom:active{
				background:#451c00;
				width:46px;
				height:22px;
				border:0px;
				color:#d09873;
			}
		a.toplink{
			height:8px;
			display:block;
			font-size:14px;
			font-weight:bold;
			color:#d09873;
			padding:12px 12px;
			float:left;
		}
		a.toplink:hover{color:#fff;}

	div.header{
		height:100px;
		width:990px;
		position:relative;
	}
		div.logo{
			margin-left:70px;
			margin-top:10px;
			height:78px;
			float:left;
			width:380px;
		}
			span.name h1 a,
			span.name h1 a:hover{
				font:48px Verdana;
				line-height:40px;
				display:block;
				color:#FFF;
			}
			span.soname h1 a,
			span.soname h1 a:hover{
				font:36px Verdana;
				margin-left:118px;
				line-height:34px;
				display:block;
				color:#FFF;
			}
	div.top-menu{
		margin-left:500px;
		position:relative;
	}
		ul.menu{
			width:423px;
			height:100px;
		}
			ul.menu li{
				position:absolute; 
				top:0;
				height:59px;
			}
				ul.menu li.portfolio{
					left:0; 
				}
				ul.menu li.blog{
					left:140px;
				}
				ul.menu li.contacts{
					left:236px;
				}
				ul.menu li.resume{
					left:371px;
				}
					ul.menu li a{
						font:12px Verdana; 
						display: block;
						padding-top:40px;
						height:59px;
					}
					ul.menu li a:hover{
						text-decoration:underline !important;
						color:#ffff00 !important;
					}
					
/*  PORTFOLIO BLOSCK STYLE */
		div.block{
			width:462px;
			height:280px;
			position:relative;
			float:left;
			margin:0 0 22px 22px;
		}
			img.conten-image{
				width:462px;
				height:280px;
				position:absolute;
				overflow: hidden;
			}
			img.portfolio-image{
				width:692px;
				height:419px;
				overflow: hidden;
				margin-top:5px;
				margin-bottom:10px;
			}
			a.image-link{
				background:url(images/frame.png) no-repeat bottom;
				position:absolute;
				width:462px;
				height:280px;
				display:block;
				z-index: 50;
			}
			a:hover.image-link{
				background:url(images/frame.png) no-repeat top;
				position:absolute;
				width:462px;
				height:280px;
				display:block;
				z-index: 50;
			}
			div.portfolio-gallery{
				position:relative;
			}
			div.info-portfolio{
				background: url(images/frame-text-bg.png) repeat;
				position: absolute;
				display: none;
				width: 429px;
				height: 85px;
				margin: 270px 0 0 43px;
				padding: 15px 0 0 13px;
			}
			
/*  MUSIC BLOSCK STYLE */
		div.block-music{
			width:220px;
			height:220px;
			position:relative;
			float:left;
			margin:0 0 20px 20px;
		}
			img.conten-image-music{
				width:220px;
				height:220px;
				position:absolute;
				overflow: hidden;
			}
			img.album-image-single{
				width:220px;
				height:220px;
				display:block;
			}
			div.album-info{ margin-left:230px;}
			div.album-download{ float:left; width:220px; text-align:center;}
				div.album-download a{ font-size:20px;}
			
			a.image-link-music{
				position:absolute;
				width:220px;
				height:220px;
				display:block;
				z-index: 50;
			}
			div.gallery-music{
				position:relative;
			}
			div.info-music{
				background: url(images/frame-text-bg.png) repeat;
				position: absolute;
				display: none;
				width: 210px;
				height: 40px;
				margin: 265px 0 0 33px;
				padding: 5px 0 10px 10px;
			}


	div.navigation{
		display:block;
		height:20px;
	}
		div.alignleft{ float:left; padding-left:16px;}
		div.alignright{float:right; padding-right:20px;}
			div.alignleft a,
			div.alignright a{
				font:18px arial;
			}
		div.nav-bottom{margin-top:-20px;}

		
		
	div.sidebar1{
		position: relative;
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		overflow: hidden;
		width: 247px;
	}
		div.sidebar-block{
			width:235px;
			margin:0 auto 10px auto;
		}
			div.title{
				background:url(images/sidebar-top.png) no-repeat;
				width:235px;
				display:table-cell;
				padding:18px;
			}
				div.title span{
					background:url(images/title-tchk.png) no-repeat;
					width:11px;
					height:11px;
					padding-left:11px;
				}
			div.sidebar-content{
				width:200px;
				margin:0 auto;
			}
				span.search{
					display:block;
					width:195px;
				}
					span.search input{
						width:195px;
						height:20px;
					}
				span.search-bt{
					display:block;
					margin-left:120px;
				}
	div.content-blog{
		position: relative;
		float: left;
		overflow: hidden;
		width: 725px; 
		margin-left:15px;
		margin-top:8px;
	}
	div.content-music{
		position: relative;
		float: left;
		overflow: hidden;
		width: 740px; 
		margin-top:8px;
	}
	div.content-portfolio{
		position: relative;
		width:724px;
		margin:8px auto;
	}
	div.cat-portfolio{
		margin-top:8px;
	}
	
	div.art-content-wide{
		position: relative;
		float: left;
		overflow: hidden;
		width: 988px;
	}
		div.content-top{
			background: url(images/content-t-l.png) no-repeat top;
			width:724px;
			height:14px;
		}
		div.content-title{
			background: url(images/content-c.png) repeat-y;
			padding:0 14px 0 14px;
		}
			div.content-title span{
				background: url(images/content-title-icon.png) no-repeat center left;
				padding-left:16px;
				display:block;
			}
		div.content-center{
			background: url(images/content-c.png) repeat-y;
			padding:0 15px 0 15px;
		}
			div.content-center p{ padding-bottom:10px;}
				div.warning{
					background:url(images/Warning.png) no-repeat center top;
					color:#ffff00;
					text-align:center;
				}
					div.warning span{
						padding-top:180px;
						display:block;
					}
		div.content-icon-top{
			padding-bottom:10px;
		}

		div.content-icon-footer{
			padding-top:10px;
		}
			div.content-icon-footer img{
				margin-bottom:-4px;
			}
			
		div.content-bottom{
			background: url(images/content-t-l.png) no-repeat bottom;
			width:724px;
			height:14px;
			margin-bottom:20px;
		}
	div.content-comments{
		background: url(images/content-c.png) repeat-y;
		padding:0 0 0 14px;
		
	}
		div.content-comments span{
			background: url(images/comments.png) no-repeat center left;
			padding-left:28px;
			display:block;
			height:22px;
			font-size:20px;
		}
		div.content-comments p{
			padding-left:28px;
			font-size:12px;
		}
	div.footer{
		background:#4d1f00;
		height:45px;
		width:990px;
		/*margin-top:15px;*/
		padding:1px 0px;
	}
		span.copy{
			font:36px Verdana;
			float:left;
			width:50px;
			line-height:36px;
			display:block;
			margin-left:22px;
		}
		div.copop{
			width:150px;
			margin-left:72px;
		}
			span.cop{
				font:12px Verdana;
				display:block;
			}
		a.rss-icon{
			display:block;
			float:right;
			background: url(images/rssIcon.png) no-repeat center right;
			margin: 10px 22px 0 0;
			height: 25px;
			width: 25px;
		}
	.banners{width:88px; height:31px; float:right; margin:7px 4px; position:relative;}
	.bannerimg{width:88px; height:31px; background:url(images/bannerimg.png) no-repeat; position:absolute;}
	.bannerimg:hover{width:88px; height:31px; background:none; position:absolute;}
	
.cleared{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

form{
	padding:0 !important;
	margin:0 !important;
}

table.position{
	position: relative;
	width: 100%;
	table-layout: fixed;
}

.article img, img.art-article{
	border: solid 1px #B7A971;
	margin: 1em;
}

.metadata-icons img{
	border: none;
	vertical-align: middle;
	margin: 2px;
}

.art-button-wrapper .art-button{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:33px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.art-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 33px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.firefox2 .art-button-wrapper{
	display:block;
	float:left;
}

.art-button-wrapper .art-button{
	display:block;
	height: 33px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 21px !important;
	line-height: 33px;
	text-decoration: none !important;
	color: #000000 !important;
}

select{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover{
	color: #000000 !important;
	text-decoration: none !important;
}

.art-button-wrapper.active .art-button{
	color: #FCF9ED !important;
}

.art-button-wrapper .l, .art-button-wrapper .r{
	display:block;
	position:absolute;
	z-index:-1;
	height: 99px;
	background-image: url('images/Button.png');
}

.art-button-wrapper .l{
	left:0;
	right:10px;
}

.art-button-wrapper .r{
	width:409px;
	right:0;
	clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r{
	top: -33px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r{
	top: -66px;
}

.commentlist, .commentlist li
{
	background: none;
}

.commentlist li li
{
	margin-left:30px;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin:1px;
	background: #fff;
}

.commentlist li cite
{
	font-size:1.2em;
}

blockquote,
blockquote p,
.content-center blockquote p
{
	color:ff0000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

blockquote,
.content-center blockquote
{
	border:solid 1px #D4CCAA; 
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 41px;
	background:url('images/PostQuote.png') no-repeat left top;
}

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.alignright img, img.alignright
{
	margin: 1em;
	margin-right: 0;
}



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

.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;
}
/* End */


.hidden
{
	display: none;
}

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}