/*-------------------------------------------
Basic style sheet for zvpl.com

Version:	3.1
Notes:		(08-12-10) Here you write comma separated notes,
Start-date:	unknown, somewhere in 2003
Latest-rev: 08-12-11
Authors:	Davorin Pavlica, Damjan Cilenšek
Email:		davorin@zvpl.com, vini@wicked.si
Website:	http://www.zvpl.com
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: #fff;
	font: 0.8em/1.3em arial, helvetica, helvetica, sans-serif;
	color: #000;
}

img {
	border: 0;
}
	
a {
	color: #000;
	border: 0;
}
	
	a img {
		text-decoration: none; 
	}
	
	a:visited {
		color: #262626;
	}

label {
	display: block;
}

/*--- Basic layout ---*/

#site-container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#site-container {
	width: 990px;
}

#header	{
	height: 123px;
	padding: 0;
	border: 0;
	margin: 0;
	}
	
#header .logo {
	width: 166px;
	height: 80px;
	margin: 0px;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	float: left;
}
	
#header .logo a {
	width: 166px;
	height: 57px;
	position: relative;
	top: 45px;
	display: block;
	background: none; 
	overflow: hidden;
	font-size: 1px;
	background: url("img/h-logo.gif") top left no-repeat;
}

#header .impresum {
	top: 106px;
	left: 00;
	display: block;
	position: absolute;
}
	
	#header .impresum a {
		text-decoration: none;
		color: #000;
	}

#stars {
	width: 35px;
	height: 19px;
	position: absolute;
	top: 63px;
	left: 166px;
	display: block;
}

#version {
	width: 55px;
	height: 17px;
	position: absolute;
	top: 90px;
	left: 166px;
	display: block;
	font-size: 10px;
}

#main {
	clear: both;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

	#main abbr {
		border-bottom-style: none;
	}

	#main p, div.youtube {
		margin: 0 0 5px 0;
	}

#navigation {
	height: 25px;
	top: 104px;
	left: 0px;
	background: url("img/h-navbg.gif") 0 1px no-repeat;
	vertical-align: middle;
}

#content {
	width: 660px;
	margin: 0;
	padding: 10px 0 0 0;
	border: 0;
	float: left;
	display: block;
}
	
	#content p {
		margin: 0 0 10px 0;	
	}

	#content blockquote {
		margin: 0 0 10px 0;
		padding: 0 0 0 40px;
		font-style: italic;
		background: url("img/quote.gif") left 3px no-repeat;
	}

#sidebar {
	width: 330px;
	display: block;
	float: right;
	padding: 10px 0 0 0;
}

#sidebar-top {
	width: 330px;
}

#sidebar-middle {
	width: 160px;
	display: block;
	float: left;
	background: #fff;
}

#sidebar-right {
	width: 160px;
	display: block;
	float: right;
}

#footer {
	clear: both;
	height: auto;
	padding: 14px 0 10px 0;
}
	
	#footer .impresum {
		margin: 4px 0 0 0;
	}

	#footer .impresum a {
		text-decoration: none;
		color: #000;
	}

	#footer p.bottom, #footer ul.bottom {
		clear: both;
		font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #333;
		margin: 0;
		padding: 0;
	}
	
	#footer p.bottom a, #footer ul.links a {
		color: #333;
	}
	#footer ul.links li {
		display: inline;
		padding: 0 0.5em 0 0;
		margin: 0 0.5em 0 0;
		border-style: solid;
		border-color: #333;
		border-width: 0 1px 0 0;
	}
	#footer ul.links li.last {
		border-width: 0;
	}

	#footer .logo	{
		width: 90px;
		height: 29px;
		margin: -14px 0 0 0;
		padding: 0;
		border: 0;
		text-indent: -9999px;
		display: block;
		float: left;
		background: url("img/f-logo.gif") top left no-repeat;
	}
		
	#footer .logo a {
		position: relative;
		top: 0;
		display: block;
		background: none; 
		overflow: hidden;
		font-size: 1px;
	}
	
/*--- Banners & stuff ---*/

#banner468 {
	width: 474px;
	height: 67px;
	position: absolute;
	top: 7px;
	left: 286px;
	display: block;
}
	
	#banner468 img {
		vertical-align: middle;
		border: 1px solid #ccc;
		padding: 2px;
	}
		
		#banner468 img:hover {
			border: 1px solid #c03;
		}

#banner728 {
	width: 734px;
	height: 96px;
	position: absolute;
	top: 5px;
	left: 253px;
	display: block;
}
	
	#banner728 img {
		vertical-align: middle;
		border: 1px solid #ccc;
		padding: 2px;
	}
		
		#banner728 img:hover {
			border: 1px solid #c03;
		}

#banner160x600 {
	width: 160px;
	height: 600px;
	background: none;
	margin-top: 10px;
	display: block;
}

#banner300x250 {
	width: 300px;
	height: 250px;
	background: none;
	margin: 0 0 0 5px;
	display: block;
}


/*--- Various boxes for boxing & unboxing ---*/

.box {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0;
	background: #ccc;
}

#sidebar .box, #content .box {
	margin: 0 0 10px 0;
}

.box h2, .box h3  {
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.box h2 {
	text-decoration: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

.box p {
	font-size: 13px;
	line-height: 15px;
	padding: 0;
}
	
.box h3 {
	font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
}

.rss {
	background: #fdb28a url("img/b-bg-rss.gif") 100% 0 no-repeat;
}

.rss ul {
	margin: 0;
	padding: 0 0 5px 0;

}

.rss li {
	padding: 1px 0 1px 17px;
	list-style:none;
	background: url("img/b-bg-rss-li.gif") 0 50% no-repeat;
}

.twitter {
	background: #dbf3f5 url("img/i-twitter.gif") 100% 0 no-repeat;
}

.twitter ul {
	margin: 0;
	padding: 0 83px 5px 0;

}

.twitter li {
	padding: 1px 0 1px 17px;
	list-style:none;
	background: url("img/i-twitter-li.gif") 0 5px no-repeat;
}


.quiz {
	background: #f3f9f3;
	width: 180px;
	margin: 0 10px 0 0;
}


/*--- Vini's styling of ze article, ja ---*/

.hfeed .newer .hentry {
	width: 210px;
	float: left;
	height: auto;
	margin: 0 10px 0 0;
}
.hfeed .newer .box {
	width: 208px;
	float: left;
	height: auto;
	margin: 10px 10px 0 0;
}
.hfeed .newer .last {
	margin: 0;
}
.hfeed .newer .vevent {
	width: 315px;
	float: left;
	height: auto;
	margin: 0 20px 0 0;
}
/*
.hfeed .newer .hentry .published {
	float: right;
	margin: -16px 0 0 0;
}
*/
.hfeed .newer .last {
	margin: 0;
}
.hfeed .older .hentry {
	padding: 7px 0;
}
.hfeed .older .hentry .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.hfeed .dashes {
	clear: both;
	height: 10px;
	padding: 10px 0 0 0;
}

	.hfeed .dashes div {
		height: 10px;
		background: url("img/c-crtka.gif") top left repeat-x;
		float: left;
	}

	.hfeed .dashes .third {
		width: 210px;
		margin: 0 10px 0 0;
	}

	.hfeed .dashes .half {
		width: 315px;
		margin: 0 20px 0 0;
	}

	.hfeed .dashes .last {
		margin: 0;
	}

.impresum, .hfeed .bc, #photo .bc, .vcalendar .bc, .vcalendar .navi, .bc h2, .box .bc {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
.impresum, .bc .em, .bc h2, .box .bc {
	display: inline;
	text-transform: uppercase;
}

.hfeed .bc a, .vcalendar .bc a, #photo .bc a, .box .bc a {
	color: #333333;
	text-decoration: none;
}
.bc .commentcount {
	padding-left: 13px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(img/b-bg-com.png);
}
.hfeed .entry-title, .hfeed .summary, .hfeed .article .entry-content h2, .hfeed .article .comments h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.hfeed .article .entry-title {
	font-size: 1.8em;
	line-height: 1.1em;
	margin: 5px 0 10px -2px;
}
.hfeed .newer .entry-title, .hfeed .older .entry-title, .vevent .summary {
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0 0 5px 0;
}
.hfeed .entry-tagline, .vevent .tagline, .hfeed .published, .hfeed .tag {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin: 3px 0 3px 0;
}
.hfeed .article .entry-content h2, .hfeed .article .comments h2 {
	font-size: 1.5em;
	line-height: 1.1em;
	padding: 5px 0 10px 0;
}

.article .entry-tagline {
	padding: 10px 0 0 0;
}

.article p a, .article p a:visited {
	color: #C60A27;
}
.article ul {
	padding: 0 0 0 1.5em;
	margin: 0 0 10px 0;	
}
.article ol {
	padding: 0 0 0 2em;
	margin: 0 0 10px 0;	
}

#main p .pager  {
	text-decoration:none;
	padding: 0 14px 0 0px;
	white-space: nowrap;
	color: #000;
	border-bottom: 1px dotted #000;
	background: url("img/c-naprej.gif") no-repeat 100% 100%;
}

	#main p .pager:hover {
		color: #c60a27;
		border-bottom: 1px solid #c60a27;
		background:  url("img/c-naprej-h.gif") no-repeat 100% 100%;
	}

.vcalendar {
	width: 650px;
}

.vcalendar .navi {
	clear: both;
	text-align: right;
	padding: 5px 0 0 0;
}
.vcalendar .loc {
	text-align: right;
	padding: 5px 0 0 0;
}

/*--- For zi article's galleriez, ja ---*/

.article-photo {
/*
	width: 220px;
	height: auto;
	float: left;*/
	background: #fff;
	margin: 0;
}
	
	.article-photo img.big {
		display: block;
	}

.article-photo .description {
	background: #efefec;
/*	margin: 0 10px 0 0;*/
	padding: 10px 10px 7px 10px;
	width: 190px;
}

.gallery {
	line-height: 100px;
/*	clear: both;*/
}
.gallery div {
	float: left;
	margin: 10px 10px 0 0;
	line-height: 1em;
}
.gallery a, .photo span {
	display: table-cell;
	text-align: center; /* qui e non su precedente, iCab */
	vertical-align: middle;
	background: #efefef;
}
.gallery a {
	width: 100px;
	height: 100px;
}
.gallery .next, .gallery .previous {
	width: 40px;
	height: 100px;
	background: #efefef;
}
.gallery img, .photo img {
	vertical-align: middle;
	margin: 0 auto;
}
#photo .photo {
	margin: 5px 0 0 0;
}
#photo .description {
	background: #efefec;
	margin: 0 20px 0 0;
	padding: 10px 10px 7px 10px;
}
#photo .photo span {
	width: 640px;
	height: 640px;
}
#photo .gallery .current a {
	background: #c60a27;
}

.article {
	width: 430px;
	height: auto;
	float: right;
	background: #fff;
	padding: 0 10px 0 0;
}

#document {
	height: auto;
	background: #fff;
	padding: 0 10px 0 0;
}

/*--- New titles, fo shizzi my nizzy ;) ---*/

.entry-title a, .summary a {
	border-bottom: 1px dotted #000;
	text-decoration: none;
	color: #000;
	line-height: 22px;
}

.entry-title a:visited, .summary a:visited {
	border-bottom: 1px dotted #C60A27;
	text-decoration: none;
	color: #000;
}

.entry-title a:hover, .summary a:hover {
	border-bottom: 1px dotted #C60A27;
	color: #C60A27;
}


/*--- Authorjev box (mogoče bi lahko šu gor u boxes, lejtr) ---*/

.author {
	background: #efefef;
}

.author img {
	float: left; 
	padding: 0 7px 0 0;
}

.author h2 {
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 4px 0;
}


/*--- Paginator ---*/

.paginator {
	clear: both;
	margin: 0 0 10px 0;
	display: block;
	float: left;
}

.paginator a, .paginator span {
	border:1px solid #FFFFFF;
	display:block;
	float:left;
	margin-right:3px;
	padding: 3px 6px;
}

.paginator a {
	border:1px solid #585858;
	text-decoration:none;
}

.paginator a:hover {
	border:1px solid #000;
	text-decoration:none;
	background: #efefef;
}


.paginator span.current {
	background:#C60A27;
	border:1px solid #C60A27;
	color:#FFFFFF;
}

.paginator span.nextprev {
	border:1px solid #DDDDDD;
	color:#999999;
}

/*--- Comments ---*/
.comments a.permalink {
	float: right;
	color: #999999;
	font-size: 10px;
}
.comments ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
}
.comments ul li {
	background-color: #efefef;
	margin: 0;
	padding: 10px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0 0 10px 0;
	min-height: 50px;
}
.comments ul li img {
	float: left; 
	padding: 0 7px 0 0;
}
.comments .author {
	font-weight: bold;
}
form#comment .success {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 100px;
}
form#comment {
	background-color: #ccc;
	padding: 10px;
}
form#comment div.inputDefault, form#comment div.inputError {
	clear: both;
	width: 410px;
	padding: 0 0 10px 0;
}
form#comment div.inputDefault:first-child {
/*	display: none;*/
}
form#comment div.inputTitle {
	float: right;
	width: 230px;
}
form#comment div.inputElement {
	width: 170px;
}
form#comment div.inputMessage {
	font-size: 11px;
	color: #FF0000;
}
form#comment div.inputDefault div.inputMessage {
	display: none;
}
form#comment div.inputError div.inputMessage {
	display: block;
}
form#comment div.inputElement input.inputText {
	width: 160px;
}
form#comment div#comment_container_komentar div.inputTitle {
	display: none;
}
form#comment div#comment_container_komentar div.inputElement {
	width: 410px;
}
form#comment div#comment_container_komentar textarea.inputText {
	width: 400px;
}

/*-------------------------------------------
Typography styles for ZVPL.com

More info about author, e-mail & website can
be found in base.css.
---------------------------------------------*/

	#navigation ul {
		border: 0;
		margin: 0;
		padding: 0;
		height: 25px;
		list-style-type: none;
		text-align: left;
		background: url("img/h-bg2.gif") 0 0 repeat-x;
	}

	#navigation ul li, #secondary-navigation ul li, #secondary-navigation div.title {
		font: normal 13px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #000;
		float: left;
		text-align: center;
		padding: 0 7px 0 0;
		margin: 0 5px 0 0;
		background: url("img/h-navcrta.gif") right no-repeat;
		text-decoration: none;
	}

	#navigation ul li a, #secondary-navigation ul li a {
		background: transparent;
		color: #000;
		text-decoration: none;
		display: block;
	}

	#navigation ul li a:hover, #secondary-navigation ul li a:hover {
		color: #C60A27;
		text-decoration: underline;
	}

	#navigation a:active, #secondary-navigation a:active {
		color: #C60A27;
	}

	#navigation .current a, #secondary-navigation .current a {
		color: #C60A27;
		text-decoration: none;
	}

	#navigation .end  {
		padding: 0 7px 0 0;
		margin: 0 5px 0 0;
		text-decoration: none;
		background: none;
	}

	#navigation .search {
		float: right; 
		margin: 0 0 0 0;
		text-decoration: none;
		color: #666;
		vertical-align: top;
		background: none;
	}

	#navigation #input {
		width: 112px;
		height: 14px;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #009;
		border: 1px solid #ccc;
		background: url("img/h-navbg.gif") top left no-repeat;
	}
		
	#navigation #input:focus {
		background: #fff;
		border: 1px dotted #666;
	}

	#navigation #button {
		height: 18px;
		font: normal 12px Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #ccc;
		background: #F7F7F7;
		border: 1px solid #ccc;
		display: inline;
	}

#secondary-navigation {
	height: 20px;
	background: url("img/h-navbg2n.gif") 0 0 no-repeat;
	vertical-align: middle;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	#secondary-navigation ul {
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: left;
	}

	#secondary-navigation div.title {
		float: left;
	}

	#secondary-navigation p {
		display: inline;
	}

#cse-search-box form {
	padding: 0;
	margin: 0;
	border: 0;
}