@CHARSET "UTF-8";

* { padding:0; margin:0; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }

.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; font-size: 0; height: 0; }

.warn_text { color: #f00 !important; }
.small_text { font-size: 0.8em; }
.smaller_text { font-size: 0.7em; }
.normal_text { font-size: 76%; text-transform: none; }
.uppercase_text { text-transform: uppercase; }
.thin_text { font-weight: normal; }
.thinner_text { font-weight: 200; }
.mono_text { 	font-family: "Courier New", "Courier", monospace; }

strong, .strong { font-weight: bold; }

.pad.double.top    { padding-top:    2em; }
.pad.double.right  { padding-right:  2em; }
.pad.double.bottom { padding-bottom: 2em; }
.pad.double.left   { padding-left:   2em; }

.pad.triple.top    { padding-top:    3em; }
.pad.triple.right  { padding-right:  3em; }
.pad.triple.bottom { padding-bottom: 3em; }
.pad.triple.left   { padding-left:   3em; }

.pad {}
.pad.top    { padding-top:    1em; }
.pad.right  { padding-right:  1em; }
.pad.bottom { padding-bottom: 1em; }
.pad.left   { padding-left:   1em; }

.pad.half.top    { padding-top:    0.5em; }
.pad.half.right  { padding-right:  0.5em; }
.pad.half.bottom { padding-bottom: 0.5em; }
.pad.half.left   { padding-left:   0.5em; }

.pad.tiny.top    { padding-top:    2px; }
.pad.tiny.right  { padding-right:  2px; }
.pad.tiny.bottom { padding-bottom: 2px; }
.pad.tiny.left   { padding-left:   2px; }

.margin.tiny.top    { margin-top:    2px; }
.margin.tiny.right  { margin-right:  2px; }
.margin.tiny.bottom { margin-bottom: 2px; }
.margin.tiny.left   { margin-left:   2px; }

.border { border: 0 solid #555; }
.border.simple { border: 1px solid #555; }
.border.top    { border-top-width:    1px; }
.border.right  { border-right-width:  1px; }
.border.bottom { border-bottom-width: 1px; }
.border.left   { border-left-width:   1px; }

.half_width { width: 50%; }
.fit_width { width: 90%; }
.full_width { width: 100%; }

textarea.normal_height { height: 120px; }
textarea.half_height { height: 60px; }

a
{
	text-decoration: none;
	color: #00ff00;
	cursor: pointer;
}

a:hover
{
	color: #fff;
}

ul
{ 
	list-style: none;
}

ul.horizontal li
{
	display: inline;
	float: left;
}

/****************************************************************/
/****************************************************************/
/* INDEX */

body
{
	background-color: #000;
	font-family: "Courier New", Courier, sans-serif;
	font-size: 0.8em;
	color: #fff;
	background: url(../images/square_thumb.jpg);

}

.splash
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 0px;
}

.black
{
	width: 100%;
	height: 100%;
	background: #000;
}
/****************************************************************/
/****************************************************************/
/* DROP MENU */

#menu
{
	position: relative;
	left: 10px;
	top: 11px;
	float: left;
}

#menu ul, #menu a
{
	background-color: #404040;
	width: 60px;
	text-align: center;
}

#menu ul ul	
{
	visibility:hidden;
	position: relative;
	left: 80px;
	top: -20px;
	height:0;
	width: 0px;
}

#menu .link
{
	display: block;
	width: 80px;
	height: 20px;
}


#menu ul li:hover ul, .menu ul a:hover ul
{
	height: 20px;
	width: 80px;
	position: relative;
	visibility: visible; 
}

#menu ul li
{
	height: 20px;
	width: 80px;
	margin-top: -1px;
	border: 1px solid #fff;
	background-color: #404040;
	text-align: center;
}

#menu ul li:hover
{
	background-color: #767676;
}

#menu a
{
	color: #fff;
}

#menu a:hover
{
	color: #cbebf6;
	background-color: #1a1a1a;
}

#menu table 
{
	position:absolute; top:0; left:0;
}


/****************************************************************/
/****************************************************************/
/* NON-DROP MENU */

#menu2
{
	position: relative;
	left: 10px;
	top: 11px;
	display: block;
	float: left;
}

#menu2 a.cyan
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/cyan_link.jpg);
}

#menu2 a.yellow
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/yellow_link.jpg);
}

#menu2 a.green
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/green_link.jpg);
}

#menu2 a.pink
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/pink_link.jpg);
}

#menu2 a.red
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/red_link.jpg);
}

#menu2 a.white
{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/white_link.jpg);
}

#menu2 a:hover
{
	background-position: 0px -59px;
}



/****************************************************************/
/****************************************************************/
/* HOME */

.content
{
	margin: 20px auto;
	width: 801px;
	border: 1px solid #fff;
	background-color: #000;
}

.top
{
	height: 10px;
	width: 801px;
	background: url("../images/pi.jpg") no-repeat;
}

.bottom
{
	height: 10px;
	width: 801px;
	margin-bottom: -3px;
	background: url("../images/e.jpg") no-repeat;
}

.content p
{
	margin: 4px 10px 4px 10px;	
}

#center
{
	width: 580px;
	height: 600px;
	background-color: #404040;
	margin: 10px 10px 12px 185px;
}

#center p
{

}

#center .songs
{
	margin: 20px 10px 10px 20px;
}


#center .pic
{
	width: 450px;
	height: 300px;
	margin: 0 auto;
}