/*

timothypinkham.com
Copyright 2006-2007 Timothy Pinkham

Thanks for looking at my CSS. Feel free to copy my ideas. I
pretty much learned mine from other people too.

*/

/**** Background ****/

body {
	background: #000000;
	margin: 0;
	_margin: 0;
	padding: 0;
	text-align: center;
}

/**** Main div ****/

#main {
	background: url(img/bglight.jpg) repeat-y;
	width: 820px;
	margin: 0px auto 0px auto;
	_margin: 0px auto 0px auto;
	padding: 0px;
}

/**** Content div ****/

#content { width: 760px; margin: auto;}

#content p {
	color: #fefefe;
	font-family: arial, helvetica, sans;
	font-size: 13px;
	line-height: 18px;
	background-color: transparent;
	text-align: justify;
	margin: 13px 26px 13px 26px;
}

#content h4 {
	color: #8595AC;
	font-size: 13px;
	font-family: arial, helvetica, verdana, sans, serif;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	margin: 13px 26px 0px 26px;
}

#content h3, th {
	color: #6FADF9;
	font-size: 14px;
	font-family: times new roman, arial, helvetica, verdana, sans, serif;
	font-weight: bold;
	text-align: left;
	margin: 13px 26px 0px 26px;
}

#content a {
	font-family: arial, helvetica, sans, serif;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	text-decoration: none;	
}

#content a:link {color: #B8D6FF;}
#content a:visited {color: #B8D6FF;}
#content a:hover {color: #90ACCF;}
#content a:active {color: #197AFE;}


#content ul {
	color: #fefefe;
	font-family: arial, helvetica, sans, serif;
	font-size: 13px;
	line-height: 18px;
	background-color: transparent;
	text-align: justify;
	list-style-type: circle;
}

a img {border: none; margin: 0; padding: 0;}
	
table {
	border: none;
	background: transparent;
	margin: 16px;
}

td {margin: 10px; padding: 0;}

.tdr a {
	font: normal 12px arial, helvetica, sans, serif;
	text-decoration: none;
}

.tdr a:link {color: #BDC6D2;}
.tdr a:visited {color: #ACBBCD;}
.tdr a:hover {color: #6FAEFC;}
.tdr a:active {color: #C5DFFF;}

.tdl a {
	font: normal 12px arial, helvetica, sans, serif;
	text-decoration: none;
	margin-left: 20px;
}

.tdl a:link {color: #BABDC2;}
.tdl a:visited {color: #ACBBCD;}
.tdl a:hover {color: #6FAEFC;}
.tdl a:active {color: #C5DFFF;}

/**** Left and Right Div ****/

#leftdiv {
	float: left;
	width: 380px;
}

#rightdiv {
	float: right;
	width: 380px;
}

#playerdiv {
	float: right;
	width: 380px;
	text-align: center;
	padding: 13px 0px 0px 0px;
}

/**** Site Title ****/

#header {
	background: url(img/titlebar.jpg) no-repeat;
	width: 760px;
	height: 34px;
	margin: auto;
	padding: 0px;
	position: relative;
	top: 0px;
}
#header ul {list-style: none; margin: 0px;}
#header li { margin: 0px; padding-top: 11px; list-style: none; position: absolute; }
#header a {
	height: 100%;
	display: block;
	text-decoration: none;
	font: normal 12px arial, verdana, sans;
	color: #FFFFFF
	}

#title { left: 0px; width: 240px; opacity: 0px; position: absolute; top: 0px;}

#home { left: 491px; width: 37px; }
#music { left: 563px; width: 39px; }
#about { left: 632px; width: 26px; }
#links { left: 686px; width: 34px; }

#home a:hover { color: #56B1FF;}
#music a:hover { color: #56B1FF;}
#about a:hover { color: #56B1FF;}
#links a:hover { color: #56B1FF;}

#homeon { left: 491px; width: 37px; }
#musicon { left: 563px; width: 39px; }
#abouton { left: 632px; width: 26px; }
#linkson { left: 686px; width: 34px; }

#homeon a { color: #56B1FF; }
#musicon a { color: #56B1FF; }
#abouton a { color: #56B1FF; }
#linkson a { color: #56B1FF; }

/**** Image Bar ****/

#imagebar {
	width: 760px;
	height: 150px;
	margin: auto;
	padding: 0;
	border-bottom: 2px solid #525252;
}

/**** Footer Bar ****/

#footer {
	width: 820px;
	margin: 0;
	_margin: 0;
	padding: 0;
	clear: all;
}