@charset "utf-8";
/* CSS Document */
* {margin: 0}
body  {	background: url("images/background.jpg") repeat-x top; border: none;}
html {
	color: #000000;
	margin: 0px;
	text-align: center;
	font-family: Tahoma;
	font-size: 14px;
}
#container { 
	width: 790px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	width: 790px;
	height: 260px;
	background-image:url(images/billheader.jpg);
}
#headerLink {
	clear:left;
	padding-top:170px;
	padding-left:10px;
	zoom:1;
	*display:inline;
}
#headerLink a:link {color:#ffffff}
#headerLink a:visited {color:#ffffff}
#headerLink a:active {color:#ffffff}
#mainContent {  
	width: 790px;
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	clear:none;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	width: 790px;
	height: 85px;
	background-image: url(images/footer_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	padding-top: 20px;
	clear: both; 

}
#footer div {
	font-size: 12px;
	font-weight: bold;
	margin:10px;
	color: #8fd4fe; 
}
#footer a {color: #8fd4fe; text-decoration: none;}
#footer a:link {color:#8fd4fe}
#footer a:visited {color:#8fd4fe}
#footer a:hover {color:#8fd4fe; text-decoration:underline} 
#footer a:active {color:#8fd4fe}
#albums a {color:#ffffff;}
#featured-video-container {
	background-image: url(images/featured-video%20background.jpg);
	background-repeat: no-repeat;
	background-color:#08273C;
	height: 480px;
	width: 400px;
	margin-top:10px;
}
#featured-video {
	padding:10px;
}
#features {
	width: 300px;
	margin-left:15px;
}
#one-feature {
	background-image: url(images/blue-grad-panel.gif);
	background-repeat:no-repeat;
	background-color: #2A8CD9;
	padding:10px;
}
#featured-albums a {color: #ffffff; text-decoration: none;}
#featured-albums a:link {color:#ffffff}
#featured-albums a:visited {color:#ffffff}
#featured-albums a:hover {color:#ffffff; text-decoration:underline} 
#featured-albums a:active {color:#ffffff}
#sidebar-bottom-container {
	width: 300px;
	margin-left:15px;
	margin-top:10px;
	background-image:url(images/right-side-bottom.gif);
	background-repeat:repeat-x;
}
#sidebar-bottom {
	padding:10px;
}
#sidebar-bottom a {color: #0033cc; text-decoration:underline;}
#sidebar-bottom a:link {color:#0033cc}
#sidebar-bottom a:visited {color:#0033cc}
#sidebar-bottom a:active {color:#0033cc}

.trackLink {color: black}
.trackLink:link {color:black}
.trackLink:visited {color:black}
.trackLink:hover {color:black} 
.trackLink:active {color:black}

.marginize {
	margin-top:20px;
	margin-bottom:20px;
}
#viewDiv {
	width:800px;
}
#leftColumn {
	float:left;
	width:450px;
	display:block;
}
#trackTitle {
	text-align:center;
	width:450px;
	color:#ffffff;
	font-size:x-large;
}
#listen {
	text-align:left;
	margin:20px 0 20px 0;
	font-weight:bold;
	color:#ffffff;
}
#watch {
	text-align:left;
	margin:20px 0 20px 0;
	font-weight:bold;
	color:#ffffff;
}
#watch a:link {
	font-weight:bold;
	color:#ffffff;
}
#watch a:visited {color:#ffffff}
#watch a:active {color:#ffffff}
#rightColumn {
	float:left;
	width:325px;
	margin-left:5px;
}
.titleBar { 
	background-image: url(images/titlebar.gif);
	background-repeat:no-repeat;
	text-align: left;
	line-height: 28px;
	color: #FFFFFF;
	width: 320px;
	height: 26px;
	padding-left:20px;
}
.trackCredit {
	color:#FFFFFF;
	padding-bottom:5px;
}
#downloads {
	width:318px;
	margin-top:20px;
}
#yourOwn {
	color:#000000;
	line-height:20px;
}
#downloadsText {
	background-image: url(images/downloads.gif);
	background-repeat:no-repeat;
	margin-top:-20px;
	padding-top:59px;
	height:150px;
	padding-left:15px;
	line-height:25px;
}
#downloadsText a:link {color:#000000}
#downloadsText a:visited {color:#000000}
#downloadsText a:active {color:#000000}

.albumLink:link {color:black}
.albumLink:visited {color:black}
.albumLink:active {color:black}

.fullWidth {
	width:790px;
	text-align:center;
	margin:10px 0 10px 0;
}
#albumTitle {
	text-align:center;
	color:#FFFFFF;
	font-size:xx-large;
}
#albumReturn {
	text-align:left;
	color:#000000;
}
#albumReturn:link {color:black}
#albumReturn:visited {color:black}
#albumReturn:active {color:black}

.firstThird {
	width:300px;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	margin:5px 0 5px 0;
	zoom:1;
	*display:inline;
}
.middleThird {
	width:400px;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	margin:5px 0 5px 0;
	zoom:1;
	*display:inline;
}
.lastThird {
	width:70px;
	text-align:right;
	vertical-align:top;
	display:inline-block;
	margin:5px 0 5px 0;
	zoom:1;
	*display:inline;
}

#blueUp {
	width:730px;
	background-color:#FFFFFF;
	background-image:url(images/blueUp.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	padding:20px;
}

#videoList {
	width:730px;
	background-color:#FFFFFF;
	background-image:url(images/blueUp.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	padding:20px;
	
}

#videoList a:link {color:#000000}
#videoList a:visited {color:#000000}
#videoList p {padding-bottom:10px;}

.videoThumb {
	width:400px;
	clear:both;
	padding:20px;
}

.videoThumb img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	vertical-align:top;
}

.videoThumb div {
	padding-bottom:10px;
}

.albumThumb {
	display:inline;
	float:left;
	padding:5px;
	text-align:center;
	width:250px;
}

#blackText:link {color:#000000}
#blackText:visited {color:#000000}

#creditScroll {
	height:370px;
	overflow:auto;
}