html,body{height:100%;}
body{background-color:#192426;color:#555;line-height:140%;font-family:Arial, Helvetica, Sans-Serif;font-size:11px;margin:0;padding:0;}

/* tags */

*{margin:0;padding:0;}

a:link{color:#f00;text-decoration:none;}
a:visited{color:#f00;text-decoration:none;}
a:hover{color:#666;}
a:active{color:#666;}

h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:18px;}	
h2{font-size:16px;}	
h3{font-size:14px;}
h4{font-size:12px;}

p{margin:11px 0;}

img{border:none;}
hr{display:none;}

table{margin:2px;}
tr, td{padding:2px;}

ul, ol{margin:11px 0;padding-left:34px;}

/* clearfix */

#content:after, .article-content p:after, .article-footer:after, .item-footer:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#content, .article-content p, .article-footer, .item-footer{display:inline-block;}
html[xmlns] #content, .article-content p, .article-footer, .item-footer{display:block;}
* html #content, .article-content p, .article-footer, .item-footer{height: 1%;}

/* container */

.wrapper{width:992px;margin:0 auto;position:relative;}

#container{background:url(../images/bg_container.png) repeat-y 0 0;min-height:100%;padding-bottom:100px;}

/* header */

#header{background:url(../images/bg_header.png) no-repeat 0 0;height:168px;width:992px;position:relative;}
#header .padding{padding:16px 8px 0 8px;}

#sub-header{padding:8px 8px 2px 8px;height:90px;width:960px;}

#logo{background:url(../images/logo.png) no-repeat 0 0;height:90px;width:227px;float:left;}

#ad-top{margin-left:5px;height:90px;width:728px;float:left;background-color:#000;overflow:hidden;}
#ad-top p{margin:0;padding:0;}
#ad-top img{height:90px;width:728px;}

#top-bar1{height:28px;width:976px;}

#top-menu{padding:6px 10px 0 10px;height:22px;float:left;line-height:20px;color:#fff;}

#top-menu ul, #top-menu li{margin:0;padding:0;list-style:none;}
#top-menu li{margin-right:10px;float:left;}

#top-menu a:link{color:#fff;}
#top-menu a:visited{color:#fff;}
#top-menu a:hover{color:#fff;text-decoration:underline;}
#top-menu a:active{color:#fff;text-decoration:underline;}

#search-module{padding:0 11px 0 28px;height:28px;width:auto;float:right;background:url(../images/bg_search.png) no-repeat 0 0;}

#contact-module{padding:0 6px 0 28px;height:28px;width:auto;float:right;background:url(../images/bg_contact.png) no-repeat 0 0;color:#fff;line-height:29px;}

#contact-module p{margin:0;padding:0;}

#contact-module a:link{color:#fff;}
#contact-module a:visited{color:#fff;}
#contact-module a:hover{color:#fff;text-decoration:underline;}
#contact-module a:active{color:#fff;text-decoration:underline;}

#top-bar2{height:24px;width:976px;}

#newsflash-module{padding:6px 4px 4px 4px;height:14px;width:536px;position:relative;float:left;overflow:hidden;color:#f00;line-height:14px;}

#newsflash-module a:link{color:#f00;}
#newsflash-module a:visited{color:#f00;}
#newsflash-module a:hover{color:#f00;text-decoration:underline;}
#newsflash-module a:active{color:#f00;text-decoration:underline;}

img#top-rss{margin-right:7px;height:14px;width:14px;float:left;background:url(../images/newsflash.png) no-repeat 0 0;}

#login-module{padding:0 8px 0 30px;height:24px;float:right;background:url(../images/bg_login.png) no-repeat 0 0;line-height:24px;}

/* content */

#content{margin-left:8px;position:relative;background:url(../images/bg_content.png) no-repeat 0 0;}
#main{margin-left:12px;padding:0 10px;;width:448px;display:inline;float:left;}
#secondary{margin-left:12px;width:300px;display:inline;float:left;}
#extra{margin-left:12px;width:160px;display:inline;float:left;}

#featured{margin:6px -10px 0 -10px;padding:0 10px;width:448px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url(../images/bg_featured.png) repeat-x 0 0;}

#ad-bottom{margin-top:20px;width:448px;}
#ad-bottom p{margin:0;padding:0;}
#ad-bottom img{margin:0 auto;max-width:100%;display:block;border:1px solid #999;}

/* footer */	

#footer{margin-top:-80px;height:80px;position:relative;background:url(../images/bg_footer.png) no-repeat 0 0;}
#footer .padding{padding:4px 20px 0 20px;}

#bottom-menu{padding:15px 166px 15px 24px;height:12px;width:762px;font-size:12px;line-height:12px;text-transform:uppercase;}

#bottom-menu ul, #bottom-menu li{margin:0;padding:0;list-style:none;}
#bottom-menu li{margin-right:10px;float:left;}

#bottom-menu a:link{color:#ccc;}
#bottom-menu a:visited{color:#ccc;}
#bottom-menu a:hover{color:#fff;}
#bottom-menu a:active{color:#fff;}

#bottom-bar{padding:10px 6px;height:14px;width:940px;}

img#rss{height:14px;width:38px;float:left;background:url(../images/rss.png) no-repeat 0 0;}
img#xhtml{margin-left:10px;height:14px;width:81px;float:left;background:url(../images/xhtml.png) no-repeat 0 0;}
img#css{margin-left:10px;height:14px;width:66px;float:left;background:url(../images/css.png) no-repeat 0 0;}

#copyright{color:#999;text-align:right;float:right;}

/* modules */

.module .content img{margin:0 auto;max-width:100%;display:block;}
.module .content p{margin:4px 0;padding:0;}

.module .title{height:30px;background:url(../images/bg_title1.png) repeat-x 0 0;}
.module .title h3{margin-top:4px;padding:0 24px 0 12px;height:22px;min-width:30px;line-height:20px;color:#fff;font-size:12px;font-weight:bold;float:left;background:url(../images/bg_title1_2.png) no-repeat scroll 100% 0;}

#secondary .module .okvir1 .content {padding:12px 8px;}
#extra .module .okvir1 .content {padding:10px 6px;}

#secondary .module .okvir2 .content {padding:12px 0;}
#extra .module .okvir2 .content {padding:10px 0;}

.module .svijetlo .title,
.module .svijetlo-okvir1 .title,
.module .svijetlo-okvir2 .title{height:30px;background:url(../images/bg_title2.png) repeat-x 0 0;}

.module .svijetlo .title h3,
.module .svijetlo-okvir1 .title h3,
.module .svijetlo-okvir2 .title h3{margin-top:4px;padding:0 24px 0 12px;height:22px;min-width:30px;line-height:20px;color:#555;font-size:12px;font-weight:bold;float:left;background:url(../images/bg_title2_2.png) no-repeat scroll 100% 0;}

#secondary .module .okvir1 .content,
#secondary .module .okvir1 .content,
#secondary .module .okvir1 .content{padding:12px 8px;}

#extra .module .svijetlo-okvir1 .content,
#extra .module .svijetlo-okvir1 .content,
#extra .module .svijetlo-okvir1 .content{padding:10px 6px;}

#secondary .module .svijetlo-okvir2 .content,
#secondary .module .svijetlo-okvir2 .content,
#secondary .module .svijetlo-okvir2 .content{padding:12px 0;}

#extra .module .svijetlo-okvir2 .content,
#extra .module .svijetlo-okvir2 .content,
#extra .module .svijetlo-okvir2 .content{padding:10px 0;}

/* pages */

.article-header{margin:20px 0 14px 0;}

.article-header .title h1{line-height:20px;margin:0;padding:0;}

.article-header .title a:link{color:#555;}
.article-header .title a:visited{color:#555;}
.article-header .title a:hover{color:#777;}
.article-header .title a:active{color:#777;}

.article-header .info span{color:#888;font-size:10px;line-height:18px;}

.article-header .info a:link{color:#888;}
.article-header .info a:visited{color:#888;}
.article-header .info a:hover{color:#888;text-decoration:underline;}
.article-header .info a:active{color:#888;text-decoration:underline;}

.article-content{text-align:justify;}

.article-footer .readmore{padding-right:4px;float:right;}

.leading-separator, .article-separator{margin-bottom:8px;height:8px;width:448px;border-bottom:1px dotted #ccc;}

#frontpage .article-content img, #blog .article-content img{margin-right:8px;height:90px;width:120px;border:1px solid #ccc;float:left;}

#page .article-content p:first-child img:first-child{background-color:#E7E7E7;margin-right:6px;padding:5px;height:110px;width:146px;float:left;}
#page .article-content img{margin:0 auto;max-width:100%;display:block;}

.pagination, .counter{text-align:center;}
.pagination span{padding:2px;}

/* misc */

#frontpageheading{margin:0 -10px;}
#frontpageheading .outer{height:30px;background:url(../images/bg_title1.png) repeat-x 0 0;}
#frontpageheading .inner{margin-top:4px;height:28px;width:140px;;float:left;background:url(../images/frontpage.png) no-repeat scroll 100% 0}

#frontpageheading .date{margin:9px 10px 0 0;color:#888;font-size:11px;float:right;}

.breadcrumbs{margin:0 -10px;height:30px;background:url(../images/bg_title1.png) repeat-x 0 0;}
.breadcrumbs h3{margin-top:4px;padding:0 24px 0 12px;height:22px;min-width:30px;line-height:20px;color:#fff;font-size:12px;font-weight:bold;float:left;background:url(../images/bg_title1_2.png) no-repeat scroll 100% 0;}

.breadcrumbs a:link{color:#fff;}
.breadcrumbs a:visited{color:#fff;}
.breadcrumbs a:hover{color:#fff;text-decoration:underline;}
.breadcrumbs a:active{color:#fff;text-decoration:underline;}

.componentheading{margin:20px 0 14px 0;;font-size:18px;}

#newsflash .flashing{float:left;}
#newsflash ul{margin: 0 70px 0 80px;padding:0;list-style:none;}

.inputbox{border:1px solid #ccc;color:#555;}

#search .inputbox, #login .inputbox{padding:0 2px;height:16px;border:1px solid #ccc;color:#555;font-size:12px;line-height:10px;}

#search .inputbox{margin-top:6px;width:134px;}

#login p{margin:0 0 0 5px;line-height:24px;display:inline;float:left;}
#login label{display:none;}
#login .inputbox{margin-top:3px;width:86px;}
#login .checkbox{margin-top:6px;}
#login .button{margin-top:4px;height:18px;width:47px;border:0;text-indent:-8000px;cursor:pointer;background:transparent url(../images/btn_login.png) no-repeat scroll 0 0;}
#login .button:hover{background:transparent url(../images/btn_login.png) no-repeat scroll 0 -18px;}

#lastestnewsheading .outer{height:30px;background:url(../images/bg_title1.png) repeat-x 0 0;}
#lastestnewsheading .inner{margin-top:4px;height:28px;width:140px;;float:left;background:url(../images/lastestnews.png) no-repeat scroll 100% 0}

#featuredarticleheading .outer{height:30px;background:url(../images/bg_title2.png) repeat-x 0 0;}
#featuredarticleheading .inner{margin-top:4px;height:28px;width:140px;;float:left;background:url(../images/featuredarticle.png) no-repeat scroll 100% 0}

#featuredarticle{padding:12px 8px;background-color:#666;color:#fff;}

#featuredarticle .item-header .title h3{font-size:14px;}
#featuredarticle .item-header .info{font-size:10px;}

#featuredarticle a:link{color:#ddd;}
#featuredarticle a:visited{color:#ddd;}
#featuredarticle a:hover{color:#eee;}
#featuredarticle a:active{color:#eee;}

#featuredarticle .item-content{margin:10px 0;}
#featuredarticle .item-content img{margin:6px 8px 2px 0;height:90px;width:120px;border:1px solid #ccc;display:inline;float:left;}

#featuredarticle .item-footer .readmore{margin-right:5px;float:right;}