@charset "utf-8";
/* CSS Document */
html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	}
body{
	background-color:#FFF;
	}
a{
	text-decoration:none;
	color:#FFF;
	}
	
form{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	}	
	
a:hover{
	color:#ed2d2c;
	}
.redLinks{
	color:#ED2D2C;
	}		
.redLinks:hover{
	color:#ffffff;
	}	
.redhighlight{
	color:#ED2D2C;
	}		
.moreTxt{
	font-weight:bold;
	}
	
a img{
	border:none;
}	

h2{
	font-size:20px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}
h3{
	font-size:14px;
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
input[type="submit"]{
	font-family:Arial, Helvetica, sans-serif;	
	}	
	
.fixer{
	display:block;
	clear:both;
	}	

#container{
	width:930px;
	/*height:504px;*/
	height:534px;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top:-234px;
    left: 50%; 	
	margin-left:-465px;
	}	

/************************************************************/
/*  Nav menu  */ 
/************************************************************/

#navMenu{
	width:255px;
	height:100%;
	width:255px;
	height:100%;
	float:left;
	position:relative;
	}	
#content{
	width:675px;
	background-color:#231F20;
	float:left;
	position:relative;
	min-height:504px;
	z-index:1000;
	}	

.topContent{
	position:relative;
	height:200px;
	}

.bottomContent{
	min-height:200px;
	}	
	
#tapereclogo{
	background-image:url(../imgs/layout/tapelogo.gif);
	width:234px;
	height:137px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
	position:absolute;
	top:29px;
	left:7px;
	}
.navArea{
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	}
	
#navHome{
	width:83px;
	height:31px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px 0px;
	top:156px;
	left:44px;
	}
#navHome:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}	
#navHomeActive{
	width:217px;
	height:36px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px 0px;
	z-index:1000;
	top:151px;
	left:44px;
	}	
#navArtists{
	width:126px;
	height:31px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px -31px;
	top:183px;
	left:21px;
	}
#navArtists:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}		
#navArtistsActive{
	width:247px;
	height:35px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px -36px;
	z-index:1000;
	top:183px;
	left:21px;
	}	
#navLive{
	width:77px;
	height:29px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px -63px;
	top:211px;
	left:45px;
	z-index:998;
	position:relative;
	}
#navLive:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}	
#navLiveActive{
	width:216px;
	height:30px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px -72px;
	z-index:1000;
	top:211px;
	left:45px;
	}
#navRemix{
	width:113px;
	height:40px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px -164px;
	top:237px;
	left:41px;
	}	
#navRemix:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}		
#navRemixActive{
	width:215px;
	height:35px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px -187px;
	z-index:1000;
	top:234px;
	left:41px;
	}		
#navShop{
	width:113px;
	height:40px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px -92px;
	top:262px;
	left:45px;
	}	
#navShop:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}		
#navShopActive{
	width:221px;
	height:49px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px -103px;
	z-index:1000;
	top:252px;
	left:45px;
	}		
#navContact{
	width:166px;
	height:33px;
	background-image:url(../imgs/layout/navPassives.png);
	background-position:0px -132px;
	top:298px;
	left:35px;
	}
#navContact:hover{
	background-image:url(../imgs/layout/navHovers.png);
	}		
#navContactActive{
	width:245px;
	height:35px;
	background-image:url(../imgs/layout/navActives.png);
	background-position:0px -152px;
	z-index:1000;
	top:298px;
	left:35px;
	}
#navFooter{
	position:absolute;
	top:354px;
	display:block;
	color:#231F20;
	font-size:10px;
	padding:0px 0px 0px 54px;
	width:148px;
	font-weight:bold;
	}	
#navFooter a{
	color:#231F20;
	text-decoration:none;
	}	
#navFooter a:hover{
	color:#ED2D2C;
	text-decoration:none;
	}		
#joinML{
	background-image:url(../imgs/layout/joinMlist.gif);
	width:124px;
	height:16px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	background-position:top;
	}	
#joinML:hover{
	background-position:bottom;
	}	


/************************************************************/
/*  Content Layout  */ 
/************************************************************/
#leftContentCol{
	float:left;
	width:50%;
	position:relative;
	}

#leftWrapper{
	position:relative;
	padding:25px 0px 0px 25px;

	}
	
#rightContentCol{
	position:relative;
	float:left;
	width:49%;
	height:100%;
	}	

#rightWrapper{
	position:relative;
	padding:25px 0px 0px 0px;	
	}
.heading{
	position:absolute;	
	display:block;
	padding:0px 0px 0px 0px;
	vertical-align:middle;	
	}
.content{
	overflow:auto;
	}
	
.leftFloater{
	float:left;
	}	
	
.rightFloater{
	float:right;
	}		

.scrollWrapper{
	padding:50px 0px 0px 18px;
	line-height:14px;
	}
.scrollAreaSmall{
	height:125px;
	width:295px;
	padding-bottom:2px;
	}	
.textWrap{
	padding-right:10px;
	}	
.mediumPlayer{
	width:295px;
	height:13px;
	}
.contentWrap{
	padding-left:18px;
	}

.scrollAreaLarge{
	height:418px;
	margin:11px 0px 0px 0px;
	line-height:14px;
	}	
.mediumWrap{
	margin:71px 0px 0px 0px;
	width:300px;
	}	
.scrollAreaMedium{
	height:346px;
	margin:11px 0px 0px 0px;
	line-height:14px;
	}	

.newsTextHolder{
	width:280px;
	padding:2px 0px 0px 0px;
	}
.subEntry{
	font-size:10px;
	display:block;
	line-height:11px;
	}	
.subEntryListen{
	font-size:12px;
	display:block;
	line-height:10px;
	float:left;	
	}	
.playListEntry{
	padding:0px 0px 0px 8px;
	font-size:10px;
	display:block;
	line-height:13px;
	float:left;		
	}	

.playListListen{
	padding-left:4px;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	}
.playListStop{
	padding-left:4px;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	}	

.miniNews{
	float:left;
	height:66px;
	min-width:90px;
	margin:0px 14px 0px 0px;
	}
.titleAnchors{
	font-size:21px;
	font-weight:bold;
	display:block;
	line-height:28px;
	}
	
/************************************/
/**********Player Styles*************/
/************************************/

.flashPlayerMini{
	width:92px;
	height:14px;
	margin:13px 0px 0px 0px;
	}	

.miniPlayerArea{
	width:75px;
	height:13px;
	background-color:#4D4D4F;
	float:left;
	overflow:hidden;
	}
.largePlayerArea{
	width:274px;
	height:13px;
	background-color:#4D4D4F;
	float:left;
	overflow:hidden;
	}	

	
.miniPlayerArea div:hover{
	cursor:move;
	}	

.playBtn{
	display:block;
	float:left;
	background-image:url(../imgs/layout/playstopBtn.gif);
	width:11px;
	height:12px;
	background-position:top;
	margin:0px 0px 0px 4px;
	cursor:pointer;
	}
.stopBtn{
	float:left;
	background-image:url(../imgs/layout/playstopBtn.gif);
	width:11px;
	height:12px;
	background-position:bottom;
	margin:0px 0px 0px 4px;	
	cursor:pointer;	
	display:block;
	}	

.playBtnSmall{
	display:block;
	float:left;
	background-image:url(../imgs/layout/playstopBtnSmall.gif);
	width:11px;
	height:12px;
	background-position:top;
	margin:0px 0px 0px 4px;
	cursor:pointer;
	}
.stopBtnSmall{
	float:left;
	background-image:url(../imgs/layout/playstopBtnSmall.gif);
	width:11px;
	height:12px;
	background-position:bottom;
	margin:0px 0px 0px 4px;	
	cursor:pointer;	
	display:block;
	}	

.infoTxt{
	display:block;
	width:300px;
}	
/************************/
/*****IMG SLIDES*******/
/************************/
#imageNavHolder{
	position:absolute;
	width:100%;
	height:28px;	
	bottom:0px;
	}	

span#nextBtn{
		width:30px;
		height:28px;
		position:absolute;
		right:0px;
		text-align:right;
		font-weight:bold;
		color:#231F20;
		font-size:28px;	
		line-height:28px;
		vertical-align:middle;
		padding:0px 4px 0px 0px;
	}	
span#prevBtn{
		width:30px;
		height:28px;
		position:absolute;
		left:0px;
		text-align:left;
		font-weight:bold;
		color:#231F20;
		font-size:28px;	
		line-height:28px;
		vertical-align:middle;	
		padding:0px 0px 0px 4px;
	}		
span#nextBtn a{
		color:#ffffff;	
	}		
span#nextBtn a:hover{
		color:#ED2D2C;	
	}
span#prevBtn a{
		color:#ffffff;	
	}		
span#prevBtn a:hover{
		color:#ED2D2C;	
	}	
	

#whitebgStripe{
	background-color:#231F20;
	width:100%;
	height:28px;
	position:absolute;
	display:block;
	opacity:0.7;
	width:100%;
	height:28px;
	bottom:0px;
	}	
#imgNavOptions{
	width:100%;
	height:28px;
	position:absolute;
	display:block;
	width:100%;
	height:28px;
	bottom:0px;
	}	

#browseImgsTxt{
	position:absolute;
	width:100%;
	text-align:center;
	line-height:28px;
	vertical-align:middle;
	}	
	
/**VIDEO BOX***/
#videoBoxBg{
	width:100%;
	height:100%;
	background-color:#000000;
	float:left;
	opacity:0.5;
	position:fixed;
	z-index:999;
	}	
	
#videoBox{
	width:100%;
	height:100%;
	height:100%;
	background-color:#ffffff;
	float:left;
	position:absolute;
	z-index:1002;
	}
#contentBox{
	width:100%;
	height:100%;
	height:100%;
	background-color:#231F20;
	float:left;
	position:absolute;
	z-index:1003;
	}	
#videoBoxInfo{
	width:100%;
	height:76px;
	margin:14px 0px 0px 8px;
	}	
#videoBoxDescription{
	margin:0px 0px 0px 14px;
	}	
	
#videoBox object{
	margin:0px 0px 0px 18px;
	}	
#videoBoxBackBtn{
	position:absolute;
	top:6px;
	right:8px;
	}
	
	
/**/
#subscriptionHolder{
	position:relative;
	}	
#subscription{
	background-image:url(../imgs/subscribe.gif);
	width:132px;
	height:43px;
	}

#mlform #email{
	border:none;
	background-color:transparent;
	position:absolute;
	display:block;
	font-size:9px;
	font-weight:bold;
	color:#ED2D2C;
	bottom:0px;
	width:132px;
	}
#mlform input[type="text"]{
	background-color:#FFF;
	}	
	

#mlform input[type="submit"]:hover{
	cursor:pointer;
	}	
#mlform .submit{
	position:absolute;
	background-image:url(../imgs/ok.gif);
	background-position:top;
	width:18px;
	height:16px;
	background-color:transparent;
	border:none;
	left:132px;
	bottom:0px;
	}
#mlform .submit:hover{
	background-position:bottom;
	}	
#mlform #message{
	position:absolute;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#ED2D2C;
	top:-40px;
	}
	
#joinMlTape{
	position:absolute;
	top:10px;
	left:8px;
	}
	
#closeBtn{
	position:absolute;
	top:6px;
	right:6px;
	}

#receiveUpdatesTape{
	position:absolute;
	top:226px;
	left:227px;
	}
	
#andOffersTape{
	position:absolute;
	top:260px;
	left:210px;	
	}
	
#subscriptionHolder{
	position:absolute;
	top:182px;
	left:222px;
	}	

#message{
	margin-top:240px;
	text-align:center;
	}
#subscription-resp{
	text-align:center;
	}
	
#fbLike{
	position:absolute;
	bottom: 0px;
        height:26px;
	left:255px;
}