/**
* CSS Styles for MelissaEtheridge.com 07
*/
.border{
	border: 1px dotted green;
}

*{margin: 0px; padding: 0px;}

p{ margin-bottom: 1em;}
.left{
	float: left;
	}

.right{
	float: right;
}

.clear{clear: both;
	background-color: white;
}
.small{font-size: 8pt;}
body{font-family: "Trebuchet MS"; font-size: small; color: #424242;}

#home{background-color: #1b1b19;}
#melissa{background-color: #574e23; }
#tour{background-color: #a6c6d3;}
#mein{background-color: #7fabc5	;}
#members{background-color: #111111;}
#store{ }
#forum{background-color: #0b0d08;}

#container{position: relative; 	
	z-index: 1; margin: auto; width: 850px;}

#whitebody{position: relative; 	
	background-color: white;
	z-index: 1; margin: auto; 
	width: 850px;
	min-height: 600px;
}



#melissaEtheridgeHeader{
 	margin: 27px 0px 20px 5px;
 	width: 351px;
 	height: 26px;
 
}

#home #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}
#melissa #melissaEtheridgeHeader{
	background-image: url(_includes/nav/musicMelissa.png);
}

#tour #melissaEtheridgeHeader{
	background-image: url(_includes/nav/tourMelissa.png);
}
#tour .partyReview #melissaEtheridgeHeader{
 	background-image: url(_includes/nav/meinMelissa.png);
}
#mein #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}

#store #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}

#members #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}

#forum #melissaEtheridgeHeader{
	background-image: url(_includes/nav/tourMelissa.png);
}

#greenTip #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}

#dvd #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}
#preview #melissaEtheridgeHeader{
	background-image: url(_includes/nav/meinMelissa.png);
}
/**
* BACKGROUNDS $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/
#bg{
	position: absolute; 
	z-index: 0; 
	top: 0px; 
	left: 0px; 
	height: 500px; 
	width: 100%; 
	overflow: hidden;
}

#home #background{width: 100%;}
#melissa #background{width: 100%}
#tour #background{width: 100%; height: 100%;}
#mein #background{width: 100%;}
#store #background{height: 100%; width: 100%;}
#forum #background{width: 100%;}
#members #background{width: 100%;}

/**
* Navigation ////////////////////////////////////////////////////////////////////
*/

#nav{
	border: 0px solid red;
	height: 37px;
	background-image: url(/_includes/nav/off-back.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-right: 0px;
	border: 0px solid red;
}

ul#nav{position: margin: 0px;padding: 0px;list-style: none;}
#navList span{display: none;}
#navList li {height: 37px; display: block; border: 0px solid black; float: left;}
#navList a{display: block; width: 100%; height: 100%;}

/**
* Nav Buttons ########
*/


#navHome{width: 70px;}
#navHome a:hover{position: relative; z-index: 5;width: 75px; background-image: url(/_includes/nav/3dtest.gif);}

#navMelissa{width: 79px;}
#navMelissa a:hover{position: relative; z-index: 4; width: 85px; background-image: url(/_includes/nav/3dmelissa.gif);}
#melissa #navMelissa{position: relative; z-index: 4; width: 85px; background-image: url(/_includes/nav/3dmelissa.gif);}

#navTour{width: 64px;}
#navTour a:hover{position: relative; z-index: 3;width: 70px; background-image: url(/_includes/nav/3dtour.gif);}
#tour #navTour{position: relative; z-index: 3; width: 70px; background-image: url(/_includes/nav/3dtour.gif);}
#melissa #navTour{position: relative; left: -5px;}


#navMein{width: 74px;}
#navMein a:hover{position: relative; z-index: 2;width: 80px; background-image: url(/_includes/nav/3dmein.gif);}
#mein #navMein{position: relative; z-index: 2; width: 80px; background-image: url(/_includes/nav/3dmein.gif);}
#tour #navMein{position: relative; left: -5px;}
#members #navMein{position: relative; z-index: 2; width: 80px; background-image: url(/_includes/nav/3dmein.gif);}

#navStore{width: 75px;}
#navStore a:hover{position: relative; z-index: 1;width: 81px; background-image: url(/_includes/nav/3dstore.gif);}
#store #navStore{position: relative; z-index: 1; width: 81px; background-image: url(/_includes/nav/3dstore.gif);}
#mein #navStore{position: relative; left: -5px;}

#navForum{width: 76px;}
#navForum a:hover{position: relative; z-index: 0;width: 82px; background-image: url(/_includes/nav/3dforum.gif);}
#forum #navForum{position: relative; z-index: 0; width: 82px; background-image: url(/_includes/nav/3dforum.gif);}
#store #navForum{position: relative; left: -5px;}
#greenTip #navForum{width: 83px;}
#preview #navForum{width: 83px;}

#loginBar, #logoutBar{ float: right; height: 31px; width: 405px; color: #efefef; font-weight: bold; font-size: 8pt; }
#loginBar span, #logoutBar span{letter-spacing: -1px;}
#loginBar p{ margin-top: 3px;}
#logoutBar p{font-size: 10pt; font-weight: normal; margin-top: 6px;}
#loginBar input, #logoutBar input{margin-right: 0.5em; position: relative; top: 2px;}
#loginButton{margin-top: 2px; padding-right: 5px;}
#logoutButton{margin-top: 4px; padding-right: 5px;}

#melissa #loginBar, #melissa #logoutBar, #melissa #john {background-color: #695b52;}
#tour #loginBar, #tour #logoutBar, #tour #john{background-color: #6a9eb6;}
#mein #loginBar, #mein #logoutBar, #mein #john{background-color: #dd8800;}
#members #loginBar, #members #logoutBar, #members #john{background-color: #980316;}
#store #loginBar, #store #logoutBar, #store #john{background-color: #38b4b6;}
#forum #loginBar, #forum #logoutBar, #forum #john{background-color: #3a4a51;}
#greenTip #loginBar, #greenTip #logoutBar, #greenTip #john{background-color: #00846b;}
#dvd #loginBar, #dvd #logoutBar{background-color: #0f8e93;}
#dvd #john{background-color: #FFFFFF; color: grey;}
#preview #loginBar, #preview #logoutBar, #preview #john{background-color: #7f0f58;}
#john{
	color: white; 
	 
	height: 38px; 
	 
	width: 100%; 
	text-transform: uppercase; 
	float: left; 
	margin-bottom: 4px; 
	margin-top: -4px; 
	font-size: 18pt;
}