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;}
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;margin-top:1em;}
.boxcontent,#ft,#whatis{font-size:93%;}
h1{font-size:197%;font-weight:bold;}
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{float:left;width:20%;margin-left:3%;text-align:left;}
#main-content{float:left;width:50%;margin-left:3%;}
#sidebar-right{float:left;width:20%;margin-left:3%;text-align:right;}
#browsing{clear:both;}
ul.categories{}
li.cat,li.currentcat{margin-left:15px;}
li.currentcat{font-weight:bold;}
li.maincat{font-weight:bold;text-transform:uppercase;background-color:#dddddd;}
#sidebar-left {}
.banner {text-align:center;padding:10px;}
#block-menu ul{padding-top:0px;}
#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%;}
.currenttitle{font-size:120%;padding-top:10px;padding-bottom:0px;}
.topicsheader{text-align:left;font-size:130%;padding-bottom:20px;padding-top:20px;clear:both;}
#topics{text-align:left;border:2px solid #657E88;}
#search{text-align:left;border:2px solid #657E88;clear:both;}
#search p {padding:15px;}
#visited{text-align:left;border:2px solid #657E88;}
#copyright{clear:both;}

li.par0{background-color:#f5f5f1;border:1px dotted #D6DDE1;list-style-type:none;padding:0.5em 0.5em 0.5em 0.5em;}
li.par1{background-color:#D6DDE1;border:1px dotted #D6DDE1;list-style-type:none;padding:0.5em 0.5em 0.5em 0.5em;}
li.par0:first-line,li.par1:first-line {color:#ff0000;font-size:111%;}
li.par0:first-letter,li.par1:first-letter {color:#000000;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;}


.recentblock{border:2px solid #657E88;color:#505053;margin:30 0 0 0;text-align:left;}
.recenttitle{font-weight:bold;text-transform:uppercase;text-align:left;background-color:#ddd;padding:5px;}
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 solid #657E88;}

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:80%;}
a.menil:hover{text-decoration:underline;color:blue;font-size:80%;}

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:#7f7f7f;font-family:Georgia,Serif;}
a.story:hover{text-decoration:underline;color:blue;}

a.copy,a.copy:visited,p.copy{color:black}

.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/preamble_bg.jpg) repeat-y;
padding:0;
width:560px;
text-align:left;
}


#preamble h3 {
	background: url(images/preamble.jpg) no-repeat; 
	padding: 0px;
  	margin: 0px;
	width: 560px;
  	height: 55px;  	
	}
#hnaslov h2{
font-size:16px;font-weight:500;text-align:left;font-family:"lucida grande",verdana,tahoma,arial;
	padding: 10px 85px 10px 86px; 
	margin: 0px 0px 0px 0px;	
	width: 400px;
}

#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 {
background:transparent url(images/trans_prea_expl.jpg) no-repeat scroll 0 0;
height:153px;
margin:0;
padding:0;
width:560px;
}