@charset "utf-8";
/* CSS Document by Randoman*/

/* v1.0 | 20080212 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strike, strong, sub, sup, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
object:focus {outline: 0;}

/*General classes and styling*/
body {background:#FFF url(../images/background.jpg) repeat center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231F20;}
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
/********/
.black {color:#231F20 !important;}
.white {color:#fff !important;}
.blue {color:#00B8F1 !important;}
.green {color:#009444 !important;}
.yellow {color:#FFCB05 !important;}
/********/
.box {border:1px solid #000;}
.hpItem {position:relative;}
.readMore {position:absolute; bottom:6px; right:6px;}
.top {position:absolute; top:0;}
.left {position:absolute; left:0;}
.right {position:absolute; right:0;}
.bottom {position:absolute; bottom:0;}

a {color:#00B8F1; text-decoration:none;}

/*intro*/
#intro {height:100%; background-image:none; background-color:#000}
	#introFlash {width:720px; height:480px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -360px;}

/*index*/
#container {width:1045px; margin:0 auto; background:#fff; border:1px solid #000;}
	#header { background:#000; color:#fff; padding:30px 0 0 0;}
		#logo { background:url(../images/header-logo.png) no-repeat top right; width:500px; height:162px; display:block; text-indent:-10000px; float:left;}
		#headerInfo { float:right; width:360px; padding:0 15px 15px 0; text-align:right; font-size:14px; line-height:17px;}
			#languages {width:auto; float:right; padding:4px 6px 0 0;}
			#searchForm {width:auto; float:right;}
			#register {width:auto; float:right; padding:4px 8px 0 10px;}
			#contactInfo {padding:20px 8px 10px 0 ; display:block; clear:both;}
			#social {}
		#navigation { clear:both; margin-top:0px; background-color:#00B8F1; overflow:hidden; font-size:22px; padding:0 0 0 9px;}
			#navigation li {display:block; float:left; width:auto; padding:7px 5px 5px 5px;} 
			#navigation a {color:#fff;}
			#navigation a:hover {color:#000;} 
			#navigation .selected {color:#000 !important;}
		#navigationSec { height:30px; font-size:13px; padding:0 0 0 4px;}
			#navigationSec li {display:block; float:left; width:auto; padding:7px 10px;}
			#navigationSec a {color:#fff;} #navigationSec a:hover {color:#00B8F1;}
			#navigationSec .selected {color:#00B8F1 !important;}
	#content { padding:10px 0 0 20px; overflow:hidden;}
		#content h2 {font-size:18px; background:#000; color:#fff; padding:6px; display:block; float:left;} #content h2 a {color:#fff;}
		#columnLeft { width:550px; float:left; overflow:hidden;}
			#carousel {clear:both; width:540px; height:270px;}
				/*CAROUSEL*/
				#splash #myslide {width:540px; overflow:hidden; position:relative ;height:270px; z-index:1;}
				#splash .mystuff .carouselUI {position:absolute; top:220px; left:0px; z-index:3; height:30px; background:#000; padding:10px; width:266px;}
				#splash .carouselUI h3 {font-size:14px;}
				#splash #button { position:absolute; z-index:4; bottom:2px; left:200px; background-color:#000; padding:5px;}
				#splash #myslide .cover{width:2700px; position: absolute; height:338px;}
				#splash #myslide .mystuff {width:540;float:left;padding:0px 0; position:relative;}
				#splash .button1, #splash .button2, #splash .button3, #splash .button4, #splash .button5 {background:url(../images/active.png) no-repeat; width:10px; height:10px; display:block;float:left;margin-right:3px;}
				#splash .active{background:url(../images/passive.png) no-repeat; width:10px; height:10px; display:block;float:left;outline:none;}
				/*END CAROUSEL*/
			.hpItem {width:263px; height:163px; border:1px solid #666; float:left; margin:10px 10px 0 0; position:relative; z-index:1}
			#columnRight .hpItem {width:248px; height:auto;}
			#content .hpItem h2 {position:absolute; z-index:3;}
				#video { background-color:#000; overflow:hidden;}
				    #video object {position:relative; z-index:1;}
					#video h2 {position:absolute; z-index:999;}
				#gallery { background:url(../images/galerija.jpg) no-repeat}
				#dogodilose { background:url(../images/dogodilose.jpg) no-repeat}
				#unajavi { background:url(../images/unajavi.jpg) no-repeat}
		#columnRight {width:250px; padding:0 10px 0 0; float:left; }
			#najave {overflow:hidden;}
			#blog {margin:10px 0 0 0; height:262px !important;}
				#blog h3 {display:block; width:auto; float:left; font-size:14px; line-height:16px; color:#00B8F1; padding:80px 7px 0 8px;}
				#blog img {float:left; width:auto; padding:7px 0 0 0;}
				#blog h4 {clear:both; padding:7px 12px 0 8px; font-size:14px;}
				#blog p {padding:5px 12px 0 8px; line-height:15px; font-size:11px;}
		#columnBanners {width:180px; float:left; padding:10px 0 0 0;}
			.banner {padding-bottom:10px;}
	#footer {clear:both; border-bottom:15px solid #000;}
		#footer p {display:block; padding:5px 0 5px 20px; font-size:12px;}
		#footer p a {font-size:16px;}

/*programms*/
#columnProgramms {width:810px; float:left; padding:10px 0 0 0;}
	.programBox {width:260px; height:185px; float:left; position:relative; padding:0 10px 10px 0;}
		.programBox h2 {bottom:10px; position:absolute;}
		#progMusic {background:url(../images/programs-music.jpg) no-repeat;}
		#progDrama {background:url(../images/programs-drama.jpg) no-repeat;}
		#progHistory {background:url(../images/programs-history.jpg) no-repeat;}
		#progMovie {background:url(../images/programs-movie.jpg) no-repeat;}
		#progNewMedia {background:url(../images/programs-newmedia.jpg) no-repeat;}
		#progArchitecture {background:url(../images/programs-architecture.jpg) no-repeat;}
		#progSubculture {background:url(../images/programs-subculture.jpg) no-repeat;}
		#progVisualart {background:url(../images/programs-visualart.jpg) no-repeat;}
		#progCommunity {background:url(../images/programs-community.jpg) no-repeat;}

/*kategorija*/
#listPosts {width:790px; float:left; padding:0 20px 0 0;}
	.postPreview {position:relative; padding:20px 0 20px 0; overflow:hidden; border-bottom:1px solid #00B8F1;}
		.postThumb { width: 180px; height:125px; float:left; padding:0 20px 0 0; overflow:hidden;}
		.postTxt {width:470px; display:block; float:left;}
			.postTxt h3 {font-size:16px; color:#00B8F1; padding-bottom:12px; width:470px;}
			.postTxt p {font-size:12px; line-height:14px; width:470px;}
		
/*post*/
#singlePost {width:790px; float:left; padding:10px 20px 0 0;}
	#spGallery { overflow:hidden;}
		#bigPic { width:505px; height:310px; border:1px solid #666; float:left; overflow:hidden;}
		#spThumbs { overflow:hidden; width:200px; padding:1px 0 0 10px;}
			#spThumbs a {border:1px solid #666; margin:0 2px 2px 0; display:block; float:left; overflow:hidden; height:58px;}
	#spText {width:505px; padding:15px 0 0 0; clear:both;}
		#spText h3{ font-size:16px; color:#00B8F1; padding:0 0 12px 0;}
		#spText p { line-height:16px; padding:0 0 10px 0;}
	
/*onama*/
#onama {width:790px; float:left; padding:10px 20px 0 0; overflow:hidden;}
	#onamaTxt { width:575px; float:left;}
		#onamaTxt h3 { font-size:19px; color:#00B8F1; padding:0 0 12px 0;}
		#onamaTxt p { margin:0 0 10px 0; font-size:11px; line-height:14px; text-align:justify;}
		#onamaTxt h5 { display:block; background-color:#000; padding:5px; margin:0 0 5px 0; margin:0 0 10px 0; font-size:11px; line-height:14px; text-align:justify;}
	#onamaPics { width:190px; float:left; padding:0 0 0 20px;}
		#onamaPics img {padding-bottom:5px;}
	#onamaBigPic {clear:both; overflow:hidden;}
	
/*blog*/
#blogPost {width:810px; float:left; margin:10px 10px 0 0; overflow:hidden; border-right:1px solid #666;}
	#blogPost h3 { display:block; width:800px; background:#000; color:#fff; font-size:30px; padding:5px; clear:both;}
	#postWrap  {border-right:1px solid #666;}
		#postContent { padding:15px 20px 20px 3px; width:636px; float:left; overflow:hidden; border-right:1px solid #666;}
			.authorImg { display:block; float:left; padding:0 13px 10px 0;}
			#postContent h4 { font-size:23px; padding-top:15px;}
			#postContent .date { font-size:27px; font-weight:bold;}
			#postContent p { line-height:16px; padding-bottom:10px; text-align:justify;}
		#postSidebar {width:150px; float:left; line-height:15px;}
			#postSidebar h5 { background-color:#00B8F1; color:#fff; padding:5px; font-size:14px; font-weight:bold;}
				#postSidebar a { color:#1E1E1E;} #postSidebar a:hover {text-decoration:underline;}
			#autoriSB { padding:4px 5px 10px 10px; min-height:115px;}
			#arhivaSB { padding:4px 5px 10px 10px;}
			
/*blog list*/
	#blogPost .postPreview {position:relative; padding:20px 0; overflow:hidden; border-bottom:1px solid #00B8F1; clear:both;}
		#blogPost .postThumb { width: 110px; height:125px; float:left; padding:0 20px 0 0; overflow:hidden;}
		#blogPost .postTxt {width:610px; display:block; float:left;}
			#blogPost .postTxt h3 {font-size:16px; color:#00B8F1; padding-bottom:12px; width:610px; background:none; padding:0 0 15px 0;}
			#blogPost .postTxt p {font-size:12px; line-height:14px; width:610px;}