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

/*
 *	Projekt: RadioSisak
 */

/* -------------------------------------- common --------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

p, p a {
	color: #0f0f0f;
	font-size: 11px;
	line-height: 15px;
}

.type_01 {
	padding-bottom: 8px;
}

p a {
	color: #0f0f0f;
	font-size: 11px;
	border-bottom: 1px dotted #0f0f0f;
}

p a:hover {
	background-color: #0f0f0f;
	color: #e6ecd5;
}

.artist {
	font-weight: bold;
}

h3, h3 a {
	color: #6c7d2e;
	font-size: 11px;
	line-height: 15px;
}

h3 a:hover {
	background-color: #6c7d2e;
	color: #fff;
}


.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

.left {
	float: left;
}

/* -------------------------------------- body --------------------------------------*/

body {
	font-family: tahoma;
	font-size: 11px;
	background: #acbe71 url(../img/bck/body_bck.jpg);
	background-position: 26px 240px;
}

body, html {
	height: 100%;
	width: 100%;
}

/* -------------------------------------- wrapper --------------------------------------*/

#wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
}

/* -------------------------------------- header --------------------------------------*/

#header_wrapper {
	background: url(../img/bck/header_wrapper_bck.gif) top left repeat-x;
	position: relative;
}

#header {
	background: url(../img/bck/header_bck.jpg) top left no-repeat;
	width: 1003px;
	height: 160px;
}

#header h1 {
	margin-left: 39px;
	float: left;
	display: inline;
}

#header ul {
	padding-top: 104px;
	padding-left: 204px;
}

#header .banner {
	position: absolute;
	left: 258px;
	top: 10px;
}

#header li {
	float: left;
	margin-left: 2px;
	margin-right: 5px;

}

.nav {
	padding-top: 27px;
}

#header .antena {
	position: absolute;
	left: 753px;
	top: 88px;
}

#header #link_1 {
	width: 141px;
	height: 19px;
}

#header .listen_online {
	position: absolute;
	left: 811px;
	top: 132px;
}

/* -------------------------------------- stream --------------------------------------*/

#header .stream {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 160px;
	left: 790px;
	width: 170px;
}

/* -------------------------------------- content --------------------------------------*/

#content {
	/*
Ovdje se određuje background iza glavnog sadržaja (#content)
i padding-bottom kako sadržaj (#content) ne bi išao iza footera.
Ako se mijenja visina footera (#footer wrapper), 
treba promijeniti i ovu padding-bottom vrijednost koja bi trebala
biti ista kao i visina footera, tj. #footer wrappera.
*/
	width: 1003px;
	min-height: 300px;
	padding-bottom: 30px;
/*	background: url(../img/bck/content_bck.gif) bottom right no-repeat;*/
}

/* -------------------------------------- main --------------------------------------*/

#main {
	float: left;
	width: 660px;
	margin-left: 35px;
	margin-top: 22px;
	display: inline;
}

/* ---- news_sisak, news_world ----*/

#program_selection {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 326px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px
}

#program_selection h2 {
	height: 25px;
}

#news_sisak,
#news_sisak_2 {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 326px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

#program_selection .h2,
#news_sisak .h2,
#news_world_2 .h2 {
	background: url(../img/archive_title.jpg) right top no-repeat;
	width: 326px;
	height: 25px;
}

#program_selection .h2 {
	background: url(../img/news_sisak_title.jpg) top left no-repeat;
}

#program_selection .h2 h2,
#news_sisak .h2 h2 {
	display: none;
}

#news_sisak  h2 {
	height: 25px;
}

#news_sisak .h2 .archive,
#news_world_2 .h2 .archive {
	float: right;
	margin: 5px;
	margin-bottom: 0px;
	border: none;
}

#news_world {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 655px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

#news_world_2 {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 326px;
	float: left;
	margin-bottom: 3px;
}

#news_world h2 {
	background: #9eaf5C;
}

#news_world_2 h2 {
	height: 25px;
	background: url(../img/archive_title.jpg) right top no-repeat;
}

.top_news {
	background: url(../img/bck/top_news_bck.gif) bottom left repeat-x;
	margin: 10px;
	margin-top: 8px;
	height: 115px;
}
/*
#program_selection .top_news {
	background: url(../img/bck/top_news_bck.gif) bottom left repeat-x;
	margin: 10px;
	margin-top: 8px;
	height: 165px;
}
*/
.top_news img {
	background-color: #e2e2e2;
	border: 2px solid #ffffff;
	padding: 1px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.news_item {
	margin: 10px;
	height: 80px;
}
/*
#program_selection .news_item {
	margin: 10px;
	height: 100px;
}

#program_selection .news_item .news_title {
	margin-bottom: 2px;
}
*/

#news_world .news_item {
	height: 65px;
	width: 300px;
	float: left;
	display: inline;
	padding-bottom: 5px;
}

.news_item img {
	margin-top: 2px;
	float: left;
	border: 2px solid #fff;
	margin-right: 5px;
}

.news_date {
	float: left;
	padding-right: 5px;
}

/* ---- archive ----*/

.archive .h2 {
	background: url(../img/archive_title.jpg) top left no-repeat;
	width: 655px;
	height: 25px;
}

.archive h2 {
	background: #9EAF5C;
	height: 24px;
}

.archive .h2 h2 {
	display: none;
}

.archive #paging {
	float: right;
	margin: 4px 10px;
}

.archive #paging .title {
	float: left;
	color: #fff;
	font-weight: bold;
}

.archive #paging .page {
	float: left;
	margin: 0px 4px;
	color: #fff;
}

.archive #paging .page a {
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #fff;
}

.archive #paging .page a:hover {
	color: #9bae5c;
	background-color: #fff;
}

/* ---- news_detail ----*/

#news_detail_box {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 655px;
	margin-bottom: 3px;
}

#news_detail_box h2 {
	background-color: #9eaf5c;
	height: 24px;
}

#news_detail_box h3 {
	padding-bottom: 5px;
	font-size: 14px;
	float: left;
}

#news_detail .date {
	float: right;
}

#news_detail_box p {
	padding-bottom: 8px;
}

#news_detail {
	padding: 10px;
}

#news_detail .title_img {
	background-color: #e2e2e2;
	border: 2px solid #ffffff;
	padding: 1px;
	margin-right: 10px;
	float: left;
}

#news_detail .text img {
	padding: 2px;
	border: 1px solid #a3b464;
	margin: 0px 4px;
}

#news_detail #days li {
	float: left;
}

.show {
	float: left;
	width: 121px;
	height: 80px;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #000;
}

.thumb_01 {
	float: left;
	padding: 2px;
	margin: 2px;
	border: 1px solid #999;
	background-color: #ccc;
}

/* ---- docs ----*/

#news_detail_box #docs {
	padding: 0px 0px 14px 10px;
}
	
#news_detail_box #docs h4 {
	margin-bottom: 6px;
}
	
/* ---- program ----*/

#program_box {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 655px;
	margin-bottom: 3px;
}

#program_box h2 {
	background-color: #9eaf5c;
	height: 24px;
}

#program_box h3 {
	padding-bottom: 5px;
	font-size: 14px;
}

#program_box p {
	padding-bottom: 8px;
}

#program_box p.no_padding {
	padding-bottom: 0px;
}

#program {
	padding: 10px;
}

#program #days {
	height: 30px;
}

#program #days li {
	float: left;
}

#program #days li a {
	float: left;
	height: 20px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

#program #days li.pon a {
	background: url(../img/program/img_pon_110.gif) top left no-repeat;
	width: 110px;
}

#program #days li.uto a {
	background: url(../img/program/img_uto_81.gif) top left no-repeat;
	width: 81px;
}

#program #days li.sri a {
	background: url(../img/program/img_sri_78.gif) top left no-repeat;
	width: 78px;
}

#program #days li.cet a {
	background: url(../img/program/img_cet_84.gif) top left no-repeat;
	width: 84px;
}

#program #days li.pet a {
	background: url(../img/program/img_pet_66.gif) top left no-repeat;
	width: 66px;
}

#program #days li.sub a {
	background: url(../img/program/img_sub_76.gif) top left no-repeat;
	width: 76px;
}

#program #days li.ned a {
	background: url(../img/program/img_ned_74.gif) top left no-repeat;
	width: 74px;
}

#program #days li a:hover {
	background-position: top right;
}

.program_img {
	margin-bottom: 15px;
}

.program {
	margin-top: 15px;
}

/* ---- onama ----*/

#onama_box {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 655px;
	margin-bottom: 6px;
}

#onama_box h2 {
	background-color: #9eaf5c;
	height: 24px;
}

#onama_box h3 {
	padding-bottom: 5px;
	font-size: 12px;
}

#onama_box p {
	padding-bottom: 8px;
}

#onama_box p.no_padding {
	padding-bottom: 0px;
}

#onama {
	padding: 10px;
}

#onama img {
	float: left;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #a3b464;
}

/* ---- stream ----*/

#stream {
	background: url(../img/bck/light_bck.jpg) top left;
	width: 655px;
	margin-bottom: 3px;
}

#stream h2 {
	background-color: #9eaf5c;
	height: 24px;
}

#stream .inner {
	padding: 10px;
}

#stream p {
	margin: 6px 0px;
}

#stream ul {
	margin-left: 26px;
}

#stream li {
	float: left;
	margin: 10px;
}

/*
#news_detail_box h3 {
	padding-bottom: 5px;
	font-size: 14px;
	float: left;
}

#news_detail .date {
	float: right;
}

#news_detail_box p {
	padding-bottom: 8px;
}


/* ---- shoutbox ----*/

#shoutbox {
	background: url(../img/bck/light_bck.jpg) top left;
	clear: both;
	width: 655px;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

#shoutbox h2 {
	background-color: #9eaf5c;
	height: 24px;
}

#shoutbox_display {
	margin: 18px 10px 6px 10px;
	overflow: auto;
	overflow-x: hidden;
	height: 152px;
}

.time {
	float: left;
	width: 50px;
}

.shout_input {
	padding-bottom: 6px;
	margin-left: 10px;
}

.shout_input #shout_input {
	height: 22px;
	width: 500px;
	border: none;
	background: #fff url(../img/bck/shout_input_bck.gif) top right repeat-y;
	border-top: 1px solid #cccccc;
	color: #807e7e;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.shout_input label {
	display: none;
}

.shout_input .submit {
	background: none;
	border: none;
	color: #121212;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	cursor: pointer;
}

/* -------------------------------------- side_bar --------------------------------------*/

#side_bar {
	float: right;
}


/* ---- on_air, off_air ----*/

#on_air {
	background: url(../img/bck/on_air.jpg) top left no-repeat;
	width: 165px;
	height: 98px;
	margin-right: 33px;
	margin-top: 22px;
	padding-top: 13px;
	padding-left: 17px;
	margin-bottom: 12px;
}

#on_air h2 {
	padding-bottom: 20px;
}

#off_air {
	background: url(../img/bck/off_air.jpg) top left no-repeat;
	width: 165px;
	height: 303px;
	padding-top: 14px;
	padding-left: 17px;
}

#off_air h2 {
	padding-bottom: 20px;
}

.side_banners .banner {
	margin: 2px 0px 12px 0px;
}

/* -------------------------------------- poll --------------------------------------*/

#poll {
	margin-bottom: 10px;
	width: 177px;
}

#poll h2 {
	height: 40px;
}

#poll .content {
	background: url(../img/bck/pole_content_bck.gif) left bottom no-repeat;
	padding: 4px 4px 4px 8px;
}

#poll .content form fieldset {
	border: 0px;
	margin: 10px 0px;
}

#poll .content form .form_radio {
	margin: 4px 0px;
	clear: both;
}

#poll .content form .form_radio input,
#poll .content form .form_radio label {
	float: left;
}

#poll .content form .form_radio input {
	margin-right: 4px;
}

#poll .content form .form_submit {
	margin: 8px 4px;
	clear: both;
}

#poll .content form .form_submit input {
	border: 0px;
	background: transparent;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	color: #6C7D2E;
	float: left;
	cursor: pointer;
}

#poll .content form .form_submit a {
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	color: #6C7D2E;
	float: right;
	padding: 1px 2px;
}

#poll .content form .form_submit input:hover,
#poll .content form .form_submit a:hover {
	background-color: #6C7D2E;
	color: #D0D671;
}

#poll .content .results {
	margin: 10px 0px;
}

#poll .content .results .result {
	line-height: 14px;
	margin: 4px 0px;
}

#poll .content .results .result .perc {
	border: 1px solid #A1B472;
	line-height: 14px;
	width: 160px;
}

#poll .content a.back {
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	color: #6C7D2E;
	float: right;
	padding: 1px 2px;
	margin: 8px 4px;
}

#poll .content a.back:hover {
	background-color: #6C7D2E;
	color: #D0D671;
}

/* -------------------------------------- weather --------------------------------------*/

#weather {
	margin-bottom: 10px;
	width: 177px;
}

#weather h2 {
	height: 40px;
}

#weather .content {
	background: url(../img/bck/weather_content_bck.gif) left bottom no-repeat;
	height: 92px;
	position: relative;
}

#weather .content .temp {
	position: absolute;
	top: 14px;
	left: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #7c8f49;
}

#weather .content img.cond {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

* html #weather .content img.cond {
	position: relative;
	margin-left: 30px;
	border: 1px solid red;
}

/* -------------------------------------- footer --------------------------------------*/

#footer_wrapper {
	height: 32px;
	width: 100%;
	position: absolute;
	bottom: 0px;
/*	background: url(../img/bck/content_bck.gif) top right no-repeat;
	background-position: 743px 0px;*/
}

#footer {
	margin-top: 0px;
	background: #fff url(../img/bck/footer_bck.jpg) top left no-repeat;
	width: 100%;
	height: 32px;
}

#footer ul {
	margin-left: 175px;
}

#footer li {
	float: left;
	color: #686e3f;
	font-size: 11px;
	padding-top: 0px;
	height: 26px;
}

#footer li a {
	color: #686e3f;
}

#footer li a:hover {
	color: #fff;
	background-color: #686e3f;
}

#footer li.home a:hover, #footer li.contact a:hover {
	background-color: #fff;
}

#footer .text {
	padding-top: 5px;
}

#footer .contact {
	margin-left: 10px;
}

#footer .euroart a {
	color: #686e3f;
	font-size: 10px;
	margin-left: 532px;
}