/*
Theme Name: HNK Suhopolje 
Description: Originalna Wordpress tema za HNK Suhopolje
Version: 1.6
Author: Matej Sudar, 1dva - Virovitica
Author URI: http://www.1dva.hr/

*/



/* plava:#0d52a5; crvena:#ed1c24; light-blue:#d7e5f7; */

* { margin: 0; padding: 0; }

a { text-decoration: none; color: #222; }

p { padding-bottom: 10px; }

html { height: 100%; }
body { background: url("img/bg-body.gif") #0d52a5 repeat-x; height: 100%; font-family: Arial; font-size: 13px; color: #444; }

#wrapper { width: 960px; margin: 0 auto 0 auto; background: #fff url("img/wrapper-bg.jpg"); background-repeat: no-repeat; }

/* header */
#club-title h1 { float: left; font-size: 28px; color: #333; margin: 50px 0 0 30px; }
	#club-title span { font-size: 42px; color:#ed1c24; }
#player { width: 350px; height: 600px; position:relative; background: url("img/player.png"); margin: 0 0 -460px 610px; z-index: 40; }
#grb { float: left; position: relative; margin: 30px 0 -100px 30px; z-index: 301; }
#main-nav { float: left; background-image: url("img/main-nav-bg.gif"); width: 980px; height: 70px; position: relative; z-index: 10;
			left: -10px; margin:0 10px 0 0; list-style: none; font-size: 17px; font-weight: bold; }
	#main-nav li { float: left; padding: 25px 8px; z-index: 60; }
	#main-nav li.first { margin-left: 200px; }
	#main-nav li a { color: #fff; }
#container { float: left; width: 900px; z-index: 100; padding: 30px; }

/* content */
#content { float: right; width: 430px; margin:0 0 0 0; }
	#content img { float: left; margin: 4px 10px 0 0; }
	#content h2 { color: #222; font-size: 20px; font-style: italic; font-weight: normal; margin: 0 0 4px 0; font-family: Georgia, serif; }
	#content p { line-height: 18px; font-size: 12px; }
	#content .post { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #eee; clear: both; float: left; }
	#content .post h2 a:hover { border-bottom: solid 1px #d7e5f7; }

/* sidebar */	
#sidebar { width: 210px; background: url("img/sidebar-bg.gif"); padding: 0 30px 0 0; margin: 0 30px 0 0; float: left; }
	#sidebar .item a:link,
	#sidebar .item a:visited { width: 210px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; margin: 0 0 10px 0; }
	#sidebar .item a:hover { background-position: bottom; }
	#sidebar #fotogalerija a { background: url("img/sidebar-fotogalerija.jpg");}
	#sidebar #fotogalerija a:hover { background: url("img/sidebar-fotogalerija.jpg"); background-position: bottom; color: #111; }
	#sidebar #tablica a { background: url("img/sidebar-tablica.jpg");}
	#sidebar #tablica a:hover { background: url("img/sidebar-tablica.jpg"); background-position: bottom; color: #111; }



/* right */
#right { float: right; width: 163px; margin: 340px 0 0 30px; }
	#right #stadion-park { float: left; width: 139px; padding: 20px 10px 90px 10px; border: 2px #eee solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
							margin: 0 0 10px 0;	background: url("img/stadion-park.jpg") bottom; text-align: center; font-size: 20px; }
	#right #contact { float: left; width: 119px; padding: 20px; border: 2px #d7e5f7 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
						background: url("img/contact-bg.gif") no-repeat bottom right; }
	#right #contact h2 { margin-bottom: 4px; color: #222; font-size: 16px; }
	#right #contact span { color: #999; }
	#right #contact p { margin-bottom: 8px; }

/* results */
#results { float: left; width: 186px; padding: 10px; border: 2px #eee solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#results h2 { color: #0d52a5; font-size: 14px; border-bottom: solid 2px #eee; padding: 0 0 4px 0; }
	#results td { border-bottom: solid 1px #f1f1f1; }
	#results .position { font-weight: bold; padding: 5px 0 5px 10px; width: 15px; }
	#results .club-name { padding: 5px 0 5px 5px; width: 120px; overflow: hidden; }
	#results .point { padding: 5px 0 5px 5px; width: 20px; }

/* footer */	
#footer { float: left; width: 960px; height: 220px; background: url("img/footer-bg.jpg"); }
#footer #jedan-dva a { width: 32px; height: 10px; background: url("img/jedan-dva.gif"); margin: 150px 0 0 900px; text-indent: -9999px; display: block; }
#footer #jedan-dva a:hover { background-position: bottom; }

/* ie warning */
#ie-warning     { margin: 0px auto; background: #ffc url(i/ie6/ie-warning-bottom.gif) no-repeat 50% 100%; border-bottom: solid yellow 2px; }
#ie-warning p   { background: url(i/ie6/ie-warning-top.gif) no-repeat 50% 0; font-size: 14px; padding: 14px 20px 20px; }
#ie-warning a   { font-weight: bold; }
#ie-warning em  { font-weight: bold; font-style: normal; color: #093; }

/* placanje */
#placanje     { margin: 0px auto; background: #ffc url(i/ie6/ie-warning-bottom.gif) no-repeat 50% 100%; border-bottom: solid red 5px; text-align: center; color: #000; }
#placanje p   { background: url(i/ie6/ie-warning-top.gif) no-repeat 50% 0; font-size: 14px; padding: 14px 20px 20px; }
#placanje a   { font-weight: bold; }
#placanje em  { font-weight: bold; font-style: normal; color: #093; }

/* css hacks */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 		{ display: inline-block; }
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; }