/*  



Theme Name: kladionica3



Theme URI: http://www.kladionica.biz/



Description: Za web www.kladionica.biz



Version: 3.3



Author: Aldo Urem



Author URI: http://www.suit.hr



*/







/*----- BODY -----*/



* { padding:0; margin:0; list-style:none; text-decoration:none; }



body { background:#343434; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333;}



html, body { height: 100%; }







/*----- TOP -----*/



#top { width:964px; background:#000 url(images/top.gif) no-repeat; height:57px; margin:5px auto 0;}



#logo { width:140px; float:left; margin-left:10px !important; margin-left:5px;}



#logo h1 { text-indent:-9999px;}



#logo h1 a { display:block; background:url(images/logo.gif) no-repeat; height:57px; }



#topreklama {width:600px; height:60px; margin:10px auto 0;}



#gornjibaner {
width:964px;
height:90px;
margin: 5px auto 0;

}

#gorelijevo {
float:right; 
width: 231px; 
height: 90px;
}

#bwinb {
	float:left;
	margin-right:5px;
}

#livescore {
	
	margin:auto;
}


/*----- H2, H3 & HYPERLINKS -----*/



h2, h3 { font:bold 14px Arial; color:#333;}



a { color: #990000;}



a:hover { color:#000;}




/*----- SEARCH BOX -----*/



#searchbox { float:right; width: 237px; height: 33px; background: url(images/search.gif) no-repeat; margin:13px 15px 0 0 !important; margin:13px 8px 0 0 }



#searchbox #s { float: left; margin: 8px 0 0 10px; border: 0; width: 190px; background: none; color:#999999; }



#searchbox #go { float: right; margin: 10px 13px 0 0; width:12px; height:13px;  }



/* facebook 

#fb {

	float:left;

	text-align:center;

	margin: 2px;

	padding: 3px;

}

*/

/*----- NAVIGATION -----*/



#nav { width:944px; height:30px; background:url(images/navbkg.gif) repeat-x; margin:auto; padding:0 10px 0 10px; line-height:30px; color:#333;}



#nav ul { float:left; width:944px;}



#nav ul li { float:left; height:30px; margin:0 5px 0 0; display: inline; line-height:30px; }



#nav ul li a { display: block; padding:0 10px 0 10px; color:#333; }


/* mjenjao */
#nav ul li a:hover{ color:#690; text-decoration:underline;}



#nav ul li.current_page_item {}



#nav ul li.current_page_item a { color:#000;}



#nav ul li.mycat { display: block; padding:0 0 0 10px; float:right; margin-top:3px !important; margin-top:2px; margin-bottom:-3px;}



.cats {font-size:11px;}







/*----- MAIN -----*/



#wrapper { width:944px; background:#fff; margin:auto; padding:10px;}



#left { width:560px; float:left;}



.clear { clear:both;}







/*----- MISC -----*/



acronym, abbr, span.caps { cursor: help; }



acronym, abbr { border-bottom: 1px dashed #999; }



blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }



blockquote cite { margin: 5px 0 0; display: block; }



.center { text-align: center; }



pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}



code {font-size:1.0em;color: #000}



img.centered { display: block; margin-left: auto; margin-right: auto; }



img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }



img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; background-color:#FFFFFF; }



.alignright { float: right; } 



.alignleft { float: left; }



.wp-smiley { border:none;}



.head img { border:none;}



img a { border:none;}



.archs li {background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}







#browse { background:url(images/browse.gif) left no-repeat; font-size:10px; padding:5px 0 5px 20px; margin:0 0 10px 6px;}







/*----- ENTRY -----*/



.post {padding:5px 5px 10px 5px; width:550px; margin-bottom:10px; text-align:justify;}



.post p { padding-top:10px; line-height:140%;}



html>body .post ul { padding: 0 0 0 30px; padding-left: 10px; } 



html>body .post li { margin: 7px 0 8px 10px; }



.post ul li:before { content: "\00BB \0020"; }



.post ol { padding:0; margin:0;}



.post ol li { background:#fafafa; }



.post img {margin:0 10px 10px 10px;}



.head h2 { font:normal 12px Arial; color: #999999; margin-bottom:10px; padding-left:10px; background:url(images/dot.gif) repeat-x bottom; padding-bottom:5px; }



.post h2 { display:block; background: #E6E6E6 url(images/arrow.gif) left no-repeat;padding:5px 5px 5px 25px; font:bold 14px Arial; color:#000; border-bottom:1px solid #999999;border-right:1px solid #999999;}



.post h2 a {color: #333;} 



.post h2 a:hover {color: #666666;}	



.infometa { width:544px; height:17px; margin-top:15px;}



.infometa span.permalink { text-indent:-9999px; float:left;}



.infometa span.permalink a { display:block; background:url(images/permalink.gif) no-repeat; width:444px; height:17px;}



.infometa span.comment2 a { font-size:10px; float:right; width:95px; height:17px; background:url(images/comment.gif) no-repeat; text-align:right; color:#fff; line-height:17px; padding:0 5px 0 0;}



p.tags { background:url(images/tags.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic; }



p.categories { background:url(images/categories.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic;}



p.postmetadata { padding:5px; background: #F3F2ED; margin:20px auto 0; border:1px solid #CCCCCC; width:530px; line-height:22px;  }



p.postmetadata a { border-bottom:1px dotted #666666; font-style:italic;}



p.postmetadata a:hover {background-color:#000000; color:#FFFFFF;}



.date {font-size:10px; margin:10px 0px 10px 0px; color:#999999;}







/*----- LOOP -----*/



.loopleft { border:1px solid #f2f2f2; padding:5px; width:262px; margin-bottom:10px; float:left; min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}



.loopright {border:1px solid #f2f2f2; padding:5px; width:264px; margin-bottom:10px; float:right;  min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}



.loop h2 { display:block; background: #E6E6E6;  border-bottom:1px solid #999999;border-right:1px solid #999999;padding:5px; font:normal 12px Arial; color:#333; margin-bottom:10px; }



.loop h2 a { color:#000; border-bottom:none;}



.loop h2 a:hover {color:#666;}



.loop p { line-height:140%;}







/*----- SIDEBAR -----*/



#sidebar { width:370px; float:right;}



#sidebar a {color:#333333;}



#sidebar a:hover {color:#0066CC;}



#about h3 { display:block; background:#E6E6E6;  border-bottom:1px solid #999999;padding:5px; margin-bottom:10px;}



#about { line-height:140%; width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/rssbck.gif) repeat-x top;}



#about p { padding-bottom:10px;}







#sidebar1{ width:170px; float:left; padding:5px;}



#sidebar1 h2{ font-size:14px; color:#333333;font-weight:normal;}



#sidebar1 ul{list-style-type:none;}



#sidebar1 ul li{margin-left:10px;margin-top:20px;}



#sidebar1 ul li ul{font-style:normal;margin-top:10px;padding:0px;}



#sidebar1 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}



#sidebar1 p{padding:0 5px;}







#sidebar2{ width:170px; float:left; padding:5px;}



#sidebar2 h2{ font-size:14px;  color:#333333; font-weight:normal;}



#sidebar2 ul{list-style-type:none;}



#sidebar2 ul li{margin-left:10px;margin-top:20px;}



#sidebar2 ul li ul{font-style:normal;margin-top:10px;padding:0px;}



#sidebar2 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}



#sidebar2 p{padding:0 5px;}







/*----- SIDEBAR ADS -----*/



#ads { width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/adspace.gif) no-repeat 10px 10px; }



#ads ul { width:340px; float:right; margin-right:-6px;}



#ads ul li.push { float:right; padding-bottom:10px; }



#ads ul li { float:right; padding-left:10px; }











/*----- TABBER -----*/



#tab { background:url(images/tabberbottom.gif) no-repeat bottom; width:370px; height:12px;}



.tabberlive .tabbertabhide { display:none; }



.tabber { }



.tabberlive { }



ul.tabbernav { }



ul.tabbernav li { display: inline; }



ul.tabbernav li a { padding: 6px; height:26px; line-height:26px; margin-right: 5px; background: #E6E6E6; border:none; color:#669900; font-weight:bold; }



ul.tabbernav li a:link {color:#669900;}



ul.tabbernav li a:visited {color:#669900; }



ul.tabbernav li a:hover { color: #000; background: #F0F0F0; }



ul.tabbernav li.tabberactive a { background: #F0F0F0; }



ul.tabbernav li.tabberactive a:hover { color: #333; background: #F0F0F0; }



.tabberlive .tabbertab { padding:20px 10px 10px 10px; border-top:0; background:#E6E6E6; }



.tabberlive .tabbertab h2 { display:none; }



.tabberlive .tabbertab h3 { display:none; }



.tabbertab p { padding-bottom:10px;}



.tabbertab ul { }



.tabbertab ul li { padding:5px 0 6px 0; }



.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:20px; border-bottom:1px solid #fff;} 



.tabbertab ul li a { border:none;}







/*----- SUBSCRIBE -----*/



.best {background:url(images/most.gif) no-repeat left; font-weight:normal; text-transform:uppercase;font-size:16px; border-bottom:1px solid #999999;margin-bottom:10px; padding:10px 0 5px 20px;}



#moostick li {font-size:18px; font-weight:bold; padding:5px; font-family:Arial; line-height:20px;}



#moostick li span {font-size:11px; font-family:Arial; color: #999999; border-bottom:1px dotted #999999;}



#moostick li a { color: #990000;}



#moostick li a:hover { color: #333333;}



#subscribe { line-height:140%; width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/rssbck.gif) repeat-x top;}



#s2 {padding:2px 5px 2px 5px; width:230px; border:3px solid #D7D7D7;}



#subs {padding:1px; margin-left:5px;}







/*----- ACCORDION -----*/



.toggler { }



#slider {padding:10px 10px 20px 10px;}



.mycat select {font-size:11px; margin-bottom:5px;}







/*----- WP2.5 Gallery -----*/



.gallery {text-align:center;}



.gallery img {padding:2px; height:90px; width:90px;}



.gallery a:hover {background-color:#ffffff;}



.attachment {text-align:center;}



.attachment img { padding:2px; border:1px solid #999999;}



.attachment a:hover {background-color:#FFFFFF;}



.galnavtitle { text-align:center; color: #999999; text-transform:uppercase; font-size:10px;  background-color:#F3F2ED; height:15px; padding:5px; margin:5px 0 10px 0;}



.imgnav {text-align:center;}



.imgleft {float:left;}



.imgleft a:hover {background-color:#FFFFFF;}



.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}



.imgright {float:right;}



.imgright a:hover {background-color:#FFFFFF;}



.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}







/*-----+ COMMENT -----+*/



.comen { width:550px; margin-bottom:10px;}



.cleft { float:left; width:60px; margin-top:10px;  }



.cright { float:right; width:460px; }



.comen .cright .ucomen{ font:11px Arial; text-transform:uppercase; color:#72b6cf;}



.comen .cright .ucomen a { color:#72b6cf;}



#commentform textarea { width: 390px; padding: 2px; }



#commentform label { display:block; float:left; width:100px; color: #0066CC; font:bold 15px Arial; text-align:right; padding-right:10px;}



#commentform #author,#commentform #email,#commentform #url { background:#fcfcfc; border:3px solid #deddd9; width:390px; height:27px; padding:5px 0 0 5px;}



#commentform #comment { background:#fcfcfc; border:3px solid #deddd9;}



#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; outline:none; }



 



 



/* moji */



.googleads{



	width:520px;



	float:left;



	color:#666;



	background:#fff;



	margin:5px 0 5px 0px;



	padding:10px 0 10px 20px;



	border: 1px solid #eee;



}







/*----- FOOTER -----*/



#footer { width:964px; background:#000 url(images/bottom.gif) no-repeat; height:36px; margin:0 auto 5px;}



#footer p { line-height:36px; color:#ccc; padding-left:15px;}



#footer a { color:#FFFF99;}



#footer a:hover { color:#ffffff;}