body { background: url(img/bg.jpg); color: #ccb17f; }
a { color: #ccb17f; text-decoration: underline; }
a:hover { text-decoration: none; }



.container { background: url(img/container.jpg) 73px 100% repeat-y; width: 1000px; margin: 0 auto; }
#header { background: url(img/header.jpg) 42px 226px no-repeat; height: 308px; margin-bottom: -31px; position: relative; }
#header .headerfl { margin-left: 39px; }
#header h1 { position: absolute; top: 219px; left: 665px; z-index: 100; }




#content { background: url(img/content.jpg) 250px 0 no-repeat; height: auto !important; height: 587px; min-height: 587px; position: relative; overflow: hidden; _overflow: visible; height: 1%; }
#sidebar { padding: 489px 0 0 54px; width: 272px; float: left; _height: 1px; }
#sidebar .menu { position: absolute; top: -51px; left: 39px; }
#sidebar .vote { width: 179px; background: url(img/vote.png); position: relative; top: -140px; }
#sidebar .vote h2 { background: url(img/votedark.png) no-repeat; font-weight: normal; font-size: 10px; color: #e8e8e3; text-align: left; line-height: 1.2em; padding: 5px 0px; width: 179px; height: 30px; margin-bottom: 9px;}
#sidebar .vote h2 span {display: block; margin: 9px 8px;}
#sidebar .vote form { font-size: 1.2em; color: #bdbfad; margin: 0px; width: 179px;}
#sidebar .vote form p { margin-bottom: 7px; overflow: hidden; _overflow: visible; height: 1%; }
#sidebar .vote form p input { float: left; margin-right: 9px; }
#sidebar .vote form label { margin-left: 10px; font-size: 10px;}
#sidebar .vote form #submit-vote { margin: 14px 0 5px 27px; display: block; }
#sidebar .vote form .buttony { background: url(img/submit-vote.png) no-repeat; width: 124px; height: 27px; border: 0px; color: #CFD0C4; margin-left: 27px; }
#sidebar .vote form .buttony:hover {color: #CCB17F;}
#sidebar .vote .view-res { background: url(img/votedark.png) bottom no-repeat; font-size: 1.1em; text-align: center; padding: 5px 0 17px; }
#sidebar .vote .view-res a { color: #e7e8e3; }
#sidebar .vote span {margin-left: 15px;}

#sidebar .filmik { width: 220px; height: 216px; background: url(img/filmik-tlo.png); position: relative; top: -165px; left: 0px;}
#sidebar .filmik object { position: absolute; left: 10px; top: 35px;}
#sidebar .filmik h2 { background: url(img/votedark.png) no-repeat; font-weight: normal; font-size: 10px; color: #e8e8e3; text-align: left; line-height: 1.2em; padding: 5px 0px; width: 179px; height: 30px; margin-bottom: 9px;}
#sidebar .filmik h2 span {display: block; margin: 9px 8px;}

#main { float: left; width: 569px; padding-bottom: 1em; padding-top: 10px; font-size: 9px;}
#main .br { height: 30px; line-height: 30px; padding-bottom: 3px; background: url(img/line.gif) bottom repeat-x; color: #ead2a5; margin: 0 0 15px; }
#main h1 { font-size: 3em; color: #ccb17f; font-weight: normal; background: url(img/lineh1.gif) bottom repeat-x; padding-bottom: 0.5em; margin: 0 0 0.4em; }
#main p { font-size: 1.2em; line-height: 1.2em; margin: 0 10px 0.5em 0; text-indent: 25px;}
#main p:first-letter {font-weight: bold;}
#main p img, #main .download img { float: right; margin: 6px 0 8px 8px; }
#main p img.left { float: left; margin: -3px 8px 8px 0; }
#main .download { font-size: 1.1em; color: #9ead90; line-height: normal; margin: 0 10px 0.5em 0; }
	#main .download a { color: #9ead90; }
#main ul li { list-style: disc inside; }
#main .more { float: right; display: block; margin: 0 10px 0 5px; font-size: 1.3em; color: #9ead90; line-height: 1.2em; }
#main .ps { color: #9ead90; text-align: center; }
#main .ps a { color: #4a5143; }
#main .ps a:hover { color: #9ead90; }
#main .ps .fp, #main .ps .pp, #main .ps .np, #main .ps .lp { color: #9ead90; text-decoration: none; margin: 0 0.2em; }
.blog, .news { overflow: hidden; _overflow: visible; height: 1%; font-size: 10px;}
.item { padding: 0 0 1em; /*background: url(img/line.gif) left bottom no-repeat;*/ position: relative; margin: 0 0 17px; }
#main .fotki {text-align: center;}
#main .galeria {padding-top: 10px;}
#main .galeria img {opacity: 0.8; filter:alpha(opacity=80); margin: 5px;}
#main .galeria a:hover img{opacity: 1.0; filter:alpha(opacity=100);}
#main .tapeta {width: 170px; text-align: center; float: left;}
#main .tapeta p { text-indent: 0px;}
#main .samlink:first-letter {font-weight: normal;}
#main .tapeta img {float: none;}


hr {
	width: 305px; height: 3px; border: 1px #000000; border-style: solid none; background: #3b3024; color: #3b3024; text-align: left; margin: 1em auto 1em 0; *margin: 0 0 -10px;
}


.blog .item, .news .item { padding-left: 81px; background: url(img/line.gif) 81px 100% no-repeat; }
.char .item { overflow: hidden; _overflow: visible; height: 1%; }
	.noline { background: none; padding-bottom: 0; }
.blog .item .date, .news .item .date { position: absolute; top: -2px; left: -3px; _left: -84px; width: 73px; height: 69px; text-align: center; }
	.blog .item .date { background: url(img/calendar/blog.gif) no-repeat; }
	.news .item .date { background: url(img/calendar/news.gif) no-repeat; text-indent: 0px !important;}
	.news .item .date .day, .blog .item .date .day { font-size: 30px; display: block; text-align: center; color: #ae3100; margin: 10px 0 -3px; line-height: normal; }
	.news .item .date .month, .blog .item .date .month { color: #060503; font-size: 10px; margin: 0 0.2em 0 3px; }
	.news .item .date .year, .blog .item .date .year { color: #644016; font-size: 10px; margin: 0; }
#main .arhiv .item .date { color: #9ead90; font-size: 0.8em; }
#main h2 { color: #fbf6e8; font-size: 1.8em; font-weight: normal; margin: 15px 0 9px; clear: both; }
/*	.arhiv .item h2, .history .item h2 { font-size: 1.4em; }
	.video .item h2 { font-size: 1.2em; color: #ccb17f; font-weight: bold; }*/
#main h2 a { color: #fbf6e8; }
#main .item a.more { font-size: 0.8em; display: inline; float: none; margin: 0; }

.lastscreen { margin: 20px -27px 32px -68px; padding: 0 27px 0 68px; background: url(img/lastscreen.jpg) 0 40px no-repeat; height: 199px; position: relative; }
#main .lastscreen h1 { padding: 4px 0 6px 0; margin: 0; background: url(img/lastscreenh1.gif) right bottom no-repeat; }
#main .lastscreen .screen { position: absolute; top: 57px; left: 38px; width: 610px; }
#main .lastscreen a { display: block; float: left; margin: 0 9px 0; _display: inline; }
#main .lastscreen a.more { float: left; margin: 127px 0 0 -17px; border: none; width: 167px; text-align: center; }
#main .lastscreen p { float: right; margin-top: 127px; width: 220px; text-align: right; color: #9ead90; }
.screen a img { border: 1px solid #000000; }
.screen a:hover img { border: 1px solid #CFAF5A; }

#main table { width: 612px; }
#main table td { width: 111px; padding: 10px 42px 18px 0; text-align: center; color: #bdbfad; }
#main table td a { display: block; width: 111px; margin: 0 auto 5px; }
#main table.media { width: 572px; }
#main table.media td { width: 104px; padding: 10px 13px 18px 0; color: #ccb17f; }
#main table.media td a { width: 104px; margin-bottom: 10px; }
#main table.media td a img { background: url(img/media.gif); padding: 3px; }

#main table.vote { width: auto; font-size: 1.2em; margin: 1em 0; }
#main table.vote td { width: auto; padding: 5px 10px 5px 0; text-align: left; color: #bdbfad; }
#main table.vote .votebar { display: -moz-inline-box; display: inline-block; height: 9px; background: url(img/votebar1.gif) no-repeat; padding-left: 1px; font-size: 0; line-height: 0; }
#main table.vote .votebar span { display: block; background: url(img/votebar2.gif) right; height: 9px; width: 100%; }
#main p.total { text-decoration: underline; color: #e7e8e3; }


#footer { width: 905px; margin: -115px auto 0; background: url(img/footer.jpg) 73px 0 no-repeat; padding: 276px 0 0 95px; height: 89px; }
#footer a { display: block; float: left; }
#footer #lesta { margin: 17px 31px 0 0; }
#footer #nd { margin: 14px 0 0; }
#footer #decafe {
	margin: 24px 61px 0 0; float: right;
}
#subfooter {
	margin-left: -40px;
	margin-top: 10px;
	margin-right: 53px;
}
#subfooter img {
	margin-left: 20px;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
#subfooter a:hover img {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
.ek, .ek li {
	margin-left: 30px;
	list-style-type: decimal;
	font-size: 11px;
	margin-top: 4px;
}