/* C Phineas 
   by Jonathan Gala - www.jongala.com */

/* =============================

DEFAULTS

============================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	margin:0;
	padding:0;
	background:#231817 url("../images/cphineas_grunge.jpg") 50% 0 repeat-y;;
	}
	
a {
	color:#7f0000;
	text-decoration:none;
	border-bottom:1px solid #b99;
	}
	
a:hover {
	color:#c00;
	border-color:#c44;
	}
	
h1 {font-size:152%;}
h2 {font-size:136%;}
h3 {font-size:114%;}
h4 {font-size:107%;}

h2 {
	font-weight:normal;
	color:#bc0d17;
	color:#f60;
	}

h3 {
	font-weight:normal;
	border-bottom:1px solid #999;
	}

	
p {
	line-height:1.5;
	margin:1em 0;
	}

hr {
	height:0;
	border:0;
	border-bottom:1px solid #bbb6b0;
	}

form {
	margin:0;
	padding:0;
	}

/* =============================

LAYOUT

============================= */


.wrapper {
	width:760px;
	margin:0 auto;
	padding:0;
	}

#page {
	background:#d9d5c9 url("../images/cphineas_page_bg.jpg") 0 46px repeat-y;
	}

.header {
	margin:0;
	background:url("../images/cphineas_head_bg.jpg") 0 0 no-repeat;
	}
	
	
.content {
	zoom:1;
	}

.content:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
	}

	
	.content p,
	.content li {
		font-size:93%;
		line-height:1.5;
		}


.col.half {
	width:360px;
	}

.col.left {
	float:left;
	display:inline;
	margin-left:16px;
	}
	
.col.right {
	float:right;
	display:inline;
	margin-right:16px;
	}

.col.full {
	margin:0 16px;
	width:728px;
	clear:both;
	}

#movie {
	margin:10px auto 1em;
	padding:0;
	width:720px;
	height:194px;
	background:url("../images/movie_bg.jpg") 0 0 no-repeat;
	}

	
.footer {
	padding:125px 0 0;
	background:#725444 url("../images/cphineas_foot_bg.jpg") 0 0 no-repeat;
	
	}

/* =============================

STYLES

============================= */

.note {
	font-style:italic;
	}

.logo {
	background:url("../images/cphineas_logo_head.png") 0 0 no-repeat;
	padding:50px 0 30px;
	}

.logo a {
	display:block;
	width:260px;
	height:70px;
	margin:0 0 0 30px;
	padding:0;
	border:0;
	text-indent:-23456px;
	}
	
	.logo a img {
		border:0;
		}
		


.panel {
	margin:0 0 .6em;
	padding:0 15px;
	
	}
	
	.panel h1,
	.panel h2 {
		margin:0 -15px;
		padding:14px 10px 5px 45px;

		font-size:122%;
		text-transform:uppercase;
		color:#d9d5c9;
		
		}

	.panel h2 {
		padding-top:6px;
	}

	.panel h1.cap {
		padding:0;
		height:13px;
		line-height:0;
		text-indent:-23456px;
		}
	
	.panel_foot {
		clear:both;
		margin:0 -15px 0;
		height:31px;
		}
		
	.panel p {
		color:#421;
		clear:left;
		margin:1em 0 0;
		}


	.panel p.note {
		display:block;
		clear:left;
		}

.col.half .panel {
	background:#d9d5c9 url("../images/cp_panel_bg.gif") 0 0 repeat-y;
	}

	.col.half .panel h1,
	.col.half .panel h2 {
		background:url("../images/cp_panel_head_bg.gif") 0 0 no-repeat;
		}

	.col.half .panel h2 {
		background-position:0 -8px;
	}

	.col.half .panel_foot {
		background:url("../images/cp_panel_foot_bg.gif") 0 100% no-repeat;
		}


.col.full .panel {
	background:#d9d5c9 url("../images/cp_fullpanel_bg.gif") 0 0 repeat-y;
	}

	.col.full .panel h1,
	.col.full .panel h2 {
		background:url("../images/cp_fullpanel_head_bg.gif") 0 0 no-repeat;
		}

	.col.full .panel_foot {
		background:url("../images/cp_fullpanel_foot_bg.gif") 0 100% no-repeat;
		}


.col h3 {
	clear:both;
}



.footer .copyright {
	margin:0 30px;
	color:#532;
	font-size:92%;
	text-align:center;
	}

	.footer .copyright a {
		color:#421;
		border-color:#532;
		}

.panel .sheet {
	margin:0 0 1em;
	padding:7px;
	background:#f9f9f9;
	border:1px solid #eee;
	border-color:#fff #ccc #aaa #ddd;
	}

	.panel .sheet p {
		margin:0;
		}
		
	.panel .sheet p:first-line {
		font-weight:bold;
		}
	


		.panel .sheet p.biopic a {
			border:0;
			}
		
			.panel .sheet p.biopic a img {
				border:1px solid #7f0000;
				}

			.panel .sheet p.biopic a:hover img {
				border-color:#900;
				}


.panel .tabset {
	margin:0;
	padding:0;
	}

	.panel .tabset li {
		display:block;
		width:48%;
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		}
	
		.panel .tabset li a {
			display:block;
			margin-right:2px;
			padding:2px 5px;
			border-color:#bcb599;
			}

		.panel .tabset .ontab {
			color:#231817;
			background:#e5e3db;
			}



.panel p.more {
	margin:.25em 0;
	}

/* radio launcher
----------------------------*/

.radiolaunch {
	display:block;
	height:60px;
	width:225px;
	background:url("../images/cp_radio_launch.gif") 0 0 no-repeat;
	border:0;
	text-indent:-23456px;
	}

#breakdown_launch {
	background-image:url('../images/cp_radio_launch_breakdown.gif');
}

#ep_launch {
	background-image:url('../images/cp_radio_launch_ep.gif');
}


.radioicon {
	float:left;
	display:inline;
}

.radiolaunch:hover {
	border:0;
	}

.musicleftcol {
	float:left;
	width:260px;
	}

#snocap {
	float:right;
	}


/* thumbnails
---------------------------- */

.thumb {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	}

	.thumb a {
		margin:0;
		padding:0;
		border:0;
		}
		
		.thumb a img {
			border:1px solid #7f0000;
			}
			
			.thumb a:hover img {
				border:1px solid #900;
				}



/* live tables
--------------------------- */

table.livetable {
	margin:.5em 0;
	padding:0;
	width:100%;
	}
	
	table.livetable td {
		padding:2px;
		}
	
	table.livetable td.date {
		width:27.5%;
		font-weight:bold;
		}

	table.livetable tr.alt td {
		background:#d3cdbb;
		}

/* forms
--------------------------- */


form {
	}

div.field {
	margin:0;
	padding:.25em 0 ;
	clear:left;
	zoom:1;
	}

div.field:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
	}

div.field:hover {

	}

	.field input {

		}
	
	.field label {
		display:block;
		padding:0 10px;
		width:95px;
		wid\th:75px;
		float:left;
		text-align:right;
		}
	
	.field textarea {
		height:70px;
		}

	.field input.txt,
	.field input.smtxt,
	.field textarea {
		width:225px;
		border:1px solid #ccc;
		border-color:#999 #ccc #ddd #aaa;
		}

		.field input.smtxt {
			width:140px;
			}

	.field input.txt:focus,
	.field input.smtxt:focus,
	.field textarea:focus {
		background:#e5e3db;
		}

	.field .submit {
		margin-left:95px;
		}

fieldset {
	padding:1em 0 0;
	margin:0 0 2em;
	border:1px solid #ddd;
	background:#f9f9f9;
	}
	
legend {
	margin-left:10px;
	font-size:122%;
	line-height:2.0;
	background:#f69a4a url("../images/grad_lightorange.gif") 0 0 repeat-x;
	padding:0 .75em;
	border:1px solid #e6e6e6;
	}

fieldset p {
	margin:0;
	padding:1em;
	border-top:1px solid #e6e6e6
	}

/* =============================

MENUS

============================= */

#mainnav {
	margin:0 10px 10px;
	padding:8px 0 0;
	
	}

#mainnav ul {
	margin:0;
	padding: 0 0 0 21px;
	height:38px;
	background:url("../images/cp_menu.png") 0 0 no-repeat;
	}

#mainnav ul li {
	margin:0;
	position: relative;
	list-style: none;
	float:left;
	text-align:center;
	}

#mainnav ul li a {
	display: block;
	padding:0;
	height:38px;
	border: 0;
	text-indent:-12345px;
	background-image:url("../images/cp_menu.png");
	}

#mainnav ul li a:hover { /* main hover */
	color:#4d4d4d;

	}


#mn_home a {
	width:100px;
	background-position:-21px 0;
	}

	#mn_home a:hover,
	body.home #mn_home a {
		background-position:-21px -38px;
		}

#mn_pics a {
	width:107px;
	background-position:-121px 0px;
	}

	#mn_pics a:hover,
	body.real #mn_pics a {
		background-position:-121px -38px;
		}


#mn_live a {
	width:89px;
	background-position:-228px 0px;
	}

	#mn_live a:hover,
	body.live #mn_live a {
		background-position:-228px -38px;
		}


#mn_music a {
	width:116px;
	background-position:-317px 0px;
	}

	#mn_music a:hover,
	body.music #mn_music a {
		background-position:-317px -38px;
		}


#mn_bio a {
	width:138px;
	background-position:-433px 0px;
	}

	#mn_bio a:hover,
	body.bio #mn_bio a {
		background-position:-433px -38px;
		}


#mn_contact a {
	width:152px;
	background-position:-571px 0px;
	}

	#mn_contact a:hover,
	body.contact #mn_contact a {
		background-position:-571px -38px;
		}




/* SUBNAV
------------------------------*/	
	
#subnav {
	clear:both;
	background:url("../images/subnav_bg.gif") 50% 0 no-repeat;
	padding:5px 0 14px;
	height:13px;
	font-size:88%;
	}
	
#subnav p {
	display:none;
	}
	
#subnav ul {
	margin:0;
	padding:0;
	height:1em;
	}
	
	#subnav li {
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		padding-right:2em;
		}
		
		#subnav li a {
			color:#f5821f;
			border-color:#fc9;
			}
		
		#subnav li a:hover {
			color:#d50;
			border-color:#d50;
			}
		
		#subnav li a.current {
			font-weight:bold;
			color:#888;
			border:0;
			}

#subnav ul ul {
	display:none;
	}
		
body.publishers #subnav ul {
	margin-left:160px;
	}

body.advertisers #subnav ul {
	margin-left:277px;
	}
	
body.news #subnav ul {
	margin-left:387px;
	}	
	
body.about #subnav ul {
	text-align:right;
	margin-right:10px;
	}