/* basic elements */

body {

	background: #ffffff;

	margin: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 76%;

	width: 100%;	}

td {

	margin: 0px;

	padding: 6px;

	font-size: .9em;

	vertical-align: top;

	border: 1px solid #ccc;

	background: #F7FCFB;	}

h1 {

	color: #5EC230;

	font-weight: normal;

	font-size: 2em;

	margin: -20px 10px 20px -70px;

	padding: 0px;

	line-height: 20px;

	text-transform: lowercase;

	letter-spacing: .3em;}

h2 {

	color: #BE92C3;

	font-style: normal;

	font-size: 1.3em;

	padding: 0px;

	margin: 0px;	}

a {

	color: #cc3300;

	padding-left: 0;

	padding-right: 0;}

a:visited {

	color: #990000;	}

a:hover, a:active {

	color: #000;

	background-color: #DFEAE7;	}

img {

	border: 0px;}

li {

	list-style: url(images/hover_square.jpg) none;}

input, textarea, select {

	font-size: small;

	color: #000;

	background: #D9E7E3;

	border: 1px solid #999;}

option {

	font-size: small;

	color: #000;

	background: #D9E7E3;}





/* specific divs */

#container {

	float: left;

	font-size: 1.2em;

	padding: 0px;

	margin: 0px;

	width: 100%;	}



#content {

	float: left;

	padding: 30px 100px 30px 150px;}

#header {

	background: #fff url(images/logo_back.jpg) repeat-x;

	border-bottom: 0px solid #000;

	float: left;

	margin-right: 8px;

	width: 100%;}



#logo {

	/*background: url(images/djs_to_go.jpg) center no-repeat;

	height: 18px;

	width: 89px;

	border: 0px solid #000;

	padding: 9px 45px;*/

	display: inline;

	margin-right: 4px;

	font-weight: bold;}

/*#logo span {

	display: none;}*/



#header .ele {

	float: left;}

#nav {

	float: right;

	margin: 0px;

	text-align: right;

	padding-top: 6px;

	font-size: .8em;

	width: 40em;}

#nav a {

	background: url(images/link_square.jpg) left center no-repeat;

	color: #3F8330;

	padding-left: 8px;

	padding-right: 4px;

	text-decoration: none;

	font-weight: bold;}

#nav a:visited {

	background: url(images/link_square.jpg) left center no-repeat;

	color: #326F14;	}

#nav a:hover, a:active {

	background: url(images/hover_square.jpg) left center no-repeat;

	color: #000;	}

#nav .logo {

	background: url(images/none.jpg) left center no-repeat;;}



#footer {

	float: right;

	text-align: right;

	background: url(images/elephants_faint.jpg) bottom right no-repeat;

	vertical-align: text-bottom;

	padding-top: 110px;

	padding-bottom: 6px;

	padding-right: 6px;

	color: #045191;

	font-size: 8pt;

	margin: 0px;

	border: 0px solid #000;

	width: 100%;}

#footer a {

	padding-left: 6px;

	text-decoration: none;

}

#footer a:link, #footer a:visited {

	color: #045191;	}

#footer a:hover, a:active {

	color: #000;

	background: none;	}



.comment {

	margin: 20px 0 40px 0;}

h4 {

	font-size: .8em;

	color: #669900;

	margin: 10px 0 0 0;

	padding: 0;

	width: 100%;}

#front_text {

	display: none;}

	

	

#song_nav {

	background: #FCF5AE;

	padding: 4px;

	text-align: center;}

#song_nav a {

	padding: 0 5px;}

#alpha {

	border-bottom: 1px solid #A2CC75;

	margin-bottom: 4px;

	padding-bottom: 4px;}

#song_nav #alpha a {

	padding: 0 2px;}

.add {

	margin: 8px;

	text-align: center;}

#song_nav #alpha a.current {	

	font-weight: 600;

	padding: 6px;}

	

#song_result {

	height: 18em;

	overflow: auto;

	width: 600px;}