body {
	font-family: "Droid Serif", "Helvetica Neue", serif;
	font-size: 1.2em;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	word-spacing: 0;
	line-height: 1.3;

}

h1 {
	font-size: 2em;
    font-family: "Bangers";
}

.news_item_expanded {
	font-size: 0.9em;
}

.recent_audio_item {
	font-size: 0.9em;
    cursor: pointer;
}
a { text-decoration: none; }
.shout {
	margin: 0; padding: 0;
	font-size: 0.8em;
	line-height: 1;	
	margin-bottom: -4%;
}

h2 {
	font-size: 2.3em;
	padding-left: 42%;
    
    font-family: "Bangers";
}

h4 { 
	color: #cc3300; 
	font-size: 1.5em;
    font-family: "Bangers";
}
h5 {
	font-family: "Bangers";
}
.shout_by {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}

#audio img {
	max-width: 100%;
}

#dropdownlist {
	margin: 0;
	padding: 0;
	padding-top: 3%;
}

#dropdownlist li {
	float: left;
	list-style: none;
	font: 0.7em;
}

#dropdownlist li a {
	display: block;
	text-decoration: none;
	font-family: "Helvetica Neue";
	white-space: nowrap;
	color: #666;
}

#dropdownlist li a:hover {

	color: #cc3300;
}

#dropdownlist li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
}

#dropdownlist li ul li {
	float: none;
	display: inline;	
	margin: 0;
}

#dropdownlist li ul li a {
	background: white;
	color: #666;
	padding: 5%;
}

#dropdownlist li ul li a:hover {	
	color:#cc3300;

}
#news img {
	float: left; 
	width: 200px;
	margin: 12px;
}

.news_item_content {
    font-size: 0.9em;
}
.news_item_info {
	font-size: 0.8em;
	font-style: italic;
	color: #666;
}

.next_show {
	font-size: 0.8em;
	color: #cc3300;
	font-family: "Helvetica Neue";
}

.next_show_name {
	font-size: 0.9em;	
	font-family: "Helvetica Neue";
}

.next_show_name span {
	font-style: bold;
}

.header {
	background-color: black;
	color: white;
	padding-bottom: 1%;
}

#header, #np {
	padding-top: 3%;
}

#np { padding-top: 4%;
	font-family: "Helvetica Neue";
}

.content, #shoutbox {
	margin-top: 2%;
}

.news_item_expanded {
	margin-bottom: 3%;
}

a:hover {color:#cc3300;}
a { color: #666; }

#chat_messages_container {
	overflow-y: auto;
	overflow-x: hidden;
	height: 300px;
}

.field_wrapper { width: 99%; }
.field_wrapper textarea {
	height: 18px; 
}
#id_user {
	width: 25%;
}

#id_content {
	width: 68%;
}

#id_captcha_1 { width: 30%; }

#errors {  }
#errors span {
	font-size: 14px;
	font-style: italic;
	color: red;
}

.shout_input {
	background-color: #bbbbbb;
	border: 1px solid #cc3300;
}

.shout_submit {
	background-color: #bbbbbb;
	color: #cc3300;
}
.recent_audio_item {
	margin-top: 4%;
}
.audio_overlay {
	font-size: 0.6em;
	border:2px solid #cc3000;
	padding: 2%;
}

.audio_overlay li { 
	margin-left: 0;
	list-style-type: none; }

.audio_overlay a, .show_name a {
	text-decoration: none;
}
.show_name a { color: #cc3300; }
.audio_overlay a 
{ 
	padding-left: 3%;
	font-size: 1.2em;
}

.show_name span, .dj_name {
	font-family: Arial;
	font-size: 1.6em;
	font-style: italic;
}

.show_info span {
	font-size: 1.6em;
}
.show_info {
	font-size: 1.0em;
	font-style: bold;
}

.small {
	font-family: Arial;
	font-size: 0.8em;
}
dl {
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
dt {
	clear: left;
	float: left;
	width: 12%;
	margin:0 ;
	padding: 5px;
	font-weight: bold;
}

dd {
	

	margin:0;
	padding: 5px;
	border-top: 1px solid #999;
}

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
q:lang(da) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }

q:before { content: open-quote; }
q:after  { content: close-quote; }

.footer span {
	font-size: 0.6em;
	font-style: italic;

}
.footer {
	background-color: #cc3300; 
	height: 220px;
	margin-bottom: 12px;
}


.footer a {
	color: white;
	text-decoration: none;

}
.footer a:hover { color: black; }
.footer li { list-style: none; }
.footer > div {	margin-top: 2%; }
.footer h5 { padding: 4%;padding-bottom: 0; }
.footer > .grid_4 {  }
img { max-width: 600px; } /*this is just plain wrong! */