@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}
a img{ border: none; }
a{ outline: none; }

body{ background: #171516; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif }
.clear{ clear: both; }
.wrapper{ width: 970px; margin: 0 auto; }

/* --- header --- */
.header{ height: 388px; background: url(images/header.jpg) right top no-repeat; }
.header-main-part{ height: 266px; background: url(images/border.png) left bottom repeat-x; position: relative; }

.logo{ height: 105px; width: 236px; padding: 53px 0px 48px 0px; }
.logo img{ width: 236px; height: 81px; margin-bottom: 10px; }
.logo p{ color: #949494; font-size: 10px; }

.main-menu{
	list-style: none;
	height: 37px;
	text-align: center;
	float: left;
}
.main-menu li{ display: inline; }
.main-menu li a{
	display: inline-block;
	width: 101px;
	height: 27px;
	margin-right: 10px;
	padding-top: 10px;
	text-transform: uppercase;
	color: #a9a9a9;
	text-decoration: none;
}
.main-menu li a:hover{
	color: #171515;
	background: url(images/bg-menu-item.png) no-repeat;
}

.rss{
	width: 90px;
	height: 93px;
	position: absolute;
	bottom: 15px;
	right: 70px;
	background: url(images/rss.png) right bottom no-repeat;
}
.rss img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.rss .rss-hint{
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #c80c2d;
	font-size: 10px;
	display: block;
	width: 75px;
	height: 43px;
	background: url(images/rss-hint.png) no-repeat;
}
.rss .rss-hint span{ font-size: 15px; }
.rss .rss-hint:hover{ color: #a9a9a9; }

.bracket{
	padding: 5px 10px 20px 10px;
	background: url(images/border.png) left bottom repeat-x;
	margin-bottom: 10px;
}
.bracket-block{
	width: 100%;
	float: left;
}

.bracket-block ul li{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #b2b2b2;
}

.bracket-block p{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #b2b2b2;
}
.bracket-block a{
	font-weight: normal;
	color: #b186a2;
	text-decoration: underline;
	font-size: 11px;
	padding-right: 5px;
}
.bracket-block a:hover{ text-decoration: none; }

/* --- main content --- */
.main-content{
	background: #f5f5f5;
	padding: 15px 10px;

}
.main-content-border-big{
	height: 30px;
	background: #d3d3d3;
}
.content{
	width: 680px;
	padding: 0px 10px;
	float: left;
}
.article{
	padding-left: 65px;
	position: relative;
}
.article-comments {
	padding-left: 0px;
}
.article p{
	color: #6a6a6a;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 7px;
}
.article p.date{
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 43px;
	background: url(images/date-bg.png) no-repeat;
	text-align: center;
	padding-top: 6px;
	color: #FFFFFF;
}
.article2 {
	padding-left: 65px;
	position: relative;
}
.article-comments2 {
	padding-left: 0px;
}
.article2 p{
	color: #6a6a6a;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 7px;
}
.article2 p.date{
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 43px;
	background: url(images/date-bg.png) no-repeat;
	text-align: center;
	padding-top: 6px;
	color: #FFFFFF;
}
.titlecom{
	color: #2d2929!important;
	font-size: 18px!important;
	font-weight: normal!important;
	margin-bottom: 3px!important;
	padding: 0!important;
}

.title{
	color: #2d2929;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
	padding: 0;
}







p.author{
	color: #a6a6a6;
	font-size: 11px;
	margin-bottom: 6px;
}
.bold{ font-weight: bold; }
.italic{ font-style: italic; }

.article-preview{ margin: 10px 0px 30px 0px; }
.article-preview .title{
	color: #fe1939;
	font-size: 18px;
	border-bottom: 1px solid #fe1939;
	text-decoration: none;
	margin-bottom: 5px;
	display: inline-block;
}
.article-preview .title:hover{
	color: #2d2929;
	border-color: #2d2929;
}

.article a{ color: #be3f56; text-decoration: underline; }
.article a:hover{ text-decoration: none; }
.main-img{
	border: 8px solid #e1e1e1;
	float: left;
	margin: 0px 12px 7px 0px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari, Chrome */
	-khtml-border-radius: 7px; /* KHTML */
	border-radius: 7px; /* CSS3 */
	behavior: url(http://chellkon.ru/wp-content/themes/UltimaNova/border-radius.htc); 
}

.comments-header{
	height: 17px;
	background: #e1e1e1;
	margin: 15px 0px;
	padding: 3px 20px;
	position: relative;
}
.comments-count{
	padding-left: 28px;
	color: #ff1942;
	background: url(images/comment-bg.png) left center no-repeat;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
.no-comment{
	color: #797979;
	font-weight: normal;
	font-size: 12px;
}

.read-more{
	color: #f8c4ce;
	font-size: 11px;
	width: 128px;
	height: 20px;
	background: #ff1942;
	text-align: center;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	padding-top: 3px;
}
.read-more:hover{ background: #3399FF; color: #FFFFFF; }

.share-links{ float: right; margin-top: -5px; }
.share-links a{	margin-right: 5px; }
.share-links a img{
	width: 17px;
	height: 17px;
}
.share-links a.share img{ width: 110px; height: 19px; }

.comment{
	padding: 10px 0px 13px 0px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #636363;
}
.comment-info{
	width: 115px;
	padding-left: 32px;
	background: url(images/com-bg.png) left center no-repeat;
	height: 79px;
	float: left;
}
.comment-info a{
	color: #ff1942;
	font-size: 13px;
	text-decoration: underline;
}
.comment-info a:hover{ text-decoration: none; }
.comment-author{
	color: #717171;
	font-size: 11px;
	line-height: 10px;
}
.comment-date-time{
	color: #505050;
	font-size: 11px;
	margin-top: 4px;
}
.comment-date, .comment-time{ font-weight: bold; font-size: 12px; }

.comment-body{
	width: 510px;
	padding: 10px 0px 2px 20px;
	float: left;
	background: url(images/m.png) left 17px no-repeat;
}
.comment-body p{
	color: #343434;
	font-size: 13px;
}
.pager{
	position: relative;
	margin-bottom: 33px;
}
.pager p{
	text-transform: uppercase;
	color: #a9a9a9;
	font-size: 15px;
	position: absolute;
}
.pager ul{ list-style: none; text-align: center; }
.pager ul li{ display: inline; }
.pager ul li a{
	display: inline-block;
	width: 45px;
	height: 26px;
	text-decoration: none;
	color: #181616;
	font-size: 15px;
	margin: 0px 3px;
	padding-top: 3px;
}
.pager ul li a:hover{ background: url(images/li-pager-bg.png) no-repeat; color: #FFFFFF; }

.add-comment{
	background: #e1e1e1;
	padding: 10px;
}
.add-comment:before{
	content: url(images/border-tl.png);
	background: url(images/border-tr.png) no-repeat 100% 0;
	height: 10px;
	display: block;
	margin: -10px -10px 3px -10px;
}
.add-comment:after{
	content: url(images/border-bl.png);
	background: url(images/border-br.png) no-repeat 100% 0;
	height: 10px;
	display: block;
	margin: 10px -10px -10px -10px;
}

.personal-info{
	width: 230px;
	float: left;
}
.add-comment form input{
	height: 19px;
	width: 189px;
	background: url(images/bg-input.png) no-repeat;
	border: none;
	padding: 5px 10px;
}
.add-comment form input:focus{ border: none; }
.add-comment-body{
	width: 410px;
	float: left;
	position: relative;
}
.add-comment form label{
	color: #8d8d8d;
	font-size: 12px;
	font-weight: bold;
}
.add-comment form textarea{
	resize: none;
	width: 280px;
	height: 65px;
	font-size: 12px;
	color: #666666;
	background: #ffffff url(images/texarea-bg-left.png) left top no-repeat;
	border: none;
	padding: 10px 15px;
}
.add-comment form .submit{
	border: none;
	width: 105px;
	height: 49px;
	background: url(images/coment-add-bg-but.png);
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	padding: 18px 0px;
	font-size: 14px;
	position: absolute;
	top: 18px;
	left: 302px;
	text-decoration: none;

}

#submit{
	border: none;
	width: 105px;
	height: 85px;
	margin-left: -10px;
	background: url(images/coment-add-bg-but.png);
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	vertical-align: top;
	cursor: pointer;
}
#submit span { font-size: 19px; }

#submit span{ font-size: 19px; }






.sidebar{
	width: 220px;
	padding: 0px 10px 0px 15px;
	float: left;
}
.sidebar-name{
	color: #ff1942;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 2px dotted #f7c4cd;
}
.posts{ margin-bottom: 30px; }
.post{
	width: 200px;
	height: 150px;
	position: relative;
	margin-top: 33px;
}
.post img{ height: 100%; width: 100%; }
.post .post-date{
	height: 20px;
	width: 48px;
	position: absolute;
	top: -20px;
	left: 0;
	background: url(images/date.png) no-repeat;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}
.post a{
	height: 55px;
	width: 131px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: url(images/post-bg.png) no-repeat;
	color: #ffc3ce;
	font-size: 13px;
	padding: 5px 10px;
	text-decoration: underline;
}
.post a:hover{ text-decoration: none; }

.last-comment{
	padding: 0px 0px 10px 30px;
	border-bottom: 1px dotted #b8b8b8;
	background: url(images/comment.png) left 7px no-repeat;
	margin-top: 10px;
}
.last-comment a{
	text-decoration: underline;
	color: #7b4c6b;
	font-size: 11px;
}
.last{ border: none !important; }
.last-comment a:hover{ text-decoration: none; }
.last-comment p, .last-comment p a{
	font-size: 11px;
	color: #909090;
	font-style: italic;
}
.last-comment p a{ font-weight: bold; text-decoration: none; }
.last-comment p a:hover{ text-decoration: underline; }


/* --- footer ---- */
.footer{
	padding: 20px 10px;
	min-height: 65px;
}
.footer-logo{
	width: 145px;
	height: 50px;
	margin: 2px 20px 20px 0px;
	float: left;
}
.copyright{
	width: 205px;
	padding: 16px 60px 0px 0px;
	float: left;
}
.copyright p, .copyright a{
	font-size: 12px;
	line-height: 15px;
	color: #818181;
	text-decoration: none;
}
.copyright a:hover{ text-decoration: underline; }
.facebook-like{
	width: 143px;
	height: 24px;
	margin: 28px 33px 0px 0px;
	float: left;
}
.facebook-like a{ float: left;}
.facebook-comment{
	height: 20px;
	display: inline-block;
	background: #c7c7c7;
	text-align: center;
	padding: 0px 5px;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}
.facebook-comment-bg{
	float: left;
	width: 4px;
	height: 18px;
	background: url(images/facebook-comment.png) center 5px no-repeat;
}
.twitter-posts{
	width: 100px;
	height: 24px;
	margin: 28px 10px 0px 0px;
	float: left; position:relative; z-index:1000;
}
.twitter-posts a{ float: left; margin: 0px 1px; }
.twitter-posts-count{
	color: #2a7090;
	font-size: 12px;
	height: 20px;
	width: 38px;
	text-align: center;
	text-decoration: none;
	background: url(images/tweet-count.png) no-repeat;
	display: inline-block;
}
.counter{
	width: 88px;
	height: 31px;
	float: right;
	margin: 20px 10px 0px 10px; 
	position: relative; z-index: 1000;
}
.statistic{
	width: 31px;
	height: 31px;
	display: inline-block;
	float: right;
	margin: 20px 0px 0px 30px; 
	position: relative; z-index: 1000;
}


/* --- center block and slider --- */
.slider-block{
	height: 187px;
	margin: 20px 0px;
	position: relative;
}

.slider-controls{
	height: 187px;
	width: 275px;
	background: #717171;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99999 !important;
}

.slider-button{
	display: block;
	border-bottom: 1px dotted #949494;
	height: 45px;
	cursor: pointer;
	font-size: 16px;
	color: #ddb6c6;
	padding: 8px 0px;
	position: relative;
	padding-left: 70px;
	text-decoration: none;
}
.slider-link{ text-decoration: underline; }
.slider-button .slider-article-date{
	width: 63px;
	height: 61px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 29px;
	color: #171515;
	float: left;
	padding-left: 15px;
}
.slider-article-date span{ font-size: 10px; color: #b6b6b6; text-decoration: none; }
.active-date{ background: url(images/li-slider-bg.png) left top no-repeat; }
.slider-button:hover .slider-link, .active .slider-link{
	color: #e5e5e5;
	text-decoration: none;
}
.slider-button:hover .slider-article-date, .active .slider-article-date{
	background: url(images/li-slider-bg.png) left top no-repeat;
}

.slider-controls-bg{
	position: absolute;
	left: 275px;
	top: 0;
	z-index: 99999 !important;
	background: url(images/sliber-a-bg.png) no-repeat;
	width: 59px;
	height: 187px;
}

.slider-item-holder{
	height: 187px;
	width: 670px;
	position: absolute;
	right: 0;
	top: 0;
}
.slider-item{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 888 !important;
}
.slider-item img{
	height: 187px;
	width: 400px;
	position: absolute;
}
.slider-author-info{
	width: 230px;
	height: 187px;
	position: absolute;
	top: 0;
	right: 0;
}
.slider-author-info img{ height: 100%; width: 100%; }
.slider-author-text{
	width: 214px;
	height: 85px;
	padding: 3px 8px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.8;
	color: #f5f5f5;
	font-size: 11px;
}
.slider-author-text .author-name{ font-size: 17px; }
.about-author-bg{
	position: absolute;
	top: 7px;
	right: 147px;
	width: 77px;
	height: 52px;
	background: url(images/block-title-bg.png) no-repeat;
	z-index: 99999 !important;
	color: #171515;
	text-align: center;
	font-size: 18px;
	line-height: 17px;
	text-transform: uppercase;
}
.about-author-bg span{
	font-size: 29px;
	line-height: 28px;
}
.slider-text{
	width: 150px;
	height: 168px;
	padding: 10px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 230px;
	color: #dedddd;
	font-size: 11px;
	background: #251811;
	opacity: 0.7;
}
.more-about-author{
	width: 18px;
	height: 17px;
	background: url(images/aarow.png) no-repeat;
	position: absolute;
	bottom: 2px;
	right: 3px;
}



li.categories {   }  /* общий селектор */
 li.cat-item { color: #B2B2B2;  list-style-type: none; float:left; 
    font-size: 11px; width: 180px;
    font-weight: bold;
    line-height: 18px; }



 .article img { border: 8px solid #e1e1e1;
	float: left;
	margin: 0px 12px 7px 0px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari, Chrome */
	-khtml-border-radius: 7px; /* KHTML */
	border-radius: 7px; /* CSS3 */
	behavior: url(http://chellkon.ru/wp-content/themes/UltimaNova/border-radius.htc); max-width: 585px; max-height:390px; }
.article2 img { border: 8px solid #e1e1e1;
	float: left;
	margin: 0px 12px 7px 0px;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari, Chrome */
	-khtml-border-radius: 7px; /* KHTML */
	border-radius: 7px; /* CSS3 */
	behavior: url(http://chellkon.ru/wp-content/themes/UltimaNova/border-radius.htc); max-width: 150px; max-height:150px; }


.wp-caption {float:right;margin-left:15px;}
.wp-caption-text {float:right;font-size:11px;color:red;}
#stat a {width: 88px;
	height: 31px;
	float: right;
	margin: 20px 10px 0px 10px; 
	position: relative; z-index: 1000;}
.slider-text a {color:white;}
.slider-text a:hover {color:red;text-decoration: none;}