/* special */
* { padding: 0em; margin: 0em; } 

/* ----------------------------- start #nav ----------------------------- */


#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#pocetna { background:url(top_menu/top_menu_over_01.png) no-repeat left bottom; }
#desavanja { background:url(top_menu/top_menu_over_02.png) no-repeat left bottom; }
#zabava { background:url(top_menu/top_menu_over_03.png) no-repeat left bottom; }
#druzenje { background:url(top_menu/top_menu_over_04.png) no-repeat left bottom; }
#kontakt { background:url(top_menu/top_menu_over_05.png) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */













* {
    padding: 0;
    margin: 0;
} 





body {
background: #eeeeee;
font-family: "Gotham Book", Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
line-height: 22px;
color: #333333;
}

img { border: none;}
a { color: #69b8fc; text-decoration: underline; }
a:hover { text-decoration: none; color : #ff0000; }

#wrap {
width: 900px;
margin: 10px auto;
}

#top {
background: #eeeeee url(images/body_top.png) no-repeat;
padding: 10px 0;
}



#header {

/*background: #eeeeee url(images/body_middle.png) no-repeat;*/
height: 100px;
}
#header h1 {
padding: 20px 0 0 40px;
font-size: 25px;
letter-spacing: -2px;
}
#header h1 a {
color: #bbb;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #fff;
}
#header h2 {
padding-left: 42px;
font-size: 17px;
color: #eee;
font-weight: 100;
}

#content {
background: #eeeeee url(images/body_middle.png) repeat-y;
}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 160px;
padding: 10px 10px 10px 20px;
}

#left h2 { 
background: #fff url(images/sidebarh2.png) no-repeat;
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 00 10px 0;
color: #fff;
}

#left_menu {
	width: 158px;
	border: 1px solid #69b8fc;
	margin: 0px;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	}
#left_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#left_menu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#left_menu li a:link, #left_menu li a:visited {
	color: #fff;
	display: block;
	background: url(images/left_menu.png);
	padding: 8px 0 0 30px;
	}
	
#left_menu li a:hover, #left_menu li a:active {
	color: #283A50;
	background: url(images/left_menu.png) 0 -32px;
	padding: 8px 0 0 30px;
	}






#center {
text-align:justify;
float: left;
width: 500px;
padding: 10px 0 0 10px;
}
#center h2 {
background: #fff url(images/contenth2.png) no-repeat;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 00 10px 0;
}
#center h2 a { color: #fff; }
#center h2 a:hover { color: #000; text-decoration: none; }
#center img {border: 3px solid rgb(204, 204, 204);}

#center_chat {
text-align:justify;

width: 500px;
padding: 10px 0 0 10px;
margin: 10px auto;
}
#center_chat h2 {
background: #fff url(images/contenth2.png) no-repeat;
width: 500px
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 00 10px 0;

}

#right {
float: right; 
width: 160px;
padding: 10px 20px 10px 0;
}
#right h2 { 
background: #fff url(images/sidebarh2.png) no-repeat;
color: #005EB0; 
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px; 
letter-spacing: 0.1em; 
font-weight: 100;
}

/* rss2html start */
#rss2html h2 {
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 00 10px 0;
}
#rss2html h3 {
line-height: 20px;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
padding : 00 10px 0;
text-align: center;
}
#rss2html a {
color: #69b8fc;
}
/* rss2html stop */


#right ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #2C4715; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#bottom { 
background: #eeeeee url(images/body_botom.png) no-repeat;
padding: 15px 0;
}

#footer {
padding: 0 0 0 0;
text-align: center;
font-size: 11px;
color: #69b8fc;
}
#footer a { color: #69b8fc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }