/*#############################################################
Name: Nogomania Euro 2008
Date: 6.12.2007
Description: Dizajn za stran Euro2008
Author: Klemen Tomše
#############################################################*/

/* standard elements */

a {text-decoration:none; border:0; }

a:hover {text-decoration:underline; border:0;}

a img {border:0; text-decoration: none;}

a:link img {border:0; text-decoration: none;}

a {color:#9a0b1c; text-decoration:none; border:0; }

body {
	background: #820c18;
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0% 0;
}

p,ul {
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #994;}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */

.container_main {
	margin: 0 auto; 
	width: 980px;
	height: auto;
	background: #f5f5f5;
	border-left: 5px solid #5e0406;
	border-right: 5px solid #5e0406;
}							 

.container_top {
	background: #f5f5f5;
	height: 151px;
	position: relative;
    top: 0px;
    left: 0px;
}						

.container_menu{
	background: #5e0406;
	height: 30px;
	margin: o auto;
	position: relative;	
}

.container_footer{
	background: #5e0406;
	height: 30px;
	margin: o auto;	
	position: relative;
}

/* header */

.header {
	margin: 0 auto;
	width: 990px;
	height: 150px;
	text-align: left;
}						   

.menu {
	margin: 0 auto;
	width: 980px; 
	height: 30px;
	background: url(img/meni.jpg);
}		
	
.main {
	margin: 0 auto; 
	width: 980px; 
}

/* structure */	

.header_ad {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 6px;
	float: left;
	width: 728px;
	height: 90px;
	background: #f5f5f5;
	display: inline;
	vertical-align:middle;
}

.header_logos {
	float: left;
	margin-left: 15px;
	width: 980px;
	height: 45px;
	background: #f5f5f5;
	display: inline;
} 

.header_right {
	float: right;
	margin-top: 5px;
	margin-right: 7px;
	width: 242px;
	height: 90px;
	background: #f5f5f5;
	display: inline;
}

.main_top {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 650px;
	height: 350px;
	display: inline;
	background: url(img/top_back.jpg);
}

.top_one {
	float:left;
	margin-top: 5px;
	margin-left: 7px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 300px;
	height: 322px;
	display: inline;
} 

.top_one:hover 
{
	text-decoration:none;
	cursor:hand;
}

.top_one_naslov {
	margin: 0 auto;
	width: 300px;
	height: 50px;
	filter: alpha(opacity=60); 
	-moz-opacity: .60;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	font-family:Trebuchet MS;
}

.top_one_vsebina {
	height: 122px;
	width: 300px;
	margin-top:	150px;
	font-size: 1.5em;
	background: #dedee0;
	text-align:justify;
}

.top_four {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	width: 329px;
	height: 74px;
	cursor: hand;
	display: inline;
	font-size: 12px;
	font-family:Trebuchet MS;
	line-height: 15px;
} 

.top_four:hover {
	background: url(img/top4.png);
	background-position:left top;
	cursor: hand;
	text-decoration:none;
}

.top_four_slika{
	width: 90px;
	height: 60px;
	float: left;
	display: inline;
	margin-right: 3px;
	margin-top: 7px;
	margin-left: 5px;
	cursor: hand;
}

.main_right { 
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 300px;
	display: inline;
}

.main_left {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 160px;
	display: inline;
}

.main_central {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 480px;
	display: inline;
}

.main_novice 
{
	float:left;
	width: 238px;
	height: 442px;	
	background: url(img/ostale_novice.jpg);
}

.main_mnenja 
{
	width: 237px;
	height: 144px;
	background: url(img/mnenja_bgr.jpg);
	float: right;
}
.main_intervju 
{
	margin-top: 5px;
	width: 237px;
	height: 144px;
	background: url(img/intervju_bgr.jpg);
	float: right;
}
.main_zgodba 
{
	margin-top: 5px;
	width: 237px;
	height: 144px;
	background: url(img/zgodbe_bgr.jpg);
	float: right;
}

.watermark
{
	color: #999999;
	font-style: italic;
}	

/* footer */
.bottom {
	margin-top: 5px;
	color: #CCC;
	font-size: 0.9em;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 210px;
	left: 5px;
} 

.bottom .left,.footer .right {padding: 0 16px;}
.bottom a {color: #EEE;}
.bottom a:hover {color: #FAFCB0;}	

.footer {
	width:980px;
	height:30px;
	margin: 0 auto;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* euro theme */
.ajax__tab_euro .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;}
.ajax__tab_euro .ajax__tab_outer {padding-right:0px;background:url(img/tab_close_r.jpg) no-repeat right;height:21px;}
.ajax__tab_euro .ajax__tab_inner {padding-left:3px;background:url(img/tab_close_l.jpg) no-repeat;}
.ajax__tab_euro .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(img/tab_close.jpg) repeat-x;}
.ajax__tab_euro .ajax__tab_active .ajax__tab_outer {background:url(img/tab_open_r.jpg) no-repeat right;}
.ajax__tab_euro .ajax__tab_active .ajax__tab_inner {background:url(img/tab_open_l.jpg) no-repeat;}
.ajax__tab_euro .ajax__tab_active .ajax__tab_tab {background:url(img/tab_open.jpg) repeat-x;}
.ajax__tab_euro .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border-top:5px solid #7a1c1d;padding-top:5px;background-color:#f5f5f5;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.accordion_header 
{
	margin-bottom:5px;
	background: url(img/accordion_sel.jpg);
	height:21px;
	font-family: trebuchet ms;
	font-weight: bold;
	font-style: italic;
	color: #780a13;
	text-align: right;
	padding-right: 5px;
	cursor: hand;
}

.accordion_sel_header
{
	background: url(img/accordion.jpg);
	height:21px;
	font-family: trebuchet ms;
	font-weight: bold;
	font-style: italic;
	color: #780a13;
	text-align: right;
	padding-right: 5px;
	cursor: hand;
}

.accordion_content
{
	font-family: trebuchet ms;
	color: black;
	font-size:12px;
	padding-left:4px;
	padding-right:4px;
}

.anketa 
{
	background: url(img/anketa_bgr.jpg);
	width:160px;
	float:left;
}

.anketa_bottom
{
	background: url(img/anketa_bottom.jpg);
	width: 160px;
	height: 20px;
	text-align: right;
	vertical-align: middle;
	float:left;
	margin-bottom:10px;
}

.livescore
{
	margin: 0 auto;
	background: url(img/livescore.jpg);
	width:300px;
	height:90px;
	position:relative;
}

.novica_header
{
	background: url(img/novica_naslov_bgr.jpg);
	height: 99px;
	width: 480px;
	margin-bottom: 10px;
	font-family:Trebuchet MS;
	font-weight:bold;
}

.novica_slika
{
	float: right;
	width: 200px;
	height: 100px;
}

.novica_povezave
{
	background: url(img/sorodne_bgr.jpg);
	float: right;
	width: 200px;
	text-align:left;
	}

.novica_vsebina
{
	float:right;
	width: 210px;
	margin-bottom:3px;
	text-align:justify;
	font-family:Trebuchet MS;
	text-align:justify;
}

.komentiraj
{
	float: left;
	height: 21px;
	width: 480px;
	background: url(img/komentiraj_bgr.jpg) no-repeat;
}

.novica_info
{
    float: right;
    margin-right: 10px;
    height: 15px;
    margin-top: 7px;
    font-style:italic;
    font-size:11px;
}

.novica_nadnaslov
{
    margin-top: 15px;
    height: 20px;
    float: left;
    width: 450px;
    margin-left: 10px;
    text-align: left;
    font-size:14px;
    color: #6d6d6d;
}

.novica_naslov
{
    margin-top: 7px;
    margin-left: 10px;
    height: 30px;
    width: 450px;
    float:left;
    text-align: left;
    font-size:24px;
    color: #9a0b1c;
}
.komentiraj
{
	float: left;
	height: 21px;
	width: 480px;
	background: url(img/komentiraj_bgr.jpg) no-repeat;
	margin-bottom: 5px;
}

.komentar_box
{
	width: 480px;
	height: 130px;
	float:left;
	background: url(img/komentar_box.jpg) no-repeat;
	margin-bottom: 5px;
}

.komentarji
{
	float:left;
	height: 21px;
	width: 480px;
	background: url(img/komentarji_bgr.jpg) no-repeat;
	margin-bottom: 5px;
}

.komentar_top
{
	float:left;
	height: 4px;
	width: 480px;
	background: url(img/komentar_top.jpg) no-repeat;
}

.komentar_middle
{
	float:left;
	width:480px;
	background: url(img/komentar_middle.jpg) repeat-y;
	display: inline;
	overflow:hidden;
	font-size:11px;
}

.komentar_bottom
{	
	float: left;
	width:480px;
	height:4px;
	background: url(img/komentar_bottom.jpg) no-repeat;
}

.wide_header
{
	float: left;
	width: 650px;
	height: 120px;
	margin-bottom:10px;
	display: inline;
}

.ostalo
{
	float:left;
	width: 160px;
	background: url(img/mnenja/ostalo_bgr.jpg);
}

.ostao_bottom
{
	float:left;
	width:160px;
	height: 3px;
	background: url(img/mnenja/ostalo_bottom.png);
	margin-bottom:10px;
}

.nova
{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	width: 310px;
	height: 80px;
	position: relative;
	cursor: hand;
	display: inline;
	font-size: 12px;
	font-family:Trebuchet MS;
	line-height: 15px;
} 

.nova:hover {
	background: url(img/novicahover.jpg);
	background-position:left top;
	cursor: hand;
	text-decoration:none;
}

.modalBackground
{
    filter: Alpha(Opacity=60); -moz-opacity:0.6; opacity: 0.6;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}