/*
Theme Name: Smart
Theme URI: http://wordpress.org/
Description: The default Smart Com WordPress theme.
Version: 1.0
Author: Tihomir Zalig
Author URI: http://www.tido.net
Tags: red, custom header, fixed width, two columns, widgets

	Smart 1.0
	http://www.tido.net

	This theme was designed and built by Tihomir Zalig
	whose blog you will find at http://tihomir.tido.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*////////// Default & reset CSS //////////*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
body{font:13px/1.231 "Lucida Grande","Trebuchet MS",Arial,Verdana,Helvetica,Clean,sans-serif;*font-size:small;*font:x-small}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}*{margin:0;padding:0}

/*////////// GENERAL //////////*/
body{background:#DB040F;margin:0px 0px 0px 0px;font-size:0.8em;line-height:1.5em;font-family:Georgia,"Times New Roman",Times,serif;color:#616161}
#container{background:#fff;margin:0 auto;width:900px;overflow:hidden;padding-bottom:15px}
#container1{width:870px;float:left;margin:15px; padding-top: 10px; padding-bottom: 8px; border-bottom:1px #9E0309 solid;font-size: 180%;}
#container2{width:438px;float:left;padding:10px;border:1px #ddd solid; margin-left:15px}
#container3{width:400px;float:right;}
#container4{width:848px;float:left;padding:10px;border:1px #ddd solid; margin-left:15px}
.newsnavigation, .newsnavigationh{float:left;border-top:1px solid #9E0309;margin-top:10px;padding-top:4px}
.newsnavigation{width:845px}
.newsnavigationh{width:430px}
.newsnavigation .alignleft, .newsnavigationh .alignleft {float:left}
.newsnavigation .alignright, .newsnavigationh .alignright {float:right}

/*////////// TYPEOGRAPHY //////////*/
h1, h2, h3, h4{font-family: Georgia, Times, serif;}
h1{font-size:300%;line-height:100%;}
h2{font-size:220%;line-height:120%;}
h3{font-size:180%;line-height:100%;}
h4{font-size:150%;line-height:100%;}
h5{font-size:120%;line-height:100%;}
p{margin-bottom:10px;}
a{text-decoration:none;color:#8C0209}
a:hover{text-decoration:underline}
a:visited{}
sup, sub{font-size:45%}
b, strong{font-weight:bold}
/*////////// HEADERS //////////*/
#header{width:100%;height:214px}
#headerlava{width:900px;height:30px;margin:0 auto;padding:0px;background:#9E0309}
#headerbox{width:900px;height:160px;margin:0 auto;padding:0px;background:#9E0309 url('images/topback.jpg') no-repeat}
#logo{float:left; margin-top: 30px; margin-left: 20px}
#logo img{width:180px; height:90px; border:none;}
#hederwrapper{width:100%;height: 38px}
#headerblank{width:895px;margin:0 auto;padding: 5px 0px 5px 5px; font-size: 100%; color:#FFFF00; font-weight:bold}
#headerblank a{color:#FFFF00;font-weight:normal}
#headerblank a:hover{color:#FFF;font-weight:normal}

/*////////// CONTAINER //////////*/
#container3 h4{color:#9E0309;margin-right:15px; padding-bottom:5px;}
#container2 ul { margin-left:25px}
#container2 ul li { list-style-type:circle; padding-bottom:3px}
#container2 h3, #container4 h3 {font-size:150%;line-height:100%;color:#9E0309; padding-bottom: 10px;}
#container4 p {margin-bottom: 10px;}

/*////////// POSTS //////////*/
.posts p{line-height:150%}
.post{line-height:200%;overflow:hidden;width:430px; border-top: 1px #999 solid;}
.post1{line-height:200%;overflow:hidden;width:848px; border-top: 1px #999 solid;line-height:130%}
.post h1, .post1 h1{font-weight:normal;font-size: 150%;color:#666}
.godina{margin:0;padding:10px 0 4px 0px;font-weight:normal;font-size:24px;border-bottom:1px solid #8C0209}
.title{margin:0;padding:10px 0 4px 0px;font-weight:normal}
.title a{border-bottom:none;color:#666}
.title a:hover{border-bottom:1px dotted #000000}
.byline{border-bottom:1px #BBBBBB dashed;margin:-6px 0px 10px 0px}
.tag{padding:0 15px}.entry{padding:0 0px;overflow:hidden}
.links,.linksdesno,.linkslijevo{text-align:right;font-weight:bold}
.linkslijevo{text-align:left;margin-top:10px}
.linksdesno{margin-right:10px}
.links a{border:none}
.links a:hover{}
.entry p{line-height:170%;;overflow:hidden;margin-bottom:5px}
.vijest{width:220px;height:150px;float:left;margin:6px 8px 6px 0px;border:1px solid #BBBBBB}
.more:hover{text-decoration:none;color:#A0A0A0}

/*////////// TOP MENU //////////*/
#topmenu{background:url('images/topmenuback.gif') repeat-x;position:absolute;top: 180px;width: 900px;height:34px;clear: both;}
#topmenu h2 { display: none}
#topmenu .current a{background: url('images/topmenubacksel.gif') #fff repeat-x;color:#ffffff}
#topmenu .lft{width: 20px;height:34px;color:#D56E22}
.jqueryslidemenu{width:1000px;height:34px;margin:0 auto;padding:0px}
.jqueryslidemenu ul{margin:0;padding:0;list-style:none;list-style-type:none;background:#fff url('images/topmenuback.gif') repeat-x 0px -5px}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;}
.jqueryslidemenu ul li a{display:block;height:27px;margin:0 1px 0 0;padding:7px 20px 0 20px;border:none;text-decoration:none;font-size:12px;font-weight:bold;color:#FFFFFF;background:transparent}
* html .jqueryslidemenu ul li a{display:inline-block;}
.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited{color:#ffffff}
.jqueryslidemenu ul li a:hover{background: url('images/topmenubacksel.gif') #fff repeat-x;color:#ffffff}
.jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden;background:url('images/topmenuback.gif') repeat}
.jqueryslidemenu ul li ul li{display:list-item;float:none;list-style:none;}
.jqueryslidemenu ul li ul li ul{top:0;}
.jqueryslidemenu ul li ul li a{height:23px;width:170px;padding:5px;padding-left:15px;margin:0;border-top-width:0;border-bottom:1px solid #8C0209}
.jqueryslidemenuz ul li ul li a:hover{background:#eff9ff;color:#8C0209}
.downarrowclass{position:absolute;top:12px;right:7px;}
.rightarrowclass{position:absolute;top:6px;right:5px}

/*////////// FOOTER //////////*/
#footer{clear:both;overflow:hidden;background:transparent;}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration: underline}
#footer h3{display:none;}
.footerinercontent{margin:0px auto;width:900px;text-align:center;background:#9E0309;padding-top:20px;overflow:hidden}
.foottekst{color:#999999;margin-bottom: 15px;line-height: 20px; overflow: hidden; text-align:center; width: 870px; padding-left:30px}
.foottekst ul { margin:0 auto; text-align:left; }
.foottekst ul li { float:left }
.foottekst ul li a{ display:block;padding:0px 25px 0px 0px;border:none;text-decoration:none;font-size:90%;font-weight:bold;color:#FFFFFF; }
.foottekst ul li ul li { float:none }
.foottekst ul li ul li a{ font-size:80%; font-weight:normal }
.foottido{font-size:12px;color:#999999;margin-bottom:10px}

/* Styles for the entire LavaLamp menu */
.lavaLamp {float: right; height: 25px; width: 500px; padding-top: 5px; overflow: hidden;}
.lavaLamp li {float: left;list-style: none;}
.lavaLamp li.back {background: url("images/lava.gif") no-repeat right -20px;width: 9px; height: 20px;z-index: 8;position: absolute;}
.lavaLamp li.back .left {background:url("images/lava.gif") no-repeat top left;height: 20px;margin-right: 9px;}
.lavaLamp li a {position: relative; overflow: hidden;text-decoration: none;font-size: 85%;font-weight:bold;color: #fff; outline: none;text-align: center;height: 20px; top: 1px;z-index: 10; letter-spacing: 0; float: left; display: block;margin: auto 10px;}
.lavaLamp li a:hover { text-decoration:underline}

/* navigation */
.navigation { clear: both; width: 385px; height: 18px; margin: 0px 0px 5px 0px;border-top:1px solid #ddd;  padding-top:5px; }
.tabs { float: right; margin: 2px 20px 0px 20px; }
.tabs a { width:8px; height:8px; float:left; margin:3px; background:url(images/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.tabs a:hover { background-position:0 -8px; }
.tabs a.current { background-position:0 -16px; } 	
.backward { float:right;margin:0px 0px 0px 0px;background: #fff url(images/left.png) no-repeat;display:block;width:18px;height:18px;cursor:pointer;font-size:1px;text-indent:-9999em;}
.forward {float:right;margin:0px 6px 0px 0px;background: #fff url(images/right.png) no-repeat;display:block;width:18px;height:18px;cursor:pointer;font-size:1px;text-indent:-9999em;}
.forward{ background-position: 0 0; clear:right; }
.forward:hover 	{ background-position: 0px -18px; }
.forward:active	{ background-position: 0px -18px; } 
.backward{ background-position: 0px 0; }
.backward:hover{ background-position: 0px -18px; }
.backward:active{ background-position: 0px -18px; }

/* container for slides */
.slades, .pageslades {background: #eee;border: 1px #FD979C solid;position: relative;width: 385px;float: left;}
.slades {height: 460px;}
.pageslades {overflow: hidden;margin-bottom:15px;}
.slade {display:none;position:absolute;top:0;left:0;padding:15px 15px 15px 15px;font-size:12px;color:#000;}
.slade img.over {border: 1px #999 solid; padding: 2px 2px 2px 2px; margin: 10px 0px 10px 0px}
.slade p.opsirnije{float:right; margin-top:-10px; font-weight: bold}
.slade h3, .rightbox h3 {font-size:150%;line-height:100%;color:#9E0309;}
.rightbox {background: #efefef;border: 1px #FD979C solid;position: relative;overflow:hidden;width: 355px;float:left;padding:15px 15px 15px 15px;margin-bottom:15px;}
.rightbox h3 {font-size:150%;line-height:100%;margin-bottom:10px;}
.tagsbox{padding: 7px 10px 7px 10px;border: 1px solid #dedede;position: relative;float: left;width: 365px;}
.tagsbox1{padding: 7px 10px 7px 10px;border: 1px solid #dedede;position: relative;float: left;width: 815px;margin-top:15px}
.simple_overlay{display:none;z-index:10000;background-color:#666;width:780px;min-height:200px;border:1px solid #999;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;} 
.simple_overlay .close{background-image:url(images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}
.details {position:absolute;top:15px;right:15px;font-size:90%;color:#fff;width:150px;} 
.details h4{color:#9E0309;font-size:150%;margin-bottom: 10px;}
.uldesnobox{margin-left:30px}
.uldesnobox li {padding-bottom:3px;list-style-type:circle}
/* flash */
#video {float:left;height:200px;width:386px;margin-bottom:10px}
/* etc */
.linklove a, .linklove a:visited {color:#ffffff !important;}
#container2 address a, #container2 address a:visited, #container2 address {color:#ffffff !important;}
.mapp-poweredby a, .mapp-poweredby a:visited, .mapp-poweredby {color:#ffffff !important;}

.ngg-imagebrowser-desc{margin-top:5px;float:left}