/*
Theme Name: Web-Esse
Description: Personal Disign.
Version: 1.1
Author: Snegurka
Author URI: http://web-esse.ru/
*/

/* Begin Typography & Colors */
*{
	margin:0;
	padding:0;
	font-family:Arial;
	color:#505050;
}

a {
	text-decoration:none;
}

body{
	background:#505050;
}

img{
	border:0;
}

p{
	text-indent:25px;
	margin-bottom:10px;
}

h2{
	clear:both;
	text-align:center;
	padding:10px;
	color:#FF831F;
}

small{
	color:#8F8F8F;
}

table{
	border:1px solid #64B3D1;
	margin: 5px auto;
	text-align:center;
}

thead{
	background:#A4DBEF;
}

td{
	padding:3px;
}

ul{
	padding-bottom:10px;
}

:focus {
outline: 0;
}

/* STRUCTURE */

#wrapper{
	width:1260px;
	margin:0 auto;
	background: url(images/wrapbg.jpg);
	overflow:hidden;
}

#header{
	height:401px;
	width:100%;
	background: url(images/header.jpg);
}

#pages{
	height:110px;
	width:100%;
	background:#70a0dc;
}

#content{
	float:left;
	margin-top:20px;
	margin-left:60px;
	width:877px;
}

#sidebar{
	float:left;
	min-height:692px;
	width:300px;
}

#footer{
	clear:both;
	height:320px;
	width:100%;
	background: url(images/footer.jpg) no-repeat;
}

/* HEADER */
#topmenu{
	position:relative;
	list-style:none;
	width:1000px;
	top:197px;
	left:40px;
}

#topmenu li{
	float:left;
}

#topmenu li a{
	text-indent:-5000px;
	display:block;
	height:97px;
}

li.home a{
	width:190px;
}

li.home a{
	background: url(images/home.png) no-repeat;
}

li.home a:hover{
	width:190px;
	background: url(images/home_hover.png) no-repeat;
}

li.page-item-159 a{
	width:235px;
	margin-top:34px;
	background: url(images/portfolio.png) no-repeat;
}

li.page-item-159 a:hover{
	width:235px;
	margin-top:34px;
	background: url(images/portfolio_hover.png) no-repeat;
}

li.page-item-6 a{
	width:190px;
	margin-top:50px;
	background: url(images/about.png) no-repeat;
}

li.page-item-6 a:hover{
	width:190px;
	margin-top:50px;
	background: url(images/about_hover.png) no-repeat;
}

li.page-item-174 a{
	width:190px;
	margin-top:50px;
	background: url(images/work.png) no-repeat;
}

li.page-item-174 a:hover{
	width:190px;
	margin-top:50px;
	background: url(images/work_hover.png) no-repeat;
}

#side_menu{
	position:relative;
	top:316px;
	left:114px;
}

#side_menu li{
	float:left;
	list-style:none;
}

#side_menu li a{
	display:block;
	width:68px;
	height:72px;
	text-indent:-5000px;
}

.rss{
	background: url(images/rss.png) no-repeat;
}

.buzz{
	background: url(images/buzz.png) no-repeat;
}

.sitemap{
	background: url(images/sitemap.png) no-repeat;
}

.buzz a:hover{
	background: url(images/buzz_hover.png) no-repeat;
}

.rss a:hover{
	background: url(images/rss_hover.png) no-repeat;
}

.sitemap a:hover{
	background: url(images/sitemap_hover.png) no-repeat;
}

/* CONTENT */

#galery{
	float:left;
	width:800px;
	margin-bottom:20px;
	height:247px;
	background: url(images/gallery-bg.png) no-repeat;
}

.galery-item{
	float:left;
	padding-right:20px;
	padding-left:15px;
}

#posts{
	float:left;
	padding:20px;
	background: url(images/wrapposts.png) repeat-y;
}

.header_post{
	float:left;
	width:100%;
	margin-left:-50px;
	margin-top:-10px;
	padding-top:25px;
	padding-left:65px;
	background: url(images/post_date.png) no-repeat;
}


.header_post h2{
	float:right;
	width:660px;
	margin-top:-10px;
	text-align:center;
}

.date, .pagenavi a, .current{
	color:#7086cd;
	font-style:italic;
}

.entry{
	background:#EFEFEF;
	padding:3px;
}

.entry ol, .entry ul{
	margin-left:15px;
}

.entry img{
	margin:5px;
}

.postmetadata, .postmetadata a{
	color:#1FAFFF;
}

.postmetadata a:hover, .more-link:hover, #posts h2:hover{
	text-decoration:underline;
}

.more-link{
	display:block;
	color:#279F2C;
}


.hr{
	width:100%;
	height:40px;
	background: url(images/hr.png) no-repeat left center;
	clear:both;
	border:0;
}



/* SIDEBAR */

#menu{
	margin:20px;
	padding:10px 20px 20px;
	background: url(images/sidebar-menu.jpg) no-repeat;
}


#tagcloud p, #menu a, #topmenu a, .categories, .categories li, #menu p, #popular ul{
		font-size:14pt;
		color:#fff;
}

.categories{
	line-height:1.5;
}

#menu li, #popular li, #zakaz li{
	list-style:none;
}

#tagcloud{
	background: url(images/tagwp.jpg) no-repeat;
	padding:10px 20px;
	margin:20px;
}

/* COMMENTS */

.avatar {
	float:left;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

#comment{
	margin-top:10px;
}

.comment_text{
	float:left;
	width:720px;
	margin-left:10px;
	margin-bottom:10px;
	min-height:86px;
	background:#EFEFEF;
	padding:3px;
}

.comment_text span{
	color:#1FAFFF;
}

.comment_text span a{
	color:#279F2C;
}
/* NAVIGATION */

.navigation,.navigation a{
	color:#279F2C;
}

#mynavi{
	width:878px;
	background: url(images/pagenavi.png) no-repeat;
	height:110px;
	clear:both;
	margin-top:20px;
	padding-top:40px;
}

.pagenavi{
	width:200px;
	margin:0 auto;
}

.current{
	font-weight:bold;
}
/* FOOTER */

#popular, #zakaz{
	float:left;
	width:360px;
	height:210px;
	margin:30px;
	padding:20px;
}

#popular{
	background: url(images/popular.jpg) no-repeat;
}

#zakaz{
	background: url(images/zakaz.jpg) no-repeat;
}

#copy{
	width:250px;
	float:left;
	margin-top:25px;
}

/* WP */

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.clear{
	clear:both;
}

.clearright{
	clear:right;
}

img.alignnone{
	clear:both;
}

.entry a{
	color:#279F2C;
}

.entry a:hover{
	text-decoration:underline;
}

.small{
	font-size:14px;
	color:grey;
}