/* MovieStation Default Layout  */

* {margin:0;padding:0;}
html { min-width: 800px; }
a { text-decoration: none; color:#444;}
A:hover { text-decoration:underline; color:black;}

body 
{ 
 width:100%;
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align:center;
 color: #ffe;
 font-size:12px;
 font-family:"Trebuchet MS";
 background:#fff;
 background-attachment:fixed;
}

#wrapper 
{
 width:1050px;
 text-align:left;
 margin:0 auto;
}

/****************************************
 **                                    **
 **         HEADER FIELDS              **
 **                                    **
 ****************************************/

#header
{ 
 width:1000px;
 text-align:left;
 margin:0 auto;
}

#mainHeader
{
 text-align: center;
 color:#eee;
 width:100%;
 height:86px;
 background:url(/gfx/back.png);
}

/* FOOTER FORM */
#footer
{
 clear:both;
 text-align: center;
 padding-top:30px;
 width:100%;
 color:#aaa;
 font-size:10px;
}

/****************************************
 **                                    **
 **        NAVIGATION FIELDS           **
 **                                    **
 ****************************************/

#nav
{
 width:150px;
 float:left;
 text-align: left;
 margin-top: 0px;
 color:#333;
 background:#ffe;
}

#nav h2
{
 margin-left:5px;
 font:100%/1.2em Arial,Serif;
 color:#c33;
}

#nav a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:100%/1.2em Arial,Serif;
 color:#368;
 margin: 0 0 0 2px;
 padding: 0 0 0 16px;
 background: url(/gfx/icon-perm.gif) no-repeat 0 50%;
}

#nav a:hover
{
 text-decoration:none;
 color:#c00;
}

#nav ul
{
 list-style:none;
 padding-left:0px;
 padding-top:0px;
 margin:0px;
}

#nav li
{
 border-bottom:dotted 1px #eee;
 padding:6px;
 margin:0px;
 padding:0px;
}

#nav .odd
{
 display:block;
 width:139px;
}

#nav .odd2
{
 display:block;
 background-color: #f5f5f5;
 width:139px;
}

#nav .odd3
{
 display:block;
 background-color: #fafafa;
 width:139px;
}


/****************************************
 **                                    **
 **           NEWS FIELDS              **
 **                                    **
 ****************************************/
.leftCol
{
 float:left;
 width:530px;
}

.rightCol
{
 float:right;
 width:300px;
 margin-left:10px;
}

#mainContent
{
 background:#fff;
 float:right;
 width:880px;
 text-align: left;
 color:#444;
 padding:5px;
}

#mainContent a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:100%/1.2em Arial,Serif;
 color:#600;
}

#mainContent a:hover
{
 text-decoration:none;
 color:#c00000;
 border: 0px;
}

#mainContent h1 
{
 clear:both;
 padding:2px;
 border-bottom:1px solid #6699cc;
 color:#333;
 padding-bottom:2px;
 margin-bottom:.25em;
 font-size:14px;
 padding-top:18px;
}

#mainContent h1>a
{
 color:#633;
}

#mainContent h2
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-size:18px;
 font-family:Arial;
 color:#844;
 letter-spacing:-1px; 
}

#mainContent h2>a
{
 color:#189200;
}

#mainContent h3
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:80%/1.2em Lucida, Arial,Serif;
 /*text-align:right;*/
 color:#666;
}

#mainContent h4
{
 margin-top:10px;
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font-size:16px;
 color:#900;
 letter-spacing:-1px; 
}

#mainContent p 
{
 margin:4px 0px 1em;
 color:#333;
 font-size:11px;
}

#mainContent blockquote 
{
 margin: 20px 0 20px 10px;
 padding: 0 20px 0 50px;
 background: url('/gfx/newman/quote.png') left top no-repeat;
 border: none;
}

#mainContent hr
{
 width:100%;
 height:1px;
 border: dotted 0.1pt gray;
 color:#666;
}

#mainContent ul
{
 padding:0px;
 margin:0px;
}

#mainContent li
{
 margin-left:15px;
}


#newsBox
{
 float:left;
 width:440px;
 padding-right:10px;
 border-right:1px dotted #eaeae2;
}

#rightBox
{
 float:right;
 width:300px;
}

#rightBox160
{
 float:right;
 width:160px;
}

#newsBoxFull
{
 float:left;
 width:420px !important;
 padding-right:10px;
 border-right:1px dotted #eaeae2;
}

#newsBoxFull p 
{
 margin:4px 0px 1em;
 color:#333;
 font-size:12px;
 font-family:"Trebuchet MS";
 text-align:justify;
}

#newsBoxFull h1 
{
 border-bottom:1px dotted #eaeae2;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:140%/1.2em Arial,Serif;
 color:#044474;
}

#newsIndexBoxLeft
{
 float:left;
 width:205px;
 margin-right:3px;
}

#newsIndexBoxRight
{
 float:right;
 width:205px;
}

#newsIndexBoxLeft p, #newsIndexBoxRight p
{
 margin:4px 0px 1em;
 color:#333;
 font-size:11px;
 font-family:"Trebuchet MS";
}

#newsIndexBoxLeft h1, #newsIndexBoxRight h1 
{
 padding:2px;
 border-bottom:1px solid #6699cc;
 background:#c0cfe5;
 font-size:12px;
 color:#333;
}

#newsIndexBoxLeft h1>a, #newsIndexBoxRight h1>a
{
 color:#444;
}

#newsIndexBoxLeft h1>a:hover, #newsIndexBoxRight h1>a:hover
{
 color:#944;
}


#newsIndexBoxRight
{
 float:right;
 width:210px;
}


#clanekBoxFull
{
 float:left;
 width:560px;
 padding-right:10px;
 border-right:1px dotted #eaeae2;
 font-size:12px;
 font-family:Arial;
 text-align:justify;
}

#clanekBoxFull p 
{
 margin:4px 0px 1em;
 color:#444;
 font-size:12px;
 font-family:Arial;
 text-align:justify;
}

#clanekBoxFull h1 
{
 border-bottom:1px dotted #999;
 padding-bottom:2px;
 font-size:22px;
 font-weight:normal;
 font-family:arial;
 color:#944;
}

#clanekBoxFull ul
{
 font-size:12px;
 font-family:Arial;
}

#clanekBoxFull h2 
{
 padding-bottom:2px;
 margin-bottom:.25em;
 padding-top:14px;
 font-size:15px;
 color:#433;
}

#headline
{
 width:553px;
 background:#eaeae2;
 padding:5px;
 margin-bottom:10px;
}

#headline .subtitle 
{
 font-size:14px;
 color:#433;
 font-style:italic;
}

#headline .datum
{
 font-size:9px;
 color:#999;
 background:#fafae9;
 padding:2px;
 margin-left:2px;
 text-align:right;
}


#kinoBox
{
 font-size:12px;
 font-family:"Trebuchet MS";
 color:#555;
}

#kinoBox fieldset
{
 border: dotted 1px #aaa;
 background:url(/gfx/fieldset_kino.png) no-repeat;
 padding:4px;
 margin-bottom:5px;
}

#kinoBox h1
{
 font-size:15px;
 color:#900;
}

/****************************************/
/**                                    **/
/****************************************/
.mainTable table
{
 border-collapse: collapse;
 width: 100%;
}

.mainTable thead
{
 background: #9ec5e4;
 border-top: 1px solid #aed5f4;
 border-bottom: 1px solid #8eb5d4;
}

.mainTable th
{
 font-weight:normal;
 text-align: left;
}


.mainTable tr:hover
{
 background: #ffffdd;
}

.mainTable thead tr:hover
{
 background-color: transparent;
 color: inherit;
}

.mainTable .odd
{
 background-color: #f1f1f1;
}


#myPage a
{
 border:solid 1px #aaa;
 padding:2px;
 width:20px;
 color:#999;
 background:#eee;
 font-size:9px;
}

#myPage a:hover
{
 border:solid 1px #888;
 padding:2px;
 width:20px;
 color:#900;
 background:#aaa;
 font-size:9px;
}

.pagSelect
{
 border:solid 1px #888;
 padding:2px;
 color:#ccc;
 background:#eee;
 width:20px;
 font-size:9px;
}

.pagCurrent
{
 border:solid 1px #888;
 padding:2px;
 background:#900;
 color:#fff;
 width:20px;
 font-size:9px;
}



.newsFlash
{
 background:url(/gfx/flashNews.png) no-repeat;
 width:427px;
 height:120px;
 overflow:hidden;
 padding-left:10px;
 margin:0px;
 margin-bottom:10px;
}

#mainContent .newsFlash h2
{
 margin:0px;
 padding-top:6px;
 font-size:14px;
 color:#333;
 border:0px;
 buffer:overflow;
 width:410px;
 height:18px;
 margin-bottom:5px;
 overflow:hidden;
 font-family:Tahoma;
 letter-spacing:-1px;
}

#mainContent .newsFlash h2 a
{
 color:#933;
}

#mainContent .datum
{
 float:right;
 text-align:right;
 font-size:10px;
 color:#333;
 border:0px;
 padding-right:20px;
}

#mainContent .slika
{
 width:110px;
 margin-left:-5px;
 margin-top:-5px;
}

#mainContent .foto
{
 width:100px;
 height:80px;
 float:left;
 overflow:hidden;
}

#mainContent .newsFlash p
{
 margin:0px;
 font-size:13px;
 padding-left:4px;
 width:300px;
 height:64px;
 text-align:justify;
 overflow:hidden;
 letter-spacing:-1px;
 font-family:Arial;
 color:#444; 
}

#mainContent .newsFlash .clanek
{
 width:400px;
}

#newsFull
{
 background:url(/gfx/flashNews_back.png) repeat-y;
 width:427px;
}

#newsFull h2
{
 background:url(/gfx/flashNews3.png) 0 0 no-repeat;
 width:427px;
 height:30px;
 padding-left:10px;
 padding-top:6px;
 margin:0px;
 overflow:hidden;
 font-size:13px;
 fotn-weight:normal;
}

#newsFull p
{
 padding-left:10px;
 padding-right:10px;
 font-size:13px;
 text-align:left;
 font-family:"Trebuchet MS";
 color:#444;
}

#newsFull p.more
{
 padding-left:10px;
 padding-right:10px;
 font-size:9px;
 background:url(/gfx/flashNews3.png) 0 -280px no-repeat;
 width:427px;
 height:20px;
}

#newsFull p.datum2
{
 text-align:left;
 padding-left:10px;
 font-size:8px;
}

.newsFlash3
{
 background:url(/gfx/flashNews3.png) no-repeat;
 width:427px;
 height:300px;
 overflow:hidden;
 padding-left:10px;
 margin:0px;
 margin-bottom:10px;
 padding-right:30px !important;
 padding-right:0px;
}

.newsFlash3 p
{
 padding-right:30px;
}

#mainContent .poster
{
 width:94px;
 height:104px;
 float:left;
}


.newsFlash2
{
 background:url(/gfx/flashNews2.png) no-repeat;
 width:215px;
 height:120px;
 overflow:hidden;
 padding-left:10px;
 margin:0px;
 margin-bottom:10px;
}
#mainContent .newsFlash2 h2
{
 margin:0px;
 padding-top:2px;
 font-size:14px;
 color:#333;
 border:0px;
 buffer:overflow;
 width:410px;
 height:28px;
 overflow:hidden;
 font-family:Tahoma;
}



#mainContent .newsFlash2 h2
{
 font-size:10px;
 padding-top:2px;
 font-family:arial;
 width:200px;

}

#mainContent .newsFlash2 h2 a
{
 color:#933;
}

#mainContent .datum2
{
 float:right;
 text-align:right;
 font-size:10px;
 color:#333;
 border:0px;
 font-stretch:ultra-condensed;
 padding-right:20px;
}

#mainContent .slika2
{
 width:50px;
 margin-left:-15px;
 padding-right:2px;
}

#mainContent .foto2
{
 width:50px;
 height:50px;
 float:left;
 overflow:hidden;
}

#mainContent .newsFlash2 p
{
 margin:0px;
 font-size:12px;
 padding-left:4px;
 width:140px;
 height:69px;
 color:#666;
 text-align:left;
 font-weight:normal;
 font-size:10px;
 font-family:Tahoma;
 font-stretch:condensed;
 overflow:hidden;
}

#mainContent .newsFlash2 .clanek
{
 width:280px;
}

/*** Desni okvir ***/

#dOkvir
{
 width:298px;
}

#dOkvir .top
{
 background:url(/gfx/rightMenu/m01.png) no-repeat ;
 height:8px;
 width:298px;
}

#dOkvir .middle
{
 display:block;
 background:url(/gfx/rightMenu/m03.png) no-repeat ;
 height:8px;
 width:298px;
}

#dOkvir .bottom
{
 display:block;
 background:url(/gfx/rightMenu/m05.png) no-repeat ;
 height:8px;
 width:298px;
}


#dOkvir .content
{
 padding-left:4px;
 background:url(/gfx/rightMenu/m04.png) repeat-y ;
 width:298px;
}

#dOkvir h2
{
 margin:0px;
 background:#eaeae2;
 padding-left:5px;
}

#linktome
{
 background:#ffa;
 padding:5px;
 text-align:center;
}

#pictureInfo
{
 background:#fefefa;
 padding:5px;
 font-size:15px;
 font-family:Arial;
 text-align:center;
 margin-bottom:10px;
}

#navigation
{
 margin-top:10px;
 font-size:18px;
 font-family:"Trebuchet MS";
 height:30px;
 text-align:center;
 width:500px;
 margin-left:160px;
}

.slikica
{
 border:1px solid #aaa;
 padding:5px;
}


/**********************************************/
/**                                          **/
/** dropDown Menu CSS                        **/
/**                                          **/
/**********************************************/

#dropDownMenu
{
 text-align:center;
 width:650px;
}

#dropDown li 
{
 list-style-type:none;	
 float:left;
}

#dropDown a
{
 color:#900;
 font-size:17px;
 font-weight:bold;
 font-family:Arial;
 text-decoration:none;
}

#dropDown li:hover
{
 background:url(/gfx/menuBox2.png) no-repeat;
}

 	 #myPage
 	 {
 	  margin:5px;
 	  margin-top:5px;
 	 }
 	 
 	 #myPages a
 	 {
 	  font-size:15px;
 	  border:solid 1px #ccc;
 	  padding:3px;
 	  margin:4px;
 	  color:#444;
 	  background:#eee;
 	  text-decoration:none;
 	  margin-bottom:5px;
 	 }
 	 
	 #mainTxt p
	 {
	  margin:0px;
	  padding:0px;
	  margin-top:10px;
	  font-size:12px;
	 }

 	 #mainTxt
 	 {
 	  color:#333;
 	  font-size:14px;
 	  font-style:italic;
 	 }

#removeMe
{
 float:right;
 color:#fff;
}

#removeMe a
{
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 font-size:13px;
 letter-spacing:-1px; 
}

#main
{
 position: absolute;
 left: 0px;
 top: 86px;
 width: 100%;
 height:100%;
 border-top:solid 1px #000;
}

.mainNews
{
 border:solid 1px #ddd;
 margin-bottom:10px;
 clear:both;
 padding-left:5px;
 padding-right:5px;
}

.mainNews h2
{
 margin-top:2px;
 color:#900;
}

.mainNews img
{
 float:right;
 margin-top:3px;
 border:solid 1px #ccc;
 padding:2px;
}

.darker
{
 background:#ffe;
}

/****************************************
 **                                    **
 **          FOOTER FIELDS             **
 **                                    **
 ****************************************/

#mainFooter
{
 clear:both;
 padding-top: 30px;
 padding-right: 0pt;
 padding-bottom: 10px;
 margin-top:10px;
 padding-left: 0pt;
 background-color: #4c555a;
 background-image: url(/gfx/footer_bg.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: center top;
 text-align:center;
 color:#c0c0c0;
 font-size:11px;
 line-height:15px;
 width:100%;
}
#mainFooter p 
{ 
 font-size:11px; 
 line-height:16px; 
 color:#8d9999;
}
#mainFooter h4 
{
 color:#fff; 
 margin-top:0; 
 letter-spacing:-1px;
 font-size:14px;
 font-family:arial, helvetica, sans-serif; 
 line-height:110%; 
 font-weight:normal;
 margin:0; 
 padding:0 0 .3em 0; 
}

#mainFooter form
{
 margin:0px;
 padding:0px;
}
#mainFooter .footer_input
{
 border:solid 1px #999;
 background:#eee;
 width:170px;
}

#mainFooter h4.info { background:url("/gfx/web.gif") no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.mailing { background:url("/gfx/user.gif") no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.trend { background:url("/gfx/star.png") no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.sitemap { background:url("/gfx/pages.png") no-repeat 0; padding:0 0 0 20px; }
#mainFooter a { color:#c0c0c0; text-decoration:underline; }

#mainFooter ul
{
 list-style:none;
 padding-left:20px;
}

#mainFooter li
{
 margin-top:3px;
}

.realFooter
{
 font-family:arial, helvetica, sans-serif; 
 clear:both;
 padding-top:20px;
 color:#999;
 font-size:11px;
}

.grid {	background:#fff; width:870px; margin:auto; text-align:left; }
.grid .col { float:left; margin:0 20px 0 0; }

.grid .x1  { width:180px; border-right:dotted 1px #666; height:120px;}
.grid .x2  { width:240px; }
.grid .x3  { width:550px; }
.grid .x4  { width:740px; }
.grid .x5  { width:930px; margin-right:0; }
.grid .end { height:120px; padding-left:20px;margin-right:0; }


#komentar 
{
	margin: 0;
	padding: 0;
	padding-left:10px;
	width: 590px;	
	text-align:left;
}

#komentar fieldset 
{
 width: 500px;	
 border: 1px solid #c6cab6;
 border-left-color: #dce0ca;
 border-top-color: #dce0ca;
 margin-bottom: 2em;
 padding: 1em;
 background:#eee;
}

#komentar .agree
{
 font-size:9px;
 color:#555;
}

#komentar .address
{
 font-style:italic;
}

#komentar label 
{
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #aaa;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #aaa;
 margin-top: 0.3em;
 margin-right: 0pt;
 margin-bottom: 0.3em;
 margin-left: 0pt;
 padding-top: 0.1em;
 padding-right: 0pt;
 padding-bottom: 0.1em;
 padding-left: 0pt;
}

#komentar label:hover
{
 background-color: #f9f9f6;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
}

#komentar fieldset legend 
{
 color: #808080;
 font-size: 16px;
 font-weight: bold;
}

#komentar label span 
{
 clear: left;
 display: block;
 float: left;
 margin-right: 1em;
 text-align: right;
 width: 12em;
}

#komentar input[type="text"], #komentar input[type="password"], #komentar select, #komentar textarea 
{
 border: 1px solid #555;
 border-left-color: #aaa;
 border-top-color: #aaa;
 color: #444;
 font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
 padding: 0.2em;
 width:250px;
}

#komentar .error
{
 font-size:12px;
 color:#900;
}

#komentar label.hover 
{
 background: #f9f9f6;
}

#komentar label.focus 
{
 background: #f1f1ed;
 border-color: #e6e6e4;
}

		#komentar label.focus input, #komentar label.focus select, #komentar label.focus textarea { background: #fff; }

	#komentar label.required {

		}

#komentar label.error 
{
	background: #ffecee;
	border-color: #f45353;
}

#komentar label.error span 
{
 color: #f45353;
 font-weight: bold;
}
	
#komentar .buttons 
{
 padding-left: 13em;
}

#komentar .button 
{
 background: url(../images/button_bg.gif) left 1px no-repeat;
 border: 0;
 color: #46a724;
 display: block;
 font: bold 16px Arial, Helvetica, sans-serif;
 height: 37px;
 padding: 0 0 0 10px;
}

*+html #komentar .button 
{
 background: url(../images/button_bg.gif) left top no-repeat;
 padding: 0 0 0 15px;
 width: 200px;
}
	
#komentar .button span 
{
 background: url(../images/button_bg_r.gif) right top no-repeat;
 display: block;
 height: 37px;
 line-height: 37px;
 padding: 0 15px 0 0;
 margin: 0;
 text-align: left;
}
		
#komentar .button:hover 
{
 color: #727b6e;
 cursor: pointer;
}
		
#komentar .cancel 
{
 color: #b74c4c;
 font-size: 14px;
}

#komentar p, #komentar p.note 
{
 color: #555;
}

#komentar p.note 
{
 font-size: 0.9em;
 margin-left: 14em;
}



span.comment
{
 background-color: transparent;
 background-image: url(../img/icon_comment.gif);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left center;
 padding-left: 20px;
}

.koment_p
{
 color:#666;
}

.koment_avtor
{
 font-size:11px;
 color:#555;
 padding-left:20px;
 background:url(/gfx/icon_comment.gif) no-repeat;
}

.koment_datum
{
 font-size:11px;
 color:#999;
}

#quoteTekst
{
 border:dotted 1px #ccc;
 padding:10px;
 
 margin:5px;
}

#quoteTekst p
{
 font-size:15px !important;
 letter-spacing:-1px;
 font-style:italic;
 color:#555;
}

#quoteTekst i
{
 text-align:right;
 color:#900;
}