body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;margin-top:16px;margin-bottom:10px;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{font:13px/1.231 sans-serif,arial,helvetica,clean;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
#hd{margin-bottom:0;}
#copyright{text-align:center;}
.boxcontent,#ft,#whatis{font-size:93%;}
h1{font-size:197%;font-weight:bold;display:inline;}
h2{font-size:131%;font-weight:bold;}
h3{font-size:100%;font-weight:bold;}
hr{align:center;}

h1,a{color:#800;text-decoration:none;}
table.nextlevel{width:100%;align:center;valign:middle;border:1;bgcolor:#F0F8FF;cellpadding:3}

#sidebar-left{width:100%;margin:10px;text-align:left;}
#main-content{float:left;width:50%;margin-left:3%;}
#sidebar-right{float:left;width:40%;margin-left:3%;text-align:right;}
#browsing{clear:both;width:90%;margin:20px;}
ul.categories{width:auto;}
li.cat{float:left;}
li.currentcat{}
li.currentcat{font-weight:bold;background-color:white;text-transform:capitalize;}
li.maincat{font-weight:bold;text-transform:uppercase;background-color:#dddddd;clear:left;}
#sidebar-left {}
.banner {text-align:center;padding:10px;}
#block-menu ul{padding-top:0px;margin:10px;margin-left:30px;}
#block-menu li{border:1px dotted #D6DDE1;list-style-type:none;padding:0.25em 0.3em 0.25em 0.25em;}
h2.navtitle{padding-top:10px;padding-bottom:15px;}
.am{font-size:130%;font-family:verdana;}
.currenttitle{font-size:140%;padding-top:0px;padding-bottom:0px;}
.topicsheader{text-align:left;font-size:130%;margin-bottom:0px;margin-top:20px;clear:both;padding:10px;

	color: black;
	padding: 10px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #f00, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0033, endColorstr=#CC6666);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0033, endColorstr=#CC6666)";

}
#topics{text-align:left;border:1px solid #657E88;}
#search{text-align:left;border:1px solid #657E88;clear:both;}
#search p {padding:15px;}
#visited{text-align:left;border:1px solid #657E88;}
#copyright{clear:both;}

li.par0{background-color:#fff;border:1px solid #D6DDE1;list-style-type:none;padding:0.5em 0.5em 0.5em 0.5em;color:#f00;}
li.par1{background-color:#fff;border:1px solid #D6DDE1;list-style-type:none;padding:0.5em 0.5em 0.5em 0.5em;color:#f00;}
li.par0:first-line,li.par1:first-line {color:#ff0000;}
li.par0:first-letter,li.par1:first-letter {text-transform:uppercase;}


#topics ul.topicselection, #visited.visitedselection ul {padding:0; margin:0; width:280px; }
#topics ul li.par0, #visited ul li.par0 ,#topics ul li.par1, #visited ul li.par1 {display:block; margin:5px 5px 5px 5px;padding:15px;}

#topics ul li.par0:hover, #visited ul li.par0:hover ,#topics ul li.par1:hover, #visited ul li.par1:hover {
background:#D6DDE1;
}

.recentblock{border:1px solid #657E88;color:#505053;margin:105 0 0 0;text-align:left;}
.recenttitle{font-weight:bold;text-align:left;background-color:#ddd;padding:5px;

	color: #000;
	padding: 10px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#2ef), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #2ef, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF347C17, endColorstr=#FF99FF99);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF347C17, endColorstr=#FF99FF99)";

}
h4.recent{padding-top:5px;padding-left:5px;padding-right:5px;font-weight:bold;}
p.recent{padding-bottom:5px;padding-right:5px;padding-left:8px;border-bottom:1px dotted #657E88;padding-top:5px;}

a{color: #666;text-decoration: none;}
a:visited{color: #666;}
a:hover{text-decoration: underline;}
a{text-decoration:none;font-color:blue}
a:hover {color: purple;text-decoration:underline;} 
a:visited {color: purple;} 
a:visited:hover {color: maroon;text-decoration:underline;}
a.meni,a.meni.visited{color:blue;}
a.meni:hover{text-decoration:underline;color:blue;} 
a.meniv,a.meniv.visited{color:grey;}
a.meniv:hover{text-decoration:underline;color:blue;} 
a.menil{font-size:100%;}
a.menil:hover{text-decoration:underline;color:blue;font-size:100%;}

a.tip{font-size:50%}
a.note,a.note:hover,a.note:active,a.hover:active,a.note:visited{color: green; font-weight:strong; text-decoration:none}
a.story{color:black;line-height:1.55em;}
a.story:hover{text-decoration:underline;color:blue;background-color:yellow;}

a.copy,a.copy:visited,p.copy{color:black}
p.copy{padding-top:1em;}

.prize{background: yellow}
.naslov {font-size:13px}
h2.naslov:first-line {color:#ff0000;font-size:large}
h2.naslov:first-letter {color:#000000;text-transform:uppercase;}
/* layout blockquote{font-style: italic;border-left: 5px solid #666;margin: 15px 30px 0 10px;padding-left: 15px;} */



/* i am trying out the idea from: css Zen Garden submission 148 - 'Museum', by Samuel Marin, http://www.info.fundp.ac.be/~sma/ */

#preamble {
background:transparent url(images/lines.jpg) repeat;
padding:0;
width:560px;
text-align:left;
}


#preamble h3 {
	padding: 0px;
  	margin: 0px;
	width: 560px;
  	height: 50px;  	
	}
#hnaslov {
	color: #bbb;
	padding: 9px;

margin-left:70px;
margin-right:67px;
}
#hnaslov h2{
font-size:13px;font-weight:500;text-align:left;font-family:"lucida grande",verdana,tahoma,arial;
color:black;
font-weight:bold;
	margin: 0px 0px 0px 0px;	
	width: 400px;
}
#hnaslov a, #hnaslov a:hover, #hnaslov a:visited {
color:black;

}


#preamble h3 span {
	}

#preamble p {
	text-indent: 2em;
	}

#preamble p:first-letter {
	font-size: 180%;
	font-weight: bold;
	color: #444444;	
	}

#preamble p.p1 {
	padding: 10px 85px 10px 86px; 
	margin: -0px 0px 0px 0px;	
	}

#preamble hr.p1 {
	padding: 10px 5px 10px 6px; 
	margin: -0px 0px 0px 0px;	
	}


#explanation h3 {
height:3px;
margin:0;
padding:0;
width:560px;
}


div#hidecom,div#showcom,div.izbor{border:1px solid black;padding:10px;text-align:justify;margin:3px;}

div#hidecom,div#showcom,div.izbor{    background: -moz-linear-gradient(center top , #22EEFF, #FFFFFF) repeat scroll 0 0 transparent;}


div#fixtop {float:left;display:inline;}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.categories, ul ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; text-align:left; border:0px solid #606;}
ul.categories {margin:0 auto;}

ul.categories table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.categories ul {margin-left:1em;}
ul.categories li {text-indent:0em;}
ul.categories li.maincat {margin-bottom:-2px;color:white;}
ul.categories li a, 
ul.categories li a:visited {display:block; text-decoration:none; }
ul.categories li a.last, 
ul.categories li a.last:visited {display:block; }
ul.categories li ul {display:none;}

ul.categories li:hover a, 
ul.categories li a:hover {border:0;}
ul.categories li:hover ul, 
ul.categories li a:hover ul {display:block; margin-top:-1px; border:1px solid #000;}
ul.categories li:hover ul li a, 
ul.categories li a:hover ul li a {font-weight:normal;color:888;text-transform:capitalize;}
ul.categories li:hover ul li:hover a, 
ul.categories li a:hover ul li a:hover {color:888;text-transform:capitalize;}




.gradient {
	color: #fff;
	padding: 10px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#8a9), to(#eee));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #8a9, #eee);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6666CC, endColorstr=#0033FF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6666CC, endColorstr=#0033FF)";
}


ul.dvekol{
display:inline;
border:0px;
width:100%;
}
li.topti{
border:0px;
width:80%;
display:inline;
}
li.exre{
display:inline;
float:right;
}
ul.dvekol li.exre{
float:right;
}

ul.dvekol:hover{
}

.last {
background-color:#ADFF2F;
}

.searchlabel{
backgound-color:red;
text-weight:bold;
border:2px solid red;
}
.searchbox{
border:2px solid red;
}

ol {margin:15px;}

#new {
font-size:1.3em;
}


.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}