/*  
Theme Name: Bezart
Theme URI: http://bezart.ru
Description: theme is combining a portfolio and a weblog into one; Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Beztsenniy Artem (Michael Jubel Hutagalung)
Author URI: http://bezart.ru

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,hr,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0;	margin:0;	border:none; outline:none; vertical-align:baseline;font-family:inherit;}
html{font-size:100.01%;	}
cite{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
textarea,input,select{font-size:1em; font-family:inherit;}
blockquote,q{quotes:none;}
q:before,q:after, blockquote:before, blockquote:after{ content:'';	content:none;}
ol,ul{list-style:none;}
table{border-collapse:collapse;	border-spacing:0;}
td{text-align:left;}
:focus{outline:none;}
/* End of Reset */
body {
	background: #333;
	color: #333;
	font-family: Arial;
	}

p {	
	margin: 15px 0;
	font:1.2em/140% Arial;
	}
.spoiler li {
	font:1.2em/140% Arial;
	}
a:link, a:visited {
	color: #79B1D4;
	text-decoration: underline;
	}
a img {
	border:0;
	}
code {
	font: 1em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	
blockquote {
	padding: 5px 5px 1px 25px;
	display:block;
	background: #eee;
	font: italic 1.2em Georgia;
	line-height:1.5em;
	margin:10px 0px;
	}
#logo-link, #searchform #searchsubmit, #bmark-works, #bmark-blog, #vkontakte, #lj, #wish, #habr, #delicious, .comments a, .info-box .tag-sign, .top-hint, .bottom-hint {
	background: url('http://bezart.ru/wp-content/themes/arthemia/images/set.png') top left no-repeat;
}
.arrow {
	font: 12px "Times New Roman", Arial, serif;
}
/* Structure */
#head {
	width:958px;
	margin:0px auto;
	font-size:0.8em;
	}
#page {
	width:954px;
	margin:15px auto 18px auto;
	font-size:0.7em;
	position: relative;
	}
.left, .alignleft {
	float:left;
	}
.right, .alignright {
	float:right;
	}
/* Navigation Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar {
	font-family: Arial;
	margin:0 auto;
	background:#2c2c2c url(images/menu_bg.png);
	height: 42px;
	}
#page-bar {
	width:722px;
	}
#page-bar ul {
	list-style: none;
	}
#page-bar li {
	float: left;
	list-style: none;
	cursor: pointer;
	display: block;
	line-height: 1.4em;
	background: url('images/menu_divider.png') no-repeat top right;
	}
#page-bar li.current_page_item, #page-bar li.current_page_item:hover {
	background: url('images/menu_active_bg.png') repeat-x;
	padding: 10px 16px;
	cursor: default;
	color: #bbb;
}
#page-bar li.current_page_item a {
	padding:0px;
}
#page-bar li#logo-li {
	cursor: auto;
}
#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding: 10px 16px;
	color: #FFF;
	display: block;
	}
#page-bar #logo-link {
	display: block;
	width: 121px;
	height: 42px;
	background-position: -36px 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#searchform {
	height: 35px;
	width: 194px;
	float: right;
	text-align: right;
	padding: 7px 12px 0 0;
	background: url('images/menu_bg_right.png') top right no-repeat;
	}
/* Text*/
h1 {
	font-size: 2.2em;
	letter-spacing: -0.03em;
	}
h2 {
	font: 2.3em "Georgia", serif;
	letter-spacing: -0.03em;
	}
h4 {
	font-size: 1.5em;
	}
h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:1.5em 0 .5em;
}

#comments h4 {
	margin-top: 0px;
	padding-top: 20px;
	font-family:Georgia;
	font-style:italic;
	font-size:1.8em;
	}
#comments h3 {
	font-family:Georgia;
	padding-left: 0px;
	font-size: 2.1em;
	font-weight:normal;
	font-style:italic;
	border-bottom: 1px solid #EBEBC7;
	border-top: 1px solid #EBEBC7;
	background: #F8F8DB;
	padding: 5px 6px;
	margin:5px 0px;
	}

#inside h1.top-title {
	font-family:Georgia;
	font-size: 2em;
	font-style:italic;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #ebebeb;
	padding: 5px 6px;
	margin:5px 0px .5em 0px;
}
h1.title, h1.top-title {
	font: 2em Arial;
	display: block;
	padding-bottom: 5px;
	position: relative;
	}
.name {
	font:bold 1.4em Arial;
}
.small {
	font-size:1em;
}
.light {
	color:#bbb;
}
.underlined {
	color:#f00;
}
.strike {
	text-decoration:line-through;
}
/* Index Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TOP AREA ================================================================ */
#top {
	padding: 0;
	position:relative;
	z-index: 10;
	}
/* HEADLINE ------------------------------- */
#headline {
	width: 720px;
	float: left;
	background: #fff;
	}
#headline img {
	vertical-align:bottom;
}

#bmark-works, #bmark-blog  {
	position: absolute;
	width: 18px;
	height: 82px;
	top:10px;
	left: -18px;
	overflow: hidden;
}
#bmark-blog {
	top:171px;
	background-position: -18px 0;
}

/* FEATURED ------------------------------- */
#featured {
	width: 216px;
	background: #d8f2fd;
	float: right;
	font: 0.8em/1em Trebuchet ;
	}
#featured .info {
	padding-left:63px;
}
#featured img {
	position:absolute;
	margin-right: 9px;
	float: left;
	}
#featured #my-web {
	background: url('images/sep_blue.png') repeat-x;
	padding: 10px 0px 7px 10px;
	margin: 9px 0px 0px 0px;
	height: 100%;
	overflow: hidden;
}
#vkontakte, #lj, #wish, #habr, #delicious {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
#vkontakte {background-position: -59px -42px;}
#lj {background-position:-91px -42px;}
#habr {background-position:-75px -42px;}
#wish {background-position:-107px -42px;}
#delicious {background-position: -123px -42px;}
#featured p {
	margin: 0;
	}
	
/* Slider & hints ------------------------------- */
div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width:447px;
	height:118px;	
	float:left;
}
div.scrollable div.items {
	width:20000em;	
	position:absolute;
	clear:both;	
}
div.scrollable div.items div {
	float:left;
}
div.tooltip {
	width:204px;
	display:none;
	color:#fff;
	text-align:center;
	padding:11px 0px 5px 0px;
}
div.tooltip p {
	background:#011D34;
	padding:5px;
	line-height:1.2em;
}
div.tooltip p a {
	font-size:0.9em;
}
.top-hint {
	background-position:0px -82px;
	position:absolute;
	height:11px;
	overflow:hidden;	
	top:0px;
	left:0px;
	width:208px;
}
.bottom-hint {
	background-position:0px -93px;
	position:absolute;
	height:5px;
	overflow:hidden;
	bottom:0px;
	left:0px;
	width:208px;
}

div.tooltip p{
	margin:0px;
}
div.tooltip p {
	display:none;
}
div.tooltip p#hint0 {
	display:block;
}
#left-arrow, #right-arrow {
	position:absolute;
	bottom:10px;
	font: bold 1.5em/120% Arial;
	text-decoration:none;
	background:#fff;
	border:2px solid white;
	padding:0px 3px;
	outline:none;
	z-index:2;
}
#left-arrow {
	left:10px;
}
#right-arrow {
	left:430px;
}
dl#thumbnails, #my-web ul {
	list-style: none;
}
dl#thumbnails dt, dl#thumbnails dd, #my-web ul li {
	float: left;
	margin: 0 0 0 9px;
}
dl#thumbnails dt img, dl#thumbnails dd img {
	border: none;
	padding:0;
	margin:0 0 9px 0;
	vertical-align: bottom;
}
dl#thumbnails dd img {
	margin:0;
}
#sidebar-top a:hover {
	color:#fff;
	background:#79B1D4;
	text-decoration:none;
}
/* MIDDLE AREA ============================================================= */	
/* FRONT ------------------------------- */

#container {
	background: #fff;
	width: 954px;
	margin: 18px 0 0 0;
	z-index:1;
	}
.post-item {
	margin-bottom:48px;
}
#inside {
	width: 698px;
	float:left;
	padding: 4px 0px 0 8px;
	}
.info-box {
	margin: 0px 0px 15px 0px;
	color: #b7b76c;
	clear:both;
	position:relative;
}
.info-box .comments {
	text-align: center;
	position:absolute;
	right:0px;
	top:-20px;
	width:23px;
	
}
.info-box .comments a {
	margin: .8em auto 0 auto;
	display: block;
	background-position:-36px -42px;
	line-height: 14px;
	text-align: center;
	height:21px;
	width: 23px;
	overflow: hidden;
	font-size: 10px;
	color:#fff;
}
.info-box a {
	color: #999;
}
.info-box .tag-sign {
	display:block;
	float:left;
	width:42px;
	height:11px;
	overflow:hidden;
	background-position:-59px -58px;
	margin:.2em .5em 0 0;
}
.date {
	float:left;
}
#inside .spoiler, #archive .spoiler {
	display:block;
	clear:both;
	}
#inside p, #archive p {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}
#archive {
	padding-top:15px;
	}
#search-refine {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #ebebeb;
	padding: 8px 6px;
	margin-top:5px;
}
#search-refine input#searchsubmit {
	font-size: 1.2em;
	padding: 1px 5px;
	
}
#search-refine input#s {
	font-size: 1.5em;
	font-weight:400;
	width: 600px;
}

/* SIDEBAR ----------------------------- */
#sidebar {
	width: 206px;
	float: right;
	margin: 0px 0px 0px 0px;
	}
#sidebar h3 {
	font-size: 1.1em;
	font-weight: bold;
	background: #bbb;
	color: #fff;
	margin: 0px 0px 5px 0px;
	padding: 3px 10px;
	}
.sidebar-box {
	background: #ebebeb;
	margin: 0 0 18px 0;
	}
#sidebar li {
	list-style:none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 3px 0px 4px 9px;
	}
/* Content Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#inside .breadcrumbs a {
	color: #79B1D4;
	}
.post {
	font-size: 1.05em;
	line-height: 1.75em;
	}
.post p {
	margin-top: 0px;
	}
.post .clearfloat {
	margin: 15px 0px 0px ;
	}
.post ul, #inside ul {
	margin-bottom: 15px;
	}
#inside ul li {	
	list-style: square;
	margin-left: 30px;
	}
#inside ul.separated li {
	margin-bottom:1em;
}
.entry {
	margin-top: 20px;
	}
.entry p {
	font-size:1.1em;
	}
.wp-caption-text{
	font-style:italic;
	color:#aaa;
	text-align:right;
}
.wp-caption {
	margin:20px 0px 25px;
}
	
#stats {
	margin-top: 0px;
	padding:6px 0 0 0;
	font: 0.8em Arial;
	display: block;
	float:right;
	color:#999;
	}
#stats span {
	padding: 0px 0px 0px 9px;
	}
#stats span a:hover {
	background: none;
	}
#tools a:hover {
	background: none;
	}
.navigation {
	margin: -20px 0px 10px;
	text-align: center;
	overflow:hidden;
	width:100%;
	}
.paginator {
	background: #666;
}
.paginator a {
	color:#fff;
}
/* Form Elements */
select {
	border: 1px solid #333;
	width: 100%
	}
.field {
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
	font-size: 1.0em;
	}
.light-field {
	border:1px solid #ccc;
}
#s {
	padding: 1px;
	font-size: 1.0em;
	width: 150px;
	}
#searchform #searchsubmit {
	display: block;
	float:right;
	border: none;
	padding: 0px;
	width: 14px;
	height: 11px;
	background-position: -36px -63px;
	margin: 4px 0 0 5px;
	}
#commentform input {
	
	margin: 5px 5px 1px 0;
	}
#commentform textarea {
	width: 70%;
	margin-top: 5px;
	border:1px solid #ccc;
	}
/* Comments*/
.commentlist cite {
	font-style: normal;
	margin-bottom: 4px;
	}	
#comments .commentlist li {
	padding: 10px 0px 5px 4px;
	list-style:none;
	margin:0px 0px 3px 0px;
	}
.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}
.commenttext {
	border-bottom: 1px dotted #EBEBC7;
	padding-bottom:5px;
	}
.commentlist cite strong {
	font-size:1.1em;
	}
li.my_comment {
	background: #FFF;
	border:none;
	}
.commentmetadata {
	color:#bbb;
	margin-top:3px;
	font-size:0.9em;
	margin-left:15px;
	line-height:1.5em;
	}
#comment {
	width:590px;
	background:#fff;
	}
/* Footer*/
#footer {
	margin: 0 auto;

	font-size:0.6em;
	padding:10px 0 0 18px;
	padding-bottom:10px;
	background: #000;
	color:#999;
	}
/* Float Properties*/
.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfloat {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}
*+html .clearfloat {
	height:1%;
	}
.clearfloat {
	display:block;
	}
.r-star, .r-star-shape{position: relative; overflow: hidden; padding: 5px 0;}
.r-star, .r-star-shape .content{overflow:hidden;}
.r-star .content, .r-star-shape .content{padding: 5px 10px;	overflow:hidden;height: 100%;}
.r-star .cn, .r-star-shape .cn{	position: absolute;	width: 10px; height: 10px; left: -5px; top: -5px; background: url(images/r-star.png); overflow: hidden;}
.white .cn {background: url(images/r-star_white.png);}
.r-star .cn.tr, .r-star .cn.br, .r-star-shape .cn.tr, .r-star-shape .cn.br {margin-left: 100%;}
.r-star .cn.bl, .r-star .cn.br, .r-star-shape .cn.bl, .r-star-shape .cn.br { top: auto;}
.r-star-shape .cn.tl, .r-star-shape .cn.bl {width: 100%;}

/* PORTFOLIO ============================================================== */
#inside #work-list li {
	text-align:center;
	margin:9px 0px 36px 0px;
	width: 230px;
	min-height: 160px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 160px;
}
#inside #work-list li span {
	display:block;
	clear:both;
	padding:0px 15px;
	text-decoration:underline;
}
#inside #work-list li img {
	border: none;
	padding:0px;
	margin:0px;
}
#post-15 {
	background: url(../../uploads/moonlight_dvd.png) no-repeat 0px 1900px;
}
#gap {
	display:block;
	margin:18px auto 800px auto;
}
#variations {
	display:block;
	margin:60px 0px;
}
#namebar {
	display:none;
}
#cover {
	position:absolute;
	width:447px;
	height:118px;
	display:none;
}