/* Theme Name: Sidon Theme URI: http://www.sramekdesign.com/portfolio/themes/Sidon/ Description: 3 column AdSense ready theme, 2 columns widget ready developed by Sramek Design. Added nested comments support & dropdown menu. Author: Tomas Sramek version: 1.4.2 Author URI:http://www.SramekDesign.com tags: blue, white, three-columns, fixed-width, threaded-comments */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; color: #000000; background-color: #FFFFFF; margin: 0px; } h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .alignleft { text-align: left; float: left; margin-right: 8px; margin-top: 5px; } .alignright { text-align: right; float: right; margin-top: 5px; margin-left: 8px; } .aligncenter { text-align: center; clear: both; margin-right: 5px; } img { margin: 0px; float: left; padding-right: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .justify { text-align: justify; } #wrapper { width: 962px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; } #container { margin: 0px; border-left: #000000 solid 1px; border-right: #000000 solid 1px; border-color: #FFFFFF; float: left; width: 960px; background-color: #FFFFFF; /*farba pozadia*/ } #header { width: 960px; float: left; } #header1 { /*modra lista s main menu a search form*/ width: 960px; height: 50px; float: left; padding-top: 0px; background-color: #151515; background-image: url(images/main_menu.gif); background-repeat: no-repeat; } #main_menu { /*hlavne menu v headeri*/ width: 630px; height: 36px; float: left; padding-top: 2px; padding-left: 10px; } #main_menu a { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; } #main_menu ul { width: 600px; float: left; text-align: left; list-style-type: none; line-height: 36px; margin: 0px; padding: 0px; } #main_menu li { width: auto; float: left; margin-right: 0px; margin-left: 0px; display: inline; font-size: 1.4em; line-height: 36px; padding-left: 6px; padding-right: 6px; } #main_menu a:link, #main_menu a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; height: 36px; line-height: 36px; } #main_menu a:hover, #main_menu a:active { color: #FFFFFF; /*background-image: url(images/main_menu_hover.gif); background-repeat:repeat-x;*/ text-decoration: underline; font-weight: bold; height: 36px; line-height: 36px; } #main_menu ul li.current_page_item a{ text-decoration: underline; } #search_box { float: right; width: 260px; height: auto; margin: -30px 0 0 0; z-index:9999; position:relative; } #search_box form { float: left; width: 260px; } #search_field { background: none; color: #000033; font-style: italic; font-weight: bold; background-repeat: no-repeat; width: 205px; float: left; border: none; margin-top:2px; } .search_button { float: right; margin: 0px; padding-top: 0px; padding-right: 17px; } #header2 { /*podklad adsense_468x60 a logo_theme*/ width: 960px; height: 100px; float: left; padding-top: 0px; background-color: white; background-repeat: no-repeat; } .banner_468x60 { /*adsense banner*/ width: 468px; height: 60px; float: right; padding-top: 20px; padding-right: 0px; } .banner_728x90 { /*adsense banner*/ width: 728px; height: 90px; float: right; padding-top: 5px; padding-right: 0px; } .logo_theme { /*logo_theme*/ width: 200px; height: 60px; float: left; padding-top: 7px; padding-left: 0px; background-color: red; } .logo{ float: left; width: 230px; height: 90px; padding: 10px 0 0 0; } .logo h1{ font-size: 20px; } .logo h1 a{ color:#0066FF;} /*content*/ /*content*/ #content { margin: 0px; padding: 0px; float: left; width: 960px; position: relative; } #footer { float: left; width: 960px; background-image: url(images/footer.gif); background-repeat: no-repeat; background-position: center top; height: 36px; padding-bottom: 0px; } .footer_links { margin: 0px; float: left; width: 950px; padding-right: 5px; padding-left: 5px; line-height: 36px; height: 36px; font-size: 11px; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; } .footer_links a:link, .footer_links a:visited { color: #FFFFFF; text-decoration: none; border-bottom: #0066FF dotted 1px; } .footer_links a:hover, .footer_links a:active { color: #FFFFFF; text-decoration: underline; } .articles { float: right; width: 960px; position: relative; } #post { float: left; width: 620px; position: relative; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; overflow: hidden; } #sidebar { float: right; width: 320px; margin-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 20px; background-color: #FFFFFF; } .ad_box{ float: left; width: 310px; padding-right: 0px; padding-left: 10px; background-color: #EEEEEE; } .ad_box img{ float: left; width: 125px; height: 125px; margin: 10px; } .left_col { float: left; width: 155px; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; background-color: #F4F4F4; } .right_col { float: left; width: 150px; padding-left: 5px; padding-right: 0px; padding-bottom: 10px; } #content h1 a:link, #content h1 a:visited { text-decoration: none; color: #003399; } #content h1 a:hover, #content h1 a:active { text-decoration: underline; color: #003399; } #content .left_col h2 { float: left; width: 145px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1px; padding: 0px; padding-left: 10px; padding-top: 0px; font-size: 1.5em; line-height: 1.7em; color: #FFFFFF; background-image: url(images/sipka3_right.gif); background-repeat: no-repeat; background-position: left 2px; } #content .right_col h2 { float: left; width: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; padding: 0px; padding-left: 10px; padding-top: 0px; font-size: 1.5em; line-height: 1.7em; color: #FFFFFF; background-image: url(images/sipka3_right.gif); background-repeat: no-repeat; background-position: left 2px; } #content h1 { font-size: 2.0em; } #content h2 { font-size: 1.8em; } #content h3 { font-size: 1.6em; } #content h4 { font-size: 1.4em; } #content h5 { font-size: 1.2em; } #content h6 { font-size: 1.0em; } /*meta*/ /*meta*/ .meta { float: left; width: 100%; margin: 0px; color: #003399; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; } .meta a:link, .meta a:visited { color: #003399; text-decoration: none; } .meta a:hover, .meta a:active { color: #003399; text-decoration: underline; } .date_box { background: url(images/date_box_bg.gif); background-repeat: no-repeat; height: 54px; margin: 0px; margin-bottom: 0px; width: 54px; text-align: center; float: right; margin-top: 15px; } .date_box .year { display: block; color: #D5EAFF; padding: 2px 0px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: 4px; font-weight: bold; margin-bottom: 3px; } .date_box .day { display: block; color: #FFFFFF; font-size: 20px; font-weight: bold; padding-top: 0px; text-align: center; margin-top: -10px; } .date_box .month { display: block; color: #D5EAFF; padding: 2px 0px; padding-bottom: 5px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: -6px; font-weight: bold; margin-bottom: 5px; } .info_box{ float: left; width: 560px; margin-bottom: 15px; padding-top: 0px; margin-left: 0px; margin-right: 0px; } .post_banner { float: left; width: 560px; margin: 0px; color: #FFFFFF; background-image: url(images/post_banner.gif); background-repeat: no-repeat; height: 19px; padding-top: 0px; padding-bottom: 0px; background-position: center; line-height: 19px; } .post_banner a:link, .post_banner a:visited { color: #FFFFFF; text-decoration: none; } .post_banner a:hover, .post_banner a:active { color: #FFFFFF; text-decoration: underline; } .author { float: left; padding-left: 5px; } .comment { float: right; padding-right: 5px; } .category{ float: left; width: 100%; margin: 0px; color: #000000; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; } .category a:link, .category a:visited { color: #003399; text-decoration: none; } .category a:hover, .category a:active { color: #003399; text-decoration: underline; } /* post_content */ /* post_content */ .post_content { float: left; width: 100%; padding-top: 10px; padding-bottom: 20px; line-height: 20px; color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } .post_content a:link, .post_content a:visited { color: #003399; text-decoration: none; } .post_content a:hover, .post_content a:active { color: #003399; text-decoration: underline; } .post_content p { margin-top: 8px; margin-bottom: 0px; } .post_content blockquote { display:block; width:70%; padding-left:10px; border-left:1px dotted black; } .post_content code { font-family: "Courier New", Courier, monospace; line-height: 20px; color: #666666; background-color: #F8f8f8; font-size: 11px; } .post_content { margin: 0px 0 0px 0; font-size: 1.2em; } .post_content p{ padding: 5px 0 5px 0; } .post_content ul { padding: 5px 0 5px 30px; } .post_content ol { padding: 5px 0 5px 33px; } .post_content img { margin: 5px 5px 5px 5px; } .post_content table{ border-bottom: 3px solid #DDD; border: 1px solid #0080ff; } .post_content table td, .post_content table th{ text-align: left; padding: .2em .4em; border-top: 1px solid #0080ff; border-right: 1px solid #0080ff; } .post_content table th{ background: #d9ecff; border-bottom: 2px solid #0080ff; } .post_content table tr.odd{ background: #ebebeb; } #post_navigator { float: left; width: 440px; font-size: 14px; line-height: 40px; color: #FFFFFF; font-weight: bold; height: 40px; } #post_navigator a:link, #post_navigator a:visited { color: #003399; text-decoration: none; } #post_navigator a:hover, #post_navigator a:active { color: #003399; text-decoration: none; } .post_tag { float: left; width: 100%; margin: 0px; color: black; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; width: 100%; } .post_tag a:link, .post_tag a:visited { color: #003399; text-decoration: none; } .post_tag a:hover, .post_tag a:active { color: #003399; text-decoration: underline; } /*sidebar*/ /*sidebar*/ .widget { text-align: left; margin: 0px; padding: 0px; float: left; width: 90%; list-style-type: none; } .widget li { float: left; width: 100%; padding: 0px; text-align: left; font-size: 11px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; line-height: 15px; } .widget li a:link, .widget li a:visited { padding-left: 10px; color: #000000; text-decoration: none; /*background-image: url(images/sipka.gif); background-repeat: no-repeat; background-position: left 2px;*/ display: block; } .widget li a:hover, .widget li a:active { padding-left: 10px; color: #000000; text-decoration: underline; /*background-image: url(images/sipka.gif); background-repeat: no-repeat; background-position: left 2px;*/ display: block; } .widget ul { text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; list-style-type: none; } .widget ul li { float: left; width: 100%; padding: 0px; text-align: left; font-size: 11px; line-height: 18px; margin: 3px 0px 0px; } .widget ul li ul { margin:0 0 0 10px;} /* calendar */ /* calendar */ #wp-calendar { empty-cells: show; width: 80%; font-size: 11px; color: #000000; text-decoration: none; text-align: center; float: left; padding: 0px; margin: 10px 0px 0px; } #wp-calendar a:link, #wp-calendar a:visited { text-decoration: none; color: #003399; font-weight: bold; } #wp-calendar a:hover, #wp-calendar a:active { text-decoration: underline; color: #003399; font-weight: bold; } #wp-calendar caption { text-align: left; width: 80%; margin: 0px; color: #000000; font-size: 1.4em; padding: 0px; font-weight: bold; font-family: "Futura LT Book"; } #wp-calendar th { margin: 0px; padding: 0px; text-align: center; } #wp-calendar #next a { text-align: left; color: #003399; text-decoration: none; float: right; padding-top: 10px; } #wp-calendar #prev a { text-align: center; color: #003399; text-decoration: none; float: left; padding-top: 10px; } #wp-calendar td { margin: 0px; padding: 0px; text-align: center; } #wp-calendar tf { margin: 0px; padding: 0px; } /*********************/ /* C O M M E N T S */ /*********************/ /*form*/ #commentform { width: 70%; margin: 0 0 0 40px; } #commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0 0 20px 0; float: right; } .alt { margin: 0; padding: 10px; } h3#comments, #respond h3 { font-size: 1.4em; margin: 10px 30px 10px 20px; } #commentform p { margin: 5px 0; } /*comments*/ /*comments*/ ol.commentlist { width: 600px; list-style: none; margin: 0 auto 0 auto; padding: 0; } ol.commentlist li { border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px; padding: 5px 7px 5px 64px; position: relative; background: white; } ol.commentlist li.bypostauthor {background-color:#d9ecff;}/*admin's comment*/ ol.commentlist li.byuser {} ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; } ol.commentlist li div.vcard { font-weight: bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; } ol.commentlist li div.vcard cite.fn { font-style: normal; font-size: 11px; } ol.commentlist li div.vcard cite.fn a.url { color: #cc0000; text-decoration: none; } ol.commentlist li div.vcard cite.fn a.url:hover { color: #000; } ol.commentlist li div.vcard img.avatar { background: #fff; border: 1px solid #aaa; padding: 5px; position: absolute; left: 7px; _left: -57px; top: 7px; } ol.commentlist li div.comment-meta { font-weight: bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position: absolute; right: 10px; text-align: right; top: 5px; } ol.commentlist li div.comment-meta a { color: #205B87; text-decoration: none; } ol.commentlist li p { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin: 5px 0 12px; } ol.commentlist li ul { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style: square; margin: 0 0 12px; padding: 0; } ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; padding: 6px 5px 4px; text-align: center; width: 36px; } ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; } ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; } ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent: 0; } ol.commentlist li ul.children li.depth-2 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-3 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-4 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-5 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-6 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-7 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-8 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-9 { margin: 0 0 3px; } ol.commentlist li ul.children li.depth-10 { margin: 0 0 3px; } ol.commentlist ul.children li.even { background: white; }/*2nd,4th,6th etc..*/ ol.commentlist ul.children li.odd { background: white; }/*3rd,5th,6th etc..*/ ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; } #post h2.search{ font-size: 16px; width: 100%; height: 20px; display: block; clear: both; } /*********************/ /*dropdown menu*/ /*********************/ #top-menu { width:auto; height:32px; position:relative; margin:-2px 0 0 -30px; z-index:100; font-family:arial, sans-serif;} #top-menu ul {list-style-type:none;} #top-menu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ #top-menu li {float:left;width:149px;position:relative;} #top-menu ul li{ width:auto;} /* the links for the 1st level ****/ #top-menu a, #top-menu a:visited {display:block;font-size:14px;text-decoration:none; color:white; width:auto; height:30px; padding:0 10px 0 10px; line-height:29px; font-weight:bold;} #top-menu li a:link, #top-menu li a:visited, #top-menu li a:hover, #top-menu li a:active{ border-width:0px 0px 0px 1px;} #top-menu li:first-child a{ border-width:0px 0px 0px 0px;} /*current*/ #top-menu li.current_page_ancestor a{ text-decoration:underline;} #top-menu li.current_page_item a, #top-menu ul ul li.current_page_item a, #top-menu ul ul ul li.current_page_item a, #top-menu ul ul ul ul li.current_page_item a { text-decoration:underline;} #top-menu ul li.current_page_parent a, #top-menu ul ul li.current_page_parent a, #top-menu ul ul ul li.current_page_parent a, #top-menu ul ul ul ul li.current_page_parent a, #top-menu ul ul ul ul li.current_page_ancestor a { text-decoration:underline;} /* the 4th level****/ #top-menu ul ul ul ul a:link, #top-menu ul ul ul ul a:visited {background-color:blue;} /* the 4th level hover ****/ #top-menu ul ul ul ul a:hover {background-color:blue;} /* the 3rd level****/ #top-menu ul ul ul a:link, #top-menu ul ul ul a:visited {} /* the 3rd level hover ****/ #top-menu ul ul ul a:hover, #top-menu ul ul ul a:active {text-decoration:underline;} /* hide the sub levels and positioning */ #top-menu ul ul, #top-menu ul ul ul, #top-menu ul ul ul ul {visibility:hidden; position:absolute; height:0; top:28px;left:-40px; width:149px;} /*POSITION*/ /* position the 4th level flyout menu ****/ #top-menu ul ul ul ul{left:149px; top:-1px; width:149px;} /* position the 3rd level flyout menu ****/ #top-menu ul ul ul{left:109px; top:0px; width:149px;} /* style the table so that it takes no part in the layout - required for IE to work */ #top-menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /*END OF POSITION*/ /* the 2nd level links ****/ #top-menu ul ul a:link, #top-menu ul ul a:visited {color:white; height:auto; line-height:1em; padding:5px 10px; width:128px; border-width:0 1px 1px 1px; } /* the 1st level hover ****/ #top-menu a:hover, #top-menu ul ul a:hover{color:white; text-decoration:underline;} #top-menu :hover > a, #top-menu ul ul :hover > a{color:white; text-decoration:underline;} /*VISIBILITY*/ /* make the 2nd level visible when hover on 1st level list OR link */ #top-menu ul li:hover ul, #top-menu ul a:hover ul{visibility:visible; } #top-menu ul ul, #top-menu ul ul ul{ display:block; width:149px; height:auto; background:url(images/bg-menu.png) no-repeat bottom;} /* keep the 3rd level hidden when you hover on 1st level list OR link */ #top-menu ul :hover ul ul{visibility:hidden;} /* make the 3rd level visible when you hover over 2nd level list OR link */ #top-menu ul :hover ul :hover ul{ visibility:visible;} /* keep the 4th level hidden when you hover on 2nd level list OR link */ #top-menu ul ul :hover ul ul{visibility:hidden !important;} /* make the 4th level visible when you hover over 3rd level list OR link */ #top-menu ul ul ul :hover ul{visibility:visible !important;} /* clearfix */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { min-width: 0; display: inline-block; /* \*/ display: block; } * html .clear { /* \*/ height: 1%; }