/*  
Theme Name: Creamy Radio
Theme URI: http://beta.creamyradio.com/
Description: Creamy Radio Theme
Author: Creamy Radio	
Author URI: http://beta.creamyradio.com/
Version: 1.0
Tags:right sidebar, two column, fixed width
*/

/* Reset Defaults Starts */

@import url('widget.css');

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, p, blockquote {
  margin: 0;
  padding: 0px;
  }

blockquote {
  margin: 5px 10px;
  padding: 5px 10px;
  background: #9DCAE8;
  border: 1px dotted #BBB;
  }

code {
  color: #3366CC;
  }

a img {
  border: none;
  }

ul,li{
	list-style:none;
}

/* Reset Defaults Ends */

html,body{
	font-family: Verdana, Arial, Helvetica, Tahoma, Sans-serif;
	font-size: 12px;
	color:#464646;
	width:100%;
	height:100%;
}
body{
	background:#012c3f url(images/site_bg.jpg) no-repeat top center;
	/*normal bg: #012c3f; */
}

h1{
	font-family: Arial, Verdana, Georgia, Sans-serif;
	font-size: 28px;
	padding: 0;
	color: #11518b;
	letter-spacing:-.05em;
}

h2{
	font-family: Arial, Verdana, Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
	color: #5e230f;
	letter-spacing:-.05em;
}


a {
  color: #11518b;
  text-decoration:none;
  }

a:hover {
  color: #8ad2ef;
  }

p{
	padding: 10px 0 0 0;
}

div#header{
	margin:10px auto 0;
	width:1000px;
}

div#nav{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px auto;
	padding:10px 0px 5px;
	width:1000px;
	background:#000;
}

div#content{
	background: url(images/content_bg.gif) repeat-y top left;
	margin:0px auto;
	width:1000px;
}
div#content_main{
	width:670px;
	float:left;
}

div#main{
	/*background:#fff;*/
	width:630px;
	padding:20px;
}

div#secondary{
	background:url(images/secondary_bg.jpg) repeat-x top left;
	width:310px;
	float:right;
	padding:10px;
}

div#nowplaying{
	color:#000;
	width:669px; 
	background:url(images/nowplaying_bg.jpg) no-repeat top left;
}

div#siteinfo{
	clear:both;
	width:100%;
	background:#000 url(images/footer_bg.jpg) no-repeat top center;
	min-height:214px;
}

div#footer{
	margin:0px auto;
	width:1000px;
	padding: 10px 0 0 0;
	clear:both;
	color:#fff;
}


.post{
	padding: 10px 0 10px 0;
}

.post h2{
	margin:0 0 0 0;
}

.entry{
	line-height: 18px;
}

.entry h2,.entry h3{
	margin: 15px 0 5px;
}

.byline{
	font-size:11px;
	margin:0 0 10px 0;
}
.postauthor{
	color:#1a3c61;
	margin:0 10px 0 5px;
	font-style:italic;
}

.postdate{
	color:#989898;
	font-style:italic;
}

p.postmetadata{
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 0;
	font-size:11px;
	background-color:#F2F2F2;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

#secondary ul{
	margin: 0;
	padding: 0 10px 0 10px;
}

#secondary ul li{
	padding: 10px 0 10px 0;
}

#secondary ul li h2{
	color: #1a3b5d;
	font-size: 24px;
	font-variant:small-caps;
}

#secondary ul ul li{
	padding: 0;
}

div#nav ul{
	width:650px;
	float:left;
	padding:3px 0 0 0;
}

div#nav ul li{
	list-style: none;
	display: inline;
	margin: 0px 10px 0px 15px;
	
}
div#nav li a{
	font-size:15px;
	font-weight:bold;
	color:#8cd4ed;
	letter-spacing:-.03em;
}
div#nav li a:hover{
	color:#fff;
}


form#searchform{
	width:270px;
	float:right;
}
#searchform label{
	color:#fff;
	font-weight:bold;
	letter-spacing:-.03em;
	margin: 0 5px 0 0;
}
#searchsubmit{
	vertical-align:middle;
	margin: -1px 0 1px 5px;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

div#secondary a{
	color:#fff;
}
div#secondary a:hover{
	color:#5e230f;
}

div#footerborder{
	width:100%;
	clear:both;
	height:3px;
	border:1px solid #fff;
	background:#000;
}

#nav h1{
	width:539px;
}

#header_links{
	float:left;
	text-align:center;
	margin:40px 0 0 20px;
	width:214px;
}

#header_links_feature{
	float:left;
	text-align:center;
	margin:0px 0 0 10px;
	width:214px;
}

a.header_link img{
	padding:3px;
}
a.header_link:hover img{
	background:#8ad2ef;
}


/* HEADER LOGIN */
#header_login{
	float:right;
	text-align:right;
	margin:40px 0 0 20px;
	width:190px;
	border:0px solid #f00;
	color:#fff;
	font-size:11px;
}

#header_login label{
	font-size:10px;
}

#header_login ul li{
	margin:3px 0;
}
#header_login a{
	color: #8ad2ef;
}

#header_login a:hover{
	color:#fff;
}

input#log, input#pwd{
	padding:1px 2px;
	font-size:11px;
	width:100px;
}
input#log-btn{
	font-size:10px;
	margin: 0 0 0 55px;
	padding:0px;
	width:35px;
}
img#title-header-account, img#title-header-login{
	margin:0 0 5px 0;
}

/* TUNE IN LINKS */

#social_links a img{
	margin:3px;
	border:1px solid #e3e3e3;
}
#social_links a:hover img{
	border:1px solid #11518b;
}

#tunein_links{
	clear:both;
	width:981px;
	height:46px;
	background:url(images/bg_tunein.png) no-repeat bottom center;
	border:0px solid #f00;
}
#tunein_links h3{
	display:none;
}

#tunein_links a{
	font-size:13px;
	color:#11518b;
	font-weight:bold;
	letter-spacing: -.05em;
	margin:10px 10px 0;
}

#tunein_links a:hover{
	color: #8ad2ef;
}

#tunein_content{
	text-align:left;
	padding:24px 0 0 160px;
}

#recent_additions_widget{
	text-align:center;
}

div#footer p{
	line-height:14px;
	font-size: 11px;
}

div#footer h4{	font-size:14px;
	font-weight:bold;
}

div#copyright{
	width:650px;
	float:left;
}


div#secondary_links{
	width:330px;
	float:right;
	padding:0px;
}

div#secondary_links ul{
	width:140px;
	border-left:1px solid #fff;
	padding:5px 0 0 20px;
	float:left;
	letter-spacing:-.03em;
}
div#secondary_links ul li{
	margin:3px 0px;
}

div#secondary_links ul li a{
	font-size:10px;
	color:#fff;
}
div#secondary_links ul li a:hover{
	color:#8ad2ef;
}
a.recent_link img{
	width:125px;
	height:125px;
}
a.recent_link:hover img{

}


div#nowplaying a{
	color:#000;
}

div#nowplaying a:hover{
	color:#8ad2ef;
}

#nowplaying h2{
	padding:0 0 10px 5px;
	color:#ebf3b6;
}

#nowplaying h3{
	padding:0 0 0 5px;
	color:#fff;
	font-size:24px;
}
#nowplaying h4{
	padding:5px 0 0 0;
	font-size:18px;
}
#nowplaying h4 em{
	font-style:italic;
	font-size:15px;
}

p#nowplaying_links, p#nowplaying_links a{
	margin-top:10px;
	color:#ebf3b6;
	letter-spacing:.05em;
	font-size:14px;
	font-weight:bold;
}

p#recent_link{
	font-weight:bold;
	font-size:16px;
	letter-spacing:.05em;
}

div#players{
	width:100%;
	height:40px;
	background:#0c475e url(images/players_bg.jpg) repeat-x top left;
}

div#players h3{
	margin:0 0 10px 0;
}	

div#players a img{
	padding:10px 0 0 20px;
}

div#players  h3{
	color:#eee;
	float:left;
	font-size:14px;
	vertical-align:top;
	margin-top:10px;
}

div.social_feature {

}

div.social_top{
	width:286px;
	height:42px;
}

div.social_middle{
	background:url(images/social_feature_bg.png) repeat-y top left;
}

div.social_content{
	padding:0 20px 0 10px;
}

#cr_twitter div.social_content a, #dbog_twitter div.social_content a, #dog_twitter div.social_content a, #cappy_twitter div.social_content a{
	color:#003478;
}

#cr_twitter div.social_content a:hover, #dbog_twitter div.social_content a:hover, #dog_twitter div.social_content a:hover, #cappy_twitter div.social_content a:hover{
	color:#8ad2ef;
}

div.social_bottom{

}

/* COMMENTS */

h3#comments, h3#respond{
	margin: 20px 0px 10px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 11px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* SIDEBAR */
.nowplaying_widget{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin: 0 0 25px 0;
}

.nowplaying_widget a{
	font-weight:bold;
}


/* ADS */
.ad_rectangle{
	width:100%;
	text-align:center;
	margin:5px 0px;
}

.ad_small_banner{
	text-align:center;
	margin:5px auto;
}

/* CUSTOM CLASSES */

ul.bullet li{
	list-style:disc;
	margin-left:20px;
}

.hidden{
	display:none;
}

/* CATALOG NAV */

.catalog_page_nav{
	width:610px;
	border:0px solid #f00;
	text-align:right;
	padding:5px 10px;
	background:#012c3f;
}
.catalog_page_nav{
	color:#fff;
	clear:both;
}

.catalog_page_nav a{
  color: #8ad2ef;
}	
.catalog_page_nav a:hover{
	text-decoration:underline;
}	

/* DONATION */
form.donate{
	padding:20px 0;
}

div.breakout{
	width:100%;
	background:#E6F4FF;
	margin:10px 0;
	border:1px solid #8cd4ed;
}
div.breakout form{
	margin:0px 10px;
	text-align:center;
}

div.breakout p{
	margin: 5px 0;
}

/* IMG STYLE */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}