/******************************************************

*   CSS file by WebMasterJ

*****************************************************/

* {padding: 0; margin: 0;}

/* klase za clearanje */
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
*html .clearfix {
	height: 1%;
}

.clear
	{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	}

body 
	{
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px; 
	text-align: center; 
	background: #d8ceae url("/images/static/bkg.gif") repeat-x top left; 
	font: 62.5%/1.8 Arial, Helvetica, sans-serif;
	}
	
input {
	position: relative;
}

textarea {
	position: relative;
}

object {
	position: relative;
}

a {
	position: relative;
}

p {
	position: relative;
}

h1 {
	position: relative;
}	


	
#site
	{
	width: 980px;
	margin: auto;
	text-align: left;
	padding: 30px 8px 0px 8px;
	position: relative;
	background: #ffffff;
	overflow:hidden;
	}
	
#header
	{
	width: 980px;
	height: 141px;
	background: url("/images/static/head.gif") no-repeat top left;
	padding: 4px 0px 0px 0px;
	}
	
#logo
	{
	text-decoration: none;
	margin: 0px 13px 0px 20px;
	display: inline-block;
	width: 213px;
	height: 109px;
	background: url("/images/static/logo.png") no-repeat top left;
	float: left;
	}	
	
*html #logo
	{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/logo.png');
	}		
	
#head-banner
	{
	width: 728px;
	height: 140px;
	float: left;
	padding: 1px 0px 0px 0px;
	}

#head-banner img
	{
	border: 0;
	}
	
#login-search-wrapper
	{
	width: 524px;
	margin: 0px 0px 0px 185px;
	padding: 14px 0px 0px 0px;
	}	
	
#login
	{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #f8ead9;
	width: 329px;
	padding: 0px 0px 0px 0px;
	float: left;
	background: url("/images/static/top_srch_bkg.gif") no-repeat top left;
	}
	
#logedin
 {
 font: bold 1.3em Arial, Helvetica, sans-serif;
 color: #f8ead9;
 width: 329px;
 padding: 0px 0px 0px 0px;
 float: left;
 position: relative;
 z-index: 100;
 }

i dodaš još

.more
 {
 padding: 0px 18px 0px 10px;
 background: url("/images/static/str_more.gif") no-repeat right;
 }

.moreO
 {
 padding: 0px 18px 0px 10px;
 background: url("/images/static/str_more2.gif") no-repeat right;
 }

#links-hidden
 {
 width: 321px;
 margin: 0px 0px 0px -13px;
 z-index: 100;
 position: absolute;
 left: 0;
 top: 25px;
 }

#inner-lnk
 {
 padding: 10px 0px 10px 13px;
 background: #572305;
 margin: 0px 0px 0px 0px;
 width: 308px;
 line-height: 1.5em;
 }

.none
 {
 display: none;
 }

	
#logedin a
	{
	color: #f4a345;
	text-decoration: none;
	}
	
#logedin a:hover
	{
	text-decoration: underline;
	}
	
#search
	{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #f8ead9;
	width: 195px;
	padding: 0px 0px 0px 0px;
	float: left;
	background: url("/images/static/top_srch_bkg.gif") no-repeat -330px 0px;
	}	
	
.login-search
	{
	margin: 0px;
	paddong: 0px;
	}
	
.login-search span
	{
	float: left;
	display: block;
	padding: 1px 0px 0px 0px;
	}
	
.login-search input
	{
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #595959;
	width: 103px;
	border: 0;
	background: none transparent;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 5px;
	float: left;
	display: inline-block;
	}
	
	.login-search select
	{
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #595959;
	width: 103px;
	border: 0;
	background: none transparent;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 5px;
	float: left;
	display: inline-block;
	}
	
.login-search a
	{
	display: block;
	float: left;
	width: 19px;
	height: 16px;
	background: url("/images/static/form_button.gif") no-repeat top left;
	overflow: hidden;
	margin: 0px 0px 0px 5px;
	display: inline-block;
	}
	
#menu-wrap
	{
	background: url("/images/static/men_wrap.gif") no-repeat top left;
	height: 52px;
	padding: 0px 0px 0px 8px;
	}	
	
#top-menu
	{
	padding: 8px 0px 0px 0px;
	width: 965px;
	height: 37px;
	background: url("/images/static/men_bkg.gif") repeat-x top left;
	}	
	
#top-menu ul {margin: 0px 0px 0px 0px; padding: 0px; text-align: left; list-style: none;}
#top-menu ul li { float: left; margin: 0px; }

#top-menu ul li.def
	{
	background: url("/images/static/men_sep.gif") no-repeat top right;
	padding: 0px 5px 0px 3px;
	}
	
#top-menu ul li.last
	{
	background: none transparent;
	padding: 0px 5px 0px 3px;
	}	
	
#top-menu ul li a
	{ 
  float: left; 
  display: block; 
  text-decoration: none; 
  border: 0; 
	display: inline;
	font: bold 1.7em/0.8em "Trebuchet MS", Times, serif;
	color: #361604;
	}	
	
#top-menu ul li span
	{
	display: block;
	padding: 9px 14px 16px 13px;
	}

#top-menu ul li a:hover
	{
	background: url("/images/static/men_over.gif") no-repeat top right;
	color: #f8ead9;
	}
	
#top-menu ul li a:hover span
	{
	background: url("/images/static/men_over2.gif") no-repeat top left;
	}	
	
#content-wrapper
	{
	margin: 8px 0px 16px 0px;
	width: 980px;
	background: url("/images/static/cols_bkg.gif") repeat-y top left;
	}	
	
#left-col
	{
	width: 665px;
	float:left;
	background: #f8ead9 url("/images/static/left_col_bkg.gif") no-repeat top left;
	padding: 4px 0px 14px 10px;
	}
	
#left-col h1
	{
	font: bold 3.0em/1.3em "Trebuchet MS", Times, serif;
	color: #974b00;
	margin: 0px;
	padding: 0px 0px 6px 13px;
	}
	
.pic-wrapper
	{
	width:665px;
	padding: 0px 0px 15px 0px;
	position: relative;
	}
	
.pic-wrapper a
	{
	display: block;
	width: 164px;
	float: left;
	text-decoration: none;
	cursor: pointer;
	}
	
.pic-frame
	{
	background: url("/images/static/pic_frame.png") no-repeat top left;
	width: 160px;
	height: 124px;
	padding: 4px 0px 0px 4px;
	display: block;
	}
	
*html .pic-frame
	{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/pic_frame.png');
	}			
	
.pic-frame img
	{
	border: 0;
	}
	
.gallery-title
	{
	margin: 0px;
	padding: 8px 0px 2px 12px;
	font: bold 1.3em/1.3em "Trebuchet MS", Times, serif;
	color: #572305;
	background: #ce8244 url("/images/static/title_gal_top.gif") no-repeat top left;
	width: 145px;
	}	
	
.image-number
	{
	margin: 0px;
	padding: 5px 0px 7px 12px;
	font: bold 1.2em/1.3em "Trebuchet MS", Times, serif;
	color: #e5cbae;
	background: #af4820 url("/images/static/num_gal_bot.gif") no-repeat bottom left;
	width: 145px;
	}	
	
.image-number span
	{
	font: bold 1.1em/1.3em "Trebuchet MS", Times, serif;
	color: #fffffe;
	}
	
#pageing-wrapper
	{
	background: url("/images/static/pageing.gif") no-repeat top left;
	width: 608px;
	height: 36px;
	padding: 7px 22px 0px 22px;
	}	
	
.arrow-left
	{
	display: block;
	background: url("/images/static/arr_lt.gif") no-repeat top left;
	width: 45px;
	height: 29px;
	text-decoration: none;
	float: left;
	}	
	
.arrow-right
	{
	display: block;
	background: url("/images/static/arr_rt.gif") no-repeat top left;
	width: 45px;
	height: 29px;
	text-decoration: none;
	float: left;
	}
	
.pg-numbers
	{
	width: 518px;
	float: left;
	text-align: center;
	}
	
.pg-numbers a
	{
	font: bold 1.5em/2.0em "Trebuchet MS", Times, serif;
	color: #572305;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	}
	
.pg-numbers a:hover
	{
	color: #af4820;
	}
	
.pg-numbers span
	{
	font: bold 2.4em/1.0em "Trebuchet MS", Times, serif;
	color: #af4820;
	}
	
#right-col
	{
	width: 300px;
	float:left;
	margin: 0px 0px 0px 5px;
	background: #f3ddbf;
	}	
	
#reg
	{
	background: url("/images/static/reg_bkg.gif") no-repeat top left;
	width: 300px;
	height: 109px;
	padding: 32px 0px 0px 0px;
	}
	
#reg a
	{
	font: 3.0em "Trebuchet MS", Times, serif;
	color: #edc9af;
	display: block;
	background: url("/images/static/reg_button.png") no-repeat top left;
	width: 202px;
	height: 52px;
	text-decoration: none;
	padding: 5px 0px 0px 30px;
	margin: 0px 0px 0px 28px;
	}
	
*html #reg a
	{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/reg_button.png');
	}			
	
#reg div
	{
	padding: 3px 0px 0px 0px;
	text-align: center;
	font: bold 1.1em/1.3em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
#tags
	{
	text-align: center;
	width: 280px;
	padding: 5px 10px 26px 10px;
	border-bottom: 5px solid #af4820;
	}
	
#tags h3
	{
	font: bold 2.5em/1.3em "Trebuchet MS", Times, serif;
	color: #572305;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
#tags a
	{
	text-decoration: none;
	}	
	
.tag1
 {
 font: bold 1.1em "Trebuchet MS", Times, serif;
 color: #a0560f;
 }
 
.tag2
 {
 font: 1.2em "Trebuchet MS", Times, serif;
 color: #572305;
 }
 
.tag3
 {
 font: bold 1.4em "Trebuchet MS", Times, serif;
 color: #d2691c;
 }
 
.tag4
 {
 font: 1.6em "Trebuchet MS", Times, serif;
 color: #c38844;
 }
 
.tag5
 {
 font: bold 1.7em "Trebuchet MS", Times, serif;
 color: #d55804;
 }
 
.tag6
 {
 font: 1.9em "Trebuchet MS", Times, serif;
 color: #a0560f;
 }
 
.tag7
 {
 font: bold 2.1em "Trebuchet MS", Times, serif;
 color: #c38844;
 }
 
.tag8
 {
 font: bold2.3em "Trebuchet MS", Times, serif;
 color: #a0560f;
 }
 
.tag9
 {
 font:  2.4em "Trebuchet MS", Times, serif;
 color: #d2691c;
 }
 
.tag10
 {
 font: bold 2.5em "Trebuchet MS", Times, serif;
 color: #572305;
 }
	
.bann-rt-col
	{
	border-bottom: 5px solid #af4820;
	}

.bann-rt-col img
	{
	border: 0;
	}
	
#footer
	{
	background: url("/images/static/footer_bkg.gif") no-repeat top left;
	width: 980px;
	height: 112px;
	margin: 0px 0px 11px 0px;
	}	
	
#container
	{
	clear:both; width:100%; overflow:hidden;
	padding: 9px 0px 0px 0px;
	}	
	
#foot-nav
	{
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
	
#foot-nav li
	{
  float:left; position:relative; right:50%;
  }
	
#foot-nav a
	{
  width:auto;
  display:block;
  text-decoration:none;
	font: bold 1.7em "Trebuchet MS", Times, serif;
	color: #361604;
	padding: 9px 10px 8px 11px;
  }
	
#foot-nav a:hover {
	background: url("/images/static/footer_bkg_hover.gif") repeat-x top left;
  }	
	
#foot-sec-nav
	{
	padding: 12px 0px 0px 0px;
	text-align: center;
	width: 980px;
	}	
	
#foot-sec-nav a
	{
	font: bold 1.3em "Trebuchet MS", Times, serif;
	color: #361604;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	}
	
#foot-sec-nav span
	{
	font: bold 1.3em "Trebuchet MS", Times, serif;
	color: #7f5126;	
	display: block;
	padding: 5px 0px 0px 0px;
	}
	
#left-col-pg
	{
	width: 675px;
	float:left;
	padding: 0px 0px 14px 0px;
	ovo overflow:  hidden;
	}
	
#left-col-pg h1
	{
	font: bold 3.0em/1.3em "Trebuchet MS", Times, serif;
	color: #974b00;
	margin: 0px;
	padding: 4px 0px 3px 23px;
	margin: 0px 0px 15px 0px;
	background: #e5cbae;
	}	
	
.form-wrapper
	{
	background: #e3bc8c url("/images/static/form_top.gif") no-repeat top left;
	width: 652px;
	margin: 0px 0px 0px 10px;
	padding: 16px 0px 0px 0px;
	}	
	
.form-wrapper h3
	{
	margin: 0px;
	padding: 0px 0px 13px 22px;
	font: bold 2.3em/1em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-wrapper h4
	{
	margin: 0px;
	padding: 0px 0px 13px 22px;
	font: bold 1.5em/1em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-wrapper p
	{
	margin: 0px;
	padding: 0px 0px 13px 22px;
	font: 1.3em/1em "Trebuchet MS", Times, serif;
	color: #572305;
	}			
	
.back-form
	{
	margin: 10px 0px 13px 22px;
	padding: 4px 0px 0px 0px;
	font: bold 1.2em/1em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	display: block;
	background: url("/images/static/back_for.gif") no-repeat top left;
	width: 161px;
	height: 18px;
	text-align: center;
	}	
	
.form-wrapper h3 span
	{
	font: bold 0.7em "Trebuchet MS", Times, serif;
	color: #e75b25;
	padding: 0px 0px 0px 0px;
	}
	
.form-line
	{
	background: #ebcfad url("/images/static/fl_top.gif") no-repeat top left;
	width: 611px;
	margin: 0px 0px 5px 20px;
	padding: 9px 0px 0px 0px;
	}	
	
.fl-bottom
	{
	background: url("/images/static/fl_bot.gif") no-repeat top left;
	width: 611px;
	height: 6px;
	overflow: hidden;
	clear: both;
	}
		
.form-line div.txt
	{
	width: 269px;
	float: left;
	padding: 0px 0px 0px 12px;
	font: bold 1.5em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line div.txt span
	{
	font: 0.8em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line div.input-field
	{
	width: 321px;
	height: 27px;
	float: left;
	padding: 5px 0px 0px 4px;
	background: url("/images/static/inp_bkg.gif") no-repeat top left;
	}
	
.form-line div.input-field input
	{
	width: 310px;
	border: 0;
	background: none transparent;
	}
	
.warning
	{
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #572305;
	padding: 12px 0px 0px 32px;
	}	
	
.bottom-form-wrp
	{
	width: 652px;
	height: 15px;
	background: url("/images/static/form_bot.gif") no-repeat top left;
	}	
	
.form-wrapper2
	{
	background: #edd2b0 url("/images/static/form_top2.gif") no-repeat top left;
	width: 652px;
	margin: 7px 0px 0px 10px;
	padding: 16px 0px 0px 0px;
	}	
	
.form-wrapper2 h3
	{
	margin: 0px;
	padding: 0px 0px 13px 22px;
	font: bold 2.3em/1em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-wrapper2 h3 span
	{
	font: bold 0.7em "Trebuchet MS", Times, serif;
	color: #e75b25;
	padding: 0px 0px 0px 0px;
	}
	
.form-line2
	{
	background: #f2dfc7 url("/images/static/fl_top2.gif") no-repeat top left;
	width: 611px;
	margin: 0px 0px 5px 20px;
	padding: 9px 0px 0px 0px;
	}	
	
.fl-bottom2
	{
	background: url("/images/static/fl_bot2.gif") no-repeat top left;
	width: 611px;
	height: 6px;
	overflow: hidden;
	clear: both;
	}
		
.form-line2 div.txt
	{
	width: 269px;
	float: left;
	padding: 0px 0px 0px 12px;
	font: bold 1.5em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line2 div.txt span
	{
	font: 0.8em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line2 div.input-field
	{
	width: 321px;
	height: 27px;
	float: left;
	padding: 5px 0px 0px 4px;
	background: url("/images/static/inp_bkg2.gif") no-repeat top left;
	}
	
.form-line2 div.input-field2
	{
	width: 321px;
	float: left;
	padding: 5px 0px 0px 4px;
	}
	
.form-line2 div.input-field2 textarea
	{
	height: 78px;
	width: 180px;
	}
	
	.form-line div.input-field2 a
	{
	font: 1.3em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
	.form-line div.input-field2 a:hover
	{
	font: 1.3em "Trebuchet MS", Times, serif;
	color: #572305; text-decoration: none;
	}
	
.form-line2 div.input-field input
	{
	width: 310px;
	border: 0;
	background: none transparent;
	}
	
.bottom-form-wrp2
	{
	width: 652px;
	height: 15px;
	background: url("/images/static/form_bot2.gif") no-repeat top left;
	}	
	
.input-field-small
	{
	margin: 9px 0px 0px 0px;
	padding: 4px 0px 0px 4px;
	width: 175px;
	height: 23px;
	background: url("/images/static/inp_sm.gif") no-repeat top left;
	}	
	
.input-field-small input
	{
	width: 162px;
	border: 0;
	background: none transparent;
	}
	
.left-part-inp
	{
	width: 193px;
	float: left;
	}	
	
.preview
	{
	display: block;
	width: 126px;
	height: 19px;
	float: left;
	background: url("/images/static/preview.gif") no-repeat top left;
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	text-decoration: none;
	padding: 97px 0px 0px 0px;
	text-align: center;
	}	
	
.form-line2 div.txt2
	{
	width: 380px;
	float: left;
	padding: 0px 56px 0px 12px;
	font: bold 1.5em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line2 div.txt2 span
	{
	font: 0.8em "Trebuchet MS", Times, serif;
	color: #572305;
	}
	
.form-line2 div.input-field3
	{
	width: 135px;
	height: 27px;
	float: left;
	padding: 5px 0px 0px 4px;
	font: bold 1.3em "Trebuchet MS", Times, serif;
	color: #424241;
	}	
	
.button-cl
	{
	display: block;
	width: 126px;
	height: 20px;
	float: left;
	text-align: center;
	background: url("/images/static/button_sub.gif") no-repeat top left;
	margin: 10px 8px 0px 381px;
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	}	
	
.button-sub
	{
	display: block;
	width: 126px;
	height: 20px;
	float: left;
	text-align: center;
	background: url("/images/static/button_sub.gif") no-repeat top left;
	margin: 10px 0px 0px 0px;
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	}	
	
#reg-in
	{
	background: #974b00 url("/images/static/reg_bkg_in.gif") no-repeat top left;
	width: 300px;
	padding: 20px 0px 0px 0px;
	}
	
.avat
	{
	margin: 0px 10px 0px 14px;
	}	
	
.user
	{
	padding: 8px 0px 0px 0px;
	}	

.user b
	{
	width: 160px;
	font: bold 2.4em "Trebuchet MS", Times, serif;
	color: #572305;
	}	
	
.user span
	{
	display: block;
	font: bold 1.8em "Trebuchet MS", Times, serif;
	color: #edddcd;
	padding: 0px 0px 10px 0px;
	}
	
.status
	{
	font: bold 1.1em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	padding: 10px 0px 0px 11px;
	}	
	
.upload-btn
	{
	display: block;
	width: 153px;
	height: 20px;
	text-align: center;
	background: url("/images/static/upload_gall.gif") no-repeat top left;
	margin: 12px 0px 14px 10px;
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	}	
	
#picture-wrapper
	{
	width: 656px;
	background: url("/images/static/pic_wrap.gif") no-repeat top left;
	padding: 30px 0px 0px 19px;
	margin: 0px 0px 0px 0px;
	}	
	
#gall-pics
	{
	width: 645px;
	height: 95px;
	background: url("/images/static/pic_gall_bkg.gif") no-repeat top left;
	margin: 0px 0px 15px 10px;
	padding: 5px 4px 0px 4px;
	}	
	
.left-arrow
	{
	width: 21px;
	height: 46px;
	background: url("/images/static/left_arr.gif") no-repeat top left;
	margin: 21px 4px 0px 0px;
	float: left;
	display: block;
	}	
	
.right-arrow
	{
	width: 21px;
	height: 46px;
	background: url("/images/static/right_arr.gif") no-repeat top left;
	margin: 21px 0px 0px -7px;
	float: left;
	display: block;
	}	
	
.pic-frame-sm
	{
	width: 116px;
	height: 89px;
	background: url("/images/static/pic_frame_sm.gif") no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 5px;
	float: left;
	display: block;
	}	
	
.pic-frame-sm img
	{
	border: 0;
	}
	
.left-pt-gall
	{
	width: 283px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 29px;
	float: left;
	}	
	
.left-pt-gall p
	{
	font: bold 1.8em "Trebuchet MS", Times, serif;
	color: #572305;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 0px;
	}
	
.name
	{
	font: 1.0em "Trebuchet MS", Times, serif;
	color: #cd5700;
	text-decoration: none;
	}	
	
.name:hover
	{
	text-decoration: underline;
	}
	
.category
	{
	font: 1.0em "Trebuchet MS", Times, serif;
	color: #974b00;
	text-decoration: none;
	}	
	
.category:hover
	{
	text-decoration: underline;
	}	
	
.stars
	{
	display: block;
	width: 136px;
	height: 23px;
	float: left;
	}	
	
.right-pt-gall
	{
	width: 340px;
	float: left;
	}
	
.right-pt-gall span
	{
	font: bold 1.3em "Trebuchet MS", Times, serif;
	color: #572305;
	padding: 0px 0px 0px 11px;
	}
	
.inp-pic-gal
	{
	width: 340px;
	height: 27px;
	background: url("/images/static/inp_bkg_pic.gif") no-repeat top left;
	margin: 0px 0px 7px 0px;
	}	
	
.inp-pic-gal input
	{
	margin: 3px 0px 0px 5px;
	width: 325px;
	border: 0;
	background: none transparent;
	padding: 1px 0px 0px 0px;
	}	
	
.comment-title
	{
	font: bold 2.2em "Trebuchet MS", Times, serif;
	color: #572305;
	padding: 15px 0px 0px 38px;
	margin: 0;
	display: block;
	}	
	
.comment-input
	{
	width: 553px;
	height: 78px;
	background: url("/images/static/comment_bkg.gif") no-repeat top right;
	padding: 0px 0px 0px 21px;
	margin: 3px 0px 0px 0px;
	float: left;
	}	
	
.comment-input textarea
	{
	margin: 4px 0px 0px 3px;
	width: 543px;
	height: 65px;
	font: 1.4em "Trebuchet MS", Times, serif;
	color: #572305;
	border: 0;
	background: none transparent;
	}
	
.comment-submit
	{
	width: 45px;
	height: 29px;
	display: block;
	background: url("/images/static/sub_com.gif") no-repeat top right;
	margin: 27px 0px 0px 11px;
	float: left;
	}	
	
.comment-item
	{
	width: 631px;
	margin: 22px 0px 0px 0px;
	}	
	
.avatar
	{
	float: left;
	width: 98px;
	height: 84px;
	background: url("/images/static/avatar_bkg.gif") no-repeat top right;
	margin: 0px 11px 0px 0px;
	display: inline;
	}	
	
.commentary-top
	{
	float: left;
	width: 500px;
	background: #ebcfad url("/images/static/comm_top.gif") no-repeat top left;
	padding: 10px 11px 0px 11px;
	}	
	
.user-comm
	{
	background: #dbbb9a;
	padding: 0px 13px 0px 11px;
	margin: 0px 0px 10px 0px;
	}
	
.us_name
	{
	font: bold 1.8em "Trebuchet MS", Times, serif;
	color: #572305;
	float: left;
	}
	
.date
	{
	font: bold 1.2em/2.0em "Trebuchet MS", Times, serif;
	color: #572305;
	float: right;
	}	
	
.comment-txt
	{
	font: 1.2em Arial, Times, serif;
	color: #361908;
	}	
	
.commnet-bottom
	{
	width: 522px;
	height: 12px;
	background: url("/images/static/commnet_bottom.gif") no-repeat top right;
	overflow: hidden;
	margin: 0px 0px 0px -11px;
	}	
	
.report
	{
	width: 136px;
	height: 20px;
	background: url("/images/static/commnet_report.gif") no-repeat top right;
	font: bold 1.2em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	display: block;
	margin: 11px 0px 0px 495px;
	text-align: center;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	}
	
#images-small
	{
	width: 289px;
	font: bold 1.1em/2.5em "Trebuchet MS", Times, serif;
	color: #f8ead9;
	padding: 7px 0px 15px 11px;
	}	
	
.img-sm-line
	{
	width: 289px;
	}
	
.img-sm-line a
	{
	display: block;
	width: 68px;
	height: 55px;
	background: url("/images/static/sm_bkg.png") no-repeat top left;
	padding: 4px 0px 0px 3px;
	float: left;
	}
	
.img-sm-line a img
	{
	border: 0;
	}
	
*html .img-sm-line a
	{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/sm_bkg.png');
	}	

.zvjezdice
	{
	float: left;
	width: 136px;
	}
	
.star-txt
	{
	display: block;
	width: 69px;
	float: left;
	font: bold 1.8em "Trebuchet MS", Times, serif;
	color: #572305;
	}	

/* rateing */

ul.rating {margin: 0;padding: 0;list-style: none;position: relative;width: 136px;height: 23px;background: url("/images/static/zvjezdice.gif");background-position: -140px 0;background-repeat: no-repeat;padding: 0;overflow: hidden;}
.rating li {margin: 0;padding: 0;float: left;}
.rating li a {display: block;position: absolute;width: 24px;height: 23px;text-indent: -9999px;overflow: hidden;z-index: 20; zoom: 1;}

ul.worst { background-position: -112px 0;}
ul.bad { background-position: -84px 0;}
ul.fair { background-position: -56px 0;}
ul.good { background-position: -28px 0;}
ul.best { background-position: 0 0;}

.rating a.worst { left: 0; }
.rating a.bad { left: 28px; }
.rating a.fair { left: 56px; }
.rating a.good { left: 84px; }
.rating a.best { left: 112px; }

.rating li a:hover {background: transparent url("/images/static/zvijezdica.gif") left top repeat-x;left: 0;z-index: 1;}

.rating a.worst:hover {width: 28px;}
.rating a.bad:hover {width: 56px;}
.rating a.fair:hover {width: 84px;}
.rating a.good:hover {width: 112px;}
.rating a.best:hover {width: 140px;}

#search2
 {
 font: bold 1.3em Arial, Helvetica, sans-serif;
 color: #f8ead9;
 width: 195px;
 padding: 0px 0px 0px 0px;
 float: left;
 }

#search2 select
 {
 width: 103px;
 font: 0.9em Arial, Helvetica, sans-serif;
 color: #595959;
 margin: 0px 0px 0px 5px;
 height: 20px;
 }

.pic-frame-sm-a
 {
 width: 116px;
 height: 89px;
 background: url("/images/static/pic_frame_sma.gif") no-repeat top left;
 margin: 0px 0px 0px 0px;
 padding: 6px 0px 0px 5px;
 float: left;
 display: block;
 }

.pic-frame-sm-a img
 {
 border: 0;
 }
 
#fixed
 {
 z-index: 1000;
 background: #974b00;
 width: 100%;
 left: 0;
 position: fixed;
 height: 27px;
 font: bold 1.3em/2em Arial, Helvetica, sans-serif;
 color: #f8ead9;
 padding: 3px 0px 0px 0px;
 }

#fixed img
 {
 margin: -5px 0px 0px 0px;
 }
 
 #fixed a
 {
 color: #f8ead9;
 text-decoration:underline;
 }

#fixed a:hover
 {
 color: #f8ead9;
 text-decoration:none;
 }