/* !===> 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
em { font-style: normal; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===> Global */
html, body { height: 100%; }
body { background: #090d57 url(../images/bg.jpg) repeat-x 50% 0; font: normal 100% "Trebuchet MS", Helvetica, Arial, sans; color: #666; }
/* common */
a { color: #C78DCE; text-decoration: underline; }
a:hover { color: #1e66b2; }
h1 a:hover { border: 0; }
h1 { font-size: 26px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #666; }
h2 { font-size: 18px; margin: 1.5em 0 1.5em 0; padding: 0; font-weight: bold; color: #666; }
h3 { font-size: 16px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #666; }
h4 { font-size: 13px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #666; }
h2 em { color: #21205f; border-bottom: 2px solid #21205f; font-style: normal; }
h2 span { border-bottom: 2px solid #666;}
p { color: #666; margin: 0 0 1em 0; padding: 0; font-size: 13px; line-height: 16px; }
p.small { font-size: 11px; }
p.error { color: #c00; }
strong { font-weight: bold; }
/* clearfix */
.clear { clear: both; }
.fix { clear: both; height: 1px; line-height: 1px; margin: -1px 0 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* !===> Main */
#wrap { margin: 0 auto; }
#main { width: 1000px; min-height: 500px; margin: 0 auto; background: url(../images/bg_main.png) repeat-y 50% 0; overflow: hidden; }
#sub #main { background: url(../images/bg_main_divide.png) repeat-y 50% 0; }
/* !===> Header */
#header { height: 178px; width: 1000px; margin: 0 auto; background: url(../images/bg_header.png) no-repeat 50% 100%; position: relative; }
#sub #header { height: 336px; }
/* Logo */
#header h1 { position: absolute; top: 35px; left: 29px; }
#header h1 a { display: block; width: 291px; height: 67px; background: url(../images/logo.png) no-repeat; text-indent: -9999em; z-index: 1; position: relative; }
/* Search */
#search { position: absolute; top: 137px; right: 25px; z-index: 3; }
#search input { float: left; border: 1px solid #c78dce; background: transparent; color: #fff; font-size: 12px; padding: 5px 4px; margin: 0 4px 0 0; }
#search a.btn { height: 29px; float: left; background: url(../images/bg_btnt_1.png) no-repeat 0 0; font-size: 14px; color: #fff; text-decoration: none; position: relative; top: -1px; }
#search a.btn em { float: left; height: 29px; line-height: 29px; background: url(../images/bg_btnt_2.png) no-repeat 100% 0; font-style: normal; padding: 0 10px; }
#search a.btn:hover { text-decoration: underline; }
/* Login */
#login { font-size: 12px; color: #fff; font-weight: bold; background: url(../images/bg_login.png); position: absolute; top: 99px; right: 26px; padding: 8px 14px; z-index: 1; }
#login a { text-decoration: none; color: #fff; }
#login a.login { color: #c58acc; }
#login a:hover { text-decoration: underline; }
/* Banner */
#sub #header .banner { position: absolute; top: 170px; left: 19px; z-index: 3; }
/* !===> Footer */
#footer { width: 1000px; margin: 0 auto; background: url(../images/bg_foot.png) no-repeat 50% 0; }
#footer .wrap { border-top: 10px solid #642267; background: #040523; margin: 0 21px 0 19px; padding: 8px 16px; }
#footer p { color: #fff; font-size: 12px; margin: 0; padding: 2px 0; }
#footer p a { color: #C78DCE; text-decoration: none; padding: 0 3px; }
#footer p a:hover { text-decoration: underline; }
/* !===> Navigation */
#nav { background: #642267 url(../images/bg_nav.png) repeat-x 50% 100%; width: 956px; height: 49px; position: absolute; top: 130px; left: 19px; padding: 0 0 0 4px; z-index: 2; }
#nav li { float: left; margin: 0 2px 0 0; }
#nav li a { float: left; font-size: 14px; height: 41px; color: #fff; text-decoration: none; text-transform: uppercase; cursor: pointer; z-index: 2; }
#nav li a em { float: left; height: 41px; line-height: 41px; font-style: normal; padding: 0 10px; }
/* Hover / On */
#nav li.on a, #nav li a:hover { background: url(../images/bg_nav_1.png) no-repeat 0 0; }
#nav li.on a em, #nav li a:hover em { background: url(../images/bg_nav_2.png) no-repeat 100% 0; }
/* !===> Content */
#cont { float: left; width: 611px; margin: 0 0 0 26px; display: inline; }
#sub #cont { margin: 0 0 0 19px; padding: 22px 13px 20px 23px; width: 580px; }
/* Teaser */
#teaser { position: relative; width: 611px; overflow: hidden; margin: 0 0 18px 0; }
#teaser .caption { width: 100%; padding: 10px 0 12px 0; position: absolute; bottom: 0; left: 0; background: url(../images/bg_login.png); }
#teaser .caption p { margin: 0; padding: 0 16px; color: #fff; font-size: 18px; line-height: 26px; }
#teaser .caption p.meta { font-size: 14px; line-height: 17px; }
#teaser .caption p a { color: #c78dce; text-decoration: none; margin-right: 4px; }
#teaser .caption p a:hover { text-decoration: underline; }
/* Latest box */
#latest h2 { margin: 0 0 13px 0; padding: 0 0 0 13px; font-size: 18px; color: #642267; font-weight: bold; text-transform: uppercase; }
#latest p { padding: 0 0 0 13px; font-size: 14px; color: #642267;}
#latest p a{ color: #C78DCE;}
#latest .tabbed { background: #efeeee; padding: 8px 0 0 0; }
#latest .tabbed .content { padding: 13px 0; }
#latest .tabs { width: 100%; overflow: hidden; padding: 0; background: #fff; margin: 0 0 0 8px; }
#latest .tabs a { float: left; background: #fff; font-size: 16px; color: #000; border-right: 1px solid #eee; padding: 12px 22px; text-decoration: none; }
#latest .tabs a.last { border: none; }
#latest .tabs a.on { color: #642267; background: #efeeee; }
#latest .tabs a:hover { color: #642267; }
#latest .tabs a.on:hover { text-decoration: underline; }
/* YouTube */
#latest .youtube { background: url(../images/bg_youtube.png) repeat-y; width: 100%; overflow: hidden; }
#latest .youtube .col { width: 166px; float: left; margin: 0 41px 0 6px; display: inline; }
#latest .youtube .col3 { margin-right: 0; }
#latest .youtube .video { margin: 0 0 6px 0; }
#latest .youtube p { font-size: 12px; color: #2b2c31; margin: 0; }
#latest .youtube p a { color: #642267; text-decoration: none; }
#latest .youtube p a:hover { text-decoration: underline; }
/* Dora,Novosti,Intervju */
#latest .dora li,#latest .news li,#latest .interviews li { padding: 0 0 5px 20px; list-style-type: none; }
#latest .dora li a,#latest .news li a ,#latest .interviews li a { color: #642267; text-decoration: none; font-size: 13px; }
#latest .dora li a:hover,#latest .news li a:hover,#latest .interviews li a:hover { text-decoration: underline; }
#latest .dora p ,#latest .news p ,#latest .interviews p { padding:0;color: #000; }
#latest .dora p a,#latest .news p a,#latest .interviews p a{ margin: 0 0 0 20px; color: #000; }
/* Main content */
#sub #cont h2 { font-size: 22px; color: #642267; text-transform: uppercase; margin: 0; padding: 0 0 20px 0; background: url(../images/bg_cont_h2.png) no-repeat 0 100%; }
/* Articles */
#cont .articles { margin: 0; padding: 0 0 0 0; }
#cont .articles .article { border-bottom: 2px solid #e8e8e8; margin: 0 0 18px; padding: 0 0 45px 0; }
#cont .articles .article .img { float: left; width: 120px; border: 1px solid #b1b1b1; padding: 3px; }
#cont .articles .article h3 { margin: 0 6px 4px 145px; padding: 0; font-size: 18px; color: #642267; }
#cont .articles .article h3 a { color: #642267; text-decoration: none; }
#cont .articles .article h3 a:hover { text-decoration: underline; }
#cont .articles .article p { margin: 0 6px 0 145px; font-size: 13px; }
#cont .articles .article p.meta { margin-bottom: 4px; font-size: 12px; }
#cont .articles .article p.meta a.comments { color: #000; text-decoration: none; background: url(../images/icn_comments.png) no-repeat 5px 3px; padding: 0 0 0 20px; }
/* Pager */
#cont .articles .pager { margin: 0 0 18px 0; width: 100%; overflow: hidden; }
#cont .articles .pager a { float: left; background: #642267; color: #fff; font-size: 13px; margin: 0 2px 0 0; padding: 2px 7px; border: 1px solid #642267; text-decoration: none; }
#cont .articles .pager span.on, #cont .articles .pager span{ background: #fff; border-color: #ccc; color: #642267;float:left; padding:0 5px 0 0; }
#cont .articles .pager a:hover { background: #fff; border-color: #ccc; color: #642267;}
/* Single article */
#cont .single { margin: 0 15px 20px 0; border-bottom: 12px solid #e8e8e8; }
#cont .single h3 { font-size: 18px; color: #642267; margin: 0; padding: 0 3px; }
#cont .single p.meta { font-size: 12px; color: #000; border-bottom: 2px solid #e8e8e8; padding: 0 3px 4px 3px; margin: 0 0 8px 0; }
#cont .single p.meta a.comments { color: #000; text-decoration: none; background: url(../images/icn_comments.png) no-repeat 5px 3px; padding: 0 0 0 20px; }
#cont .single p.meta a.comments:hover { color: #642267; }
#cont .single .img { float: left; margin: 0 20px 18px 0; border:1px solid #B1B1B1;padding:3px;}
#cont .single p { color: #000; line-height: 18px; margin: 0 0 20px 0; }
#cont .single .excerpt p{ font-size: 12px; color: #090d57; margin: 5px 0 18px 0; }
/* Comments */
#cont div.comments { }
#cont .comments h3 { font-size: 18px; color: #642267; margin: 0 0 18px; text-transform: uppercase; }
#cont .comments ol { border-bottom: 1px dotted #78a22f; margin: 0; padding: 0; }
#cont .comments li { padding: 0; margin: 0; }
#cont .comments li h4 { background: #e8e8e8 url(../images/icn_comment.png) no-repeat 1% 50%; font-size: 14px; color: #642267; font-weight: normal; position: relative; padding: 13px 0 13px 50px; }
#cont .comments li h4 .avatar { position: absolute; top: 1px; right: 1px; }
#cont .comments li p { color: #000; font-size: 12px; margin: 0 0 20px 0; padding: 0 8px; }
.nr{margin: 0 0 50px;}
.nr a {float:left;font-size:12px;margin:0;padding:5px;}
/* Form */
#cont .ign_login form { margin: 0 0 45px 0; }
#cont form div, #cont form p{ margin: 0 0 8px 0; width: 100%; overflow: hidden; }
#cont form label{ float: left; width: 80px; font-size: 12px; color: #000; }
#cont form input.txt{ border: 1px solid #d0cabf; width: 350px; font-family: "Trebuchet MS", Helvetica, Arial; font-size: 12px; padding: 2px 4px; }
#cont form textarea, #cont form #rah_message { border: 1px solid #d0cabf; width: 350px; height: 200px; font-family: "Trebuchet MS", Helvetica, Arial; font-size: 12px; padding: 2px 4px;margin: 0 0 10px 0; }
#cont form a.btn{ height: 28px; float: left; background: url(../images/btn_2.png) no-repeat 100% 0; padding: 0 4px 0 0; font-size: 14px; color: #fff; text-decoration: none; position: relative; top: -1px; left: 0; }
#cont form a.btn em{ float: left; height: 28px; line-height: 28px; background: url(../images/btn_1.png) no-repeat 0 0; font-style: normal; padding: 0 6px 0 10px; }
#cont form a.btn:hover{ text-decoration: underline; }
/* !===> Sidebar */
#aside { float: right; width: 320px; margin: 0 33px 0 0; display: inline; }
#sub #aside { width: 316px; }
* html #aside { overflow: hidden; }
#aside .widget { margin: 0 0 18px 0; }
#aside .widget h2 { margin: 0 0 13px 0; font-size: 18px; color: #642267; font-weight: bold; text-transform: uppercase; }
/* News widget */
#aside .news { }
#aside .news h2 { padding-left: 15px; margin: 3px 0 6px;}
#aside .news ol { border-top: 8px solid #e8e8e8; list-style-type: none; padding: 7px 0 0 0; }
#aside .news ol li { background: #fff; border-bottom: 1px solid #d9d9d9; margin: 0 0 3px 0; padding: 0 0 4px 0; }
#aside .news ol li div { width: 100%; overflow: hidden; background: url(../images/bg_side_news.png); padding: 1px 0 3px 0;margin: 0 0 0 7px; }
#aside .news ol li div img{ float: left; }
#aside .news ol li em { font-size: 36px; color: #642267; font-weight: bold; float: left; width: 55px; text-align: center; padding: 3px 0 0 0; }
#aside .news ol li.on em { color: #000; }
#aside .news ol li p { margin: 0 0 0 85px; font-size: 12px; color: #000; line-height: 18px;font-weight: bold; }
#aside .news ol li p a { color: #642267; text-decoration: none; }
#aside .news ol li p a:hover { text-decoration: underline; }
/* Other news widget */
#aside .other-news { }
#aside .other-news h2 { padding-left: 15px; }
#aside .other-news li { border-top: 1px solid #f0f0f0; padding: 8px 0px 8px 10px; width: 98%; overflow: hidden; }
#aside .other-news li em { float: left; width: 50px; font-size: 16px; color: #999; font-weight: bold; }
#aside .other-news li a { display: block; margin: 0 0 0 60px; padding: 0 20px 0 0; font-size: 14px; color: #642267; text-decoration: none; background: url(../images/icn_news_arr.png) no-repeat 95% 50%; }
#aside .other-news li a:hover { text-decoration: underline; }
#aside .other-news li.all a { font-size: 13px; color: #181b20; background: no-repeat; text-align: right; padding-right: 10px; }
/* Banner */
#aside .banner { text-align: center; }
/* Top on sub page */
#aside .top { padding: 8px 0 0 0; }
/* Categories */
#aside .categories {margin: 20px 0 20px 0; }
#aside .categories h2 { padding-left: 10px; }
#aside .categories ul { border-top: 8px solid #e8e8e8; list-style-type: none; padding: 4px 0 0 0; }
#aside .categories ul li { background: #fff; border-bottom: 1px solid #d9d9d9; margin: 0 0 3px 0; padding: 0 10px 4px 10px; font-size: 12px; color: #000; }
#aside .categories ul li a { text-decoration: none; color: #000; }
#aside .categories ul li a.on { text-decoration: none; color: #C78DCE; }
#aside .categories ul li a:hover { text-decoration: underline; }
/* Archive */
#aside .archive { }
#aside .archive h2 { padding-left: 10px; }
#aside .archive ul { border-top: 8px solid #e8e8e8; list-style-type: none; padding: 4px 0 0 0; }
#aside .archive ul li { background: #fff; border-bottom: 1px solid #d9d9d9; margin: 0 0 3px 0; padding: 0 10px 4px 10px; font-size: 12px; color: #000; }
#aside .archive ul li a { text-decoration: none; color: #000; }
#aside .archive ul li a:hover { text-decoration: underline; }
/* !===> Content footer */
#cfooter { background: #81807e url(../images/bg_cfooter.png) repeat-x; clear: both; margin: 0 41px 21px 39px; padding: 0 0 8px 0; width: 919px; overflow: hidden; }
#cfooter h2 { font-size: 18px; font-weight: bold; color: #fff; padding: 8px 0 0 10px; margin: 0; }
#cfooter h3 { font-size: 12px; color: #fff; margin: 0; font-weight: normal; padding: 0 0 0 10px; }
#cfooter h4 { font-size: 18px; color: #fff; margin: 0 0 15px 0; text-transform: uppercase; }
#cfooter .col { width: 320px; float: left; display: inline; }
#cfooter p { color: #fff; font-size: 12px; margin: 0 0 20px 0; }
/* Col 1 */
#cfooter .col1 { width: 325px; margin: 0 10px 0 10px; padding: 26px 0 0 0; }
#cfooter .col1 p { margin-right: 10px; }
#cfooter .col1 ul { width: 100%; overflow: hidden; list-style-type: none; }
#cfooter .col1 ul li { float: left; width: 70px; height: 66px; overflow: hidden; margin: 0 10px 10px 0; list-style-type: none; }
#cfooter .col1 ul li img { border: 3px solid #000; }
/* Col 2 */
#cfooter .col2 { width: 290px; margin: 0 10px 0 0; }
#cfooter .col2 h4 { color: #cb93d1; }
#cfooter .col2 ul { list-style-type: none; }
#cfooter .col2 ul li { list-style-type: none; margin: 0 0 16px 0; font-size: 12px; color: #fff; }
#cfooter .col2 ul li a { color: #fff; text-decoration: none; }
#cfooter .col2 ul li cite { color: #cb93d1; }
#cfooter .col2 ul li a:hover { text-decoration: underline; }
/* Col 3 */
#cfooter .col3 { width: 250px; margin: 0 10px 0 10px; }
#cfooter .col3 h4 { color: #cb93d1; }
#cfooter .col3 label { font-size: 12px; color: #fff; margin: 0 0 10px 0; display: block; }
#cfooter .col3 .chk { margin: 0 0 12px 0; color: #fff; font-size: 12px; }
#cfooter .col3 .prev, #cfooter .col3{ color: #fff; font-size: 12px; }
#cfooter div.btn { width: 100%; overflow: hidden; }
#cfooter a.btn { height: 28px; float: left; background: url(../images/btn_2.png) no-repeat 100% 0; padding: 0 4px 0 0; font-size: 14px; color: #fff; text-decoration: none; position: relative; top: -1px; }
#cfooter a.btn em { float: left; height: 28px; line-height: 28px; background: url(../images/btn_1.png) no-repeat 0 0; font-style: normal; padding: 0 6px 0 10px; }
#cfooter a.btn:hover { text-decoration: underline; }