@charset "UTF-8";


/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
/* purple = #593380 */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/img01.jpg) repeat-x left top;
	/*text-align: justify;*/
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: black;
}

h1, h2, h3 {
	color: #593380;
	font-family: "IM Fell English", Tahoma, Geneva, sans-serif;
}

h1 {
  font-size: 18px;
}

h2 {
}

h3 {
}

p, blockquote, ol {
	margin-bottom: 10px;
	line-height: 2em;
}

p {
}

blockquote {
}

ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: none;
	color: #593380;
}

a:hover {
	text-decoration: underline;
	color: #593380;
}

/* Wrapper */

#wrapper {
}

/* Header */

#header {
	width: 960px;
	height: 140px;
	margin: 0 auto;
	/*position: relative; 		za login/register pozicioniranje */
}

/* Logo */

#logo {
	float: left;
	width: 270px;
	height: 76px;
	margin: 0px;
	padding: 15px 0px 0px 30px;
}

#logo h1 {
	margin: 0;
	padding: 0;
	/*text-transform: lowercase;*/
	font: normal 46px Georgia, "Times New Roman", Times, serif;
}

#logo h2 {
	margin: -4px 0 0 0;
	padding: 0px 0px 0px 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: normal;
	color: #593380;
}

#logo h2 a {
	color: #9AA9B1;
	color: black;
	font-family:Tahoma,Geneva,sans-serif;
}

#logo a {
	text-decoration: none;
	color: #593380;
}

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

#menu {
	float: right;
	width: 602px;
	height: 80px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
ul.dropdown {
	height: inherit;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	
	position: relative;
	z-index: 597;
	float: left;
}
	
	
	ul.dropdown li {	
		margin-right: 1px;		
		font-size: 24px;
		float: left;		
		color: #000;
	}
	
	ul.dropdown li a {	
		display: block;
		padding: 26px 15px;
		color: #000;
		vertical-align: middle; 
		height: inherit; 
		text-decoration:none;
	}
	ul.dropdown li a:link,
	ul.dropdown li a:visited { text-decoration: none; }

	
	ul.dropdown li.active a { color: #FFF; }
	ul.dropdown li.active {
		border-bottom: 9px solid #000;
		background-color: #593380;
	}
	
	ul.dropdown li:hover a {
		color: #FFF;
	}
	
	ul.dropdown li:hover, 
	ul.dropdown li:active {
		background-color: #593380;
		color: #FFF;
	}
	ul.dropdown li:hover, 
	ul.dropdown li:active {
		border-bottom: 9px solid #000;
	}
	ul.dropdown li:hover {
		position: relative;
		z-index: 599;
		cursor: default;
	}
	

	/* -- level mark -- */
	ul.dropdown ul.dropdownsub {	
		display: block;
		/*width: 100%;*/
		background-color: #EEE;
		margin-top: 9px;
		font-size: 20px;		
		visibility: hidden;
		position: absolute;
		/*top: 49px;*/
		left: 0;
		z-index: 598;
		border: 1px solid #593380;
		border-top: none;
		
	}
		ul.dropdown ul li:hover, ul.dropdown ul li:hover a {
			border:none;
			background-color: #593380;
			color: #FFF;
			cursor: pointer;
		}
		ul.dropdown ul li, ul.dropdown ul li a {
			font-weight: normal;
			width: 190px; /* zaradi paddinga 10+10px */
			/*background-color: #DACCEC;*/
			background-color: #EEE;
			border:none;
		}
		ul.dropdown ul li , ul.dropdown ul li:hover{
			border-top:1px solid white;
		}		
		
		
		ul.dropdown ul.dropdownsub li:active {
			border-bottom: none;
			background-color: #EEE;
		}
		ul.dropdown ul.dropdownsub li:hover {
			background-color: #593380;
			color: #FFF;
		}		
		
		
		ul.dropdown ul.dropdownsub li {
			background-color: #EEE;
			margin-right: 0;
			/*padding: 11px 10px;*/
			float: none;
			font-size: 18px;
		}
		
		ul.dropdown ul.dropdownsub li a {
			width: 170px;	
			padding: 11px 10px;
		}
		ul.dropdownsub li a:link, ul.dropdownsub li a:visited{
			color: #000;
		}

		ul.dropdown ul ul {
			top: 1px;
			left: 99%;
		}

		ul.dropdown li:hover > ul {
			visibility: visible;
		}



	
/* Search */

#search {
	padding: 0px 0px 40px 0px;
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 11px Tahoma, Geneva, sans-serif;
	padding: 2px 2px;
}

#search-text {
	width: 100px;
	border: 1px solid #000000;
	color: #000000;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 2px;
	border: none;
	background: #593380;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
}

#page-top-search {
	background: url(images/img17.jpg) repeat-y left top;
	width: 960px;
	height: 96px;
	/*margin: 0 auto;*/
}

#page-top-search-input {
	padding-top: 32px;
	text-align: center;
}

#page-top-search-input input {
  height: 35px;
  font-size: 16pt;
}

/* Content */

#content {
	float: right;
	width: 700px;
}

.post {
	background: url(images/img05.jpg) repeat-y left top;
}

.post-bgtop {
	background: url(images/img04.jpg) no-repeat left top;
}

.post-bgbtm {
	background: url(images/img06.jpg) no-repeat left bottom;
	padding: 50px 40px 30px 40px;
}

.post .title {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #232F01;
}

.post .title a {
	letter-spacing: -1px;
	text-decoration: none;
	/*text-transform: lowercase;*/
	font-family: "IM Fell English", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	color: #3A3D40;
}

.post .entry {
}

.post img {
	float: left;
	padding: 15px 0px;
}

.post .meta {
}

.meta {
}

.post .more {
	display: inline-block;
	width: 206px;
	height: 60px;
	padding: 8px 0px 0px 0px;
	background: url(images/img12.jpg) no-repeat left top;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-left: 110px;
  border: 0px;
}

a.more:link {}      /* unvisited link */
a.more:visited {}  /* visited link */
a.more:hover {color: #FF00FF;}  /* mouse over link */
a.more:active {}  /* selected link */

#more {
	display: inline-block;
	width: 206px;
	height: 60px;
	padding-bottom: 20px;
	background: url(images/img12.jpg) no-repeat left top;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-left: 110px;
  border: 0px;
}
#more:hover {
  color: #FF00FF;
}

ul.list, ol.list, li.list {
  margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	line-height: 1.3em;
	list-style: disc;
}

ol.list , li.dec {
  list-style: decimal;
}

li.nlist {
  margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	line-height: 1.3em;
	list-style: decimal;
}

.post .byline {
	font-size: 11px;
	font-style: italic;
}

#opravljena_narocila { margin: 0 100px; }
#opravljena_narocila tr.show { text-align: center; }
#opravljena_narocila tr.show:hover { background-color: #EEE; }


/* Sidebar */

#sidebar {
	float: left;
	width: 260px;
	background: url(images/img08.jpg) repeat-y left top;
	font-size: 11px;
	clear: left;
}

#sidebar-bgtop {
	background: url(images/img07.jpg) no-repeat left top;
}

#sidebar-bgbtm {
	background: url(images/img09.jpg) no-repeat left bottom;
	padding: 40px 40px 20px 40px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
	margin: 0px;
	padding: 0px 0px 40px 0px;
}

#sidebar li li {
	margin: 0;
	padding: 7px 0px;
	border: none;
	background: url(images/img10.jpg) repeat-x left bottom;
	font-family: Tahoma, Geneva, sans-serif;
}

#sidebar li li a {
	background: url(images/img11.jpg) no-repeat left 3px;
	padding-left: 20px;
}

#sidebar h2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	/*text-transform: lowercase;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: normal;
	color: #454E55;
}

#sidebar h3 {
	font-size: 77%;
	color: #454E55;
}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #D4C792;
}

#sidebar a {
	border: none;
	text-decoration: none;
	color: black;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #363636;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* Footer */

#footer-wrapper {
	background: #F7F7F7 url(images/img03.jpg) repeat-x left top;
	padding: 20px 0px;
}

#footer {
	width: 900px;
	margin: 0 auto;
	color: black;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 11px;
}

#footer a {
	text-decoration: underline;
	color: black;
}

#footer a:hover {
	text-decoration: none;
	color: #593380;
}




/* Top 25 lestvica CSS */

h2.title div.lestvica {
	color:#FFF;
	float: left;
	font-size: 28px;
	padding: 0 4px 8px 4px;
	margin-right: 5px;
	height: 30px;
	width: 30px;
	-moz-border-radius: 25px;
	-web-border-radius: 25px;
	border-radius: 25px;
	background-color: #593380;
	text-align: center;
	vertical-align: middle;
}


/*** Napake in uspehi pri validaciji login/register/... ***/ 
div.err {
	color: red; 
	border: 1px solid red; 
	padding: 7px;
	margin: 10px 20px 10px 0px;
}
div.success {
	color: green; 
	border: 1px solid green; 
	padding: 7px;
	margin: 10px 0px;
}

/*** PRIJAVA | REGISTRACIJA vrstica ***/
div#prijavljen {
	background-color: #FF0;
	display: inline;
}

.warning {
	border: 1px solid red;
	background-color: #FFCCCC;
}

form#registracija {
	width: 100%;
}

td.info_fields{
	padding-top: 14px;
	padding-left: 10px;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
form#registracija table tr {
	height: 44px;
}


/*** KOMENTARJI ***/
form#komentar { width: 100%;	height: 180px; }
div#komentarji {
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
	clear: both;
}
div#komentar { margin-top: 20px; }
div#msg {		
	-moz-border-radius-bottomright:	10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius-bottomleft:	10px;	/* mozilla */
	border-bottom-left-radius: 10px;		/* opera */
	-webkit-border-bottom-left-radius: 10px;	/* IE */				
	
	-moz-box-shadow: -1px 1px 4px #555;
	-webkit-box-shadow: -1px 1px 4px #555;
	box-shadow: -1px 1px 4px #555;

	background-color: #EEE;		
	padding: 10px 13px 12px;
	margin-left: 100px;		
	border: 1px solid #593380;
	border-top: none;
}
textarea#komentar {
	-moz-border-radius:	10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 94%;
	border: 1px solid #593380;
	padding: 7px;
	margin-bottom: 8px;
}
div#napisal {	border-bottom: 1px solid #593380; margin: 7px 0 0 10px; }
div#komentar_obrazec { margin: 0 3%; }
h3#naslov_komentiraj { font-size: 18px; margin-bottom: 6px;}
div#stevilo_komentarjev { 
	margin-left:10px; 
	background: url(images/komentarji_icon_bg.png) center no-repeat;
	height: 18px;
	width: 30px;
	float: left;
	text-align: center;
	color:white;
	
	font-size:10px;
	padding-top:3px;
}


/*** VOTE ***/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating {
	background: url(images/votestar.gif) left -1000px repeat-x;
}

.star-rating {
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	float:left;
}

.star-rating li { display: inline; }
.star-rating a,
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active {	background-position: left bottom; }
.star-rating a.one-star { width:20%; z-index:6; }
.star-rating a.two-stars {	width:40%; z-index:5; }
.star-rating a.three-stars {	width:60%; z-index:4; }
.star-rating a.four-stars { width:80%;	z-index:3; }
.star-rating a.five-stars { width:100%; z-index:2; }
.star-rating .current-rating { z-index:1; background-position: left center; }

div#vote { display: none; }
div#izpis_zvezdic {
	display: inline;
	color: #E4C943;
	font-size: 12px; 
	float: left;
	padding-left: 50px;
	padding-top: 3px;
}


div.priljubljene {
	background: url(images/star_priljubljene.png) no-repeat left top;
  float: right;
  font-size: 12px;
	width: 76px;
}
div.priljubljene:hover { background: url(images/star_priljubljene_on.png) no-repeat left top; text-decoration: underline; }
div.priljubljene_off { 
	background: url(images/star_priljubljene_blank.png) no-repeat left top; 
  float: right;
  font-size: 12px;
	width: 76px;
}
div.priljubljene_off:hover { background: url(images/star_priljubljene_on.png) no-repeat left top; text-decoration: underline; }

/* Tabele */
#tabela td, th {
  padding:5px;
}
#tabela th {
  padding:5px;
  background: #c0c0c0;
}

/* Pageflip */
#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 699;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 650;
	right: 0; top: 0;
	background: url(knjige-popust.png) no-repeat right top; 
/*	background: url(knjige-nagradna-igra.png) no-repeat right top; */
	text-indent: -9999px;
}
.code {
  display: block;
  width: 550px;
  border: 1px solid grey;
  font-family: Courier New;
  color: black;
  font-size: 11px;
}
  
