/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body {line-height: 1.7em; background: #fff (repeat-x;{%20background-repeat:%20repeat;%20font-style:normal;%20font-variant:normal;%20font-weight:normal;%20font-size:.7em;%20font-family:Tahoma,%20Arial,%20sans-serif;%20padding-left:0;%20padding-right:0;%20padding-top:5px;%20padding-bottom:0%20}a%20{%20color:%20#2F637A;\ background:\ inherit;\ }a:hover\ {\ color:\ #808080;\ background:\ inherit;\ }p\ {margin:\ 0\ 0\ 5px\ 0;\ }h1\ {font:\ bold\ 2.2em\ Arial,\ Sans-Serif;\ padding:\ 8px\ 0\ 0\ 0;\ margin:\ 0;\ letter-spacing:\ -1px;\ }h2\ {\ margin:\ 0;\ padding:\ 0;\ font:\ bold\ 1.8em\ Arial,\ Sans-Serif;\ letter-spacing:\ -1px;\ }h1\ a,\ h2\ a\ {\ color:\ #000;\ background:\ inherit;\ text-decoration:\ none;\ }ul\ {\ margin:\ 0;\ padding\ :\ 0;\ list-style\ :\ none;\ }img\ {\ border:\ 0;\ }/*\ layout\ */#content\ {\ margin:\ 10px\ auto;\ width:\ 960px;\ }#logo\ {\ margin:\ 0\ 0\ 10px\ 0;\ }#slogan\ {\ font-size:\ 0.9em;\ margin:\ 0\ 0\ 10px\ 2px;\ padding:\ 0;\ color:\ #808080;\ background:\ #fff;\ }#top_info\ {\ line-height:\ 27px;\ float:\ right;\ color:\ #808080;\ background:\ #fff;\ margin:\ 12px\ 5px\ 7px\ 0;\ text-align:\ right;\ height:\ 74px;\ }/*\ pushes\ the\ page\ to\ the\ full\ capacity\ of\ the\ viewing\ area\ */html\ {height:100%;}body\ {height:100%;\ margin:0;\ padding:0;}\ /*\ prepares\ the\ background\ image\ to\ full\ capacity\ of\ the\ viewing\ area\ */#bg\ {position:fixed;\ top:0;\ left:0;\ width:100%;\ height:100%;}\ /*\ places\ the\ content\ ontop\ of\ the\ background\ image\ */#content\ {position:relative;\ z-index:1;}/*\ round\ blue\ login\ button\ */#loginbutton\ a\ {\ text-decoration:\ none;\ width:\ 24px;\ height:\ 28px;\ background:\ #fff\ url\\(\'images/lb.gif\') no-repeat; color: #000; margin-left:8px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:12px; padding-right:12px; padding-top:7px; padding-bottom:7px }
#loginbutton a:hover{ background: #fff url('images/lbhover.gif') no-repeat; color: #000}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		margin-right: 2px;
		background: #808080 url('V2/images/corner.gif') no-repeat top right;
		font-weight: bold;
		color: #fff; padding-left:22px; padding-right:22px; padding-top:4px; padding-bottom:4px
	}
	#tablist li a:hover{
		background: #6495AB url('V2/images/corner.gif') no-repeat top right;
		color: #fff
	}
	#tablist li a.current{
		background: #9FC7D8 url('V2/images/corner.gif') no-repeat top right;
		color: #2F637A;
		padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px
	}
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 977px;
	background: transparent 
	color: transparent;
	height: 140px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px
}
	#topics li a { background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position:   left center;  padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url('images/searchbg.gif') no-repeat;
	color: #000;
	min-height: 32px; /* FF height */
	height: 50px;	/* IE height */
	width: 270px; padding-left:20px; padding-right:20px; padding-top:32px; padding-bottom:12px
}
	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* left side */
#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
	background: transparent
}
	.subheader {
		padding: 8px;
		background: #f4f4f4 url r
		color: #808080;
		border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
	}
	.left_articles {
		background: transparent 
		color: transparent;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px; padding-left:10px; padding-right:15px; padding-top:15px; padding-bottom:5px
	}
		.date { font-size: .9em; background: #fff url('images/news.gif') no-repeat center left; color: #808080; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: transparent;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		
/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		background: #fff url('images/notes.gif') no-repeat center left;
		color: #454545; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:80px; padding-right:10px; padding-top:17px; padding-bottom:17px
	}
/* footer */
#footer { 
	clear: both; 
	color: transparent;
	background: transparent
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }