/*nosise.com*/
*{margin: 0; padding: 0;}
body{font-size: 62.5%; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #666; background: url(../img/b.jpg) no-repeat bottom left fixed #eaeaea;}
h1,h2,h3,h4,h5{font-weight: normal;}
input{border: 1px solid #eaeaea; padding: 0.5em;}

h1{text-indent: -9999px; display: none;}
p{font-size: 1.2em; line-height: 1.5em; margin: 0 0 1em 0;}
a{text-decoration: none; color: #000;}
a:hover{color:#fe4747;}
img{border: none;}
ul li{list-style-type: none; display: inline;}
#logo-link{display: block; float: right; margin: 1em 2em 2em 0; outline: none;}

#page{width: 88em; position: relative; margin: 0 auto; top: 0em;}
#header{width: 88em; float: left; background: url(../img/head.jpg) #eaeaea; height: 15em;}
#main-navigation{width: 88em; float: right; background-color: #fff;}
#nav{width: 62em; float: left; background: url(../im/bg_01.png) no-repeat 100% 0 #fff; padding: 2em 1em 0.5em 1em;}
#nav ul li a{list-style-type: none; display: inline; font-weight: bold; text-transform: uppercase; font-size: 1.1em; margin: 1em; color: #000;}
#nav ul li a:hover{color: #fe4747;}

#content{width: 84em; float: left; background: url(../im/bg_02.png) repeat-y #fff; padding: 2em;}

#main-content{width: 60em; float: left; background-color: #fff; margin: 1em 2em 3em 0em;}
#main-content .full-view {width: 60em; float: left; background-color: #fff; text-align: center;}
.view-nav{width: 20em; float: left; margin: 0 0 1em 0;}
#main-content h2{font-size: 1.8em; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #000; margin: 0em 0 0.5em 0.7em;}
#main-content h3 {font-weight: normal; font-size: 1.8em; font-family: "Arial", Verdana, Helvetica, sans-serif; margin: 0 0 0.5em 0; color: #bd3d0a;}
#main-content p{margin: 1em;}
dl.thumbs { background-color: #fff; text-align: center; float: left; margin: 0.9em;}
.thumbs dt { font-weight: bold; }
.thumbs dt img { width: 17em; height: 11em;}
.thumbs dd { font-size: 1.1em; text-align: left; margin: 0.5em 0 0 0.7em;}
.thumbs dt a {display: block; padding: 0.5em; border: 1px solid #eaeaea;}
.thumbs dt a:hover {padding: 0.3em; border: 3px solid #eaeaea;}
#main-content ul li{list-style-type: none; line-height: 1.5em; display: block; font-size: 1.2em;}
#autor-info{width: 60em; float: left; margin: 0 0 2em 0;background-color: #eaeaea;} 
#autor-info p{margin:0; padding:0;}
.bio{width: 38em; float: right; margin: 0 0 0 2em;}
.photo{width: 17em; float: left; margin: 0 2em 0 1em;}
#main-content ul li{list-style-type: none; display: block; line-height: 1.5em; margin: 0 0 0 0em;}
#main-content a{color: #fe4747;}
#main-content a:hover{color: #000;}

div.prodaja{width: 60em; float: left; margin: 0 0 1em 0;}
div.ocjenjivanje{width: 60em; float: left; margin: 1em 0 0 0; clear:both;}

#sidebar{width: 20em; float: right; background-color: #fff; margin: 1em 1em 0 1em;}

#search {float: right; width: 20em; top: 0; margin: 0em 0 0em 0; padding: 0 0 0em 0;}
#search h2{font-size: 1.4em; color: #000; margin: 0em 0 1em 0;}
#search fieldset {width: 20em; border: none;}
#search #search-text {width: 14em; background-color: #f8f8f8; color: #666; font-size: 1.1em; border: 1px solid #eaeaea; padding: 0.5em;}
#search #search-button {vertical-align: top; margin-left: 0.2em; border: none; padding: 0em;}

#login {float: right; width: 22em; padding: 2em 1em 0.5em 1em; margin: 0;}
#login li {display: inline; font-size: 1.1em; text-transform: uppercase; font-weight: bold; margin: 1em; list-style-type: none; color: #ff9000;}
#login .reg {color: #bd3d0a;}
#login a.reg:hover {color: #444;}

#social{width: 20em; float: left;}
#social h2{font-size: 1.4em; color: #000; margin: 0em 0 1em 0;}
#social li{line-height: 1.5em; border-bottom: 1px solid #eaeaea; display: block; font-size: 1.1em; color: #fe4747; margin: 0.5em 0 0.5em 0; padding: 0.2em 2em 0.2em 0em; text-decoration: none;}
#social li#flickr {background: url(../img/flickr.png) no-repeat center right;}
#social li#facebook {background: url(../img/facebook.png) no-repeat center right;}
#social li#rss {background: url(../img/rss.png) no-repeat center right;}
#social li#myspace{background: url(../img/myspace.png) no-repeat center right;}
#social li#twitter{background: url(../img/twitter.png) no-repeat center right;}
#social li#bloger{background: url(../img/bloger.png) no-repeat center right;}
#social ul li a:hover {color: #fe4747;}

#details-box{float: left; width: 18em;}
dl.details {width: 18em; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 1.1em;}
.details dt {position: relative; left: 0; top: 1.5em; width: 5em;}
.details dd {margin: 0.5em 0 0 6em;}
.details dt.rating-description {position: relative; left: 0; top: 2em; width: 5em;font-weight: bold;}
.details dd.secondary-rating {color: #000; font-size: 1.4em; margin-left: 4.5em;}

#comment-box{float: right; width: 40em; margin: 1em 0 0 0; border-top: 1px solid #eaeaea;}
#comment-box h3 {font-weight: normal; text-transform: uppercase; font-size: 1.2em; margin: 1em 0 1em 0; color: #bd3d0a;}
#comment-box p{margin: 0;}
#comment-box div.input { width: 100%; float: left; margin-bottom: 1em; }
#comment-box form {margin-top: 1.5em;}
label{float: left; font-size: 1.1em; width: 7em;}
#comment-box input {float: left; width: 20em; background-color: #f8f8f8; border: 1px solid #eaeaea; color: #444; padding: 0.5em;}
textarea {float: left; width: 27.5em; background-color: #f8f8f8; border: 1px solid #eaeaea; color: #444; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 1.1em; padding: 0.5em;}
.comment-button{float: right; margin: 0;}
div.input {clear:both;}
#comments{float: right; width: 40em; margin: 2em 0 0 0;}
#comments h3 {font-weight: normal; text-transform: uppercase; font-size: 1.2em; margin: 0em 0 1em 0; padding: 0 0 1em 0; color: #bd3d0a; border-bottom: 1px solid #eaeaea;}
dl.comment-list{float: left; width: 31em; border: 1px solid #eaeaea; padding: 1em; margin: 0.2em 0 0.2em 0; background-color: #f8f8f8; font-size: 1.2em;}
.comment-list dt {color: #bd3d0a; margin: 0 0 0.5em 0; font-size:0.9em;}
.commwnr-list dd {font-style: italic;}


#footer{width: 85em; float: left; background: url(../img/bg_03.png) no-repeat 0 100% #fff; padding: 0.5em 0em 1.5em 3em;}
#footer p{font-size: 1.1em; color: #666;}

/* image scroller css */
#viewer {height:120px; width:550px; clear:both; overflow:hidden; border:none; position:relative; margin:0 auto; padding:0 0px;}
#viewer img {width:170px; height:110px; margin:5px; display:inline; border:0; cursor:pointer;}
#viewer a {display:block; float:left; width:100px; height:100px;}
#viewer li {float:left;}


div#flashMessage {font-size:1.2em; color:#444; padding:0.8em 0.8em; margin: 0 0 1em 0; text-align: center; clear:both; background-color:#fff;}
div.joe h1 {font-size:1.4em;margin-bottom:1em;}
div.joe h2 {font-size:1.7em;margin-bottom:0.8em;}
div.joe div{clear: both;}
div.joe table {margin-bottom:1.4em;width:100%; font-size: 1.1em;}
div.joe th {background:#eaeaea;}
div.joe th,  div.joe td {padding:5px 6px 5px 3px; background-color:#f8f8f8; text-align: center;}
div.joe tr.even td {background-color:#eaeaea;}
div.joe legend {font-size:1.4em; padding-bottom:1em; font-weight:normal; display: hidden;}
div.joe div.input {padding:0.3em 0; margin: 0 0 0.5em 0;}
div.joe div.checkbox input {margin-left:6.5em;}
div.joe div.checkbox label {float:none; margin-left: 0.5em;}
div.submit {padding-top:0.2em; float: left;}
div.submit input {margin: 0 0 1em 6.5em; border: none; background-color: #eaeaea;}
#recaptcha_widget_div {margin-top:0.8em; margin-left:8em;}
form div.error-message {margin-left:8.2em; padding-top:0.4em; padding-bottom:0.6em; color:#d1005d; }
div#pagination {display:block;float:none;clear:both;width:100%; text-align:center; font-size:1.1em; padding: 1.5em 0 1.5em 0;}
fieldset{border: none; color: #000; margin: 1em 0 1em 0;}
div.prevnextshirt {display:block; clear:both; font-size:1.3em;}
div.prevnextshirt span {margin-bottom:10px;}
div.prevnextshirt span.next {float:right;clear:right; padding-right:0px;}
div.prevnextshirt span.prev {float:left; padding-left:0px;}

div.color a:hover{width:16px;height:16px;margin-top:-3px;margin-left:-3px;}
div.color {display:block;float:left; padding:0 2px 0 0;}
div.color a{display:block;width:10px;height:10px;border:1px solid #ccc;padding:0;margin:0;}
div.color span {text-indent:-9999px; display:block;width:100%; height:100%;}

li.adminlink a {color:#d1005d;}
.remaining {padding:1em 0 0 8em; clear:both; float: right; font-size: 1.1em;}
span.tagMatches {margin-left: 10px;font-size:1.4em;}
input.tags {width:450px;}
span.tagMatches {margin-left: 10px; font-size:1.4em;}
span.tagMatches span { padding: 2px; margin-right: 4px; background-color: #88f; color: #fff; cursor: pointer;}

div.tagcloud {margin-left:8.2em; padding:1em 0 1em 0; width: 40em; float: left;}
.singletag {cursor:pointer; margin:0 2px; padding:2px; color:#55f; background:none;}
span.added {background:#88f; color:white;}
span.status{position: absolute; top: 1em; right: 1em; font-size: 1.1em;}
label{font-size: 1.1em; margin: 0.2em 0 0.2em 0;}
p.nocomment{text-align: center;}
div.closelogin{float: right; top: 0; right: 0;}
.shirt-nav{font-size: 1em; text-transform: uppercase; margin: 0 2em 0 0;}

div #kosarica{float: left; width: 14em; color: #fff; background-color: #f8f8f8; border: 1px solid #ccc; font-size: 1.2em; margin: 2em 0 2em 0; padding: 1em;}
.cijena{color: #000; font-size: 1.4em;}
.kosarica{margin: 0 0 1.5em 0; width: 18em;}
.input-text {margin: 0.5em 0 0.5em 0;}

/*košarica*/
table.kosarica{width: 60em;}
th{background-color: #f8f8f8; margin: 0 0 0.5em 0;}
tr{margin: 0 0 0.5em 0;}

#lista{margin: 0 0 0 1.5em;}

hr{color:#eaeaea; border: 1px solid #eaeaea;}
#banner{width: 200px; margin: 10px 0 10px 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}