.f-left {float: left;}
.f-right {float: right;}
.clear { clear: both; }
.center {text-align: center;}
.smaller {font-size:85%;}



*{ margin: 0; padding: 0; }* 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(../images/bg.gif) repeat-x; color: #444; }
a {	color: #444;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.9em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3 { font: normal 18px Georgia, "Times New Roman", Arial; }
img { border: 0; }


th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

#content { width: 930px; margin: 0 auto; position: relative;}

#matf_logo {position: absolute; top: 1px; right: 0; background:url(../images/matf.gif) no-repeat; width: 333px; height: 176px; }

#logo h1 {line-height: 50px; margin-left: 20px;}
#logo h3 {margin-left: 20px; color: gray; }

#logo { margin: 30px 0 20px 0; width: 450px; float: left; }
	#logo p { margin: 0; }
	#logo h2 {text-decoration: none; border-bottom: 0 !important;}
	
#menu { float: left; padding: 5px 0 5px; border-top: 3px solid #eee; border-bottom: 3px solid #eee; width: 930px; margin: 0;}
	#menu li { font-size: 1.1em; display: inline; font-weight: bold;}
	#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365;  }
	#menu li a.current { background: #fff url(../images/button_grey.gif) no-repeat; color: #000;  }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(../images/button_grey.gif) no-repeat; }

	#menu a:active, #menu a:focus{ outline:none;}	
	
.caption { background: #fff url(../images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff; font-weight: bold; }
	.caption p { margin: 0; }


#categories { background: #eee; padding: 10px 10px 10px 15px; }
	#categories li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; margin: 0; padding: 0;} 
	#categories li  a {background:url(../images/arrow.gif) 0 4px no-repeat; padding: 0 15px;}

.anketa {color: #444;}
	.anketa  h4 {margin-bottom: 10px; font-size: 110%; }
	.anketa li {border-bottom: 0 !important;  padding: 4px;}

.post {padding-right: 5px; padding-left: 15px; }
	.post li a.item {background:url(../images/post.gif) 0 0 no-repeat; padding: 0 20px !important;}

#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }

#left {  width: 200px; float: left; }
#center {  width: 455px; float: right; padding: 0 15px 20px 10px; }
#right { float: right; width: 245px; }
	.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }

#center .post_item .content a {color: blue;}

#center table {padding: 5px;}

#center th {	background: gray; color: white; border: 1px solid #eee;}

#center td {  border: 1px solid #eee;}

#spisak {padding: 8px; background: #eee; margin: 3px;}
#spisak:hover {background: #C9C9C9; }
#spisak a {text-decoration: none; color: #000; font-weight: bold;}
	
.box { background: #eee; padding: 10px; margin: 0;}
	.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
	.box li a { padding: 0 5px; }
	.box p {margin: 10px 0 10px;}

input.search {background:url(../images/search.png) no-repeat; width: 20px; border: 0; }
input.search:focus {border: 0;} 

input.radio {padding: 0; border: 0; padding-top: 3px;}
input.radio:focus {border: 0; }

.wise_words {color: #444;}
	.wise_words .quote_l {width: 16px; height: 16px; background:url(../images/blockquote_l.gif) 0 0 no-repeat;}
	.wise_words .quote_r {width: 16px; height: 16px; background:url(../images/blockquote_r.gif) 0 0 no-repeat; float: right;}
	.wise_words p.content {text-align: center; margin: -15px 20px -15px 20px;}

.post_item .content {margin: 20px;}
	.post_item .content p { margin: 15px 0 15px 0; }
	.post_item .content ul, .post_item .content ol { margin: 15px; }
	.post_item .content ul li, .post_item .content ol li {padding-top: 8px;}
	
	.btm_nav {margin-top: 20px; clear: both;}
	.btm_nav ul {list-style: none; float: right;}
	.btm_nav ul li {display: inline; padding: 5px;}	
	.btm_nav ul li a {font-weight: bold; background: #eee; padding: 5px 8px 5px 8px;}
	.btm_nav ul li a:hover {text-decoration: none;}
	
	
	.article ul {margin-left: 20px;}
	.article h2 .category {font-size: 70%; color: gray;}
	.article .content img.img {padding: 5px; border: 1px solid silver; margin: 0 0 10px 10px;}
	.article .content a img {text-decoration: none; }
    .article .content ul, ol {margin-left: 15px !important; margin-top: 15px !important;}
	.article .info ul {list-style: none; height: 30px; line-height: 30px; background: #eee; border-bottom: 1px solid black; font-size: 90%; margin-left: 0 !important;}
	.article .info ul li {display: inline; padding: 10px;}

	.pagination {font-weight: bold; margin-bottom: 20px;}
	.pagination .position {border: 1px solid silver; padding: 3px; margin: 5px;}
	.pagination .active {background: #eee;}
	
#adrese ul {list-style: none; height: 50px;}
#adrese ul li {display: inline; }
	
#footer { font-size: .84em; clear: both; padding: 15px; margin: 20px 0 0 0 !important;  background: #eee; }
	#footer a { color: #444; }
	#foot_menu {list-style: none; margin-bottom: 10px; }
	#foot_menu li {display: inline; }
	#foot_menu li a {font-size: 110%; padding: 5px;}

input { padding: 2px; border:1px solid #AFAFAF;}

textarea {	margin-top: 20px; width:405px; padding:2px;	border:1px solid #AFAFAF; height:100px; display:block;}

textarea:focus { border:1px solid #5F5F5F; }

textarea{	overflow:auto; }


input:focus {border:1px solid #5F5F5F;}

#galerija {margin-top: 0px;}

		.album_box { float: left; width: 400px; min-height: 200px; margin: 0 0 20px 10px; text-align: left;  background: url(../images/album_bgd.gif) no-repeat; padding: 20px; padding-top: 30px; }
		.album_box  .pic {width: 130px; height: 130px; float: left; margin:20px 20px 10px 10px;}
		.album_box  .pic img { padding: 5px; border: 1px solid gray; background:  #fff;}
		.album_box  .pic img:hover { border: 1px solid black;} 
		.album_box  .content {margin-top: 20px; color: black; width: 150px; float: left; }
		.album_box .content .title a {color: #000; font-size: 130%; }

#slike_albuma {margin-top: 0px;}
		
		#slike_albuma .items {width: 450px; margin: 0 auto;}
		
		#slike_albuma .items .img {width: 150px; height: 180px;  float: left; text-align: center; position: relative;}
		#slike_albuma .items .img .pic {width: 130px;  margin: 0 auto;}
		#slike_albuma .items .img .pic img { margin-top: 10px; padding: 5px; border: 1px solid gray;}		
		#slike_albuma .items .img .title {font-size: 90%;}


#toggle a {text-decoration: none; color: #000;} 
#toggle a:hover {color: #616358;}
#toggle h2 {border-bottom: 2px solid black;}

html, body {height: 100%; margin: 0; padding: 0; }

.alert_msg {position: absolute; top: 300px; left: 25%; width: 50%; border: 1px solid black; background: #eee url(../images/bigrotation2.gif) 8px 10px no-repeat; padding: 15px; padding-left: 40px; text-align: center; font-size: 16px; font-weight: bold; z-index: 99;}
body>.alert_msg {position: fixed; }
.alert_msg h2 {text-decoration: none;}

#center tr.highlite {background: #FDFFC7 !important;}