/* CSS Document */

html {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h1 { 
	font-weight: bold;
	font-size: 14px;
	}
a:link { 
	font-weight: none; 
	text-decoration: none; 
	color: #000000;
	}
a:visited { 
	font-weight: none; 
	text-decoration: none; 
	color: #000000;
	border:none;
	}
a:hover, a:active {  
	color: #FFFFFF;
	z-index:14;
	}
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
li {
	height:100%;
	list-style-type: none;
	line-height: 150%;
	list-style-image: none;
	
	}
	
li:hover, li.over {
	height:100%;
	width: 100%;
	color: #282828;
	background-color: #C3C3C3;
	}
	

li.top a:hover {
	background-color: #333333;
	color: #999999;
	display:block;
}
li.empty {
	background: none;
	}
	
ul .comment {
	float:left;
	position:inherit;
	}
	
/*************************  ID's *************************/

#index {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/qatsimusic.png) repeat top left;
}

#indexcontainer {
	position: absolute;
	width: 100%;
	background: none;
}

#buildings {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(images/building-silouette.png) no-repeat bottom left;
	z-index:10;
}

#songslink {
	position: relative;
	width: 100%;
	height: 100%;
	z-index:12;
}

.linkbox{
	position:absolute;
	height:50px;
	width:50px;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:none;
	left: 718px;
	bottom: 250px;
	color:none;
	background-color:none;
	}	
	
#title1 {
	position: absolute;
	width: 64px;
	background: none;
	z-index:20;
}

#title2 {
	position: relative;
	width: 64px;
	padding-left: 64px;
	background: none;
	z-index:19;
}

#title3 {
	position: relative;
	width: 100%;
	padding-left: 128px;
	background: none;
	z-index:18;
	
}

#title4 {
	position: absolute;
	width: 100%;
	padding-left: 192px;
	background: none;
	z-index:17;
}

#title5 {
	position: absolute;
	width: 100%;
	padding-left: 256px;
	background: none;
	z-index:16;
}

#title6 {
	position: absolute;
	width: 100%;
	padding-left: 320px;
	background: none;
	z-index:15;
}

#title7 {
	position: absolute;
	width: 100%;
	padding-left: 384px;
	background: none;
	z-index:14;
}

#title8 {
	position: absolute;
	width: 100%;	padding-left: 448px;
	background: none;
	z-index:13;
}

#title9 {
	position: absolute;
	width: 100%;
	padding-left: 512px;
	background: none;
	z-index:12;
}

#title10 {
	position: absolute;
	width: 100%;
	padding-left: 576px;
	background: none;
	z-index:11;
}

#container {
	position: absolute;
	width: 95%;
	height: auto;
	margin: 10px 20px 10px 20px;
}

#songlist {
	width: 100%;
	margin: 0 0 0 10px;
	position: relative;
	}
	
#song {
	background-color: none;
	width: 100px;
	position: relative;
	}
	
#date {
	background-color: none;
	}

#comment {
	background-color: none;
	width: 100px;
	position: relative;
	}


/* Navbar */

#navbar {
	margin: 0 0 30px 0;
	padding: 0px 6px 0px 6px;
	position: relative;
	height: 26px;
	}
.top {
	font-weight: bold;
	color: #333333;
}

#audition {
	width: 400px;
	text-align: center;
	margin-top: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}


		
#navbar ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	}
	
#navbar li {
	display: inline;
	float: left;
	text-align: center;
	height: 21px;
	width: 82px;
	text-decoration:none;
	color: #000000;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	font-size: 13px;
	border: none;
	background-color: #CCCCCC;
	}
	
#navbar li.page {
	display: inline;
	float: left;
	height: 22px;
	width: 82px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 0 0 0;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	font-size: 13px;
	border: none;
	}
	
#navbar a {
	display: block;
	text-decoration:none;
	color: #999999;
	background-color:#CCCCCC;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	font-size: 13px;
	border: none;
	padding: 4px;
	}
	
#navbar a:hover {
	color: #333333;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	}