/*
Theme Name: SOS Telefon Virovitica
Description: Wordpress tema za SOS Telefon Virovitica
Version: 1.0
Author: Matej Sudar - 1dva
Author URI: http://www.1dva.hr/

*/

/* light-blue:#40a5de; dark-blue:#0b4f8e; */

* { margin: 0; padding: 0; margin: 0; }
html { height: 100%; }
body { background: url('img/body-bg.gif') repeat-x #40a5de; height: 100%; margin: 0; font-size: 13px; font-family: "Trebuchet MS", Arial; color: #222; }
a { color: #40a5de; }
a:hover { color: #1388ca; }

a img { border: 0; }

p { margin-bottom: 12px; line-break: 18px;}

#container { background: url('img/container-bg.png') no-repeat; width: 960px; min-height: 550px; margin: 0 auto 0 auto; }
#container #inner { background: #f3faf1; width: 840px; margin: 20px 30px; padding: 30px; min-height: 600px; float: left; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

#header { width: 840px; float: left; }
#logo { width: 250px; height: 160px; float: right; background: url(img/logo.gif); text-indent: -9999px; }
#tel { float: left; width: 530px; height: 172px; background: url(img/broj-telefona.gif); text-indent: -9999px; }
#main-nav { float: left; width: 590px; padding-left: 50px; height: 130px; position: relative; left: -90px; margin: 0 -90px 0 0; background: url('img/main-nav-bg.png') no-repeat; list-style: none; }

#main-nav li { float: left; }
#main-nav a { display: block; height: 130px; overflow: hidden; text-indent: -9999px; }

#main-nav #naslovnica a { background: url('img/main-nav-naslovnica.png') top left;  width: 125px; }
#main-nav #projekti a { background: url('img/main-nav-projekti.png') top left;  width: 105px; }
#main-nav #galerija a { background: url('img/main-nav-galerija.png') top left; width: 105px; }
#main-nav #o-nama a { background: url('img/main-nav-o-nama.png') top left; width: 103px; }
#main-nav #javi-nam-se a { background: url('img/main-nav-javi-nam-se.png') top left; width: 152px; }

#main-nav a:hover { background-position: left bottom !important; }

/* novosti */
#news { width: 590px; float: left; background-color: #fff; position: relative; left: -30px; margin: 0 -30px 0 0; min-height: 400px; background: url(img/vijesti-bg.gif) repeat-y right; }
#news div { float: left; width: 100%; }
#news dl { float: left; width: 365px; float: left; margin-left: 195px; font-size: 12.5px; line-height: 18px; }
#news dl dt { font-size: 16px; color: #000; margin: 20px 0 3px 0; font-weight: bold; }
#news dl dt a { text-decoration: none; } 
#news dl dd img { position: relative; left: -165px; margin-right: -160px; float: left; }

#title-nase-novosti { float: left; width: 560px; height: 47px; background: url(img/title-nase-novosti.gif); text-indent: -9999px; }


/* sidebar */
#sidebar { width: 250px; float: right; position: relative; top:-110px; margin: 0 0 -110px 0; }
#sidebar h2.anketa { float: left; width: 310px; height: 70px; background: url(img/anketa.png); text-indent: -9999px; }
#sidebar h3 { margin: 20px 0 5px 0; }
#sidebar #archive-link { display: block; margin-top: 40px; }
#anketa #pitanje { font-size: 16px; font-weight: bold; margin: 10px 0 0 0; clear: both; width: 200px; }
#anketa #odgovori { float: left; margin: 10px 0 15px 30px; width: 200px; list-style-type: none; }
#anketa #odgovori li { float: left; margin: 5px 0; width: 200px; }

#anketa #glasuj { float: left; width: 120px; margin: 0 20px 0 0; height: 45px; background: url(img/glasuj.gif); display: block; text-indent: -9999px; border: 0; }
#anketa #glasuj:hover { background-position-y: -45px; }
#anketa #glasuj:active { background-position-y: -90px; }
#anketa #rezultati { line-height: 45px; }

#trazilica { width: 190; padding: 50px 30px 0 30px; height: 90px; background: url(img/trazilica-bg.jpg); margin: 60px 0; }
#trazilica input { width: 170px; padding: 8px 10px; font-size: 16px; color: #999; font-family: "Trebuchet MS"; border: 0; margin-bottom: 5px; -moz-border-radius: 50px; -webkit-border-radius: 5px;  }
#trazilica .button input { width: 91px; height: 32px; text-indent: -9999px; background: url(img/trazilica-button.gif); }
#trazilica .button input:hover { width: 91px; height: 32px; text-indent: -9999px; background: url(img/trazilica-button.gif) bottom; }

#kontakt { margin:0 0 20px 0; float: left; width: 250px; }
#kontakt h2 { margin-bottom: 10px; }

/* page */
#content { width: 590px; float: left; background-color: #fff; position: relative; left: -30px; margin: 0 -30px 0 0; min-height: 400px; background: url(img/vijesti-bg.gif) repeat-y right; }
#content #post { float: left; padding: 30px; }
#content #post ul { margin-bottom: 20px; }
#content #post ul li { margin: 4px 0 4px 30px; }
#content #post h1 { margin-bottom: 10px; font-size: 28px; }
#content #post h2 { margin: 20px 0 4px 0; color: #0b4f8e; font-size: 22px; }
#content #post h3 { margin: 8px 0 2px 0; }
#content .ngg-galleryoverview { position: absolute; right: -290px; top: -5px; width: 267px; }


.pagetitle { margin-left: 195px; font-size: 28px; border-bottom: solid 2px #dae1d8; padding-bottom: 20px; }

/* page-wide */
#content-wide { width: 840px; min-height: 200px; }

/* links */
#links { list-style: none; font-size: 14px; margin: 0 0 0 0; }
#links li { padding: 3px 0 3px 0; }

/* search */
#trazilica-search { width: 190; padding: 50px 30px 0 30px; height: 90px; background: url(img/trazilica-bg.jpg); margin: 160px 0 0 0; }
#trazilica-search input { width: 170px; padding: 8px 10px; font-size: 16px; color: #999; font-family: "Trebuchet MS"; border: 0; margin-bottom: 5px; -moz-border-radius: 50px; -webkit-border-radius: 5px;  }
#trazilica-search .button input { width: 91px; height: 32px; text-indent: -9999px; background: url(img/trazilica-button.gif); }
#trazilica-search .button input:hover { width: 91px; height: 32px; text-indent: -9999px; background: url(img/trazilica-button.gif) bottom; }

#paginacija { float: left;  clear: both; width: 530px; margin: 30px; border-top: solid 2px #dae1d8; }
#paginacija a:link, #paginacija a:visited { text-decoration: none; font-size: 18px; color: #0b5191; }
#paginacija .alignleft { padding: 10px; float: left; }
#paginacija .alignright { padding: 10px; float: right; }

/* kontakt */
#post-20 input { padding: 10px; margin: 6px 0 10px 0; border: 0; width: 300px; border: 2px solid #d5ded3; }
#post-20 textarea { padding: 10px; margin: 6px 0 10px 0; border: 0; width: 500px; border: 2px solid #d5ded3; }

/* arhiv */
.page-template-archive-php #sidebar { top: 0px; }

/* wp-pagenavi */
#container .wp-pagenavi { margin: 20px 0 0 25px; }
#container .wp-pagenavi a,
#container .wp-pagenavi span { border: 0; background: none; }

/* footer */
#footer { float: left; width: 840px; background: url(img/footer-bg.gif); position: relative; margin: 30px 0 -120px 0; color: #fff; }
#footer .bottom { float: left; width: 780px; background: url(img/footer-bottom-bg.gif) no-repeat bottom; min-height: 100px; padding: 80px 30px 30px 30px; } 

/* wp-images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* clearfix */
.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%; }