body {
	background: #eee ;
	
	font: 16px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #91807F; 	margin: 0 0 0 10px;
}

a {
	color: #1480CD; 
	text-decoration: underline;
}

a:hover {
	color: #808080;
	background: #FEF7CD;
text-decoration:none; }

a: link { text-decoration:none; } 


img { text-decoration:none; }




p {
	margin: 0 0 5px 0; 
	padding: 0 0 0 2px;
	color:#666666;
}

.picture {
	margin-top: 20px;
	height: 90px;	
}

h3 {
	font-size: 150%;
	font-family: Sans-Serif, Arial;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	color: #1480CD;
}


.read_more {
	margin-top: 10px;
	padding-top: 4px;
	text-align: right;
	padding-right: 9px;	
	font-size: 90%;
}

.read_more p {
	color: #D85C1A;	
}

#lijeva_kolona {
	float: left;
	width: 130px;
	margin: 0 0 0 0;
	padding: 15px 0;
	background: url(lijevo.gif) no-repeat top left;
	text-align: right;
}

#lijeva_kolona p {
	color: #FBDBCA;
	padding-right: 10px;
	margin: 0 0 15px 0;
}

#lijeva_kolona a, #lijeva_kolona a:visited {
	font-family: Tahoma, Sans-Serif;
	font-size: 90%; 
	text-transform: uppercase;
	font-weight:bold;
	text-decoration: none; 
	color:#C0901F; 
	padding-right: 10px;
	color: #AFD6F5;
	display: block;	
	text-align: right;
	height: 17px;
}

#lijeva_kolona a:hover {
	color: #FFF;
	background: url(link.gif) no-repeat center right;
 text-decoration:none; }

#title p {
	padding: 0 10px 3px 0;
	margin: 0;
	text-align: right;
	font-size: 110%;
	font-family: Sans-Serif;
	letter-spacing: -1px;
	font-weight: bold;
	color: #FFF;
}


#sadrzaj {
	width: 824px;
	color: #333;
	line-height: 130%;
	padding: 0;
}

#sadrzaj h3 {
	margin: 10px 0 5px 0;
}


#desna_kolona {
	float: right;
	margin: 3px 0 0 0px;
	width: 180px;
	padding: 0 8px 8px 12px;
	height: auto;
	background: url(clanakGREY.gif) no-repeat top left;
}

#desna_kolona h3 {
	margin: 2px 0 5px 0;
}

#desna_kolona p {
	color: #D55917;
}
	
.desni_clanak {
	padding: 10px;
	background: #FEF7CD url(scrap.gif) repeat-x bottom left;
	height: auto;
}

.informacije {
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	background: #fff url(fade.gif) repeat-x bottom left;
	height: auto;
	
}

#srednja_kolona {
	width: 824px;
	margin-left: 21px;
	padding: 0;
	padding-top: 1px;
	text-align:justify;
}

.srednji_clanak {
	margin: 3px 0 0 3px;
	padding: 0px 10px 10px 12px;
	background: url(clanak.gif) no-repeat;
}

.clanak {
	padding: 1px 12px 10px 10px;
	background: #FFF url(fade.gif) repeat-x bottom left;
	height: auto;
}


img
{  border-style: none;
}

/* other stuff */


ul#nav li {list-style: none; float: left;
  margin-left: 3px; padding-left: 6px;
  font-size: 12px; line-height: 23px; white-space: nowrap;
  background: #cecdda  no-repeat left top;}
ul#nav a {
	display: block;
	float: left;
	padding: 0 8px 0 0;
	text-decoration: none;
	font-weight: bold;
	background: #cecdda  no-repeat right top;
	color: #03c;
	width: .1em;
}
html>body ul#nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#nav a {float: none;}            /* End IE5-Mac hack */
ul#nav a:hover {text-decoration: underline; color: #03c;}
ul#nav #current, ul#nav #current a {color: #930;
	;}
#navtwo {
	font-family:  Helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
	padding: 4px 10px 4px 25px;
	white-space: nowrap;
	margin: 0px;
	background: #f6e2be;
}
#navtwo a, #navtwo a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #03c;
	}
#navtwo a:hover {
	text-decoration: underline;
	}

a {
	font-weight: bold;
	text-decoration: none;
}





.post a img {

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
}




img.imageleft {  margin: 15px;  max-width: 630px; 

max-height: 700px; 
/* the photoframe */

display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 3px 4px 4px 3px;  


}
img.imageright { margin: 25px; max-width: 630px;  

display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px;  


 } 


img
{  border-style: none;
}

div.center img {
    /* for CSS 2.0 compliant browsers */
    max-width: 680px; 
    /* for IE only */
    width: expression(this.width > 680 ? 680 : true); 
}


.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    background: url(\'up.png\') no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url(\'up.png\') no-repeat top left;
    padding: 2px 8px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; } 


div#blogzcol {
	position: relative; left: 20px; 
	width: 640px;
	text-align: left;

	padding: 20px 21px 9px 28px;
	border-left: dotted 1px #E0AD12;
	}

/*		sidebar	*/
div#sun2 {/*	float: left; will make drop-down SLOW! */
	margin: 30px 0px 0px 14px;
	padding: 0px;
	text-align: left;
	}

/*			header	*/

#header {
	padding: 3px 0px 19px 40px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #eeeeee;
	border-bottom: dotted 1px #E0AD12;
	background: #F5E39E;
	width: 1024px;

	color: white;
	}




