/*
Theme Name: Hvidra.hr
Theme URI: http://www.1dva.hr/
Description: hvidra.hr dizajn (2009)
Version: 1.0
Author: 1dva
Author URI: http://www.1dva.hr/
*/
/* =minimal css reset */
*	{ margin: 0; padding: 0; }
img	{ border: 0; }
ul	{ list-style: none; }

/* =html elements */
html	{ background: url('img/html-bg.jpg') 0 -285px repeat-x #f1f1f1; height: 100%; }
body	{ clear: both; background: url('img/body-bg.jpg') top center no-repeat transparent; color: #444444; font-family: Arial; font-size: 12.5px; }
a	{ color: #444; text-decoration: none; }
a:hover {}
a:active {}
a:visited {}
h4	{ color: #fff; font-family: Arial; font-size: 18px; font-weight: normal; text-transform: uppercase;  }

/* =general layout */
.skipper	{ position: absolute; left: -9999px; top: -9999px; }
#sizer	{ margin: 0 auto; position: relative; padding-bottom: 150px; width: 960px; }
#header	{ height: 220px; margin-bottom: 15px; }
#logo	{ position: absolute; top: 60px; z-index: 3; }
#page-id	{ position: absolute; left: 285px; top: 48px; }
#page-id a	{ background: url('img/header-title.png') bottom left no-repeat; color: #fff; display: block; font-size: 40.2px; height: 85px; line-height: 42px; text-decoration: none; text-indent: -9990px; overflow: hidden; width: 460px; }
#main-nav	{ position: absolute; right: 0px; top: 140px; padding: 0 0 0 30px; width: 675px; }
#content	{ background: url('img/content-bg.gif') top left repeat-y; display: inline; float: right; margin: 30px 0 100px 0; padding: 0 0 0 31px; position: relative; width: 645px; }
#supplementary-content	{ display: inline; float: left; margin-top: 30px; width: 255px; }
#footer	{ background: url('img/footer-bg.jpg') 0 0 no-repeat; float: left; height: 221px; padding: 10px 30px 0 30px; position: relative; width: 900px; }

/* =header */
#url	{ position: absolute; left: 285px; top: 18px; }
#url a	{ background: url('img/url.png') top left no-repeat; color: #123c5f; display: block; font-size: 20px; text-indent: -100px; overflow: hidden; width: 90px; }
.sub-organizations	{ position: relative; left: 285px; top: 230px; color: #fff; font-family: Arial; font-size: 20px; font-weight: normal; margin-bottom: 23px; text-transform: uppercase; width: 690px; }
#sub-organizations	{ position: relative; left: 285px; top: 230px; width: 690px; }
#sub-organizations li	{ display: block; height: 20px; background: url("img/square.gif") center left no-repeat; margin-bottom: 9px; padding-left: 30px; width: 200px; }
#sub-organizations li a	{ color: #fff; font-size: 16px; font-weight: bold; }
#sub-organizations li.col2	{ position: relative; top: -203px; margin-left: 230px; } /* (20+9)*7 = 203 */
#sub-organizations li.col3	{ position: relative; top: -406px; margin-left: 460px; }
#emblem	{ position: absolute; top: 69px; right: 35px; }/* =navigation */
#main-nav	{ }
#main-nav li	{ display: inline; float: left; line-height: 60px; margin-right: 33px; }
#main-nav li a	{ color: #222222; font-size: 20px; font-weight: bold; text-decoration: none; }
#main-nav #search-button	{ margin: 0; float: right; }
#main-nav #search-button a	{ background: url('img/search-button.gif') left center no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 60px; }

/* =content */
#content .news	{ position: absolute; left: -9999px; top: -9999px; }
#content #news	{ float: left; width: 460px; }
#content #news li	{ display: inline; float: left; margin-right: 30px;  width: 200px; position: relative; }
#content #news dl	{   }
#content #news dt	{ font-family: Georgia; font-size: 14px; font-weight: bold; line-height: 17px; margin: 0 0 5px 0; }
#content #news dt a	{ color: #d80f0f;  }
#content #news .has-image dt	{ position: relative; top: 100px; margin: 8px 0 105px 0; }
#content #news dd	{ line-height: 18.3px; }
#content #news .image	{ position: absolute; top: 0; }
#content #news li.cleaner	{ clear: both; float: left; height: 32px; width: 100%; }
#content #other-news	{ float: left; font-family: Georgia; font-size: 14px; width: 430px; }
#content #other-news li	{ float: left; position: relative; padding-bottom: 9px; width: 100%; }
#content #other-news dt	{ position: relative: top: 20px; margin-bottom: 20px; }
#content #other-news dt a	{ color: #222; }
#content #other-news dd	{ color: #999; position: absolute; top: 17px; }
#content #video-bar	{ position: absolute; top: -30px; right: 0; background-color: #e3eaf0; margin: 0; padding: 30px 15px 10px 15px; width: 155px; }
#content #video-bar ul	{ margin: 0; padding: 0; }
#content #video-bar li	{ border-bottom: 1px solid #ccc; float: left;  margin: 0 0 10px 0; width: 155px; }
#content #video-bar dl	{ position: relative; font-size: 12px; margin-bottom: 20px; }
#content #video-bar dt	{ position: relative; top: 85px; font-family: Georgia; font-size: 16px; margin-bottom: 90px; }
#content #video-bar dt a	{ color: #222;  }
#content #video-bar dd	{ position: relative; color: #222222; padding-left: 47px; }
#content #video-bar dd span	{ position: absolute; left: 0; color: #7f8386;  }
#content #video-bar dd.image	{ position: absolute; top: 0; padding: 0; }
#content #video-bar dd.image span	{ position: absolute; top: -4px; left: 94px; background: url('img/video-overlay.png') top right no-repeat; display: block; height: 65px; width: 65px; z-index: 2; }
#content #video-bar .play	{ position: absolute; left: 56px; top: 19px; background: url('img/video-play.png') 0 0 no-repeat transparent; height: 43px; width: 43px; z-index: 3; }
#content #video-bar #video-archive-link	{ color: #222; display: block; text-align: right; font-weight: bold; }
#content #pagination	{ background: #e3eaf0; color: #444; display: inline; float: left; font-size: 14px; line-height: 50px; margin-top: 26px; padding: 0 25px; width: 595px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content #pagination .pages	{ display: inline; margin-left: 17px; }
#content #pagination .wp-paginate	{ display: inline; margin-left: 17px; }
#content #pagination li	{ display: inline; font-size: 16px; }
#content #pagination li.active	{ font-size: 24px; font-weight: bold; }
#content #pagination li a	{ color: #444; }
.blue-title	{ background: #e3eaf0; -moz-border-radius:5px; -webkit-border-radius:5px; color: #3a3a3a; font-family: Arial; font-size: 16px; font-weight: bold; height: 39px; line-height: 39px; margin-bottom: 10px; padding: 0 20px; text-transform: uppercase; width: 215px; }

/* =supplementary content */
#supplementary-content #events-title	{ position: relative; top: -75px; margin-bottom: -75px; float: left; height: 59px; line-height: 50px; width: 215px; padding: 0 20px; }
#supplementary-content .blue-title	{ float: left; }
#supplementary-content #events	{ float: left; margin-bottom: 15px; }
#supplementary-content #events li	{  border-bottom:1px solid #e2e2e2; float: left; padding: 18px 0 18px 30px; position: relative; width: 225px; }
#supplementary-content #events dt	{ position: relative; top: 24px; margin-bottom: 20px; font-family: Arial; font-size: 14px; }
#supplementary-content #events dt a	{ color: #333; }
#supplementary-content #events dd.date	{ position: absolute; top: 18px; left: 16px; color: #d80f0f; font-family: Georgia; font-size: 16px; }
#supplementary-content #events-title { background: url('img/events-title.gif') 0 0 no-repeat; }
#supplementary-content #contact	{ background: url('img/vcard-bg.gif') top left no-repeat ; display: inline; float: left; font-size: 14px; line-height: 18px; margin-top: 30px; padding-left: 80px; width: 170px; }
#supplementary-content #contact .org	{ font-weight: bold; letter-spacing:-1px; margin-bottom: 8px; }
#supplementary-content #contact .org a	{ color: #222; }
#supplementary-content #contact .adr,
#supplementary-content #contact .tel	{ display: block; margin-bottom: 8px; }
#supplementary-content #contact .email	{ color: #222; }

/* =footer */
#footer a	{ color: #ccc; line-height: 14px; }
#footer a:hover	{ border-bottom: 1px solid #666666; }
#footer #related-links { width: 450px; }
#footer #related-links li	{ float: left; margin-bottom: 10px; margin-top: -5px; padding-left: 13px; width: 212px; }
#footer #copyright { position: absolute; bottom: 20px; left: 30px; }
#footer #copyright a	{ color: #444; }
#footer #madeby	{  position: absolute; bottom: 20px; right: 30px; text-indent: -9999px; overflow: hidden; width: 30px; }
#footer #madeby img	{ position: relative; top: 3px; float: right;  }
#footer #related-links-title	{ position: relative; left: -40px; margin-right: -40px; background: url('img/related-links-title.gif') 0 0 no-repeat; height: 48px; line-height: 40px; margin-bottom: 10px; padding: 0 15px 0 40px; width: 210px;  }

/* submenu */
#submenu { display: inline; float: left; width: 250px; margin: 60px 0 50px 0; font-size: 14px; font-weight: bold; }
#submenu li a:link,
#submenu li a:visited { width: 230px; padding: 10px 10px 6px 10px; display: block; border-bottom: solid 1px #ccc; }
#submenu li a:hover { border-bottom: solid 1px red; }

/* =PAGE-SPECIFIED SELECTORS (eg. #home page, #page page, #contact page) */
html#home-html	{ background-position: 0 0; background-color: #f1f1f1; }
#home	{ background: url('img/home-bg.jpg') top center no-repeat transparent;  }
#home #header	{ height: 505px; margin: 0; }
#home #content	{ background: url('img/home-content-bg.gif') top right repeat-y; min-height: 800px; height: auto !important; height: 800px; position: relative;  }

#category #content	{ margin: 60px 0px 28px 0px; overflow: hidden; }
#category .news	{ background: #222222; color: #fff; font-size: 26px; font-weight: normal; height: 90px; line-height: 60px;  text-indent: 285px; position: relative; width: 100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; }
#category .zupanija-contact	{ color: #fff; position: relative; top: -40px; left: 285px; margin-bottom: -40px; }
#category .news .img	{ position: absolute; right: 30px; top: -5px; }
#category #content #news	{ width: 670px;  }
#category #content #news li	{ margin-right: 23px; }
#category #content #news li.cleaner	{display: none; }
#category #supplementary-content	{ margin-top: 60px;  }
#category #zupanije	li a:link,
#category #zupanije	li a:visited { border-bottom: solid 1px #ccc; color: #222; display: block; font-size: 16px; font-weight: bold;  padding: 10px 10px 6px 10px; width: 230px; }
#category #zupanije	li a:hover	{ border-bottom: 1px solid red; }

#article h1	{ color: #222; font-size: 32px; font-weight: bold; line-height: 38px; margin-bottom: 25px; }
#article #content	{ color: #444; font-size: 12.5px; line-height: 19px; padding-bottom: 20px; padding-top: 5px; }
#article #content a	{ border-bottom: 1px solid #ff0000; }
#article #content p	{ margin-bottom: 9px; }
#article #content h2	{ color: #222; font-size: 22px; line-height: 26px; font-weight: bold; margin: 16px 0 4px; }
#article #content ul li	{ list-style: disc; margin: 2px 0 2px 20px;   }
#article #content ol li	{ margin: 5px 0 5px 20px;  }
#search h1	{ position: absolute; left: -9999px; top: -9999px; }

#search #content	{ padding-bottom: 20px; padding-top: 5px; overflow: hidden }
#search #content #news	{ width: 670px; }
#search #content #news li	{ margin-right: 23px; }
#search #supplementary-content	{  }
#search #search-box	{ background: #222222; color: #fff; font-size: 30px; font-weight: normal; margin-bottom: 30px; padding: 10px 10px; position: relative; width: 625px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#search #search-box input	{ background-color: #fff; border: 0; font-size: 24px; color: #222; height: 30px; padding: 5px 60px 5px 10px; width: 555px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#search #search-box button	{ position: absolute; top: 10px; right: 0; z-index: 2; background: url('img/search-button.gif') 10px -10px no-repeat; border: 0; text-indent: -9999px; width: 60px; height: 40px; }

/* =image aligns */
.aligncenter	{ margin-bottom: 9px; margin-top: 5px; }
.alignleft	{ display: inline; float: left; margin: 0 18px 0 0; }
.alignright	{ display: inline; float: right; margin: 0 0 0 18px; }

/* =CSS HACKS */
.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%;}

/* absolute positioning bug */
* html #video-bar dd { height: 1%; }