/**
 * BeoBook, osnovni stilovi
 * Author: Nikola Topalovic <nikola.topalovic@gmail.com>
 *         prema dizajnu Ivane Nedic <pobesnelopile@gmail.com>
 * $Date: 18/01/2008 15:48$
 */

/* =Uniformisanje */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	background: transparent;
	color: #000;
	font: 100%/100% Georgia, "Times New Roman", serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, table {
	margin: 1em 0;
	padding: 0;
}

ol, ul, li, dd, blockquote { margin-left: 1em; padding-left: 0; }

blockquote { font-style: italic; }

address { font-style: normal; }

ul li {
	list-style: none;
	background: url(/img/bullet.gif) no-repeat left .55em;
	margin-left: 0;
	padding-left: 14px;
}

input, select, textarea {
	color: #554;
	font: 100%/100% "Courier New", monospace;
	line-height: 1.3em;
}


/* =Struktura strane */

html {
	background: #700000 url(/img/bg.gif);
}

body {
	color: #422812;
	font-size: 76%;
	line-height: 1.5em;
}

#wrap {
	position: relative;
	width: 788px;
	margin: 0 auto;
	padding: 6px;
	background: #EDE5D6;
}

#content {
	position: relative;
	overflow: hidden;
}

#main {
	position: relative;
	float: left;
	width: 487px;
	padding: 10px 15px;
}

#side {
	float: right;
	width: 265px;
}


/* =Linkovi */

a { color: #700000; text-decoration: underline; }
a:link, a:visited { color: #700000; }
a:focus, a:hover { color: #000; text-decoration: underline !important; } /* on hover */
a:active { color: #000; text-decoration: underline !important; } /* on click */
a img, a:link img, a:visited img { border: none; } /* kill border on img links */

#side a {
	color: #422812 !important;
	text-decoration: none;
}

#searchBox a {
	color: #EBC1AA !important;
}


/* =Naslovi */

h1, h2, h3 {
	color: #700000;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
}

h1 {
	margin: 0 -15px 10px;
	padding: 20px 10px;
	border-top: 6px solid #EDE5D6;
	background: #D3BA8E url(/img/heading.jpg) repeat-y;
	color: #700000;
	font-size: 2.2em;
	line-height: 1em;
}

h2 {
	font-size: 1.8em;
	line-height: 1em;
}

h3 {
	font-size: 1.5em;
	line-height: 1em;
}

#side h2 {
	font-size: 1.6em;
}


/* =Zaglavlje */

#header {
	overflow: hidden;
	margin-bottom: 6px;
	padding-bottom: 8px;
	background: url(/img/header.gif) repeat-x bottom;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 92%;
}

#header p {
	margin: 0;
}

#header p#logo {
	float: left;
	width: 40%;
	margin: 8px 0 0 30px;
}

#userBox {
	float: right;
	width: 50%;
	padding: 55px 6px 5px 0;
	text-align: right;
}


/* =Sadrzhaj */

#content {
	background: url(/img/content.gif) repeat-y;
}

#main {
	padding-top: 138px; /* zbog slike */
	background: url(/img/main.jpg) no-repeat;
}

#booksAlphabet, #authorsAlphabet {
	font-size: 92%;
	margin-bottom: 1em;
	border-bottom: 1px solid #C7C1B7;
	text-align: center;
}

#booksAlphabet a, #authorsAlphabet a{
	text-decoration: none;
}

#pagination {
	margin-right: 15px;
	text-align: right;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 92%;
	word-spacing: .25em;
}

#pagination a {
	text-decoration: none;
}


/* Vesti */

.news {
	margin-top: 20px;
}

.newsItem {
	margin: 20px 0;
}

.news h2, .newsItem h3 {
	margin-bottom: 0;
}

.newsItem h3 a {
	color: #700000 !important;
	text-decoration: none;
}

.date, .source {
	margin: .25em 0 1.5em;
	color: #664;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 92%;
	border-top: 1px solid #CCC;
}

/* Izdanja */
.books {
	margin-top: 20px;
}

.bookSummary {
	position: relative;
	min-height: 170px;
	margin: 20px 0;
	padding-bottom: 20px;
	background: url(/img/vinjeta.gif) no-repeat bottom center;
}

.bookSummary h2,
.bookSummary h3 {
	margin: 0;
	padding: .25em 0;
}

.bookSummary h2 a,
.bookSummary h3 a,
.bookSummary .author a {
	color: #700000 !important;
	text-decoration: none;
}

.bookSummary h2,
.bookSummary h3,
.bookSummary p,
.bookSummary ul,
.bookSummary ol,
.bookSummary .description {
	margin-left: 120px;
}

.bookSummary .description * {
	margin-left: 0 !important;
}

.bookSummary .author {
	margin-top: .2em;
}

.bookSummary .reviews {
	margin: 20px 0 0;
	padding-top: 20px;
	background: url(/img/vinjeta.gif) no-repeat top center;
}

.bookSummary .reviews li {
	margin-bottom: .7em;
}

.bookSummary .reviews li span {
	padding-left: 1em;
	color: #664;
}

.bookSummary .reviews li span * {
	color: #664 !important;
}

.bookSummary .reviews h3 {
	margin-bottom: .5em;
}


/* Autori */

.authorSummary {
	margin-top: 20px;
	overflow: hidden;
}

.authorSummary p {
	margin-top: 0;
}

.authors {
	margin-top: 20px;
	overflow: hidden;
}

.nameOriginal { color: #664; }


/* Side */
#side h2 {
	background: #774E2C;
	color: #DEC08A;
	padding: .5em;
}

/* Vesti */
#newsBox {
	overflow: hidden;
	position: relative;
	height: 138px;
	border-bottom: 6px solid #EDE5D6;
	background: #CCC17F url(/img/newsBox.jpg) no-repeat;
}

#newsBox #ticker {
	position: absolute;
	width: 90%;
	margin: 0 4% 0 5%;
	text-align: center;
}

#newsBox h2 {
	display: none;
}

#newsBox a {
	color: #443 !important;
}

#newsBox .date {
	border: none;
}

/* Kritike */
.review h2,
.review h3 {
	margin: 0;
	padding: .25em 0 0 0;
}
.review h2 a,
.review h3 a {
	color: #700000 !important;
	text-decoration: none;
}


/* Pretraga */
#searchBox {
	padding: 17px 10px 5px 50px;
	background: #774E2C url(/img/icon-searchBox.jpg) no-repeat 8px 50%;
	min-height: 45px;
}

#searchBox h2 {
	display: none;
}

#searchBox p {
	margin: 0;
}

#searchBox input {
	width: 120px;
}

#searchButton {
	width: auto !important;
	padding: 0 4px;
	background: #FFF;
	color: #333;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.searchResults ol li {
	margin-bottom: .7em;
}

.searchResults ol li span {
	padding-left: 1em;
	color: #664;
}

.searchResults ol li span * {
	color: #664 !important;
}


/* =Navigacija */

#nav h2 {
	display: none;
}

#nav {
	padding: 0 10px;
}

#navStatic {
	position: absolute;
	top: 6px;
	right: 12px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 92%;
}

#navStatic ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#navStatic ul li {
	float: left;
	margin: 0;
	margin-left: 1em;
	padding: 0 !important;
	list-style: none;
	background: none;
	white-space: nowrap;
}

#navStatic a {
	display: block;
	line-height: 30px;
	height: 30px;
}

#navStatic #home {
	padding-left: 33px;
	background: url(/img/navStatic-home.gif) no-repeat;
}

#navStatic #sale {
	padding-left: 33px;
	background: url(/img/navStatic-about.gif) no-repeat;
}

#navStatic #contact {
	padding-left: 33px;
	background: url(/img/navStatic-contact.gif) no-repeat;
}

/* Top lista */
#toplistBox {
	padding: 0 10px;
}

#toplistBox h2 {
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 40px;
	background: #774E2C url(/img/icon-toplistBox.gif) no-repeat 8px 50%;
}

#toplistBox ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0 !important;
	background: none !important;
}

#toplistBox ol {
	margin-left: 1.5em;
}

/* Slike u glavnom delu */
.alpha-shadow {
	background: url(/img/shadow1.gif) no-repeat bottom right;
}

.alpha-shadow div {
	background: url(/img/shadow2.png) no-repeat left top !important;
	background: url(/img/shadow2.gif) no-repeat left top;
}

.zoom {
	position: absolute;
	top: 158px; /* Zbog korica */
	left: 0;
	width: 100px;
	margin: 0 !important;
	font-size: 92%;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
}

/* Slike korica */
.bookSummary .alpha-shadow {
	position: absolute;
	top: 0;
	left: 0;
}

.bookSummary .alpha-shadow div {
	padding: 0px 6px 1px 0px;
}

/* Slike autora */
.authorSummary .alpha-shadow {
	float: left;
	margin: 0 15px 10px 0 !important;
}

.authorSummary .alpha-shadow div {
	padding: 0px 6px 1px 0px;
	/* padding: 0px 5px 0px 0px; */
}

.authorSummary .alpha-shadow img {
	padding: 4px;
	border: 1px solid #C6C6C6 !important;
	background-color: #FFF;
}

/* Slike autora u velikom pregledu */
.authorBox {
	position: relative;
	width: 33%;
	float: left;
	min-height: 165px;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;
}

.authorBox p {
	clear: left;
}

.authorBox .alpha-shadow {
	float: left;
	margin: 0 0 0 25px !important;
}

.authorBox .alpha-shadow div {
	float: left;
	padding: 0px 6px 1px 0px;
}

.authorBox .alpha-shadow img {
	padding: 4px;
	border: 1px solid #C6C6C6 !important;
	background-color: #FFF;
}


/* =Upitnici */

form br {
	display: none;
}

label {
	margin: 0 0 5px;
	display: block;
}

.checkbox label {
	margin: 0;
	display: inline;
}

input, textarea {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #A88A5B;
	background: #FFF url(/img/input.gif) no-repeat;
}

.checkbox input {
	padding: 0;
	border: none;
	background: transparent;
}

.submit input {
	background: #FFF;
	color: #333;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.error_message {
	font-weight: bold;
	color: red;
}



/* =Podnozhje */

#footer {
	margin-top: 6px;
	padding: 1.25em 1em;
	background: #774E2C url(/img/footer.gif) no-repeat right 47%;
	text-align: center;
}

#footer * {
	margin: 0;
	color: #CAA37A;
}


/* =Tabele */

table {
	border-collapse: collapse;
}

caption {
	padding: 4px 8px;
	border: 1px solid #DDD;
	background: #EDE5D6;
}

th {
	padding: 4px 8px;
	border: 1px solid #DDD;
	background: #EDE5D6;
}

td {
	padding: 4px 8px;
	border: 1px solid #DDD;
	background: #FFF;
}


/* =Ostalo */

#flashMessage {
	position: absolute;
	top: 149px; /* zbog ukrasne slike */
	right: 5px;
	padding: 2px 4px;
	background: maroon;
	color: #FFF;
}

.pdf {
	padding-left: 21px;
	background: url(/img/icon-pdf.gif) no-repeat 0% 50%;
	line-height: 1.4em;
}

.jpg {
	padding-left: 21px;
	background: url(/img/icon-jpg.gif) no-repeat 0% 50%;
	line-height: 1.4em;
}

acronym {
	cursor: help; border: none;
}

.hide, hr {
	display: none;
}

.highlight {
	display: inline !important;
	margin: 0!important;
	padding: 0!important;
	background: yellow;
	text-decoration: inherit;
}