/*
bhtch.css

Created on:  6/30/2002
Created by:  Ben Mueller (hairbo@bhtch.com)

*/


/***** GLOBALS ************/

div{
	position:  absolute;
	visibility:  visible;
}

div, p, td, option, span {
	font-family:  Verdana, Helvetica, sans-serif;
}

a{
	text-decoration:  none;
}

a:hover{
	text-decoration:  underline;
}


#pageParent{
top:  0px;
left:  0px;
position:  absolute;

}

#contentParent{
top:  0px;
left:  0px;
width:  770px;
position:  relative;
}

#bodyGeneric{
top:  140px;
left:  24px;
width:  730px;
font-weight:  normal;
}

.bodyText{
font-family:  Verdana,Helvetica,Geneva,sans-serif;
font-size:  12px;
}

.alert{
font-family:  Verdana,Helvetica,sans-serif;
font-size:  12px;
color:  red;
}

#pageTitle{
top:  120px;
left:  24px;
font-weight:  bold;
font-size:  14px;
}

.copyrightTableCell{
font-size:  10px;
padding:  14px;
text-align:  center;
}



div#titleID p{
font-weight:  bold;
font-size:  30px;
color:  #FFFFFF;
text-align: left;
margin: 40px 0px 0px 10px;
}

div#loginInfo{
	left:  566px;
	top:  70px;
	z-index:  10;
	width:  200px;
	height:  12px;
	font-size:  9px;
	color:  #FFFFFF;
	text-align:  right;
	
}

div#loginInfo a{
	color:  white;
}



div#homeHeading, div#sessionsHeading, div#bhtchesHeading, div#storiesHeading, div#fillerHeading, div#currentHeading, div#searchHeading{
font-weight:  bold;
font-size:  11px;
background-color:  #606060;
}


div#homeHeading,div#sessionsHeading, div#bhtchesHeading, div#storiesHeading, div#searchHeading,div#fillerHeading,div#currentHeading{
border:  1px black solid;
text-align:  center;
}

div#fillerHeading		{ border-right: none; text-align: right; }
div#currentHeading		{ border-left:  none; text-align: left;	 }
div#currentHeading p	{ margin: 1px 3px 0px 3px; }


div.primaryMenu p			{ margin: 1px 0px 0px 0px; color:  #FFFFFF; }
div.primaryMenu p a			{ color: #FFFFFF; text-decoration: none;	}
div.primaryMenu p a:hover	{ color: #FFFFFF; text-decoration: none;	}
div.primaryMenuFiller p		{ color: #FFFFFF; text-decoration: none; margin: 1px 2px 0px 2px;	}


.subMenu		{ border: 1px black solid; background-color:  #0066FF;	}
div.subMenu td	{ font-size:  9px; color:  #FFFFFF; }


div#sessionsSubHeading td, div#bhtchesSubHeading td{ 
text-align: left; 
}

div#currentSubHeading td	{ text-align:  right; width:  250px;}
div#currentSubHeading td a	{ text-indent:  10px; 				}


div.subMenu a		{ color: #FFFFFF; text-decoration: none; }
div.subMenu a:hover	{ color: #000000; text-decoration: none; }


/****search ******/

#searchResults{
width:  700px;

}

/*************** home *******************/

#homeImageParent{
top:  120px;
left:  10px;
}

#tickerParent{
top:  140px;
left:  320px;
}

#statsParent {
width:  150px;
left:  622px;
top:  115px;
}

#randomBhtch, #randomStats, #guestbookLink{
position:  relative;
}

#rankingParent{
top:  500px;
}

#topRated, #bottomRated,#mostOffensive,#leastOffensive{
width:  185px;
top:  0px;
}

#topRated{
left:  10px; 
}

#bottomRated{
left:  202px;
}

#mostOffensive{
left:  394px;
}

#leastOffensive{
left:  585px
}

#copyrightHome{
position:  absolute;
font-size:  10px;
top:  286px;
left:  200px;
width:  400px;
height:  40px;
text-align:  center;
}


/************* session *******************/

div#sessionDescription,div#sessionInfo,div#sessionSongs{
top:  115px;
}

div#sessionDescription{
left:  480px;
width:  290px;
border:  1px black solid;
background-color:  #FFFFCC;
}

div#sessionInfo{
left:  296px;
width:  180px;
}

div#sessionSongs{
left:  10px;
width:  255px;
border:  1px black solid;
}

div#sessionDescription p{
font-size:  12px;
margin:  12px;
}

div#sessionInfo p{
font-size:  10px;
margin:  4px;
}

.sessionTitle{
font-size:  14px;
}

#sessions{
top:  140px;
left:  24px;
}


#copyrightSessions{
position:  absolute;
font-size:  10px;
top:  590px;
left:  230px;
width:  400px;
height:  40px;
}



/****************** bhtches *****************/

.bhtchNickname, .bhtchNicknameHighlight{
font-size:  14px;
font-weight:  bold;
}

.bhtchNicknameHighlight{
color:  red;
}

.bhtchMemberInfo{
font-size:  12px;
}






/****************** table *****************/
div.tableParent, div.tableParentRelative{
border:  1px black solid;
}

div.tableParentRelative{
position:  relative;
}

.table{
width:  100%;
}

.tableHeading, .searchHeading{
font-weight:  bold;
font-size:  11px;
background-color:  #0066FF;
color:  #FFFFFF;
text-decoration:  none;

}

.tableRowOdd, .tableRowEven, .searchRowOdd, .searchRowEven{
font-size:  10px;
text-decoration:  none;
}

.tableRowOddSmall, .tableRowEvenSmall{
font-size:  9px;
text-decoration:  none;
}

.tableRowOdd, .tableRowOddSmall,.searchRowOdd{
background-color:  #E0E0E0;
}


.tableRowEven, .tableRowEvenSmall, .searchRowEven{
background-color:  #FFFFCC;
}




/***************************************************************
******************** PLACEMENT STYLES **************************
****************************************************************/

#titleID{
top:  6px;
left:  10px;
height: 84px;
width:  760px;
border:  1px black solid;
background-color:  #FF6600;
}

#homeHeading, #sessionsHeading, #bhtchesHeading, #storiesHeading, #fillerHeading, #currentHeading,#searchHeading{
top:  93px;
height:  16px;
}

#homeHeading		{ left: 10px; width: 62px; }
#sessionsHeading	{ left: 73px; width: 70px; }
#bhtchesHeading		{ left: 144px;width: 60px; }
#storiesHeading		{ left: 205px;width: 60px; }
#searchHeading		{ left: 265px;width: 60px; }
#fillerHeading		{ left: 315px;width: 395px;}
#currentHeading		{ left: 711px;width: 60px; }


#sessionsSubHeading, #bhtchesSubHeading, #storiesSubHeading, #currentSubHeading{
top:  110px;
z-index:  100;
visibility:  hidden;
}

#sessionsSubHeading	{ left: 73px; }
#bhtchesSubHeading	{ left: 144px;}
#storiesSubHeading	{ left: 205px;}
#currentSubHeading	{ left: 520px;width: 250px;}


/************************ song **************************/

#marginLeft,#marginRight,#lyrics{
top:  148px;
}

#songTitle{
left:  205px;
top:  120px;
font-size:  14px;
font-weight:  bold;
}

#lyrics{
left:  205px;
width:  420px;
height:  450px;
}

.lyricsClass{
font-size:  12px;
padding:  14px;
height:  450px;
border:  1px solid black;
background-color:  #FFFFCC;
vertical-align:  text-top;
}

.inlineLyrics{
margin:  0px 60px 0px 60px;

}

#marginRight{
left:  630px;
width:  140px;
text-align:  center;
}

.offenseText{
font-size:  9px;
font-weight:  normal;
}

#marginLeft, #downloadParent{
left:  20px;
}

#marginLeft{
width:  150px;
height:  110px;
background-color:  #FFFFCC;
border:  1px solid black;
}

#marginLeft p{
margin:  6px;
font-size:  10px;
}

#songRating{
left:  20px;
top:  300px;
width:  100px;
}

#marginLeft select, #marginLeft input{
margin:  3px 6px 3px 6px;
font-size:  10px;
}

#downloadParent{
top:  260px;
margin:  10px 10px 0px 24px;
}

#playSongInBrowser {top: 300px; left: 24px; font-size: 11px;}