/*Theme Name: SunsetB v0.5.3
Theme URI:		http://otnosheniya.ru/
Description:	Sunset colors, sidebar on right.
Version:		0.5.3
Author:			Anton Melnikov
				Prototype (Sunset theme by Steve Eckmann) was based on classic WP theme.
				Modyfied and widgetized for http://otnosheniya.ru
*/
body {
	background-color:		#000;
	color:				#222;
	text-align:			center;
	font-family:			Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:			13px;
	padding:			0;
	margin:				0;
	/* Prevents the body becoming narrower than our wrapper DIV - keeps the content from disappearing off the left edge with Gecko browsers */
	min-width:			770px;
}
#wrap {
	margin:				0 auto;
	padding:			0;
	text-align:			justify;
	width:				760px;
	background-color:		#ffefd6;
}

/*h1, h2, h3, h4, h5, h6 {*/
h1 {	font-size:			160%;	}
h2 {	font-size:			130%;	}
h3 {	font-size:			110%;	}
h4 {	font-size:			100%;	}
h5 {	font-size:			 80%;	}
h6 {	font-size:			 60%;	}
h2 {	padding:			0px 0px 4px 0px;
	margin:				0;
}
a {
	color:				#a84c3d;
	text-decoration:		none;
}
a:visited {
	color:				#555;
}
a:hover {
	color:				#9d5c00;
	text-decoration:		underline;
}
a img {
	border:				none;
}
acronym, abbr {
	border-bottom:			1px solid #333;
}
acronym, abbr, span.caps {
	font-size:			90%;
	letter-spacing:			.07em;
}
acronym, abbr {
	cursor:				help;
}
blockquote {
	border-left:			5px solid #ccc;
	margin-left:			1.5em;
	padding-left:			5px;
}
cite {
	font-size:			90%;
	font-style:			normal;
}


/* HEADER */
#header {
	margin:				0;
	height:				120px;
	background-color:		#555;
	background:			url("header.jpg") no-repeat bottom center;
}
/* site description */
#ht {
	padding:			80px 6px 0px 0px;
	font-size:			12px;
	text-align:			right;
	color:				#b16a4b;
}
/* site name */
#ht a {
	font-size:			16px;
	font-weight:			bold;
	top:				100px;
	color:				#eee;
}


/* (H)ORIZONTAL (N)AVI BAR */
#hn{
	margin: 0;   padding: 0;
	background:			#985344;
	height:				25px;
}
#hn ul{
	margin: 0;   padding: 0;
}
#hn ul li{
	margin: 0;   padding: 0;
	list-style-type:		none;
	display:			block;
	float:				left;
	font:				11px/25px "Lucida Grande", verdana, sans-serif;
	text-align:			center;
}
#hn a {
	display:			block;
	color:				#ffb956;
	border-right:			1px solid #a8b090;
	width:				115px;
	/*  */
}
* html #hn a {
/* Edwardson Tan hack: properties for m$IE only. */
	/*	IE5.x/win */
	width:				116px;
	/*	IE6/win and IE5/mac */
	w\idth:				115px;
}
#hn a:hover {
	background:			#bc5e45;
	color:				#ffffcc;
}
/* not works
#hn li #active {
	background:			#726a68;
	color:				#ffffcc;
}
*/

/* SEARCH FORM */
form#s-f {
	margin:	0; padding: 0;
	float:				right;
	text-align:			center;
}
input#s {
	border:				0;
	height:				15px;
	background:			#985344;
	color:				#ffb956;
	font:				11px "Lucida Grande", verdana, sans-serif;
	text-align:			center;
	margin:				0;
/* for Gecko */
	width:				178px;
	padding:			6px 1px 4px 1px;
}
input#s.cur {
	background:			#bc5e45;
}
* html input#s {
/* Edwardson Tan hack: properties for m$IE only. */
	/*	IE5.x/win */
	width:				180px;
	padding:			2px 1px;
	/*	IE6/win and IE5/mac */
	w\idth:				176px;
	padd\ing:			5px 1px 3px 1px;
}
/* end of search form */


/* MAIN COLUMN */
#mainColumn{
	clear:				left;
	float:				left;
	/*v.0.5.2.1 padding:		20px 27px; */
	width:				580px;
	margin:				0;
	/* padding-right:		30px; */
}

/* do we need this? */
#mainColumn p {
	clear:				left;
	margin:				0;
}
div#mainColumn h2 {
	width:				450px;		/* leave place for 'Edit' link*/
	/*padding:			0px 0px 4px 0px;
	margin:				0; */
	font-weight:			bold;
	text-align:			left;
	/*color:			#954;*/
}
/* images in posts: use class="left" ,"right" or "center" in img tag (default is left). */
#mainColumn img.left,
#mainColumn img {
	float:				left;
	margin:				2px 8px 2px 0px;
	border:				0;
	padding:			0;
}
#mainColumn img.left {
	clear:				left;
}
#mainColumn img.right {
	float:				right;
	clear:				right;
	margin:				2px 0px 2px 8px;
	border:				0;
	padding:			0;
}
div.post {
	/*v0.5.2.1 background-color:	red; */

	float:				left;
	width:				auto;
	/*v.0.5.2.1 padding:		0 0 20px 0; */
	padding:			20px 27px;

}
div.post-header {
	float:				left;
	/*width:			450px;*/
	clear:				left;
}

div.post-meta {
	color:				#b77a70;
	font-size:			80%;
	float:				left;
	clear:				left;
}
div.post-meta a {
	color:				#b77a70;
}

div#posts-nav {
	padding:			20px 0 10px 0px;
	width:				500px;
	font-weight:			bold;
}


/* SIDEBAR */
#sidebar {
	clear:				right;
	float:				right;
	padding:			0 0 20px 0;
	width:				180px;
	text-align:			left;
	font-size:			12px;
	/*background-color:		#ffe7a0;*/
}
#sidebar ul, #sidebar ul ul {
	list-style-type:		none;
	margin:				0;
	padding:			0;
}
#sidebar ul li {
	/*margin-top:			10px;*/
	margin:				0 2px 10px 0;
}
/*#sidebar ul li#kRI {			margin-top: 0; } */
#sidebar ul ul li {
	font-weight:			normal;
	margin:				0;
	padding:			0 0 0 4px;
	/*font-size:			12px;*/
}
#sidebar ul ul ul li {
	padding:			0 0 0 8px;
}
/* end sidebar */


#footer {
	width:				100%;
	padding:			4px 0;
	text-align:			left;
	clear:				both;
	background-color:		#985344;
	/*
	background-color:		#ffc;
	background:			url(header.jpg) no-repeat bottom center;
	*/
}
#footer-in {
	width:				580px;
	padding:			0 20px;
}
#footer-in a {
	color:				#dd8c4a;
}
hr {	/* help: http://www.sovavsiti.cz/css/hr.html */
	height:				1px;
	border:				0;
	background-color:		#985344;
	color:				#985344;
	/*
	clear:				both;
	color:				#a8b090;
	background-color:		#a8b090;
	*/
}


ol#comments li p {
	margin-left:			135px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	background:			#fff;
	border:				1px solid #985344;
	padding:			.2em;
}
#commentform textarea {
	margin-left:			20px;
	width:				90%;
}
#commentlist li ul {
	border-left:			1px solid #ddd;
	font-size:			120%;
	list-style-type:		none;
}

a.cmnt-add {
	background-image:		url(cmntbabl-1.png);
	background-repeat:		no-repeat;
	padding-right:			12px;
	background-position: 		center right;
}
a.cmnt-add:hover {
	background-image:		url(cmntbabl-3.png);
}

.left {
	clear:				left;
	float:				left;
	/*
	width:				350px;
	background-color:		#f77;
	*/
}
.right {
	float:				right;
	text-align:			right;
	clear:				right;
	/*
	width:				150px;
	background-color:		#77f;
	*/
}

/* edit links (visible only for editors) */
/*div.edit {
	float:				right;
	clear:				right;
}*/
.edit a {
	padding:			0 2px 0 2px;
	font-size:			10px;
	color:				#fc9;
	border:				1px solid #fc9;

	/*
	background-color:		#000;
	visibility:			hidden;
	text-align:			right;
	display:			inline;
	overflow:			visible;
	width:				1%;
	*/
}
.edit a:hover {
	color:				#000;
	background-color:		#F90;
	text-decoration:		none;
	border:				1px solid #000;

}
/* end edit links */


/* 'Library' template */
a.book-txt {
	padding-right:			18px;
	background-image:		url(books-3.png);
	background-repeat:		no-repeat;
	background-position: 		100% 70%;
	/* background-position: center right; */
}
div.lib-cat {
	float:				left;
	clear:				both;
	width:				100%;
	margin:				0 0 20px 0;
}
div.lib-cat div.title {
	float:				left;
	clear:				both;
	width:				100%;
}
div.lib-cat div.title h3 {
	padding:			0;
	margin:				0 2px 10px 0px;
	color:				#777;
	font-size:			100%;
}
div.lib-cat div.title hr {
	color:				#666;
	background-color:		#666;
	margin:				0px;
}
div.lib-book {
	float:				left;
	clear:				both;
	margin:				0px 0px 10px 10px;
	padding:			0px 0px 0px 0px;
	width:				500px;			/* needed for msIE 6.0 */
}
div.lib-book:hover {
	background-color:		#fc9;
}
/* end of 'Library' template */

/* Stray-quote*/
li.widget_stray_quotes div.author {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				0 2px 0 0;
}
li.widget_stray_quotes div.source {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				0 2px 0 0;
	font-style:			italic;
}