/* 
Theme Name:
Author:
Author URI:
Version: 
*/
@import url("css/reset.css");
@import url("css/960.css");
@import url("css/text.css");

body { background:url(images/bg.jpg) top repeat-x;}
a { color:#121270; text-decoration:none;}
#header{ background:url(images/header.jpg) top center no-repeat; height:230px;}
#topNav{ text-align:center;}
.menu { height:30px; margin-top:10px; color:#666666;}
.menu li { display:inline; padding:5px 5px 5px 0px; margin:0;}
.menu li a { color: #666666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; font-weight:bold; text-shadow:#CCC 3px 3px 5px; }
.menu li a:hover, li.current-menu-item a{ color:#8082bc; text-shadow: none; }
.menu li:after { content:'•'; margin-left:5px;}
.menu li#menu-item-36:after { content:''}
#botNav .menu li a{ font-size:14px;}
#botNav .menu li a:hover, #botNav li.current-menu-item a{ color:#000}

#latest_news, #rotator, #panorama, #box1, #box2, #box3, #sidebar #box4, #sidebar #box5, #sidebar #box6{ background: /*url(images/box_bg.gif) top center repeat-x*/ #ededf5; box-shadow: 5px 5px 15px #CCC; -moz-box-shadow:5px 5px 10px #CCC; -webkit-box-shadow:5px 5px 10px #CCC;}
#box1:hover, #box2:hover, #box3:hover, #latest_news:hover,  #rotator:hover, #panorama:hover { -moz-box-shadow:5px 5px 15px #999; -webkit-box-shadow:5px 5px 15px #999; box-shadow: 5px 5px 15px #999;
}
#latest_news, #box1, #box2, #box3 { margin-top:20px;}
#latest_news:hover { }
#rotator {height:370px; position:relative;}

#latest_news {height:350px; position:relative;}
#weather { height:170px;}
#panorama{ height:202px; overflow:hidden;}
#box1, #box2, #box3 {height:340px; position:relative; margin-top:40px;}
#box1 h2, #box2 h2, #box3 h2{ margin-top:-20px; -moz-box-shadow:5px 5px 15px #CCC; -webkit-box-shadow:5px 5px 10px #CCC;  box-shadow: 5px 5px 15px #CCC; }
.inner{ padding:0 10px;}
#latest_news h2{ background:#4b4bc6; margin-top:-20px;  -moz-box-shadow:5px 5px 15px #CCC; -webkit-box-shadow:5px 5px 10px #CCC;  box-shadow: 5px 5px 15px #CCC;}
#content_naslovna h2{ text-align:center; font-size:20px; font-style:italic; line-height:34px; color:#FFF;}
#weather h2 { color:#666; font-size:20px; font-style:italic; text-align:left; margin:0;}
#content_naslovna #weather p{ text-align:center;}
#box1 h2{ background:#6b6ba6;}
#box2 h2{ background:#6a8b5d;}
#box3 h2{ background:#c6a82e;}
#box1 img, #box2 img, #box3 img { margin-bottom:10px;}
#content_naslovna table { font-size:12px;}

#latest_news h4{ margin:0;}
#latest_news .more { font-size:10px;}
#content_naslovna #latest_news .post { overflow:hidden; border-bottom:1px solid #FFF; margin-bottom:12px; padding:0 0 10px 0; }
#content_naslovna #latest_news .last{ margin-bottom:0px;}
.all { text-align:center; display:block; font-weight:bold; color:#000;}

#content_naslovna .post{overflow:hidden; padding:0 0 10px 0;}
#content_naslovna #latest_news p{ font-size:10px; margin:0; line-height:1; color:#000; }
#content_naslovna p{ font-size:12px; color:#666; text-align:justify; line-height:1.3;}
.more{ float:right; display:block;color:#000; font-weight:bold;}

#content_naslovna .thumbnail { float:left; margin-right:5px;}
#content_naslovna .time { position:absolute; background:#FFF; text-align:center; font-size:18px; line-height:1; padding:0 5px; color:#4b4bc6; font-style:italic;} 
#content_naslovna .time span { font-size:12px;} 

#footer_wrapper { background:url(images/footer_bg.png) top center repeat-x; float:left; width:100%; height:200px; padding-top:40px; text-align:center;}
.footerbox{ color:#FFF; font-size:18px; font-style:italic;}
.footerbox a { color:#FFF;}
.footerbox a:hover { color:#000;}
.color1{ background:#6b6ba6;}
.color2{ background:#6a8b5d;}
.color3{ background:#8d2626;}
.color4{ background:#c6a82e;}
#footer p{ margin-top:10px; font-size:10px; text-align:center;}


#content { background:#ededf5; margin-top:20px; -moz-box-shadow:5px 5px 15px #CCC; -webkit-box-shadow:5px 5px 15px #CCC;}
.title { margin-top:-20px; background:#8082bc; display:block; width:auto; float:left; padding:0 10px; margin-left:10px; color:#FFF; margin-bottom:0;}
.post { padding:10px;}

#sidebar { margin-top:20px; }
#sidebar  p{font-size:12px;line-height:1.3; color:#666; }
.widgettitle { color:#666; font-size:20px; font-style:italic;}
#sidebar ul, #weather ul { margin:0; padding:0; list-style:none;}
#sidebar li, #weather li{ margin:0; padding:0;}
.weather_info p { display:block; float:left; font-size:12px; width:70px; text-align:center; font-weight:bold; color:#666; line-height:1.3; }
.weather_info p span{ font-size:12px; font-weight:normal;}

#sidebar #box4, #sidebar #box5, #sidebar #box6 {height:110px; position:relative; margin-top:40px;  -moz-box-shadow:5px 5px 15px #CCC; -webkit-box-shadow:5px 5px 10px #CCC;  box-shadow: 5px 5px 15px #CCC; }
#sidebar #box4 h2, #sidebar #box5 h2, #sidebar #box6 h2 {text-align:center; font-size:20px; font-style:italic; margin-top:-20px;line-height:34px; color:#FFF;  -moz-box-shadow:5px 5px 15px #CCC; -webkit-box-shadow:5px 5px 10px #CCC;  box-shadow: 5px 5px 15px #CCC;}
#sidebar .post{ margin-top:20px;}

#content .time { margin-left:10px; font-style:italic; font-size:10px;}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}