body{font-family:"Gill Sans MT", "Verdana", "Geneva", "sans-serif"; font-size: 16px; margin: 0px auto; background-color: #fff; color: #363636; width: 900px; height: 500px;}
/* GLOBAL */
#siteContainer{width: 920px; min-height: 500px; margin: 10px auto; background-color: #fff;}
	#alertBox{width: 300px; min-height: 75px; background-color: #ffcf6b; border: 1px solid #363636; position: absolute; z-index: 3; top: 10px; left: 45%;margin: 0px auto; display: none; padding: 5px;}
		#alertBoxMsg{margin: 0px 0px 10px 0px; width: 100%; float: left; text-align: center;}
		#alertBoxClose{width: auto; height: auto; position: absolute; bottom: 0px; right: 0px; background-color: #ffcf6b; padding: 0px 5px;}
	#topBox{width: 920px; height: 30px; float: left; background-color: #fff; margin: 0px 0px 20px 0px;}
	#resultBox{width: 100%; max-height: 135px; background-color: #fff; float: left; margin: 10px 0px; border-bottom: 1px solid #eee; display: none;}
		#searchBox{width: 400px; height: 25px; float: left; text-align: center; background-color: #fff; margin: 5px 0px 0px 40px; display:none;}
		#queryStr{width: 330px; height: 25px; border: 1.5px solid #b4b4b4; background-color: #fafafa; font-size: 14px; font-weight: bold; color:#505050; float: left; }
		#sendSearch{height: 25px; padding: 0px 10px; color: #363636; background-color: #ffcf6b; border: 1px solid #363636; font-size: 10px; margin: 0px 0px 0px 10px; float: left;}
		#sendSearch:hover{color: #fff; background-color: #363636;}
		#fanBox{width: 440px; height: 30px; float: left; background-color: #fff; margin: 0px 0px 0px 40px;}
			#fanMsg{font-size: 10px; height: 10px; width: 100%; background-color: #fff; margin: 0px; padding: 0px; float: left; color: #505050;}
			#fanFormBox{height: 20px; font-size: 14px; background-color: #fff; float: left; padding: 0px; margin: 0px;}
			#removeFanBox{float: left; background-color: #fff; margin: 10px 0px 0px 5px;}
			a#removeFan{font-size: 8px; color: #909090;}
			a#removeFan:hover{color: #404040;}
	#leftBox{width: 210px; min-height: 400px; float: left; background-color: #fff;}
		#logoBox{width: 210px; float: left;}
		#navBox{width: 160px; float: left; padding: 0px 0px 0px 50px;}
			ul#nav{text-decoration: none; list-style: none; font-size: 20px;}
			li.nav{margin: 15px 0px;}
			#navBox a{color: #363636;}
			#navBox a:hover{color: #b4b4b4;}
	#rightBox{width: 690px; min-height: 653px; float: left; background-color: #fff;}
		#displayBox{width: 312px; min-height: 400px; float: left; background-color: #fff;}
			.hidden{display: none;}
			#current{display: block;}
		#albumsBox{width: 690px; height: auto; float: left; background-color: #fff; margin: 10px 0px; text-align: center; color: #fff;}
			.albums{width: 130px; height: auto; margin: 0px 3px; float: left; background-color: #fff;}
		#showBox{width: 368px; min-height: 150px; max-height: 247px; float: left; background-color: #fff; margin: 10px 10px 0px 0px; border-bottom: 1px dotted #363636; padding: 0px; font-size: 14px; overflow: hidden; text-align: right;}
			#showBox h1{margin: 0px 0px 10px 0px; padding: 0px; color: #363636; font-size: 20; letter-spacing: 2.3px; font-weight: normal;}
		#dumpBox{width: 378px; height: 130px; float: left; margin: 15px 0px 20px 0px; background-color: #fff;}
	#footerBox{width: 710px; float: left; text-align: left; margin: 10px 0px 0px 0px; height: 25px; padding: 0px 0px 0px 210px; background-color: #fff;}
	#feedBox{width: 15px; height: 100px; float: left; background-color: #fff; margin: 10px 0px 0px 5px;}	
		.feedBoxes{width: 15px; height: 15px; float: left; margin: 2.5px 0px; background-color: #fff; font-size: 10px;}
#musicBox{width: 100%; height: 25px; float: left; background-color: #fff; text-align: center;}

/* INDEX */





.albumCover{width: 100px; border: 1px solid #909090; margin: 0px auto;}
.albumName{font-size: 14px; color: #505050;}
.bandName{font-size: 10px; color: b4b4b4;}

	#db_img{width: 148px; max-height: 150px; background-color: #fff; float: left; text-align: center; border: 1px solid #bbb; overflow: hidden;}
	#db_title{width: 225px; height: auto; background-color: #fff; float: left; margin: 0px 0px 0px 3px; font-size: 16px; color: #363636;}
	#db_subtitle{width: 225px; height: auto; background-color: #fff; font-size: 12px; float: left; margin: 0px 0px 3px 3px; color: #b4b4b4;}
	#db_content{width: 220px; height: auto; background-color: #fff; float: left; margin: 0px 5px 0px 3px; font-size: 13px; color: #808080;}

/* LINKS */
a#yochi{font-size: 12px; color: #696969;}
a#yochi:hover{color: #91c44a;}
a{text-decoration: none;}
a:active{outline: none;}
a:focus{outline: none;}
a{color: #808080;}
img{border: none;}

/* FORM STYLES */
.input{width: 110px; height: 15px; border: 1px solid #363636; font-size: 10px; font-weight: bold; margin: 0px; padding: 0px;}
.inputName{font-size: 12px;}
.button{padding: 0px 10px; color: #363636; background-color: #ffcf6b; border: 1px solid #363636; font-size: 10px;}
.button:hover{color: #fff; background-color: #363636;}

/* OTHER */
ul{margin: 0px; padding: 0px; list-style: none; text-decoration: none;}
