/* hello, css explorer!
   this one is my latest baby;	handcoded in few days during january 2010.
   visually inspired by wordpress template but as i don't favor using cms, i code all php and css by hand :)
   (c) robin zlatic / made in croatia
 */

*   {margin:0;padding:0;border:0}
body{background-color:#FFF;font:normal 12px Helvetica, Arial, sans-serif;color:#000;text-transform:lowercase}

h1 {font:italic 32px Georgia, "Times New Roman", Times, serif;color:#999;margin:16px 0 0}
h2 {font:italic 22px Georgia, "Times New Roman", Times, serif;color:#999;margin:0}
p  {text-align:justify;font-size:12px;line-height:18px;margin:16px 0}
img{margin:0;padding:8px;border:1px solid #DDD}
a:link, a:visited{text-decoration:underline;color:#000}
a:hover          {text-decoration:none}

form       {margin-top:16px}
form label {width:80px;float:left;padding:6px}
form input,form textarea{border:1px solid #DDD;margin-bottom:8px;padding:4px;font:normal 12px "Courier New", Courier, monospace}

#gazda     {width:768px;margin:0 auto;border:1px solid #FFF} /* border je ovdje samo zbog CUDNOG Operinog buga sa rendanjem headera sa 64 ili 128px top margine */

#header    {width:768px;height:128px;display:block;border-bottom:1px solid #DDD;padding:16px 0 0;margin:64px 0 0}
#header h1 {font:bold 60px Arial, Helvetica, sans-serif;line-height:60px;letter-spacing:-4px;margin:0;margin-left:-4px}
#header h1 a:link, #header h1 a:visited {color:#F00;text-decoration:none}
#header h1 a:hover{color:#999;text-decoration:none}
#header h2 {font:bold 14px Arial, Helvetica, sans-serif;line-height:14px;color:#000;margin-left:116px;margin-top:-10px}

#menu      {list-style:none;margin-left:422px;margin-top:29px}
#menu li a:link, #menu li a:visited {border-bottom:4px solid #FFF;text-decoration:none;float:left;padding:8px;width:62px;text-align:center;color:#000}
#menu li a:hover,#menu li a.aktivni {border-bottom:4px solid #F00}

#sadrzaj    {width:640px;border-right:1px solid #DDD;padding-right:16px;padding-bottom:16px;margin-right:16px;float:left}
#sadrzaj768 {width:768px;border:0;padding-right:0;margin-right:0}
#sadrzaj ul, #sadrzaj ol {font-size:12px;margin-left:32px}

#desno    {float:left;padding-top:66px}
#desno ul {list-style:none;font-size:16px;font-weight:700}
#desno ul li {color:#999;line-height:24px}
#desno ul li a:link,#desno ul li a:visited {color:#999;text-decoration:none}
#desno ul li a:hover,#desno ul li a.aktivni{color:#000}

#footer  {clear:both;width:750px;margin-top:16px;border-top:1px #DDD solid;padding:16px 16px 32px 0}
#footer p, p.napomena {width:640px;font:italic 10px Georgia, "Times New Roman", Times, serif;color:#999;text-align:center;word-spacing:3px}
#footer p a:link,#footer p a:visited{text-decoration:none;color:#666}
#footer p a:hover                   {text-decoration:underline}

.m16top{margin-top:16px}
.m16bot{margin-bottom:16px}
.left  {float:left;margin-right:16px}
.right {float:right;margin-left:16px}
.copyrights {font-size:11px;padding:8px;border:1px solid #DDD;background-color:#EEE}
.bezruba    {border:0 none}
.beziceg    {border:0 none;padding:0}
.gmail      {background:url(images/gmail.png) no-repeat top;margin:0;padding:0px;width:303px;height:45px}
.gmail:hover{background:url(images/gmail.png) no-repeat bottom}
.obiljezeni {color:#F00}