/*
Theme Name: HEPHES
Description: HEPHES Layout
Version: 1.0
Author: InsulaBit
Author URI: http://www.insulabit.com/
*/

body {
	padding: 0;
	margin: 0;
	font: 11px Arial, sans-serif;
	line-height: 18px;
	background-color: #2C6C9F;
	color: #454545;
	background-attachment: fixed;
	background-image: url(images/body_bgr.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
a { color: #444; background: inherit; text-decoration: none; }
a:hover { color: #666; background: inherit; text-decoration: underline; }
p {	margin: 5px 0; }
h1 {	font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
h5 {font-size: 16px; color: #993300;}
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

#okvir {width:920px; margin:2px auto 0 ;  background-color:#fff; border-left:0px solid #E6E3E3; border-right:0px solid #E6E3E3;}
.content { margin: 0px auto; width: 900px; }

/* Header */
#top {
	padding-top: 20px;
	background-color:#fff;
	height: 100px;
	background-attachment: scroll;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}
	#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF }
	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
	#top #icons { float: right; margin:20px 0; padding:0 }
	#top #icons img { padding-right: 2px; border: 0 }

/* Menu /Header */
#header {width: 900px; height:182px;  margin:0 auto; padding: 0; background: #000 url(images/header.jpg) no-repeat scroll left top; border-bottom: 0px solid #444; margin-bottom: 15px; }
#menu { padding: 0;  background-color:#fff;  width:900px; margin:0 auto; }
#menu a { padding: 10px; font:10px bold  Tahoma,Arial, Sans-Serif; text-decoration: none; text-transform:uppercase; outline:none;  }
#menu a:hover {color:#666; text-decoration:underline; }
#menu ul { padding: 8px;}
#menu li {  list-style: none; text-transform: none; padding-bottom:3px; border-right:1px solid #ddd; display:inline; }


		
/* Sadrzaj */
#main {  }
#sidebar { float: right; width: 212px; background: #fff; padding: 5px 10px 5px 10px; margin-bottom: 10px; margin-left: 8px; margin-top:36px; border-top:4px solid #eee;  }
#sidebar ul { padding: 3px 0 8px 0 } 
#sidebar li { line-height: 14px; background: #fff; list-style: none; padding-left: 5px; padding-bottom:10px;  }
#sidebar li ul{ padding: 0; margin: 0; }
#sidebar li ul li{ line-height: 18px; background: #fff; list-style: none; padding-left: 5px; }
#sidebar li ul li ul { margin: 0; padding:0; }
#sidebar li ul li ul li{ line-height: 18px; background: #fff; list-style: none; padding-left: 5px; }
#sidebar a { padding:3px 3px 3px 22px; background: #fff url(images/menu_bullet.jpg) no-repeat scroll left center; color:#444; text-decoration: none; font-size:11px; display:block;  border-bottom:1px solid #eee; font-family:Arial, Helvetica, sans-serif; text-transform:none; }
#sidebar a:hover { background: #fff url(images/menu_bullet_up.jpg) no-repeat scroll left center; color:#1C63AB; text-decoration: none; font-size:11px; display:block; border-bottom:1px solid #eee; }
#sidebar h3 { color: #404040; font:  bold 13px Arial, Sans-Serif; }

#sidebar2 { float: right; width: 212px; background: #fff; padding: 5px 10px 5px 10px; margin-bottom: 10px; margin-left: 8px; margin-top:36px; border-top:4px solid #eee;  }
#sidebar2 ul { padding: 3px 0 8px 0 } 
#sidebar2 li { line-height: 14px; background: #fff; list-style: none; padding-left: 5px; padding-bottom:10px; }
#sidebar2 li ul{ padding: 0; margin: 0; }
#sidebar2 li ul li{ line-height: 18px; background: #fff; list-style: none; padding-left: 5px; }
#sidebar2 li ul li ul { margin: 0; padding:0; }
#sidebar2 li ul li ul li{ line-height: 18px; background: #fff; list-style: none; padding-left: 5px; }
#sidebar2 a { padding:3px 3px 3px 22px; background: #fff url(images/menu_bullet.jpg) no-repeat scroll left center; color:#444; text-decoration: none; font-size:11px; display:block; border-bottom:1px solid #eee; font-family:Arial, Helvetica, sans-serif; text-transform:none; }
#sidebar2 a:hover { background: #fff url(images/menu_bullet_up.jpg) no-repeat scroll left center; color:#1C63AB; text-decoration: none; font-size:11px; display:block; border-bottom:1px solid #eee; }
#sidebar2 h3 { color: #404040; font:  bold 13px Arial, Sans-Serif; }
	
#post { float: left; background: #fff; margin-bottom: 10px; width: 640px; padding:10px; }
#post h3 {
	
	padding: 0;
	margin: 0;
	font: 20px Arial, Sans-Serif;
	color:#444;
	border-bottom:1px solid #ddd;
	letter-spacing:-1px;
	text-transform: none;
	display:block;
}

#post h3 a { 
color: #004A89; 
text-decoration:none; 
padding: 0px 0 5px 45px;
display:block;
background-attachment: scroll;
background-image: url(images/novosti.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#post h3 a:hover { color: #666; }
#post p { color: #454545; padding: 10px 5px 0 5px; text-align: justify }
#post img { border: 1px solid #ddd; padding:8px 8px 25px; margin-right:8px; }
#post blockquote { padding: 10px; border: 1px solid #ddd; margin: 4px; background-color:#fafafa; }
.date { border-top: 0px solid #eee; padding: 5px 0; margin: 10px 0 25px 0; text-align: right; }
#post .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5;  }
#post ul { list-style-position: inside; margin-left: 2px }
#post ul li { list-style-type: square; margin-left: 15px;  }
#post ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }

.navigation {
	padding-bottom: 30px;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}
#trazilica {width:180px; float:right; clear:right; margin:15px 10px 10px 0px; }
.searchform {
	
	font-size:10px;
	
	
}
.searchform input {
	margin:0 0 20px 0;
	font-size:10px;
	padding-left:3px;
	width:80px;
	
}
.searchsubmit {
	font-size:10px;
	color:#fff;
	width:90px;
	height:20px;
	border:0px;
	outline:none;
	background-color:#fff;
	background-attachment: scroll;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Comments*/
.commentlist li.alt {
	background-color:#fff;
}

.commentlist {
	margin-left: 15px;
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px 0;
	padding: 5px 10px 3px;
	list-style: none;
	border: 1px solid #efefef; 
	background: #f5f5f5;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin-left:20px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
}
h2#comments  {margin-left:20px;}
	
/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0; color: #777;  background: #fff; text-align:center; padding-top:15px; padding-bottom:15px; }
#footer .right  { float: right; text-align: right; background: #FFF; }
#footer a { text-decoration: none; background: #FFF }
	

#anketa {
	float: right;
	clear:right;
	width: 212px;
	background-color: #fff;
	padding: 50px 10px 5px 10px;
	margin-bottom: 10px;
	
	
	background-attachment: scroll;
	background-image: url(images/anketa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#anketa h2 {font-size:13px; }
#anketa ul { padding: 3px 0 8px 0 } 
#anketa li { line-height: 18px; background-color: #fff; list-style: none; padding-left: 20px; }
#anketa li ul{ padding: 0; margin: 0; }
#anketa li ul li{ line-height: 18px; background-color: #fff; list-style: none; padding-left: 20px; }
#anketa li ul li ul { margin: 0; padding:0; }
#anketa li ul li ul li{ line-height: 18px; background-color: #fff; list-style: none; padding-left: 20px; }
.Buttons {
font-size:10px;
	color:#fff;
	width:90px;
	height:20px;
	border:0px;
	outline:none;
	background-color:#fff;
	background-attachment: scroll;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	background-position: center center;}

#sortform {margin-left:10px; margin-top:15px;}
#kgarchives  {
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 10px;
}
#kgarchives ul li  {
	list-style: none;
}

#kgarchives h2 a { color:#444; font-size:18px;}
#kgarchives h2 a:hover { color:#444; font-size:18px; text-decoration:underline;}
#kgarchives h3  {background:#fff; font-size:18px; padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #eee;}

#letter { 
float: right; 
clear:right; 
width: 212px; 
background: #fff;
background-attachment: scroll;
background-image: url(images/newsletter.jpg);
background-repeat: no-repeat;
background-position: center top;
padding:55px 10px 15px 10px; 
margin-bottom: 10px; 
margin-left: 8px; 
margin-top:15px;
}
#letter h3 {font-size:12px; font-weight:bold;}
.newsletterTextInput {
	width:115px;
	padding:2px 2px 2px 4px;
	background-color:#fafafa;
	border:1px solid #ddd;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:3px;
	margin-left:2px;
	
}

#newsletterLoading {
	font-size:9px;
	margin-left:50px;
	margin-top:5px;
}
.success {
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:25px;
}


.error {
	font-size:10px;
	color:#CC0000;
	margin-left:5px;
	
}
.obavijesti_gumb  {
	border:0px;
	font-family: 'Arial';
	color:#fff;
	font-size:10px;
	padding:2px;
	letter-spacing:normal;
	width:50px;
	background-color:#666;
	margin-top:5px;
	margin-left:15px;
	
}
#arhiva { position:absolute; margin-left:503px; margin-top:5px;}
#rss { position:absolute; margin-left:623px; margin-top:5px;}
table {border:0px solid #ccc; padding:0px; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
#td {border:0; padding: 10px; text-align:left; vertical-align:top;}
#tr {border:0; padding:10px; text-align:left; vertical-align:top;}
td {border:0; padding: 10px; text-align:center; vertical-align:middle;}
tr {border:0; padding:10px; text-align:center; vertical-align:middle;}


#banner1 { 
float: right; 
clear:right; 
text-align:left; 
width: 212px; 
background: #fff; 
padding: 5px 10px 5px 10px; 
margin-bottom: 3px; 
margin-left: 8px; 
margin-top:3px;  }
#banner2 { 
float: right; 
clear:right; 
text-align:left; 
width: 212px; 
background: #fff; 
padding: 5px 10px 5px 10px; 
margin-bottom: 3px; 
margin-left: 8px; 
margin-top:0px;  
}
#banner3 { 
float: right; 
clear:right; 
text-align:left; 
width: 212px; 
background: #fff; 
padding: 5px 10px 5px 10px; 
margin-bottom: 3px; 
margin-left: 8px; 
margin-top:0px;  
}
#banner4 { 
float: right; 
clear:right; 
text-align:left; 
width: 212px; 
background: #fff; 
padding: 5px 10px 5px 10px; 
margin-bottom: 3px; 
margin-left: 8px; 
margin-top:0px;  
}
#banner5 { 
float: right; 
clear:right; 
text-align:left; 
width: 212px; 
background: #fff; 
padding: 5px 10px 5px 10px; 
margin-bottom: 3px; 
margin-left: 8px; 
margin-top:0px;  
}
#Submit {border:1px solid #ccc; background-color:#fafafa; width:150px; margin-left:100px;}
#nijepronadjeno {margin:50px auto; width:550px; padding:20px; text-align:center; color:#fff; font-size:12px;}
#nijepronadjeno a {color:#FF9900; text-decoration:none;}