@charset "utf-8";

/*
Theme Name: CP 2010
Theme URI: http://www.949cp.com/
Description: Theme for 949cp.com
Version: 1.0
Author: Daniel Chen
Author URI: http://www.chezdc.com/
*/

/* Structuring */

.wrap {
	margin:0 auto;
	width:900px;
	}

div.clear {
	clear:both;
	}

/* Univeral elements */

body {
	background:url(images/bgtile.png) 0 0 repeat-x #CCC0D9;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, '宋体', PMingLiu, SimSun, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	}

a:link, a:visited {
	color:#6600CC;
	text-decoration:none;
	}

a:hover {
	color:#9966FF;
	text-decoration:none;
	}

a img {
	border-style:none;
	}

p {
	margin:10px 0;
	}

img.framed {
	border:1px solid #EEEEEE;
	padding:10px;
	margin:10px 0;
	}

h3 {
	margin:10px 0 0 0;
	}

/* Wholebox */

#wholebox-cap {
	background:url(images/wholeboxbgcaps-pp.png) no-repeat 0 0;
	height:15px;
	margin-top:10px;
	}

#wholebox-header {
	background:url(images/headerbg.png) no-repeat 0 0;
	padding:0 25px 0 20px;
	}

div.wholebox-mid {
	background:url(images/wholeboxbg.png) repeat-y;
	padding:10px 25px 25px 25px;
	}

#wholebox-footer {
	background:url(images/wholeboxbgfooter.png) repeat-y;
	}

#wholebox-bottom {
	background:url(images/wholeboxbgbottom.png) no-repeat 0 -85px;
	clear:both;
	height:20px;
	margin-bottom:10px;
	}

/* Headerarea */

#headerarea {
	height:80px;
	padding-bottom:10px;
	}
	
#logolink {
	float:left;
	}

ul.headermenu {
	float:right;
	line-height:normal;
	list-style-type:none;
	padding:0;
	margin:45px 0 0 0;
	}

ul.headermenu li {
	float:left;
	position:relative;
	}

ul.headermenu li a {
	color:#CCCCCC;
	float:left;
	margin:0 2px;
	padding:0;
	}

ul.headermenu li a div {
	background-color:#330066;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	padding:5px 10px;
	text-align:center;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	}

ul.headermenu li a:hover div, ul.headermenu li a.sel div {
	background-color:#40017E;
	color:#FFFFFF;
	}

ul.headermenu small{
	font-size:7px;
	font-family:Arial, Geneva, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	}

#blackbox {
	background:url(images/blackboxbg.png) 0 0 repeat-y;
	height:10px;
	padding-bottom:5px;
	text-align:center
	}

#newsbox {
	background:url(images/newsboxbg.png) 0 0 no-repeat;
	height:50px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
	}

#newsbox div a {
	text-decoration:underline;
	}

/* Body */

#bodyarea {
	clear:both;
	}

#leftbodyarea {
	float:left;
	margin:0;
	width:580px;
	}

#rightbodyarea {
	float:right;
	margin:10px 0 0 0;
	width:240px;
	}

#breadcrumb {
	font-size:13px;
	margin:5px 0;
	}
	
h2.bulletheading {
	background:url(images/headingtopbar.png) 0 0 repeat-x #F9F9F9;
	border-bottom:1px solid #EEEEEE;
	color:#666666;
	font-size:16px;
	margin:10px 0;
	padding:10px 4px 4px 8px;
	}

span.cpbullet {
	background:url(images/bullet.png) left 50% no-repeat;
	padding:0 25px;	
	}

/* Posts */

div.post {
	margin-bottom:20px;
	}

span.categorytitle {
	color:#999999;
	font-size:12px;
	letter-spacing:5px;
	margin-bottom:-5px;
	padding-left:3px;
	}

.programname a {
	color:#CC6633;
	}

.programname a:hover {
	color:#FF9933;
	}

h3.posttitle {
	color:#333366;
	font-size:18px;
	margin:10px 0;
	}

h3.showtitle {
	margin:0 0 10px 0;
	}

ul.showinfo {
	background-color:#F5F5F5;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	color:#999999;
	list-style-type:none;
	margin:0 0 0 -8px;
	padding:2px 0;
	width:90%;
	}

ul.showinfo li {
	border-right:1px solid #E9E9E9;
	border-left:1px solid #FFFFFF;
	display:inline;
	font-size:12px;
	padding:0 8px
	}

ul.showinfo li:first-child {
	border-left-style:none;
	padding-left:10px;
	}

ul.showinfo li:last-child {
	border-right-style:none;
	}

ul.showinfo li a {
	color:#666666;	
	}

ul.showinfo li a:hover {
	color:#CCCCCC;
	}

div.postoneline {
	border-top:1px solid #EEEEEE;
	clear:both;
	margin:0;
	padding:3px;
	}

div.postoneline span.showinfo {
	color:#999999;
	font-size:12px;
	padding-left:10px;
	}

* div.postoneline:first-child {
	border-style:none;
	}

ul.bookmarks {
	list-style-type:none;
	margin:10px -3px;
	padding:0;
	}

ul.bookmarks li {
	display:inline;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
	}

ul.bookmarks li a img {
	border:1px solid #CCCCCC;
	padding:3px;
	width:24px;
	height:25px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	}

ul.bookmarks li a:hover img {
	border-color:#666666;
	}

#div-1502145679722263019 div, #div-3389618217734273564 div {
	overflow:hidden;
	}

/* Program Index and Program Archives */

div.programitem {
	margin-bottom:20px;
	}

span.shownumber {
	color:#999999;
	font-size:12px;
	margin-left:15px;
	}

span.programdescription {
	font-size:12px;
	}

div.wp-pagenavi {
	margin:20px 0;
	}

/* Host Index and Host Template */

div.hostindexbox {
	float:left;
	width:100px;
	margin:5px;
	text-align:center;
	}

div.hostindexbox a img {
	border:1px solid #CCCCCC;
	padding:10px;
	width:80px;
	height:80px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	}

div.hostindexbox a:hover img {
	border-color:#666666;
	}

div.picandwords {
	width:220px;
	float:left;
	margin-right:30px;
	}

img.profilepic {
	border:1px solid #EEEEEE;
	padding:10px;
	}

blockquote.bigquotes {
	background:url(images/quotebegin.png) no-repeat top left;
	margin:0;
	}

blockquote.bigquotes span {
	background:url(images/quoteend.png) no-repeat bottom right;
	display:block;
	padding:20px 40px;
	}

div.profiletable {
	float:left;
	}

div.profiletable h2 {
	font-size:16px;
	}

div.profiletable dl {
	display:block;
	margin:0;
	}

div.profiletable dt {
	clear:left;
	color:#999999;
	float:left;
	margin:0 0 5px 0;
	width:120px;
	}

div.profiletable dd {
	float:left;
	margin:0 0 5px 0;
	width:210px;
	}

div.djarchive {
	margin-bottom:20px;
	}

div.djarchivetitle {
	border-style:none;
	color:#999999;
	margin-top:10px;
	}

/* Leftbody */

div.leftbox {
	margin:0;
	width:650px;
	}

div.leftbox-cap {
	background:url(images/leftboxbgcaps.png) no-repeat 0 0;
	height:15px;
	}

div.leftbox-mid {
	background:url(images/leftboxbg.png) repeat-y;
	padding: 0 15px 5px 15px;
	}

div.leftbox-bottom {
	background:url(images/leftboxbgcaps.png) no-repeat 0 -25px;
	clear:both;
	height:15px;
	}

div.centerbox {
	text-align:center;
	}

#breadcrumb {
	margin-bottom:10px;
	}

img.titlebanner {
	}

/* Leftbody > Post */

div.post {
	clear:both;
	}

div.post h3.previewh3 {
	background:url(images/previewicon.png) no-repeat left 50%;
	padding-left:45px;
	}

span.previewspan {
	background:url(images/previewicon.png) no-repeat right 50%;
	padding-right:45px;	
	}


p.readmore {
	text-align:right;
	}
	
a.enterpostbutton {
	background:url(images/whitegradient.png) 0 0 repeat-x;
	border:1px solid #CCCCCC;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	color:#666666;
	font-size:12px;
	padding:3px 10px;
	}

a.enterpostbutton:hover {
	background-position:0 -25px;
	color:#333333;
	}

p.previewnotice {
	color:#CC3333;
	}

div.songlist ul {
	list-style-type:none;
	margin:10px 0;
	padding:0;
	}	

div.songlist ul li {
	border-top:1px solid #F0F0F0;
	background:url(images/musicnotebullet.png) 0 50% no-repeat;
	padding:3px 3px 3px 25px;
	}

div.songlist ul li:first-child {
	border-style:none;
	}

div.post p.audioplayer_container {
	width:80%;
	}
	
/* Leftbody > program index */
img.programbanner {
	float:left;
	margin:3px 10px 5px 0;
	}

img.programbannersmall {
	float:left;
	margin:3px 10px 5px 0;
	width:60px;
	}

/* Sponsor */

p.sponsoritem {
	border-bottom:1px solid #EEEEEE;
	margin:0;
	padding:20px 0;
	}

/* Sidebar Stuff */

div.sidebarbox {
	margin-bottom:20px;
	}
	
h2.sidebarheading {
	background-color:#EEEEEE;
	border-color:#DDDDDD;
	}

h2.sidebarheading small {
	font-size:12px;
	font-weight:normal;
	}

h2.sidebarheadinggold {
	background-image:url(images/headingtopbargold.png);
	color:#CC3300;
	}

span.cpbulletstar {
	background:url(images/staricon.png) left 50% no-repeat;
	padding:0 25px;	
	}

#listenlive {
	background:url(images/listenlivebanner.png) 0 0 no-repeat;
	display:block;
	height:60px;
	width:240px;
	}

#listenlive:hover {
	background-position:0 -60px;
	}

div.sidebox {
	margin:10px 0;
	}

.sidebox h3 {
	color:#FF9900;
	font-size:16px;
	}

div.sponsorbox {
	text-align:center; 
	margin:10px 0;
	}

/* Footer */

#footerarea {
	clear:both;
	color:#EEEEEE;
	padding:10px 0 10px 0;
	font-size:11px;
	text-align:center;
	}

#footerarea a {
	color:#CC99FF;
	}

#footerarea a:hover {
	color:#FFCCCC;
	}

#footerbox {
	padding:5px;
	}

/* CP Live Player */

body.playerbody {
	background-position:0 -200px;
	padding:5px 10px;
	text-align:center;
	}

body.playerbody h2 {
	border-bottom:1px solid #663399;
	color:#333333;
	font-size:16px;
	}

#listencontent {
	margin:5px auto;
	width:81px;
	}

#listencontent p.audioplayer_container {
	margin:0;
	}