/* ---------------------------------------------------------------------------------------------------------- 1) HTML tagy ---------------------------------------------------------------------------------------------------------- */ body {margin:0; padding:0; padding-top:2em; color:#202020; background:#f5f5f5 url(../design/bg.gif) repeat-x 0 0; font:12px "arial", sans-serif; text-align:center;} h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;} h1 {margin:0; margin-top:30px; padding:0; color:#373F23; line-height:35px; font-size:25px; font-weight:100; padding-bottom:15px; font-family:Georgia, arial, sans-serif; line-height:1.5;} h2 {margin:0; margin-bottom:15px; margin-top:30px; padding:0; color:#6D6D6D; line-height:35px; font-size:18px; font-weight:100; text-transform:uppercase; border-bottom:1px solid #797979;} h4 {text-transform:uppercase; line-height:25px;} .w40 {display:block; float:left; width:40%;} .w50 {display:block; float:left; width:50%;} .w60 {display:block; float:left; width:60%;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styly ---------------------------------------------------------------------------------------------------------- */ a {color:#A51712;} a:hover {color:#A51712; text-decoration:none;} table {margin:0; padding:0; border-collapse:collapse; border-spacing:0; font-size:12px;} table th {background:#EEE;} table th, table td {border:1px solid #DDD; line-height:25px; padding-left:5px; padding-right:5px;} table tr.alt td {background:#F5F5F5;} p {margin:0; margin-bottom:10px; padding:0; line-height:25px; font-size:100%;} .round {padding:10px;} /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ #logo {position:relative; width:232px; height:77px; margin:0; padding:0; overflow:hidden; font-size:180%;} #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo.gif) 0 0 no-repeat; cursor:pointer;} #logopos {padding-top:40px;padding-left:63px;} #main {display:block; width:970px; height:auto; margin-left:auto; margin-right:auto; text-align:left; border:2px solid #002640;} #header {display:block; width:970px; height:160px; background:url(../design/header.jpg) no-repeat 0 0; border-bottom:2px solid #C3C0B9;} #header-left {display:block; float:left; width:650px; height:160px;} #header-right {display:block; float:left; width:300px; height:160px; color:#fff;} #header-right #header-right-in {padding-top:43px; line-height:25px;} #header-right #header-right-in legend {font-weight:bold;} #header-right #header-right-in input.search-text {border:1px solid #ccc; padding:3px; margin-bottom:3px;} #content {display:block; width:970px; height:auto; background:#fff;} #content-in {padding:30px; padding-top:25px; padding-bottom:25px;} #main #aside-left {display:block; width:560px; float:left;} #main #aside-right {display:block; width:310px; float:right;} #footer {display:block; width:100%; height:40px; margin-top:30px; background:#ddd; text-align:center;} #footer-in {display:block; width:960px; height:40px; margin-left:auto; margin-right:auto; line-height:40px; color:#202020; text-align:left;} #footer-in p {margin:0; padding:0; line-height:40px;} /*navigation*/ #navigation {display:block; width:100%; height:40px; background:url(../design/navigation.gif) repeat-x 0 0; border-bottom:1px solid #919191; border-top:1px solid #D9D9D9;} #navigation ul {margin:0; padding:0; padding-left:20px; padding-right:20px;} #navigation ul ul {margin:0; padding:0; font-size:11px;} #navigation ul li {list-style:none; float:left;} #navigation ul li a {float:left; padding:13px; padding-left:15px; padding-right:15px; color:#919191; text-decoration:none; text-transform:uppercase; font-weight:bold;} #navigation ul li a:hover {background:url(../design/navigation-hover.gif) repeat-x 0 0; color:#202020; text-decoration:underline;} /*subnavigation*/ #subnavigation {display:block; width:100%; background:#919191; border-bottom:1px solid #202020;} #subnavigation ul {margin:0; padding:0; padding-left:20px; padding-right:20px;} #subnavigation ul li {list-style:none; float:left;} #subnavigation ul li a {float:left; padding:4px; padding-left:15px; padding-right:15px; color:#f2f2f2; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px;} #subnavigation ul li a:hover {background:#202020;} /*front-article*/ #front-article {background:#F8F8DB; border:2px solid #D2D2B3;} #front-article h3 {margin:0; line-height:25px;} #front-article h3 a {color:#6F8694; text-decoration:none;} #front-article .front-article-info {margin:0; padding:0; font-size:11px; line-height:30px; color:#6F8694;} #front-article .front-article-info a {font-weight:bold; text-transform:uppercase;} #front-article .front-article-image {width:220px; float:right;} #front-article .front-article-image img {border:2px solid #E3E3C2;} #front-article .front-article-text {width:310px; float:left; text-align:justify;} #front-article .perex {font-size:12px; line-height:22px;} /*rss*/ #aside-right-rss {display:block; width:150px; float:left; font-size:11px;} #aside-right-rss div.round {background:#f5f5f5;} #aside-right-rss ul {margin:0; padding:0;} #aside-right-rss ul li {list-style:none; padding-top:3px; padding-bottom:4px;} #aside-right-rss ul li a {text-decoration:none; color:#000;} #aside-right-rss ul li a:hover {text-decoration:underline;} #aside-right-rss strong {display:block; color:#666; line-height:20px;} /*sidebar*/ #aside-right-sidebar {display:block; width:150px; float:right; font-size:11px;} #aside-right-sidebar div.round {padding-top:0; padding-bottom:0;} #aside-right-sidebar h3 {margin:0; padding:0; font-weight:100; font-size:11px;} #aside-right-sidebar p {margin:0; padding:0; padding-top:3px; padding-bottom:3px; line-height:15px;} #aside-right-sidebar div.event {padding-right:5px; border-right:2px solid #ccc; margin-bottom:15px;} #aside-right-sidebar dl dt, #aside-right-sidebar dl dd {line-height:15px;} #aside-right-sidebar .btn {display:block; width:60px; height:25px; line-height:25px; background:url(../design/btn-gray.gif) repeat-x 0 0; border:0; color:#5C5C5C; font-size:11px; font-weight:bold; text-align:center; font-family:arial, sans-serif; text-decoration:none; border:1px solid #ddd;} #aside-right-sidebar input.btn {float:right;} #aside-right-sidebar a.btn {float:left; height:23px;} #aside-right-sidebar #coop-links {margin:0; padding:0;} #aside-right-sidebar #coop-links li {list-style:none;} span.video {padding:2px; background:#f5f5f5; font-size:11px; margin-right:10px;} /*blog*/ #blog {display:block;} #blog h3 {margin:0; padding:0; line-height:30px; font-size:14px;} #blog h3 a {color:#202020;} #blog div.blog-item {border:1px solid #ccc; margin-bottom:20px;} #blog div.blog-item:hover {border:1px solid #787878; background:#F9F9F9;} #blog p.blog-item-info {margin:0; padding:0; font-size:11px; color:#666;} #blog p.blog-item-info a {text-transform:uppercase; font-weight:bold;} #blog .blog-item-image {width:110px; float:left; text-align:left; padding-top:5px;} #blog .blog-item-image img {border:2px solid #f2f2f2;} #blog .blog-item-text {width:400px; float:left; text-align:left; padding-top:0; padding-bottom:0;} #blog .perex {margin:0; padding:0; font-size:12px; line-height:22px; text-align:justify;} /*ico-25*/ .ico-news {background:url(../design/ico-news.gif) no-repeat left center; padding-left:35px;} .ico-rss {background:url(../design/ico-rss.gif) no-repeat left center; padding-left:35px;} .ico-calendar {background:url(../design/ico-calendar.gif) no-repeat left center; padding-left:35px;} .ico-poll {background:url(../design/ico-poll.gif) no-repeat left center; padding-left:35px;} .ico-visits {background:url(../design/ico-visits.gif) no-repeat left center; padding-left:35px;} .ico-coop {background:url(../design/ico-coop.gif) no-repeat left center; padding-left:35px;} .ico-edit {background:url(../ico/page_edit.gif) no-repeat left center; padding-left:30px;} /*ico-brand*/ .ico-brand-ct24 {background:url(../design/ico-brand-ct24.gif) no-repeat left center; padding-left:17px;} .ico-brand-idnes {background:url(../design/ico-brand-idnes.gif) no-repeat left center; padding-left:17px;} .ico-brand-lidovky {background:url(../design/ico-brand-lidovky.gif) no-repeat left center; padding-left:17px;} /*others*/ .pollbar {border:0 !important;} #persons {display:block; padding-top:15px; padding-bottom:30px;} #persons .person-item {display:block; margin-bottom:20px;} #persons .person-item-info {display:block; float:left; width:80px; text-align:center; margin-right:15px; padding-top:5px;} #persons .person-item-info img {display:block; background:#fff; padding:2px; border:1px solid #ddd; margin-left:auto; margin-right:auto;} #persons .person-item-content {display:block; float:left; width:400px; text-align:justify;} #persons .person-item-content a {color:#202020;} #persons .person-item-content p {color:#646464;} .ads-block .around {padding-bottom:10px !important;} /*comments styles*/ /**************** advanced comment styles ****************/ h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} ol.commentlist{width:100%} h3#comments,#respond h3{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0} ol.commentlist,ol.commentlist ul,form#commentform{padding:0} ol.commentlist{border-bottom:1px solid #ccc} ol.commentlist ul{margin:0 0 0 20px} li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc} li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} li.even{background:#fff} li.odd{background:#efefef} .authorcomment{background:#deebf9} ul.children ul{margin-left:20px} ul.children li{border-right:none} .vcard img{float:left;background:#c4c4c4} .vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} .comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} .comment-meta,ol.commentlist li small{top:10px;left:10px} .comment-text{margin:0 10px 0 0} .reply,.comment-navigation .newer,input#submit{float:right} .reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} .reply{margin:0 10px 10px 0} a.comment-reply-link,.reply a:link, .comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover, .comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} a.comment-reply-link:hover,.reply a:hover{padding:4px 0} a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} .comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} .clear{clear:both} .comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} form#commentform textarea,form#commentform input{padding:2px 3px} form#commentform textarea{width:442px} input#submit{padding:5px 0 !important;border:0 !important} input#submit,p.subscribe-to-comments input{outline:0} input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} p.subscribe-to-comments label{top:-2px;color:#666} .comment-rss{background:url('images/rss_32.png') no-repeat} /*comment total styling*/ .comment-total{text-align: center;font-size: 1.5em;color: #fff;} .comment-total span{font-size: 2em;color: #800000;} .alignleft {float:left; margin-right:1em; margin-bottom:1em; margin-top:1em;} .alignright {float:right; margin-right:1em; margin-bottom:1em; margin-top:1em;}