@charset "UTF-8";

@import url('/styles/normalize.css');

/***** Layout CSS *****/

/* =.rotator */
#rotator div { position : absolute; z-index : 0; }
#rotator div.previous { z-index : 1; }
#rotator div.current { z-index : 2; }

/* =ul.list_links */
#new-music li ul.list_links li { float : left; clear : none; padding : 0; min-height : 32px; background-color : transparent; }
#new-music li ul.list_links li a { display : block; width : 32px; height : 32px; text-indent : -9999px; }
#new-music li ul.list_links li a.facebook { background : transparent url('/images/site/icon_facebook32x32.png') no-repeat center center; }
#new-music li ul.list_links li a.myspace { background : transparent url('/images/site/icon_myspace32x32.png') no-repeat center center; }
#new-music li ul.list_links li a.twitter { background : transparent url('/images/site/icon_twitter32x32.png') no-repeat center center; }

/* =div#flava
div#flava { position : absolute; z-index : 3; width : 720px; height : 445px; }
div#flava p.next { position : absolute; right : -25px; bottom :-25px; }
div#flava p.back { position : absolute; bottom : -25px; left : -25px; }
div#flava h2 { margin : 0; padding : 0; width : 720px; height : 150px; text-indent : -9999px; }

/* =#flavaForm
#flavaForm legend { display : none; }
#flavaForm fieldset { position : absolute; width : 720px; height : 295px; }
#ff_rating li { display : block; float : left; width : 360px; height : 295px; text-indent : -9999px; }
#ff_about li { display : block; padding-top : 20px; width : 720px; height : 75px; }
#ff_about label { float : left; width : 360px; }
#ff_about input { float : left; margin : 0 10px; padding : 0 5px; width : 300px; height : 20px; }
input#ff_submit { display : block; position : absolute; bottom : 25px; left : 210px; width : 300px; height : 100px; text-indent: -9999px; }

/* =a.close */
p.close, p.next, p.prev { margin : 0; padding : 0; width : 50px; height : 50px; }
p.close a, p.next a, p.prev a { display : block; width : 50px; height : 50px; text-indent : -9999px; }
p.close { position : absolute; top : -25px; right : -25px; }
p.next { position : absolute; right : -25px; bottom : -25px; }
p.prev { position : absolute; bottom : -25px; left : -25px; }
#content_main p.next { right : 0; bottom : 0; z-index : 100; }
#content_main p.prev { bottom : 0; left : 0; z-index: 100; }

body {
margin : 0 auto;
width : 960px; }

#branding {
float : left;
margin : 10px 0;
width : 320px;
text-align : center; }

	#branding a {
	display : block;
	width : 320px; height : 100px; }
	
	#branding.christmas a {
	position : absolute;
	height : 120px; }

#now-playing {
float : left;
margin : 10px 0;
width : 640px; height : 100px; }

	#now-playing h3 {
	float : left;
	padding-top : 50px;
	width : 400px;
	text-align : right; }
	
	#now-playing p {
	float : left;
	padding : 35px 20px 0 20px;
	width : 200px;
	text-align : center; }

#nav_main {
clear : both;
margin : 10px auto;
width : 960px; min-height : 30px; }

	#nav_main li {
		float : left; }
	
		#nav_main li a {
		display : block;
		margin : 0 1px; padding : 10px 0;
		width : 236px; height : 10px;
		text-align : center; }

#content_main {
float : left;
position : relative;
margin : 0 0 10px; padding : 0 0 20px;
width : 640px; min-height : 400px; }

div#content_sub {
overflow : hidden;
float : right;
margin : 20px 0 10px; padding : 0 0 20px;
width : 318px;
border-width : 1px;
/* rounded corners for browsers that support it */
-moz-border-radius-bottomright : 12px;
-moz-border-radius-bottomleft : 12px;
-webkit-border-bottom-right-radius : 12px;
-webkit-border-bottom-left-radius : 12px; }

	#content_main h2 {
	margin : 20px 10px 10px; }
	
	#content_sub h2 {
	margin : 0 0 10px; padding : 10px 10px 5px;
	text-align : center; }
	
	#content_main h3, #content_sub h3, #content_main legend {
	margin : 20px 10px 10px; }
	
	#content_main p, #content_sub p {
	margin : 5px 20px 10px; }
	
	#content_main blockquote, .vcard {
	margin : 15px 25px; }
	
	#content_main blockquote p {
	margin : 10px; }

div#content_sub h3.subnav a { display : block; padding : .5em .25em; background-color : #333; -moz-border-radius : 12px; -webkit-border-radius: 12px; text-align : center; color : #fff; text-decoration : none; text-transform : uppercase; }
div#content_sub h3.subnav a:hover, div#content_sub h3.subnav a:active { background-color : #ccc; color : #333; }

ul#nav_opt { overflow : auto; margin : 1em .5em; font-size : 1.4em; border-bottom : 1px solid #000; }
ul#nav_opt li { float : left; }
ul#nav_opt li a { display : block; margin : 0 .25em; padding : .5em; text-decoration : none; border : 1px solid #666; border-bottom : none; }
ul#nav_opt li a:link, ul#nav_opt li a:visited { background-color : #333; color : #fff; }
ul#nav_opt li a:hover, ul#nav_opt li a:active { background-color : #ccc; color : #000; }
ul#nav_opt li.current a { background-color : #4154a3; border-color : #000; color : #fff; cursor : default; }

#new-music {
position : relative;
margin : 20px; padding : 0;
overflow : auto; }

	#new-music li {
	clear : both;
	display : block;
	padding : 5px 0;
	min-height : 100px; }

	#new-music li img {
	float : left;
	margin : 5px; padding : 5px;
	width : 100px; height : 100px; }

#player {
margin : 10px; }

body#home #content_main {
padding : 0;
width : 720px; min-height : 445px; }

body#home ul#content_sub {
float : right;
padding : 5px 0;
width : 240px; height : 435px; }

	ul#content_sub li a {
	display : block;
	width : 240px; height : 145px;
	text-align : center; }

#site-info {
position : relative;
clear : both;
margin : 10px auto; padding : 10px 29px;
width : 900px; min-height : 5px;
text-align : center; }

#icon_facebook, #icon_twitter {
position : absolute;
top : 5px;
width : 24px; height : 24px;
text-indent : -9999px; }

#icon_facebook {
right : 30px; }

#icon_twitter {
right : 3px; }

#funding {
clear : both;
width : 100%; height : 60px;
text-align : center; }

#funding h3 {
margin : 0 0 5px 7em;
text-align : left; }

#funding img {
margin : 0 2px; }

/* Copyright © 2009 Resound Radio of Cedarville University
 * Design by Jeremy McDuffie (jmmcduffie@cedarville.edu)
 */