/* @override http://copyright86.com/css.php?id=1 */

/********************************/
/*	Copyright'86 Base Style		*/
/*	By Ashley Guy				*/
/********************************/

/********************************/
/* Generic Page Elements		*/
/********************************/

body{
	
	background: url('./pool/images/back.png');
	margin: 0px;
	font-family:  Myriad Pro, Verdana, Arial, Sans;
	font-size:  10px;
	
}

span{
	
	padding: 3px;
	margin: 0px;
	
}

/********************************/
/* Headers						*/
/********************************/

h1{
	
	display: inline;
	font-family:  Myriad Pro, Verdana, Arial, Sans;
	font-size:  14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #60605e;
	
}


/********************************/
/* Links						*/
/********************************/

a, a:visited{
	
	text-decoration: none;
	color: #c05a59;
	
}

a:hover{
	
	color: #dfa7a7;
	
}

/********************************/
/* Classes						*/
/********************************/

.red{
	
	color: #c05a59;
	
}

.hide{
	
	display:  none;
	
}

/********************************/
/* Page Divisions				*/
/********************************/

#container{
	position: absolute;
		top: 50%;
		left: 50%;
	margin-top: -180px;
	margin-left: -410px;
	
	width: 800px;
	height: 335px;
	padding: 10px;
	padding-right:  12px;
	
	background: white;
	border: 1px solid grey;
	
}

#content{
	
	width: 800px;
	height: 310px;
	overflow: hidden;
	
	border: 1px solid #c4c4c1;
	background: url("./pool/images/loading.gif") center center no-repeat;
	
}

#logo{

	position: absolute;
		left:  10px;
		top: 10px;
	z-index: 99;
	background: white;
	width: 80px;
	padding: 5px;
	border: 1px solid #c4c4c1;
	border-top: none;
	border-left: none;

}

#preframe{
	
	position:  absolute;
		top:  293px;
		left:  10px;
	background:  white;
	padding:  10px;
	padding-bottom:  5px;
	border-top: 1px solid #c4c4c1;
	border-right: 1px solid #c4c4c1;
	width:  50px;
	font-size: 11px;
	
}

#nxtframe{
	
	position:  absolute;
		top:  293px;
		right:  10px;
	background:  white;
	padding:  10px;
	padding-bottom:  5px;
	border-top: 1px solid #c4c4c1;
	border-left: 1px solid #c4c4c1;
	width:  30px;
	margin-bottom: -1px;
	font-size: 11px;
	
}

#preframe a, #nxtframe a{
	
	text-decoration:  none;
	color: #c05a59;;
	
}



#menu{
	
	padding: 10px;
	
}

#menu #left{
	
	float: left;
	margin-left: 20px;
	color: #60605e;
	
}

#menu #left a{
	
	text-decoration: none;
	color: #60605e;
	
}

#menu #right{
	
	float: right;
	margin-right: 20px;
	color: #cacac7;
		
}

#menu #right a{
	
	text-decoration: none;
	color: #cacac7;
	padding: 3px;
	
}

#stylechanger{
	
	position: absolute;
		bottom: 0px;
		left: 50%;
	margin-left: -50px;
	padding: 8px;
	padding-bottom: 3px;
	color: #60605e;
	
	background: white;
	border: 1px solid #c4c4c1;
	
}

#stylechanger a{
	
	color: #60605e;
	padding: 3px;
	text-decoration: none;
	
}

#profile{
	
	float:  left;
	width:  105px;
	height:  100%;

	padding:  5px;
	padding-left:  80px;
	text-align:  right;
	
	background:  url('./pool/images/meavatar.jpg') top left no-repeat;
	
}

#profile h4{
	
	text-align:  right;

	margin-top:  0px;
	padding:  5px;	
	padding-bottom: 30px;
		
}

#profile p{
	
	padding-right:  5px;
	
}

#news{
	
	
	float:  left;
	width:  405px;
	height:  100%;
	padding:  5px;
	border-left:  1px dashed #c4c4c1;
	border-right:  1px dashed #c4c4c1;
	background:  white;
	
}

#news h4{
	
	margin:  0px;
	padding:  5px;
	padding-top: 10px;
	padding-bottom: 0px;
	
}

#news p{
	
	padding: 5px;
	margin: 0px;
	
}

#listening{
	
	float:  left;
	width:  180px;
	padding:  5px;
	height:  100%;

	
	
}

#listening h4{
	
	margin-top:  0px;
	padding:  5px;
	
	padding-bottom: 40px;
	
}

#listening a{
	
	padding: 5px;
	
}

#latest{

	padding: 5px;
	border: 1px solid #c4c4c1;
	
}

#latest li{
	
	list-style: none;
	padding: 0px;
	text-align: center;
	
}

#latest h4{
	
	padding: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
}

#latest a{
	
	display: block;
	color: #c05a59;
	font-size: 11px;
	text-decoration: none;
	padding: 5px;
	padding-bottom: 0px;
	text-align: right;
}