@charset "utf-8";

/* ---------------------------------------------
Screen Stylesheet for http://www.commodorecallahan.com
Updated: 02/09/09 - Mike Dalling
Version: 1.0
-------------------------------------------------


::TOC::
	1 = Resets
	2 = Defaults
	3 = Typography
	4 = Template
	5 = Links
	6 = Navigation
	7 = Forms
	8 = Global Classes
	9 = Pages

--------------- 1 = Resets --------------------- */
body, address, blockquote, dl, ol, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin:0;
	padding:0;
}
fieldset, table {
	border:none;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
	overflow:hidden;
	word-wrap:break-word;  will not validate IE only
}*/
caption, th, td {
	text-align: left;
}

/* ---------- 2 = Defaults --------------------- */
html {
	font-size:100.01%;
	height: 101%; /* forces scroll on short length pages */
}
body {
	height:100%;
	font:14px/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background:#fff url(../_images/css-bodybg-wave.jpg);
	color:#333;
}

/* ---------- 3 = Typography ------------------- */
address, h1, h2, h3, h4, h5, h6, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:1.2em;}
pre {font-size: 12px;}
/*ul {margin-left: 25px;}*/
ol {
	line-height:20px;
	list-style:none;
	list-style-position:outside;
}


/* ---------- 4 = Template --------------------- */
#wrap {
	/*margin:0 auto;*/
	background:#0054ff url(../_images/css-wrap-right.jpg) right top repeat-y;
	width: 900px;
	height:auto;
	margin-left:74px;
}
#masthead {
	position:absolute;
	left:0;
	top:0;
	z-index:700;
	height:245px;
	width:966px;
	/*background:url(../_images/css-masthead.png) no-repeat;*/
}
#masthead-logo {
	position:relative;
	float:left;
	background:url(../_images/css-masthead-logo.png) no-repeat top;
	width:468px;
	height:245px;
}
#masthead-nav {
	position:relative;
	float:left;
	width:498px;
	height:245px;
	background:url(../_images/css-masthead-end.png) right top no-repeat;
}
#compass {
	position:absolute;
	left:0;
	top:0;
	z-index:51;
	height:555px;
	width:500px;
}

#content {
	position:relative;
	float:left;
	height: auto;
	width:833px;
	background:url(../_images/css-content-bg.gif);
	margin-left:22px;
	padding-bottom:20px;
}
#right {
	font-size: 80%;
	position:relative;
	float:right;
	width:360px;
	padding-top:200px;
	padding-right: 5px;
}
#right-index {
	position:relative;
	float:right;
	width:360px;
	padding-top:15px;
	padding-right: 5px;	
}	

#left {
	position:relative;
	float:left;
	width:450px;
	padding-top:555px;
}
#lyrics {
	position:relative;
	float:left;
	width:450px;
	padding-top:235px;
	padding-left: 5px;
}
#push {
	padding-top:235px;
}

.fullpage {
	position:relative;
	float:left;
	width:825px;
	padding-top:235px;
	padding-left: 5px;	
}

.halfcolumn {
	position:relative;
	float:left;
	width:380px;
	padding:15px;
}

#footer {
	position:relative;
	float:left;
	height: auto;
	width:100%;
	clear:both;
	padding-bottom:60px;
	color:#FFF;
}

#footer a {
	color:#0FF;
}

#preload {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../_images/nav-cloudtop.png);
	background-image: url(../_images/nav-cloudmiddle.png);
	background-image: url(../_images/nav-cloudbottom.png);
}

	


/* ---------- 5 = Links ------------------------ */
a {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
	text-decoration:none;
	outline:none;
}
a img {border:none;}

/* ----------  6 = Navigation ------------------ */

	/* ::Main Menu:: --- */
	#menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#menu li {
		float: left;
	}
	#menu li a {
		display: block;
		width: 90px;
		height: 245px;
		text-align: left;
		color: #636363;
		text-decoration:none;
	}
	#who {
		background:url(../_images/css-nav-who.png) top no-repeat;
		top:100px;
	}
	#who a:hover {
		background:url(../_images/css-nav-who.png) bottom no-repeat;
	}
	#who-position {
		padding-top:200px;
	}
	#what {
		background:url(../_images/css-nav-what.png) top no-repeat;
	}
	#what a:hover {
		background:url(../_images/css-nav-what.png) bottom no-repeat;
	}
	#when {
		background:url(../_images/css-nav-when.png) top no-repeat;
	}
	#when a:hover {
		background:url(../_images/css-nav-when.png) bottom no-repeat;
	}
	#where {
		background:url(../_images/css-nav-where.png) top no-repeat;
	}
	#where a:hover {
		background:url(../_images/css-nav-where.png) bottom no-repeat;
	}
	#why {
		background:url(../_images/css-nav-why.png) top no-repeat;
	}
	#why a:hover {
		background:url(../_images/css-nav-why.png) bottom no-repeat;
	}





	#menu li a:active, #menu li a:focus, #menu li a:hover {

	}

	/* ::Footer Menu:: --- */
	#footer ul {
	}
	#footer li {
	}
	#footer li a {
	}
	#footer li a:active, #footer li a:focus, #footer li a:hover {
	}

/* ---------- 7 = Forms ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
	vertical-align:middle;
	font-size:inherit;
	font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/* ---------- 8 = Global Classes --------------- */
.center {text-align:center;}
.clear {
	clear:both;
	padding:0;
	margin:0;
	line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
	font-size:20px;
	font-weight:bold;
}
.light {color:#999;}
.small {
	font-size:10px;
	font-weight:normal;
	color:#777;
}
.green, .green a, .green a:visited {
	color:#3C0;
}
.red, .red a, .red a:visited {
	color:#F00;
}
.highlight {
	background-color:#0CF;
}

/* ---------- 9 = Pages ------------------------ */

/* /// place specific page rules here if needed /// */

#bottom-artist-tammy {
	position: absolute;
	z-index: 750;
	bottom: -75px;
	right: -40px;
	width: 399px;
	height: 254px;
	background:url(../_images/css-bottom-tammy.png);
}

#back-home {
	position:absolute;
	z-index:1000;
	top: 15px;
	left: 20px;
	height:234px;
	width: 228px;
}

#insert-download {
	float:right;
	width:130px;
	height: 420px;
	padding:0px 10px;
	text-align:center;
}

.tracklist-wrap {
	position:relative;
	float:left;
	width: 300px;
	height:auto;
	font-size:1.4em;
	font-weight:bold;
	padding: 3px 0 2px 0;
	border-bottom: #CCC 1px solid;
}

.tracklist-play {
	position:relative;
	float:left;
	width:30px;
	height:30px;
	padding-top:5px;
}