/*
Theme Name: pivanov
Author: Pavel Ivanov
Author URI: http://www.pivanov.com/
*/

@charset "UTF-8";
body{background:#0a0307;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:11px;line-height:1.2em;margin:0;padding:0}
.page_bg { background: #0a0307 url(images/wrapper_bg_1.jpg) top center no-repeat;}
.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}

ul,ol{list-style:none;margin:0;padding:0}
a,img{outline:none;margin:0;padding:0}
img{border:none}

h1,h2,h3,h4,h5,h6 {margin:0;}

/* end null */

a {
	text-decoration: none;
	color: #a7bd2d;
	position:relative;
	z-index:5000;
	font-style:normal;
}
a:hover {
	text-decoration: underline;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align: left;
	position:relative;
	z-index:1000;
	font-size:11px;
	line-height:1.2em;
	font-family:Tahoma,Arial,Verdana,sans-serif;
}

.main { width:900px;margin:0 auto;}
.main_t_bg { background: url(images/main_t_bg.png) top center no-repeat;}
/** END wrapper **/

/** BEGIN header **/
#header .buffer { 
	background: url(images/headleft.gif) no-repeat 0 0;
}
#header .buffer .buffer { 
	height: 169px; 
	background: url(images/headright.gif) no-repeat top right;
	padding-top: 5px;
} 
#header ul {
	list-style-type: none
}
	#header ul li {
		float: left;
		font-size: 0.8em;
	}
	#header ul li a {
		display: block;
		color: #727272;
		text-transform: uppercase;
		padding: 5px 10px;
	}
	#header ul li a:hover {
		color: #4DB200;
		text-decoration: none;
	}
}
#header .ad {
	float: right;
	padding: 25px 20px 0 0;
}
#navi ol {
	clear: both;
	float:left;
	width:600px;
	list-style-type: none
}
	#navi ol li {
		float: left;
		font-size: 11px;
		font-weight:700;
	}
	#navi ol li a {
		color: #777777;
		float: left;
		height:28px;
		line-height:27px;
		padding: 0 12px 0 10px;
		background: url(images/separator.png) top right no-repeat;
	}
	#navi ol li a:hover {
		color: #b0c730;
		text-decoration: none;
	}
#navi form {
	float: right;
	width: 211px; height: 22px;
	background: url(images/search.gif) no-repeat 0 0;
	margin: 5px 10px 0 0;
}
	#navi form input {
		border: 0;
		font-size: 0.9em;
		font-family: Verdana;
		float: left;
		width: 138px;
		background-color: transparent;
		margin: 4px 10px 0 2px;
	}
	#navi form button {
		border: 0;
		text-indent: -9999px;
		width: 61px; height: 22px;
		float: left;
		background-color: transparent;
	}
/** END header **/

/** BEGIN content **/
#content {
	width: 640px;
	float: left;
}
	#content .buffer {
		padding: 20px 0;
	}
	#content.index_post .post {
		width: 290px;
		float: left;
		padding: 0 10px 20px 20px;
		margin:0;
	}
		#content.index_post .post h2 {
			margin:10px 0 0;
			color:#777;
			font-size: 16px;
			font-weight:700;
			font-family: 'Arial', Arial,Tahoma,Verdana,sans-serif;
		}
			#content .post h2 a {
				color: #b0c730;
				text-decoration:none;
			}
		#content .post {
			width: 600px;
			margin: 0 20px 20px 20px;
		}
		#content .post h2 {
			color:#777;
			font-size: 16px;
			height:30px;
			line-height:30px;
			margin:0;
			padding:0;
			font-weight:700;
			font-family: Arial,Tahoma,Verdana,sans-serif;
		}
			#content .post h2 a {
				color: #777;
				text-shadow: 1px 1px 0px #e0e0e0;
				text-decoration:none;
			}
			#content .post h2 a:hover {
				color: #b0c730;
			}
		
		#content .post .date {
			float:right;
			height:28px;
			line-height:27px;
			padding:0 10px 0 0;
			color:#777;
			font-size: 10px;
			margin:0;

		}
			#content .post .date a {
				color: #9cb02c;
			}

		#content .box {
			clear:both;
		}
		
		#content .shadow {
			background: url(images/shadow.png) repeat-x 0 0;
			padding:8px;
		}
		
		#content .post .thumb {
			float:left;
			width: 258px;
			background:#dddcdc;
			height: 128px;
			padding:6px;
			margin:0 10px 4px 0;
		}
		
			#content .post .thumb img {
				width: 258px;
			}
		
		#content .box p{
			height:45px;
			margin:0;
			color:#777;
			font-size:11px;
			line-height:15px;
			text-align:justify;
			padding:4px 0;
		}
		
		#content .more-link {
			display: block;
			float: right;
			margin:20px 0;
			text-indent: -9999px;
			width: 121px;
			height: 19px;
			background: url(images/read_more_btn.png) no-repeat 0 0;
		}
		
		#content .post .date {
			font-size: 0.8em;
			padding: 8px 5px;
		}
			#content .post .date a {
				color: #4DB200;
			}

		#content .post p {
			padding: 10px;
			line-height: 1.4em;
		}
		#content .post .more-link {
			display: block;
			float: right;
			margin:30px 0 0 0;
			text-indent: -9999px;
			width: 121px;
			height: 19px;
			background: url(images/read_more_btn.png) no-repeat 0 0;
		}
	#bottom {
		clear: both;
		padding: 15px 10px 0;
	}
		#bottom .box {
			width: 220px;
			float: left;
			padding: 10px;
		}
			#bottom .box h2 {
				color: #4DB200;
				font-size: 1em;
				padding-bottom: 5px;
				border-bottom: 1px solid #DDDDDD;
			}
			#bottom .box ul {
				list-style-type: none;
				padding-bottom: 10px;
			}
				#bottom .box ul li {
					font-size: 0.8em;
					border-bottom: 1px dotted #ABABAB;
					line-height: 1.4em;
					padding: 6px 0 6px 12px;
					background: url(images/bullet.gif) no-repeat 0 11px;
				}
				#bottom .box ul li a {
					color: #727272;
				}
				#bottom .box ul li a:hover {
					text-decoration: none;
					color: #a7bd2d;
				}
			#bottom .box .comments a {
				font-weight: bold;
				color: #a7bd2d;
			}
	#content h2.title {
		padding: 0 15px 20px;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
	}
	#content .postnav {
		padding: 0 15px;
		font-size: 0.8em;
		text-transform: uppercase;
	}
		#content .postnav a {
			color: #a7bd2d;
		}
	#content .single {
		position:relative;
		padding: 0 20px 60px;
	}
		#content .single a {
			color: #a7bd2d;
		}
		#content .single h2 {
			margin:0;
		}
		
		#content .single h2, #content .single h2 a{
			color:#777;
			font-family: Arial,Tahoma,Verdana,Arial,sans-serif;
			font-size:20px;
			font-weight:400;
			line-height:normal;
		}
		
		#content .single h2 a:hover {
			color:#a7bd2d;
			text-decoration:none;
		}
		
		#content .single .date_holder {
			position:absolute;
			top:0;
			left:-65px;
			width:65px;
			height:45px;
			overflow:hidden;
		}
		
		#content .single .date {
			background:transparent url(images/date_bg.png) no-repeat scroll left top;
			height:45px;
			left:47px;
			padding:0 0 0 17px;
			position:absolute;
			top:0px;
			width:48px;
			cursor:pointer;
		}
		
		#content .single .date div.post-day {
			color:#b0c730;
			font-family:Georgia,serif;
			font-size:20px;
			font-weight:700;
			height:25px;
			line-height:25px;
			text-align:center;
		}
		
		#content .single .date div.post-month-year {
			color:#777;
			font-family:Tahoma,serif;
			font-size:11px;
			font-weight:normal;
			height:16px;
			line-height:15px;
			text-align:center;
			text-transform:lowercase;
		}
		
		#content .single p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .single ol, #content .single ul {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .single li {
			line-height: 1.4em;
		}
		#content .single blockquote {
			line-height: 1.4em;
			margin-bottom: 10px;
			padding: 10px 10px 5px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e6e6e6;
		}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 220px;
	padding: 0 20px;
}
	#sidebar h2 {
		color: #999999;
		font-size: 16px;
		line-height:normal;
		text-transform: uppercase;
		margin: 0;
		padding:16px 0 4px;
		font-family: Arial,Tahoma,Verdana,sans-serif;
	}
	
	#sidebar ul {
		
	}
	#sidebar ul ul{
		margin:0 0 0 10px;	
	}
		#sidebar ul li a {
			display:block;
			height:20px;
			line-height:19px;
			color: #727272;
			background: transparent url(images/dots.gif) left bottom repeat-x;
		}
		#sidebar ul li a:hover {
			color: #b0c736;
			text-decoration: none;
		}
		
		#sidebar ul li a h6 {
			float:left;
			height:20px;
			line-height:19px;
			font-size: 11px;
			font-weight: 400;
			padding:0 0 0 10px;
			background: transparent url(images/arrow.gif) left top no-repeat;
		}
		
		#sidebar ul li a span {
			float:left;
			height:20px;
			padding:0 0 0 4px;
		}
		
	#sidebar .tags {
		padding: 0 10px 10px;
	}
		#sidebar .tags a {
			color: #727272;
		}
		#sidebar .tags a:hover {
			color: #a7bd2d;
			text-decoration: none;
		}
	#sidebar .flickr {
		padding: 0 10px 10px;
	}
		#sidebar .flickr img {
			margin: 2px;
		}
	#sidebar .video {
		padding: 0 10px 10px;
	}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	width:900px;
	margin:0 auto;
	display:block;
	height:20px;
	line-height:19px;
	text-align:center;
	font-size: 11px;
	color: #727272;
}
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
	padding: 20px;
}
	#comments h2 {
		font-size: 1em;
		background-color: #F1F1F1;
		padding: 2px 5px;
		border-bottom: 1px solid #EDEDED;
	}
	#comments a {
		color: #a7bd2d;
	}
	#comments p {
		clear:both;
		color:#777;
		margin-bottom: 10px;
		line-height: 1.6em;
	}

	#comments form label small {
		font-size:11px;
		color:#777;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			color:#777;
			border: 1px solid #cccccc;
			font-size: 12px;
			font-family: Tahoma;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #e4e3e3;
			font-size: 12px;
			font-family: Verdana;
			padding: 2px 6px;
			background: #ffffff url(images/shadow.png) repeat-x 0 0;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments ol li {
		border: 1px solid #e4e3e3;
		margin-bottom: 10px;
	
	}
	
	#comments h3 {
		color:#777;
		font-family:Arial,Tahoma,sans-serif;
		font-size:14px;
		font-weight:700;
		line-height:normal;
		margin:0 0 10px;
	}
	
	#comments ol li div.comment-body {
		position:relative;
	}
	#comments ol li.even div.comment-body {
		background: url(images/shadow.png) repeat-x 0 0;
		border:1px solid #fff;
		padding:10px;
	}
	#comments ol li.odd div.comment-body {
		border:1px solid #fff;
		padding:10px;
	}
	#comments ol li .avatar {
		float: left;
		margin: 0 10px 0 0
	}
	#comments ol li .comment-author {
		float:left;
		width:576px;
		padding:0 0 10px;
		border-bottom:1px solid #EBEBEB;
	}
		#comments ol li .comment-author .fn {
			height:32px;
			line-height:31px;
			font-weight: bold;
			font-size: 14px;
		}
		
		#comments ol li .url {
			text-decoration:none;
			color:#777;
		}
	#comments ol li .comment-meta {
		position:absolute;
		top:10px;
		right:10px;
	}
	
	#comments ol li .comment-meta a{
		display:block;
		font-size: 10px;
		height:32px;
		line-height:32px;
		color: #999999;
	}
	
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/


/** pivanov **/
#flash { position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 100;overflow:hidden; }
#flash object { position: absolute;top: 0; left: 0; right: 0; bottom: 0; }

#background {background: transparent url(images/background.png) repeat 5% 5%;position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 100;}
#midground {background: transparent url(images/midground.png) repeat 20% 20%;position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 200;}
#foreground {background: transparent url(images/foreground.png) repeat 90% 110%;position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 300;}


#header { position:relative;width:960px;height:130px;background: transparent url(images/t_bg.png) top center no-repeat; }
#header a.logo{ position:absolute;bottom:28px;left:50px;display:block;width:130px;height:35px;background: transparent url(images/logo.png) top center no-repeat;text-indent:-9999px;}
#navi { width:900px;height:28px;padding:2px 30px 0;margin:0 auto;background: transparent url(images/navi_bg.png) top center no-repeat;}

.m_bg { width:960px;background: transparent url(images/m_bg.png) center center repeat-y; }
.b_bg { width:960px;height:40px;background: transparent url(images/b_bg.png) bottom center no-repeat; }

.postmetadata {
	border-bottom:1px solid #EBEBEB;
	color:#999999;
	font-family:Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:5px 0;
	text-transform:lowercase;
}

.postmetadata a, .postmetadata a:link, .postmetadata a:visited {
	color:#666666;
	font-family:Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:normal;
}

.postmetadata span.comm {
	background:transparent url(images/comments.gif) no-repeat scroll left center;
	float:right;
	height:16px;
	margin:0;
	padding:0 0 0 18px;
}

.left {
	float:left;
}

div.entry {
	color:#777;
	font-family:Tahoma,Arial;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

div.entry ul {
	list-style:disc;
	margin:0 20px;
}

div.entry h3 {
	color:#777;
	margin:20px 0 10px;
	font-size:14px;
	font-weight:700;
	font-family:Tahoma;
}

.readmore {
	float:right;
}

.keywords {
	background:#f8f8f8;
	color:#777;
	padding:10px;
	border:1px solid #e4e3e3;
}


.demo_download {
	margin:0 auto;
}
.demo_download td{
	padding:20px 0;
}
a.demo_btn {
	background:transparent url(images/demo_btn.png) left top no-repeat;
	float:left;
	font-size:0;
	height:40px;
	text-indent:-9999px;
	width:140px;
}

a.download_btn {
	background:transparent url(images/download_btn.png) left top no-repeat;
	float:left;
	font-size:0;
	height:40px;
	text-indent:-9999px;
	width:140px;
}

a.demo_btn:hover, a.download_btn:hover {
	background-position:bottom left;
}