/* CSS Document */

/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  Modified	February 01, 2010
 *  @version	3.0.1
 *  @author	mixtmedia>
 *  ----------------------------------------------------
 *  1.	Typography
 *  2.	Body
 *	3.	Container
 *  4.	Wrapper
 *  5.	Header
 *  6.	Navigation
 *  7.	Callouts
 *  8.  Midsection
 *  9.	Content
 *  10.	Footer
 *  11.	Copyright
 *  --------------------------------------------------------------------------------------
 */

/* Typography
--------------------------------------------------------------------------------------- */		
/* Body
--------------------------------------------------------------------------------------- */
body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/wideshadowBrown.jpg) repeat center top;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	scrollbar-3dlight-color:#A89F71; 
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#38310B;
	scrollbar-darkshadow-color:#CCCCCC;
	scrollbar-face-color:#38310B;
	scrollbar-highlight-color:#A89F71;
	scrollbar-shadow-color:#A89F71;
	

}
.buylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a:link {
	text-decoration: none;
	color: #CCCCCC;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.micetype {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 12px;
}

#passdiv	{
	width:800px;
	height:650px;
	position: relative;
	margin: 0 0 0 0; 
	text-align: center;
	z-index: 10;
	}


/* Container
--------------------------------------------------------------------------------------- */
#container {
	width:802px;
	height:650px;
	padding:0px 0px 0px 0px;
	position: relative;
	margin: 0 auto;
	z-index:10; 
}

/* Wrapper
----------------------------------------------------------------------------------------*/
#wrapper {
	width:800px;
	height:650px;
	position: relative;
	margin: 0 auto; 
	text-align: left;
	z-index: 10;
}

/* Header
------------------------------------------------------------------------------------------*/
#header {
	width:800px;
	height:180px;
	background:#000000;
	z-index:10;
}
#headerLogo {
	width:352px;
	height:121px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:60px;
	left:10px;
	background:url(../images/logo.png);
	float:left;
	z-index:10;
}
#podcastbut {
	width:150px;
	height:120px;
	position:absolute;
	margin:0px;
	top:40px;
	left:620px;
	float:left;
	z-index:11;
}

/* Navigation
-------------------------------------------------------------------------------------------*/
#navBar {
	width:800px;
	height:28px;
	border-top:solid 4px #990000;
	background:url(../images/topmenuBar.jpg);
	z-index:20;
}
.navigation {
	width: 455px;
	height: 20px;
	background: url(../images/navbar3.png) no-repeat;
	display:block;
	position: absolute;
	top:176px;
	right:-35px;
}
.navigation li {
	list-style:none;
	position: absolute;
	top: 0px;
	z-index:20;
}
.navigation li span {
	display: none;
}
.navigation li a { 
	height: 20px;
	display: block;
}
/* Navigation Buttons
--------------------------------------------------------------------------------------- */
.home {        left:0px;   width:65px;}
.about {    left:65px;  width:65px;}
.tracks { left:130px; width:65px;}
.purchase {   left:195px; width:65px;}
.photos { left:260px; width:65px;}
.contact { left:325px; width:65px;}
.media { left:390px; width:65px;}

.home         a:hover, .home        .selected { background:url(../images/navbar3.png)  -0px   -20px no-repeat;}
.about     a:hover, .about    .selected { background: url(../images/navbar3.png)  -65px  -20px no-repeat;}
.tracks  a:hover, .tracks .selected { background: url(../images/navbar3.png)  -130px -20px no-repeat;}
.purchase    a:hover, .purchase   .selected { background: url(../images/navbar3.png)  -195px -20px no-repeat;}
.photos  a:hover, .photos .selected { background: url(../images/navbar3.png)  -260px -20px no-repeat;}
.contact      a:hover, .contact     .selected { background: url(../images/navbar3.png)  -325px -20px no-repeat;}
.media      a:hover, .media     .selected { background: url(../images/navbar3.png)  -390px -20px no-repeat;}

/* Callouts
--------------------------------------------------------------------------------------- */

/* Midsection
--------------------------------------------------------------------------------------------*/
#midsection {
	width:800px;
	height:392px;
	background:url(../images/midsection.jpg);
}
#midsection-about {
	width:800px;
	height:392px;
	background:url(../images/mid-about.jpg);
}
#tomracine {
	width:450px;
	height:417px;
	background:url(../images/tomracine.png) no-repeat;
	position: absolute;
	top:184px;
	left:0px;
	z-index:20;
}
#tomracine-anim {
	width:450px;
	height:417px;
	background:url(../flash/tomanim.swf) no-repeat;
	position: absolute;
	top:184px;
	left:0px;
	z-index:20;
}

/* Content
--------------------------------------------------------------------------------------------*/
#content-screen {
	width:300px;
	height:328px;
	background:url(../images/faderBox.png) no-repeat;
	position: absolute;
	padding:50px 20px 20px 40px;
	top:210px;
	right:0px;
	z-index:20;
}
#content-screen-alt {
	width:300px;
	height:328px;
	background:url(../images/faderBox.png) no-repeat;
	position: absolute;
	padding:0px 20px 20px 40px;
	top:210px;
	right:0px;
	z-index:20;
}
#contentBox {
	width:260px;
	height:250px;
	text-decoration: none;
	top:250px;
	right:20px;
	z-index:30;
}
#contentBox-alt {
	width:260px;
	height:250px;
	font-family: Arial;
	font-size:14px;
	font-style:#000000 bold;
	text-decoration: none;
	line-height: 14px;
	top:250px;
	padding:20px 0px 0px 0px;
	right:20px;
	z-index:30;
}
#scroller {
	overflow:auto; 
	height:270px; 
	width:260px;
	padding-right:10px;
	padding-top:10px;
	text-decoration: none;
	top:250px;
	right:20px;
	z-index:30;
}
.content {
	font-family: Arial, Helvetica, "sans-serif bold #CCCCCC 10px";
	text-decoration: none;
	line-height: 13px;
	z-index:30;
}
.contentTitle {
	font-family: Arial;
	font-size:18px;
	font-style:#CC6600 bold;
	text-decoration: none;
	line-height: 14px;
	z-index:30;
}
.contentSubtitle {
	font-family: Arial;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	line-height: 14px;
	z-index:30;
}
.songtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	text-align: center;
	margin: 5px;
}
#phototext {
	width:260px;
	height:50px;
	text-decoration: none;
	top:270px;
	right:20px;
	z-index:40;
}
	 
/* Footer
---------------------------------------------------------------------------------------------*/
#footer {
	width:800px;
	height:50px;
	background:url(../images/footerBar.jpg);
}
.ticker {
	width:800px;
	height:40px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:605px;
	left:0px;
}
.songMaintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 0px;
	display: block;
	text-align: center;
}
#contentBoxTracks {
	width:260px;
	height:250px;
	text-decoration: none;
	top:250px;
	right:20px;
	z-index:30;
}
.tracks hilite {
	left:130px;
	width:65px;
	color: #990000;
}
#midsection-tracks {
	width:800px;
	height:392px;
	background:url(../images/mid-tracks.jpg);
}
#midsection-purchase {
	width:800px;
	height:392px;
	background:url(../images/mid-purchase.jpg);
}
#midsection-contact {
	width:800px;
	height:392px;
	background:url(../images/mid-contact.jpg);
}
#midsection-media {
	width:800px;
	height:392px;
	background:url(../images/mid-media.jpg);
}
#midsection-photos {
	width:800px;
	height:392px;
	background:url(../images/mid-photos.jpg);
}.songMaintitleSm {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 0px;
	display: block;
	text-align: center;
}