/* 
	project:  stvari.net

*/
*{ margin: 0; padding: 0; } 
body { text-align: center; font: .8em "Trebuchet MS", Arial, Sans-Serif; line-height: 1.6em; background: #010103 url(../images/bg.jpg) repeat-x; color: #F6F6F6; }
a:active, a:focus { outline: 0; }
a { color: #E6BC21; text-decoration: none; }
a:hover { color: #E4D080; }
p { margin: 0 0 15px 0; }
h1 { color: #fff; margin: 10px 0 20px; }
h2 { color: #E4BB15; font: normal 2.7em "Trebuchet MS", Arial, Sans-Serif;  margin: 0 0 12px;  }
	h2 a { color: #E4BB15; }
h3 { clear: both; margin: 0 0 15px; font-size: 1.4em; color: #D1EBFE; }
img { border: 0; }
.wrap { width: 990px; margin: 0 auto; text-align: left; cursor: text; }
.logo { float: left; margin: 10px 0 10px 0; }
	#slogan { margin: 0 0 0 110px; color: #066896; }

#topbanner { float: right; margin-top: 7px; border: 1px solid #7FACD4; padding: 1px; height: 90px; }
#middlebanner { margin: 15px 0; width: 590px; }

.menu { clear: both; }
	.menu li { font-size: 1.1em; display: inline; }
	.menu li a { float: left; width: 110px; padding: 10px 0 40px; margin: 0 3px 0 0; text-align: center; color: #9BC7D1; background: url(../images/menu.gif) no-repeat right bottom;  }
	.menu li a:hover, .menu li a.active { background: url(../images/menuhover.gif) no-repeat right bottom; color: #fff; }
	.menu li a.active { color: #E4BB15; }
.right  li { float: right; }

#search { float: right; width: 280px; padding: 0 15px 3px; text-align: right; background: url(../images/search.gif) repeat-x bottom; }
	input.searchfield { width: 125px; background: #000; border: 1px solid #6F90AB; padding: 4px; color: #fff; }
	input.searchfield:hover { border: 1px solid #fff; }
	input.searchbutton { cursor: pointer; width: 120px; background: url(../images/led.gif) no-repeat center 31px; border: 0; color: #ccc; padding: 16px 0; margin: 0 0 0 10px; }
	input.searchbutton:hover { background: url(../images/ledlit.gif) no-repeat center 31px; color: #fff; }

#main { float: left; width: 610px; padding: 20px 0 0 0; }
	#main p a { text-decoration: underline; }
	.picture { float: left; margin: 0 15px 5px 0; border: 1px solid #D1EBFE; padding: 1px; }
	.picture p { margin: 0; color: #70A2C7; font-size: .9em; padding: 3px; }
#breadcrumb { font-size: .9em; margin: 0 0 10px 5px; border-bottom: 1px solid #2B5374; text-decoration: none; }
	#breadcrumb p { margin: 0 0 4px; color: #8BA8C0; }
	#breadcrumb p a { text-decoration: none; color: #fff; }
	#breadcrumb span { font-size: .8em; }
.rating { cursor: pointer; float: right; width: 50px; height: 126px; margin: 0 0 70px; text-align: center; }
	.rating span { line-height: 0; font-size: 1px; float: left; width: 50px; height: 9px; background: #04121D; margin: 0 0 7px; }
	.red { background: url(../images/ratingred.gif) no-repeat; }
.grade { clear: right; float: right; font-size: 2em; color: #8BBCE4; width: 50px; text-align: center; }

.image { padding: 10px 0 0 15px; height: 220px; cursor: pointer; background-repeat: no-repeat; }
	.inner { margin: 0 0 35px; }
.description { border-top: 2px solid #228BE6; padding: 8px 0 15px 8px; background: url(../images/desc.gif) no-repeat; }
.description:hover { border-top: 2px solid #E4BB15; }
.inline { font-size: .9em; margin: 0 0 15px; height: 150px; background: #000 url(../images/inlinedesc.gif) no-repeat 350px bottom; }
	.inline img { cursor: pointer; float: left; border-bottom: 2px solid #208CE7; margin: 0 10px 0 0; }
	.inline h2 { font-size: 1.5em; height: 45px; }

.half { height: 150px; font-size: .9em; margin: 0 10px 0 0; float: left; width: 280px; background: #010206 url(../images/half.gif) no-repeat bottom right; border: 1px solid #090F14; padding: 7px 7px 0 7px; margin: 0 0 15px; }
	.half:hover { border: 1px solid #4F97D2; }
	.half h2 { font-size: 1.5em; height: 45px; }
	.last { float: right; margin: 0; }

#related { border: 1px solid #7FACD4; background: #04121D; padding: 6px; }
	#related li { list-style: none; }
	#related li a { color: #6BA0C7; }
	
#comments { margin: 0 0 30px; border: 1px solid #7FACD4; background: #04121D; padding: 10px 10px 0; }
	#comments textarea { color: #fff; font: 1.1em "Trebuchet MS", Arial; clear: both; border: 1px solid #7FACD4; background: #000 url(../images/comment.gif) no-repeat bottom right; padding: 3px; margin: 5px 0 10px; width: 470px; height: 150px; }
	#comments textarea:focus, input.box:focus { border-color: #EBD070; }
	#comments .button { margin: 0 0 15px; clear: both; border: 0; background: #7FACD4; color: #000; font: 1.4em "Trebuchet MS", Arial; padding: 3px; }
	#comments label { margin: 0 8px 8px 0; }
	input.box { color: #fff; font: 1.1em "Trebuchet MS", Arial; width: 154px; padding: 3px; border: 1px solid #7FACD4; background: #000; margin: 0 11px 0 0; }
	.comment { background: #010103; padding: 8px; margin: 0 0 5px;}
	.user { float: left; width: 100px; margin: 0 15px 0 0; border-right: 1px solid #D1EBFE; }
		.user img { border: 1px solid #7FACD4; padding: 1px; }
	.date { clear: left; font-size: .9em; }
	.clear { clear: both; }
	.actual_comment { }
	.small { font-size: .9em; width: 480px; }
	
	.contact fieldset { border: 0; }
	.contact label { float: left; width: 170px; }
	.contact input.c { width: 200px; padding: 2px; }
	.contact textarea { width: 300px; height: 150px; padding: 2px; }
	.contact .checkbox { margin: 0 0 0 170px; }
	.contact input.button { margin: 0 0 0 170px; padding: 5px 15px; background: #7FACD4; font-size: 1.5em; font-weight: bold; border: 0; }
	
#sidebar { float: right; width: 346px; padding: 20px 0 0; }
#adsense { clear: both; margin: 0 15px 5px 10px; padding: 5px 0 0 0; background: #010103 url(../images/300_stvari.gif) no-repeat right; }
#center_adsense { padding: 5px 10px; border: 1px solid #208CE7; margin: 0 0 10px; background-color:#ffffff; }
#archive_box { padding: 5px 10px; border: 1px solid #208CE7; margin: 0 0 10px; font-size: 1.1em; font-weight: bold; }
#archive_box p { margin: 0; }
#ad { border: 5px solid #030000; }
.tabs { border-bottom: 1px solid #7FACD4; height: 31px;  }
.tabs li { list-style: none; display: inline; text-transform: uppercase; }
.tabs li a { height: 20px; color: #fff; cursor: pointer; border: 1px solid #07121B; border-bottom: none; padding: 5px 31px;  float: left;  font-size: 1.1em; background: url(../images/tab.gif) repeat-x; margin: 0 4px 0 0; }
.tabs li a.current, .tabs li a:hover { border: 1px solid #7FACD4; border-bottom: none; }
.popular_items { clear: both; margin: 0 0 10px; }
.category_items { clear: both; margin: 0 0 22px; }
	.popular_items li, .category_items li { list-style: none; background: url(../images/search.gif) repeat-x bottom; }
	.popular_items li a, .category_items li a { height: 38px; color: #6BA0C7; padding: 4px 10px 4px 0; display: block; border-bottom: 1px solid #7FACD4;}
	.popular_items li a:hover, .category_items li a:hover { color: #fff; }
	.popular_items li img, .category_items li img { float: left; margin: 2px 9px 0 0; }

	#rss_box { padding: 18px 0 18px 60px; border: 1px solid #7FACD4; margin: 0 0 5px; background: #000 url(../images/rss.gif) no-repeat 6px; }
		#rss_box p { margin: 0; }
		.orange { color: #FF6707; }
		
#pagination a { border: 1px solid #E6BC21; padding: 1px 6px; margin: 0 1px 0 0; }
#pagination a.current  { background: #E6BC21; color: #fff; }
#pagination a.disabled  { border: 0; color: #776219; }
	
#tagcloud { clear: both; border: 1px solid #484510; padding: 15px 15px 0; background: url(../images/tagcloud.gif) repeat-x bottom; margin: 0 0 20px}
	#tagcloud a { margin: 0 4px 5px 0; }
#footer { background: #000 url(../images/footer.gif) repeat-x bottom; height: 120px; }
	#footer_logos { float: left; margin: 2px 0 0 0; }
		#footer_logos p { margin: 0 0 3px; color: #306084; }
		#footer_logos a { color: #9BC7D1; }
		#footer_logos img { margin: 0 15px 0 0; }
		
/* infoblok */

#infoblok {width: 100%; height: 129px; margin: 0 0 0 0;}
#infoblok h2 {font-size: 12px; padding: 0; margin: 0; line-height: 10px; font-weight: bold;}
#infoblok h2:hover {color: #1f7dcc;}
.blok1 {float: left; width: 230px; height: 129px; margin: 6px 10px 0 0;}
.blok2 {float: left; width: 230px; height: 129px; margin: 6px 10px 0 10px;}
.blok1 img, .blok2 img {border: 2px solid #e4bb15}
.blok1 img:hover, .blok2 img:hover {border: 2px solid #1f7dcc}
#idesh-logo {float: left; width: 32px; height: 129px; margin: 0 2px 0 0;}

/* specijal */
#specijal {}
.specijalista li {
display: inline;
list-style-type: none;
}
.specijalista a:link {
background: #000; 
padding: 4px 10px;
margin: 10px 6px 0 0;
border: 1px solid #7facd4}

.specijalista a:visited {
background: #000; 
padding: 4px 10px;
margin: 10px 6px 0 0;
border: 1px solid #7facd4}

.specijalista a:hover {
background: #030d16; 
border: 1px solid #e4bb15}

.specijalistactive a:link {
background: #030d16; 
padding: 4px 10px;
margin: 10px 6px 0 0;
border: 1px solid #e4bb15}

.specijalistactive a:visited {
background: #030d16; 
padding: 4px 10px;
margin: 10px 6px 0 0;
border: 1px solid #e4bb15}