/** Theme Name: Prominecon Theme URI: http://w3w.cz/ Version: 1.0 Author: W3W - Stuart Homfray Author URI: http://w3w.cz */ /*====================================== 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, tt, var, b, u, i, center, 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; background: transparent; vertical-align: baseline; font-size: 100%; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */ strong, .strong { font-weight: bold; } a img { border: none; } abbr, acronym, .help {cursor: help; border-bottom: 1px dotted;} abbr:hover, acronym:hover, .help:hover { border-bottom: 1px solid; } textarea, select, table { font-size: 1.05em; } sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.6em; font-size: 0.8em\9 } .ir { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ html { overflow-y: scroll; } body { background: #fff url('img/body_bg.jpg') no-repeat 50% -252px; color: #6a6b6c; font-family: Arial, sans-serif; } h1, h2, h3, h4 { color: #008bd2; } h1 { font-size: 1.4em; margin: 15px 0;} h2 { font-size: 1.2em; margin: 15px 0;} h3 { font-size: 1.1em; margin: 15px 0;} h4 { font-size: 1em; margin: 5px 0;} p, ol, ul { font-size: 1em; margin: 0 0 10px;} a { text-decoration: underline; } a:link { color: #008bd2; } a:visited { color: #507bc2; } a:hover, a:focus, a:active { color: #008bd2; text-decoration: none; } ul { list-style-type: disc; margin: 0 25px 10px; } ol { list-style-type: decimal; margin: 0 35px 10px; } #pagewrap { width: 100%; background: url('img/bg_bottom.png') no-repeat 50% 100%; padding-bottom: 45px; } * html #pagewrap { background: none; } #canvas { width: 956px; margin: 0 auto; background: #fff; } #header { margin: 0 0 10px 0; background: url('img/bg_header.jpg') no-repeat bottom right; min-height: 181px; _height: 181px; position: relative; z-index: 1000; } #heading, #heading a { font-size: 1.2em; margin: 0; padding: 0; font-weight: normal; display: block; position: relative; width: 215px; height: 63px; overflow:hidden; } #heading { float: left; margin-top: 50px; } #heading .ir { background: url('img/logo.png') no-repeat 0 0; } /** Nav */ #header #navigation { position: absolute; top: 142px; left: 0; width: 956px; font-size: 0.7em; } #header #nav { float: right; list-style: none; padding: 0; /*margin: 0 15px;*/ margin: 0 0 0 15px; z-index: 20; text-transform: uppercase; } #navigation ul, #navigation li { margin: 0; padding: 0; list-style-type: none; min-height: 1%; _height: 1%; z-index: 1000; } #header #nav li { position: relative; float: left; min-height: 1%; z-index: 10; height: 40px; margin-left: 1px; background: url('img/bg_mainmenudivider.gif') no-repeat 100% 0; } #header #nav li.page-item-14 { background: none; } #header #nav a { line-height: 1; color: #fff; font-size: 1.1em; font-weight: bold; text-decoration: none; display: block; float: left; padding: 0 0 0 9px; min-width: 1px; line-height: 40px; } #header #nav a span { display: block; padding: 0 18px 2px 9px; } #header #nav a:hover, #header #nav a:focus, #header #nav a:active { color: #fff; } #header #nav a:hover span, #header #nav a:focus span, #header #nav a:active span { } #header #nav ul { width: 13em; min-height: 1%; position: absolute; left: -999em; top: 40px; border: 1px solid #ddd; border-top: none; } #header #nav ul li { background: none; height: auto; margin-left: 0; clear: left; width: 13em; vertical-align:bottom; /* fix IE6 vertical alignment */ min-height: 1%; } * html #header #nav li li a { height: 1%; /* fix IE6 'clickable button' problem */ } #header #nav ul a { width:13em; min-height: 1px; line-height: 1.3; font-weight: normal; margin-left: 0; color: #008BD2; padding: 0; width: 100%; background: #fff; } #header #nav ul a span { padding: 3px 5px; background: none; } #header #nav ul a:hover, #header #nav ul a:focus, #header #nav ul a:active { background: #32A2DB; } #header #nav ul a:hover span, #header #nav ul a:focus span, #header #nav ul a:active span { background: none; } #header #nav li:hover ul, #header #nav li.hover ul { left: 0; min-height: 1%; } #header #nav ul ul { top: -15px; left: -999em; } #header #nav li:hover ul ul, #header #nav li.hover ul ul { left: -999em; } #header #nav ul li:hover ul, #header #nav ul li.hover ul { left: 13em; min-height: 1%; } #header #nav .current_page_item a, #header #nav .current_page_ancestor a { /*color: #0091c1;*/ color: #fff; } #header #nav .current_page_item ul a, #header #nav .current_page_ancestor ul a { color: #008BD2; } #header #nav .current_page_item ul a:hover, #header #nav .current_page_ancestor ul a:hover, #header #nav .current_page_item ul a:focus, #header #nav .current_page_ancestor ul a:focus, #header #nav .current_page_item ul a:active, #header #nav .current_page_ancestor ul a:active { color: #fff; } #header #nav .current_page_item a span, #header #nav .current_page_ancestor a span { } #header #nav ul .current_page_item a, #header #nav ul .current_page_parent a { background: #32A2DB; color: #fff; } #header #nav ul .current_page_item ul a, #header #nav ul .current_page_parent ul a { background: #fff; color: #008BD2; } #header #nav ul ul .current_page_item a, #header #nav ul ul .current_page_parent a { background: #fff; color: #008BD2; } #header #nav ul ul a:hover, #header #nav ul ul a:focus, #header #nav ul ul a:active { background: #32A2DB; color: #fff; } #qtranslate-chooser, #searchform { float: right; margin-top: 10px; } #qtranslate-chooser { list-style-type: none; margin-right: 10px; } #qtranslate-chooser li { float: left; margin-right: 5px; font-size: 0.8em; } #qtranslate-chooser li a { display: block; background: #5abaeb; border: 1px solid #5abaeb; color: #fff; text-decoration: none; padding: 4px 4px 3px; line-height: 1; } #qtranslate-chooser li.active a { background: #919090; border-color: #919090; } #qtranslate-chooser li a:hover, #qtranslate-chooser li a:focus, #qtranslate-chooser li a:active { border-color: #fff; } #searchform { _width: 300px; _text-align: right; _display: inline; margin-right: 22px; } #searchform label { font-size: 0.9em; font-weight: bold; color: #091D36; } #searchform input { vertical-align: middle; } #s { border: 1px solid #62a9c8; width: 150px; font-size: 0.9em; padding: 2px; } .cform legend { display: none; } .cform ol { list-style-type: none; margin: 0; padding:0; } .cform li { margin-bottom: 15px; } .cform .single, .cform .area { border: 1px solid #62a9c8; width: 250px; font-size: 0.9em; padding: 2px; font-family: Arial, sans-serif; } .cform .area { vertical-align: top; } .cform label { display: block; } .cform .emailreqtxt, .cform .reqtxt { margin-left: 5px; font-size: 0.85em; font-weight: bold; color: #8A8B8C; } .linklove { position: absolute; left: -999em; } #primaryContent .cform .cf_li_text_err { margin: 0; padding: 0; } #primaryContent .cform .cf_li_text_err li { margin: 0; padding: 0; background: none; font-size: 1.15em; color: #d00; font-weight: bold; } #primaryContent .cform .cf_li_err { margin-bottom: 25px; color: #d00; } .cform .cf_li_err .single, .cform .cf_li_err .area { border-color: #d00; } .cf_info { font-size: 0.9em; font-weight: bold; } #primaryContent .cf_info ol { margin: 10px 30px 0; font-weight: normal; } .failure { margin: 10px 0 15px; border: 1px solid #d00; padding: 10px 8px; color: #d00; } .waiting { margin: 10px 0 15px; border: 1px solid #62A9C8; padding: 10px 8px; color: #62A9C8; } #primaryContent .failure a { color: #d00; } .success { margin: 10px 0 15px; border: 1px solid #0d0; padding: 10px 8px; font-weight: bold; color: #0b0; } /** sidebar Nav */ #sec-nav { background: #32a2db; } #sec-nav a { font-size: 0.85em; color: #fff; display: block; padding: 15px 5px; text-align: center; border-bottom: 1px solid #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; } #sec-nav .current_page_item a { text-decoration: underline; } #sec-nav .current_page_item ul a { text-decoration: none; } #sec-nav a:hover, #sec-nav a:focus, #sec-nav a:active, #sec-nav ul a:hover, #sec-nav ul a:focus, #sec-nav ul a:active { text-decoration: underline; } #secondaryContent #sec-nav li { margin: 0; _zoom: 1; } #secondaryContent #sec-nav ul { background: #fff; padding-bottom: 10px; } #sec-nav ul a { color: #008bd2; padding: 8px; font-size: 0.75em; } /** main content */ #primaryContent { width: 700px; float: right; padding: 0; margin: 0 0 20px; _position: relative; } #primaryContent h1 { padding: 0; margin: 15px 0; } #primaryContent h2 { padding: 0; margin: 15px 0; } #primaryContent li.postWrapper h2.postTitle { font-size: 1.7em; margin-top: 9px; margin-bottom: 3px; } #primaryContent li.postWrapper h2.postTitle a { color: #008BD2; } /* titles are h2 on homepage and h1 for internal */ #primaryContent h1.postTitle, #primaryContent h2.postTitle { font-size: 1.4em;; } #primaryContent h3 { padding: 0; margin: 15px 0 5px 0; } #primaryContent h4, #primaryContent h5 { margin: 10px 0 5px; } #primaryContent p, #primaryContent ol, #primaryContent ul { font-size: 0.8em; line-height: 1.6; margin-bottom: 20px; } #primaryContent ul { list-style-type: none; margin-left: 5px; } #primaryContent ul li { background: url('img/bg_bullet.gif') no-repeat 3px 0.8em; padding-left: 15px; } #primaryContent ol p, #primaryContent ul p, #primaryContent td p, #primaryContent ol ol, #primaryContent ul ol, #primaryContent td ol, #primaryContent ol ul, #primaryContent ul ul, #primaryContent td ul { font-size: 1em; } #primaryContent p.intro { font-size: 1em; line-height: 1.4; font-weight: bold; color: #008BD2; } #primaryContent .hp p.intro { margin-top: 0; font-size: 1.4em; line-height: 1.2; } ol#posts { list-style: none; margin: 0; padding: 0; } li.postWrapper, div.postWrapper { margin: 0 25px 0 0; } .postWrapper img { } div.post { } p.postMeta { clear: both; } div.hp { padding-top: 10px; } #pagination { list-style: none; margin: 0px; padding: 0px; } #pagination li { display: inline; } #pagination .previous { text-align: left; float: left; } #pagination .future { text-align: right; float: right; } /** sidebar */ #secondaryContent { width: 215px; float: left; } #secondaryContent h3 { padding: 0; margin: 10px 0 0 0; } #secondaryContent ul { list-style: none; margin: 0; padding: 0; } #secondaryContent ul li { margin: 0 0 10px 0; } #secondaryContent ul #sec-nav-container { margin-bottom: 0; } #news-widget { background: #868686 url('img/bg_news.gif') repeat-x 0 100%; padding-bottom: 180px; } #news-widget h2 { margin-top: 0; margin-bottom: 10px; background: #868686 url('img/bg_newshead.gif') repeat-x 0 100%; } #news-widget h2 a { display: block; background: url('img/bg_newshead_a.gif') no-repeat 25px 50%; padding: 15px 5px 15px 48px; text-decoration: none; color: #fff; font-size: 0.8em; text-transform: uppercase; } #news-items { font-size: 0.8em; } #news-items li { padding-left: 5.8em; padding-right: 15px; position: relative; line-height: 1.4; color: #fff; *margin-bottom: 0; } #news-items li span { position: absolute; top: 0.2em; left: 10px; _left: -5.8em; font-size: 0.85em; font-weight: bold; } #news-items a { display: block; *position: relative; *top: -1.2em; } #news-widget p.more { text-align: right; margin: 10px 15px; font-size: 0.8em; } #news-items a, #news-widget p.more a { background: url('img/bg_arrowbullet_small.gif') no-repeat 0 0.5em; padding-left: 8px; color: #fff; } #comment { width: 500px; } #footer { clear: both; font-size: 80%; background: #0189cd url('img/bg_footer.gif') repeat-x 0 0; color: #fff; } #footer a { color: #fff; } #footer .alignleft, #footer .alignright { margin: 20px 15px; } p#crumbs { margin: 10px 0 0; } #primaryContent #hp-items { margin: 0; padding: 10px 0 0; background: none; overflow: hidden; } #primaryContent #hp-items li { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 170px; padding-right: 140px; background: #ecf8fe; position: relative; min-height: 160px; _height: 160px; margin-bottom: 15px; } #primaryContent #hp-items h3 { margin-top: 5px; } #primaryContent #hp-items img { position: absolute; top: 10px; right: 10px; } #primaryContent #hp-items .more { display: block; width: 100px; line-height: 22px; text-indent: 50px; text-decoration: none; font-weight: bold; background: #5ab4e2 url('img/morebutton.gif') no-repeat 0 0; color: #fff; } #primaryContent #hp-items .more:hover, #primaryContent #hp-items .more:focus, #primaryContent #hp-items .more:active { text-decoration: underline; } #primaryContent small.postDate { font-weight: bold; display:block; margin-bottom: 10px; } #primaryContent li.postWrapper small.postDate { font-size: 1.25em; margin-bottom: 6px; } #primaryContent .searchresults li.postWrapper { padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; } /** normally hidden but will appear when css disabled */ .skip, .noCss { position: absolute; left: -9999px; } /** theme requirements as per http://codex.wordpress.org/CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } img.alignleft { margin: 5px 15px 10px 0; } img.alignright { margin: 5px 0 10px 15px; } /* nggallery cleanup */ #primaryContent ul.ngg-list, #primaryContent ul.galleryView { margin-left: 0; } #primaryContent ul.ngg-list li, #primaryContent ul.galleryView li { background: none; padding: 0; } #primaryContent ul.ngg-list a { display: block; padding: 3px; border: 1px solid #ddd; background: #fff; margin: 0 5px 5px 0; } #primaryContent ul.ngg-list a img { display: block; } #primaryContent ul.ngg-list a:hover, #primaryContent ul.ngg-list a:focus, #primaryContent ul.ngg-list a:active { background: #ddd; } #primaryContent a.panel-content { text-decoration: none; } #primaryContent .panel-content .panel-overlay span { display: block; padding: 0.1em 0; text-align: right; } .js #primaryContent ul.galleryView, .js #primaryContent ul.galleryView a:link, .js #primaryContent ul.galleryView a:visited { color: #fff !important; }