/* XHTML tagovi */

body {

	margin: 0 auto;

	margin-bottom: 20px;

	background-color: #fff;

	background: url(images_site/background.png) repeat;

	font: 0.85em "Trebuchet MS", Tahoma, Arial, sans-serif

}



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

a:hover { color: #ac9166; text-decoration: underline }



h1 { font-size: 140% }

h2 { font-size: 130%; text-align: left }

h3 { font-size: 120% }

h4 { font-size: 110% }

h5 { font-size: 105% }



p { clear: both; }



.replace {

	margin: 0; 

	padding: 0;

	text-indent: -9999px

}

.replace a {

	overflow: hidden

}

h1 a {

	margin: 0;

	left: 780px; top: 5px;

	width: 125px; height: 145px;

	display: block;

	position: relative

}



#left h2 {

	margin-bottom: 0

}



#container {

	position: relative;

	margin: 0 auto;

	width: 920px; height: 100%;

	background-color: #fff

}





#header {

	position: relative;

	margin: 0  auto;

	background-image: url(images_site/header.jpg);	

	width: 920px; height: 171px

}



#footer {

	position: relative; clear: both;

	margin: 0 auto;

	width: 900px; height: auto;

	padding: 10px 0 20px 20px;

	font-size: 0.85em;

	background-color: #E6F9FF;

	border-bottom: 2px solid #83C3E7;

}



#navigation {

	position: relative;

	margin: 0  auto;

	border-top: 1px solid #fff;

	background-image: url(images_site/nav_bg.jpg);	

	width: 920px; height: 48px; top: 0px;

	font: bold 0.85em "Trebuchet MS", Tahoma, Arial, sans-serif;

}



#navigation ul { 

	position: relative;

	margin: 0;

	padding: 0;

	list-style:none;

	left: 160px; top: -20px; 

}

#navigation ul li { 

	margin: 0;

	padding: 0; 

	display: inline; font-size: 1em;

}

#navigation ul li a {

	position: relative;

	float: left; top: -7px;

	color: #fff;

	background: url(images_site/lnk_bg.jpg) no-repeat left top;

	margin-left: 6px;

	padding: 0 0 0 1px;

	text-decoration: none

}



#navigation ul li a span {

	float: right;

	display: block;

	color: #fff;

	background: url(images_site/lnk_bg2.jpg) no-repeat right top;

	padding: 8px 12px 6px 10px

}



#navigation ul li a span { float: none }



#navigation ul li a:hover { 

  color: #fff; 

  text-decoration: underline

}



ul#kategorije li, ul#arhiv li, ul#komentari li, ul#linkovi li, ul#novo li, ul#download li, ul#download2 li  { margin: 0 0 0 10px; padding: 0 6px 0 0; display: block; list-style-type: none }

ul#kategorije li a { padding: 2px 0px 2px 24px;  text-decoration: none; background-image:url(images_site/tag_blue.gif); background-position: 2px 2px; background-repeat: no-repeat }

ul#arhiv li a { padding: 0px 0px 0px 24px;  text-decoration: none; background-image:url(images_site/arhiv.gif); background-position: 2px 2px; background-repeat: no-repeat }

ul#komentari li a { padding: 2px 0px 2px 24px;  text-decoration: none; background-image:url(images_site/novo.gif); background-position: 0px 2px; background-repeat: no-repeat }

ul#linkovi li a  { padding: 0px 0px 0px 24px; text-decoration: none; background-image:url(images_site/link.gif); background-position: 2px 2px; background-repeat: no-repeat }

ul#novo li a  { padding: 2px 0px 2px 24px;  text-decoration: none; background-image:url(images_site/novo.gif); background-position: 0px 2px; background-repeat: no-repeat }

ul#download li a  { padding: 4px 0px 4px 24px;  text-decoration: none; background-image:url(images_site/download.gif); background-position: 0px 4px; background-repeat: no-repeat }

ul#download2 li a  { padding: 4px 0px 4px 24px;  text-decoration: none; background-image:url(images_site/download2.gif); background-position: 0px 4px; background-repeat: no-repeat }

ul#kategorije li a:hover, ul#arhiv li a:hover, ul#komentari li a:hover, ul#linkovi li a:hover, ul#novo li a:hover, ul#download li a:hover, ul#download2 li a:hover  {  text-decoration: none }

ul#novo, ul#kategorije, ul#linkovi { margin-top: 8px; }

ul { margin: 0 0 0 0px; padding: 0}

ul li { margin: 0; padding: 0 6px 0 0; display: block; list-style-type: none;}



/* SadrĹľaj */

#left {

	float: left;

	width: 42%;

	padding: 10px 40px 20px 20px;

	font-size: 0.85em;

	text-align: justify;

	background: #fff url(images_site/border.jpg) top right no-repeat;

	background-position: 305px 5px;

}



#middle{

	float: left;

	width: 22%;

	margin: 0px 20px 0 0px;

	padding: 10px 0 20px 20px;

	font-size: 0.85em;

}



#right {

	float: left;

	width: 22%;

	margin: 0 10px 0 10px;

	padding: 10px 0 20px 0px;

	font-size: 0.85em;

	/* width: 22%; */

}



* html #middle{

	float: left;

	width: 22%;

	margin: 0px 0 0 0px;

	padding: 20px 0px 20px 10px;

	font-size: 0.85em;

}



* html #right {

  position: relative; left: 20px;

 	float: right;

	width: 20%;

	margin: 0 0px 0 -10px;

	padding: 20px 0 0px 0px;

	font-size: 0.85em;

}



/* RSS i traĹľi */

#trazi {

	position: absolute;

	margin: 0 auto;

	top: 192px;

	padding: 0 0 0 10px;

	z-index: 1;

}



.download { position: relative; left: 4px; top: -2px; border: none }

.rss a { color: #000; text-decoration: none;  }

.rss a:hover { color: #000; text-decoration: underline }

.rss a:active { color: #000; text-decoration: underline }

.feed { position: relative; background-image:url(images_site/RSS_32.png); padding: 6px 4px 12px 48px; background-position: 0px 0px; background-repeat: no-repeat; z-index: 10; }



.bread a { color: #000; text-decoration: underline  }

.bread a:hover { color: #000; text-decoration: none  }

.bread a:active { color: #000; text-decoration: none }

.bread { 	position: relative; left: 85px; font: 0.85em "Trebuchet MS", Tahoma, Arial, sans-serif }

.trazi { 	position: relative; left: 690px; width: 210px; top: 0px; }



.datum { background: url(images_site/time.png) left center no-repeat; padding: 4px 0 2px 20px; font-size: 0.85em; color: #bdbdbd; font-weight: bold }

.tekst { font-size: 1.0em; padding: 0 }



.searchfield {

	width: 135px; height: auto;

	font: 1em sans-serif

}



.searchbutton {

	width: 60px; height: auto;

	font: 1em sans-serif

}



form#search_engine {

	position: relative; 

	margin: 0; top: -24px;

}



/* Hack for IE */

html>body form#search_engine {

	position: relative; 

	margin: 0; top: -22px;

}



/* sNews */

fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #f8f8f8; color: #000 }

input { padding: 3px; margin: 0 }

textarea { width: 97%; height: 20em; padding: 3px }

.read_more { background: url(images_site/read_more-2.gif) left no-repeat;  background-position: 2px 2px; background-repeat: no-repeat; padding: 0 4px 0 24px;}

.comment2 { background: url(images_site/comments-2.gif) left no-repeat;  background-position: 2px 0px; background-repeat: no-repeat; padding: 0 0px 0 24px;}

.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }

.commentsbox { background: #f8f8f8; color: #808080; padding: 10px; margin: 0 0 20px 0; border-top: 1px solid #ccc }

.New_Admin_Links { text-align:center; }



.searchfield { font: 0.85em "Trebuchet MS", Tahoma, Arial, sans-serif; height: 15px }

.searchbutton { font: 0.85em "Trebuchet MS", Tahoma, Arial, sans-serif; height: 27px }



#InterneLinky {

padding: 0.3em;

border: 1px solid #ccc;

}



#ILclanky {

	display: block;

	width: 20em;

	height: 20em;

	overflow:auto;

	float: left

}



#ILsites {

	display: block;

	width: 20%;

	height: 20em;

	overflow:auto;

	padding-left: 0.3em;

	float: left;

	border-left: 1px solid #ccc

}



#ILcat {

	display: block;

	width: 20%;

	height: 20em;

	overflow:auto;

	padding-left: 0.3em;

	border-left: 1px solid #ccc

}



.thumb { float: left; margin: 10px;}

.thumbimg {padding: 5px; text-align:center; text-decoration: none;}

.thumblink .thumbimg {background-color: #ffffff;}