/* Theme Name: Bystricoviny Default Theme URI: http://www.bystricoviny.sk/ Description: Bystricoviny Theme Version: 1.0 Author: DesignMe & MON MEDIA Author URI: http://www.designme.sk/ & http://www.mon-media.com/ */ /* RED = #BB0000; LIGHT RED 2 = #CC0000; LIGHT RED = #FF0000; DARK GRAY = #333333; LIGHT GRAY = #666666; LIGHTER GRAY = #999999; FOOOTER GRAY = #EEEEEE; */ /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #fff url('img/body-bcg.png') repeat-x !important; color: #333; text-align: center; letter-spacing: 0px !important; } /* End Typography & Colors */ a {outline: none; -moz-outline: none;} .left { float: left;} .right { float: right;} .clear { clear: both; height: 0px; } .l-red { color: #FF0000;} .l-red2 { color: #CC0000;} .l-gray { color: #999999;} .d-gray { color: #555555;} .lv_Title { display: none !important;} /* Begin Structure */ body, html { margin: 0px; padding: 0px;} #page-wrapper { width: 980px; margin: auto;} #banner-top { width: 980px; overflow: hidden; height: 100px; margin: 7px 0px;} #header-wrapper { width: 980px; overflow: hidden; } #header-img { width: 980px; height: 122px; overflow: hidden; background: url('img/header-1.jpg') no-repeat; position: relative;} #header-img a { position: absolute; width: 265px; height: 45px; top: 41px; left: 0px;} #header-slogan { width: 970px; padding: 5px;background: url('img/header-slogan.jpg') no-repeat; color: #BABABA; text-align: left; overflow: hidden; height: 18px;} #menu-top-wrapper { width: 980px; background: #BB0000; color: #fff; font-size: 11px;} #menu-top { padding: 10px; text-align: left; width: 700px;} #menu-top a { color: #fff; text-decoration: none;} #menu-top a:hover { text-decoration: underline;} #main-menu { width: 960px; padding: 0px 10px; height: 40px !important; background: url('img/main-menu-bcg.png') no-repeat; } #main-menu ul { margin: 0px; padding: 0px; } #main-menu li { background-image: none; list-style-image: none; list-style-type: none; float: left; margin-top: 5px;} #main-menu li a { display: block; padding: 9px 18px; font-size: 14px; color: #fff; text-decoration: none; font-weight: normal !important; font-weight: bold;} #main-menu li a:hover, #main-menu li.current-cat a { color: #333; text-decoration: none; background: url('img/main-menu-over.png') repeat-x;} #top-site-search { width: 210px; padding: 5px; background: #333333;} #searchform { padding: 0px; margin: 0px;} #searchform label { display: none; } #searchform #s { width: 174px; height: 16px; padding: 2px 3px; color: #666666; background: #fff; border: 0px;} #searchsubmit { width: 22px; height: 23px; background: url('img/search-button.png') 0px 3px no-repeat; border: 0px; margin: 0px; padding: 0px;} #bread-date-wrapper { width: 960px; padding: 10px 10px;} #bread-crumb, #today-date { color: #666666; font-size: 11px; text-align: left;} #bread-crumb a, #today-date a { color: #CC0000;} #bread-crumb a:hover, #today-date a:hover { text-decoration: none;} #content-wrapper { width: 980px; text-align: left;} #posts-wrapper { width: 700px; text-align: left; font-size: 12px; color: #444444; line-height: 18px; } #post-wrapper, #post-wrapper p { width: 700px; text-align: left; font-size: 12px; color: #444444; line-height: 18px; } #post-wrapper a { color: #CC0000; text-decoration: underline;} #post-wrapper a:hover { color: #CC0000; text-decoration: none;} #category-posts-wrapper { width: 460px; text-align: left; font-size: 12px; color: #444444; line-height: 18px; } #category-post-wrapper, #category-post-wrapper p { width: 460px; text-align: left; font-size: 12px; color: #444444; line-height: 18px; } #category-post-wrapper a { color: #CC0000; text-decoration: none;} #category-post-wrapper a:hover { color: #CC0000; text-decoration: underline;} div#sidebar-rubriky img { margin-top: 10px;} div#category-posts-thumb { width: 80px; text-align: left;} div#category-post-excerpt-with-image { width: 360px; text-align: left; color: #999999; font-size: 11px; height: 65px; overflow: hidden;} div#category-post-excerpt-with-image p { width: 360px; text-align: left; color: #444444; padding: 0px; margin: 0px; font-size: 12px; height: 65px; max-height: 65px; line-height: 16px; overflow: hidden;} div#category-post-excerpt { width: 460px; text-align: left; color: #999999; font-size: 11px; height: 65px; overflow: hidden;} div#category-post-excerpt p { width: 460px; text-align: left; color: #444444; padding: 0px; margin: 0px; font-size: 12px; height: 65px; max-height: 65px; line-height: 16px; overflow: hidden;} div.category-recent { margin-bottom: 5px; width: 250px;} div.category-recent a { color: #CC0000; text-decoration: none;} div.category-recent div.cr-thumb { width: 238px; height: 108px; padding: 4px 6px 6px 4px; background: #EEEEEE; border: 1px solid #DDDDDD;} div.category-recent div.cr-detail { width: 250px; padding: 0px; border-bottom: 1px dashed #DDDDDD; font-size: 11px; color: #444444;} div.category-recent div.cr-detail h3 { font-size: 14px; color: #111111; font-family: Georgia; font-weight: normal !important; font-weight: bold; margin: 4px 0px 0px 0px; padding: 0px;} div.category-recent a:hover { text-decoration: underline;} div.category-recent div.cr-detail p { line-height: 14px; padding: 5px 0px; margin: 0px;} div.category-recent div.cr-links { width: 250px; padding: 5px 0px; font-size: 11px; color: #444444;} div.category-recent div.cr-links a { padding: 4px 0px 4px 10px; background: url('img/recent-link-arrow.png') left 7px no-repeat; display: block; text-decoration: none;} div.category-recent div.cr-links a:hover { text-decoration: underline;} .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { margin: 10px; } .wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li { line-height: 25px;} .wp-polls .wp-polls-ans .pollbar { background: url('img/wp-polls-bar.png') repeat-x !important; height: 6px !important; border: none !important;} .pollbar-wrapper { padding: 1px !important; background: url('img/wp-polls-bar-bcg.png') bottom repeat-x !important; width: 100%;} .wp-polls { padding: 11px; border: 1px solid #DDDDDD; color: #444444; font-size: 12px;} #post-wrapper h1, #posts-wrapper h1, #category-posts-wrapper h1 { font-size: 24px; color: #CC0000; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding-top: 10px; padding-bottom: 10px; line-height: 26px; font-family: Georgia; font-weight: normal; margin-top: 0px;} #post-wrapper h2, #posts-wrapper h2, #category-posts-wrapper h2 { font-size: 16px; color: #CC0000; font-family: Georgia; font-weight: normal !important; font-weight: bold; line-height: 24px; margin: 6px 0px;} #post-wrapper h3, #posts-wrapper h3, #category-posts-wrapper h3 { font-size: 14px; color: #111111; font-family: Georgia; font-weight: normal !important; font-weight: bold;} #post-source { font-size: 11px; color: #999999; padding: 10px; border-top: 1px solid #DDDDDD; text-align: right;} #post-gallery { padding: 5px 0px;} #post-gallery img { border: 2px solid #CFCFCF !important;} #post-info { color: #878787; font-size: 11px; margin-bottom: 15px;} #banner-post { width: 700px; margin-bottom: 20px; overflow-x: hidden;} #post-right-sidebar { width: 250px;} span.post-widget-title {display: none;} .gray-border { border: 1px solid #DDDDDD; border-top: 0px !important; } ul.recent-cat-posts { margin:0; padding:10px 26px;} ul.recent-cat-posts li { list-style-type: none; list-style-image: url('img/link-arrow-white.gif'); list-style-position: outside; line-height: 20px;} ul.recent-cat-posts a { color: #CC0000; font-size: 11px; text-decoration: none;} ul.recent-cat-posts a:hover { text-decoration: underline; } div.post-widget { margin-bottom: 5px;} div.post-right-banner { margin-top: 5px;} div.post-right-banner a img { border: none;} #get_recent_comments_wrap ul {border: 1px solid #DDDDDD; border-top: 0px !important; margin:0; padding:10px 16px;} #get_recent_comments_wrap ul a { color: #CC0000; font-size: 11px; text-decoration: none;} #get_recent_comments_wrap ul a:hover { text-decoration: underline; } #get_recent_comments_wrap ul li { list-style-type: none; line-height: 16px; border-bottom: 1px dashed #CCC; padding: 6px 0px; color: #444444;} div#sidebar-rubriky img { margin-top: 10px;} div#rubriky-posts-thumb { width: 80px; text-align: left;} div#rubriky-post-excerpt-with-image { width: 600px; text-align: left; color: #999999; font-size: 11px;} div#rubriky-post-excerpt-with-image p { width: 600px; text-align: left; color: #444444; padding: 0px; margin: 0px; font-size: 12px; height: 65px; max-height: 65px; line-height: 16px; overflow: hidden;} div#rubriky-post-excerpt { width: 700px; text-align: left; color: #999999; font-size: 11px; height: 65px; max-height: 65px; line-height: 16px; overflow: hidden;} div#rubriky-post-excerpt p { width: 700px; text-align: left; color: #444444; padding: 0px; margin: 0px; font-size: 12px; height: 65px; max-height: 65px; line-height: 16px; overflow: hidden;} .commentlist { list-style-position: outside; } .commentlist li { margin-bottom: 10px; } .comment-meta { background: #F3F3F3; padding: 10px; font-size: 11px; margin:0; padding:10px;} .comment { border: 1px solid #DDDDDD;} .comment-text { padding: 0px 10px;} .comment-text p { width: 640px !important;} #commentform, div.form-msp form.wpcf7-form { border: 1px solid #DDDDDD; padding: 10px 15px; margin: 0px; width: 668px; overflow: hidden;} input#author, input#email, input#url { background: #F3F3F3; border: 1px solid #DDDDDD; font-size: 12px; padding: 4px; width: 200px;} div.form-msp form.wpcf7-form input.text { background: #F3F3F3; border: 1px solid #DDDDDD; font-size: 12px; padding: 4px; width: 300px;} div.form-msp form.wpcf7-form textarea { background: #F3F3F3; border: 1px solid #DDDDDD; font-size: 12px; padding: 4px; width: 300px; height: 120px;} div.form-msp form.wpcf7-form table td { text-align: left; padding: 3px; } div.form-msp form.wpcf7-form input#msp-form-submit { background: url('img/button-submit-msp-form.png') no-repeat; width: 100px; height: 20px; border: 0px;} div.form-msp form.wpcf7-form input#event-form-submit { background: url('img/button-submit-event-form.png') no-repeat; width: 100px; height: 20px; border: 0px;} div.form-msp form.wpcf7-form input#contest-form-submit { background: url('img/button-submit-contest-form.png') no-repeat; width: 100px; height: 20px; border: 0px;} #newsletter-submit { background: url('img/button-submit-newsletter-form.png') no-repeat; width: 100px; height: 20px; border: 0px; margin-top: 5px;} div.form-msp form.wpcf7-form .ajax-loader { position: absolute; top: 0px; right: 125px;} div.form-msp form.wpcf7-form .wpcf7-response-output { display: none !important; margin: 0px !important; padding: 0px !important; height: 0px !important;} input#submit-comment { background: url('img/button-submit-comment.png') no-repeat; width: 100px; height: 20px; border: 0px;} #wp-calendar { background: #EEEEEE; border: 1px solid #CCCCCC; margin-top: 1px;} table.nav { font-size: 12px; color: #666666; font-weight: bold; width: 100%; height: 25px; background: url('img/calendar-nav-bcg.png') repeat-x; border-bottom: 1px solid #fff;} table.nav a { color: #666666; text-decoration: none;} table.nav a:hover { color: #666666; text-decoration: underline;} table.nav td#prev a:hover { text-decoration: none !important;} table.nav td#next a:hover { text-decoration: none !important;} table.wp-calendar-small { border-collapse: collapse; margin: 15px auto;} table.wp-calendar-small td { width: 28px; height: 28px; line-height: 28px; font-size: 12px; color: #444444; background: url('img/calendar-table-no-event.png') repeat-x; border: 1px solid #CCCCCC; text-align: center;} table.wp-calendar-small td.pad { background: none !important; border: none !important;} table.wp-calendar-small td.ec3_eventday { background: url('img/calendar-table-event.png') repeat-x !important;} table.wp-calendar-small td.ec3_eventday a { color: #fff; text-decoration: none;} table.wp-calendar-small td.ec3_eventday a:hover { text-decoration: underline;} table.wp-calendar-small td.ec3_today, table.wp-calendar-small td.ec3_today a { color: #0099FF !important;} .section-heading { font-size: 11px; font-weight: bold; padding: 8px 15px; position: relative;} .s-dgray { background: #555555 url('img/section-heading-dgray.png') no-repeat; color: #fff;} .s-lgray { background: #DDDDDD url('img/section-heading-lgray.png') no-repeat; color: #666666;} .s-red { background: #B50000 url('img/section-heading-red.png') no-repeat; color: #FFF;} #button-add-comment { background: url('img/button-add-comment.png') no-repeat; width: 90px; height: 20px; top: 7px; right: 7px !important; right: 40px; position: absolute; } #footer { width: 950; background: #EEEEEE; color: #666666; padding: 15px; text-align: left; line-height: 20px; position: relative; font-size: 11px; margin-top: 15px;} #footer a { color:#CC0000; text-decoration: none;} #footer a:hover { text-decoration: underline;} #footer a#back-to-top { font-size: 10px; background: url('img/back-to-top.png') no-repeat; top: 25px; right: 0px; color: #fff; text-decoration: none; position: absolute; padding: 0px 9px !important; padding: 0px; width: 125px; height: 20px;} div.wp-forecast { margin-top: 10px; margin-bottom: 10px;} div.forecast-day { width: 223px; background: #F6F6F6; text-align: left; margin-bottom: 1px; margin-right: 1px; float: left; } div.odd { background: #EEEEEE !important;} div.fd-ico { padding: 5px 4px; float: left;} div.fd-desc { float: left; width: 155px; padding: 8px 0px; line-height: 14px; font-size: 10px;} div.banner-forecast { width: 460px !important;} #hp-top-wrapper { } .hp-top-nav {width: 460px; z-index: 2;} .hp-top-nav a { text-decoration: none; margin-right: 3px;} .hp-top-nav a:hover { text-decoration: underline;} .hp-top-nav a.in-active { background: #FFF; color: #999999; font-size: 11px; font-weight: bold; padding: 5px 15px; border: 1px solid #CCCCCC; border-bottom: 0px !important;} .hp-top-nav a.active { background: #EEEEEE url('img/hp-nav-heading.png') top left no-repeat;; color: #CC0000; font-size: 11px; font-weight: bold; padding: 5px 15px 6px 15px; border-bottom: 0px solid #EEEEEE; border-right: 1px solid #CCC; } div.hp-top { width: 438px; padding: 10px; background: #EEEEEE; border: 1px solid #CCCCCC; margin-bottom: 15px; font-size: 11px; color: #878787; z-index: 1; display: none;} div.hp-top p { color: #444444; font-size: 12px !important; font-weight: normal !important; margin: 0px; padding: 0px;} div.hp-top a { color: #CC0000; font-size: 11px; text-decoration: none;} div.hp-top a:hover { text-decoration: underline; } div.hp-top h1 { font-size: 20px !important; color: #CC0000 !important; padding: 0px !important; margin: 10px 0px !important; font-family: Georgia !important; font-weight: normal !important; border: none !important; line-height: 24px !important;} div.hp-top h1 a { font-size: 20px !important; } div.hp-top img { border: 1px solid #CCCCCC; } div.banner-listing { margin: 10px 0px 0px 0px;} div.navigation { margin: 15px 0px;} div.navigation a { color: #CC0000;} div.wpcf7-validation-errors { background: #FFCFCF none repeat scroll 0 0; border: none !important;} div.wpcf7-response-output { margin: 0px !important; padding: 10px !important;} div.entry p { font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important; font-size: 12px !important;} div.entry img { border: none;} /* liScroll style declarations */ .tickercontainer { /* the outer div with the black border */ width: 970px; margin: 0; padding: 0 overflow: hidden; height: 18px; display: none; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 0px; top: 0px; width: 970px; height: 18px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 970px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; height: 18px; line-height: 18px; list-style-image: url('img/slogan-ico.png'); } ul.newsticker a { white-space: nowrap; padding: 0; color: #BABABA; font: 11px Verdana; margin: 0 50px 0 0; text-decoration: none; } ul.newsticker a:hover { text-decoration: underline; } ul.newsticker span { margin: 0 10px 0 0; } /* ----------------------------------------------------- */ /* ------------------->>> CINEMA <<<-------------------- */ /* ----------------------------------------------------- */ #cinema-wrapper { width: 250px; } #cinema { float:left; width:100%; margin:0; padding:0;} #cinema ul { margin:0; padding:0;} #cinema li { display: block; float: left; width: 100%; height: 28px; list-style: none; color: #fff; background: #a80532 url(img/cinema-dots.gif) top repeat-x; text-align: left;} #cinema li.dark { background: #890328; } #cinema li.last { height: 27px; } #cinema li span { display: block; padding: 8px 0 0 32px; background: url(img/cinema-arrow.gif) 22px 12px no-repeat; } #cinema { float: left; width: 100%; } #cinema li a { color:white; text-decoration:none; } #cinema li a:hover {text-decoration:underline; } #cinema-bottom { float: left; width: 220px; height: 8px; margin-bottom: 0px; height: 8px; font-size: 0; background: url(img/layout/cinema-bottom.png); } #cinema-top { float: left; width: 220px; height: 83px; position: relative; font-size: 0; background: url(img/cinema-bottom.png); } #cinema-top { float: left; width: 220px; height: 83px; background: url(../layout/cinema-top.png); } #cinema-top h2 { font-size: 14px; color: #fff; font-weight: bold; padding: 30px 0 0 96px; } #cinema-top h2 span { font-size: 11px; color: #e8af05; font-weight: normal; }