
@font-face {
	font-family: Visitor TT2 BRK;
	src: url('../fonts/visitor2.ttf');
}

@font-face {
	font-family: BitDotted;
	src: url('../fonts/BitDotted.ttf');
}

@font-face {
	font-family: Visitor -BRK-;
	src: url('../fonts/visitor2.ttf');
}


body {
	background: url("../images/bg.jpg") repeat scroll 0 0 #444444;
	margin: 0px;
}

.hdiv {
	display: block;
}

.header-bkg {
	background-image:  url(../images/header-bkg.png);
	background-repeat: repeat-x;
	height: 94px;
	padding: 0px;
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .2);
}

.footer-bkg {

	background: url(../images/footer-bkg.png) repeat scroll #3C3C3C;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0px;
	
}

.footer-content {
    font-size:10px;
    font-family:BitDotted;
	margin:15px;
	
}

.logo {
	background-image: url(../images/logo.png);
    width: 404px;
	height: 85px;
	cursor: pointer;
}


.footer-line {
	font-size:10px;
    font-family:Tahoma,Arial;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.menu-bkg {
	background: url("../images/menu-bkg.png") repeat-x;
	height:28px;
	margin-top: 1px;
	
}

.tab-image {
	position:relative;
	left:54px;
	top: -78px;	
}

.latest-albums-header {
	background:url("../images/latest-albums-header.png") no-repeat;
	top:4px;
	left:950px;
	position:relative;
	width:168px;
	height:35px;
}

.latest-albums-header-text {
	font-family:Visitor TT2 BRK;
	font-size:18px;
	padding-top:10px;
	padding-left:16px;
	font-weight: bold;
	color: #efefef;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.music-player-bkgd {
	 background: url(../images/tab-panel-bkg.png) repeat;
	 margin-left:45px;
	 height:200px;
	 -moz-border-radius: 8px 8px 8px 8px;
  	 -webkit-border-top-right-radius:8px;
	 -webkit-border-top-left-radius:8px;
	 -webkit-border-bottom-right-radius:8px;
	 -webkit-border-bottom-left-radius:8px;
	 
}

.recommender-title {
	font-size:12px;
    font-family:Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    padding-left:35px;
    padding-bottom:1px;
    margin-top:20px;
}

.recommender-subtitle {
	font-family:Visitor TT2 BRK;
	font-size:18px;
	padding-top:5px;
	padding-left:66px;
	font-weight: bold;
	color: #7598E4;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.welcome {
	font-size:12px;
    font-family:Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    margin-left:156px;
    margin-top:-35px;
}

.logout {
	font-size:12px;
    font-family:Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    margin-right:6px;
    margin-bottom:5px;
    position:relative;
    top:-3px;
    left:7px;
}


.advanced-query {
	font-size:12px;
    font-family:Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.explore-btn {
	background: url("../images/explore-button.png") no-repeat;
    width: 77px;
	height: 34px;
	cursor: pointer;
	
}

.create-btn {
	background: url("../images/create-button.png") no-repeat;
	width: 77px;
	height: 34px;
	border:None;
	cursor: pointer;
}

.genre-panel {
	background: url("../images/genre-panel.png") no-repeat;
	width:242px;
	height:77px;
	padding-top:4px;
	margin-left:5px;
}

.delete-genre {
	background: url("../images/delete-genre.png") no-repeat;
	width:113px;
	height:77px;
	margin-left:-8px;
	padding-top:4px;
}

div.delete-genre:hover {
	background: url("../images/delete-genre-hover.png") no-repeat;
	width:113px;
	height:77px;
	cursor: pointer;
}

.edit-genre {
	background: url("../images/edit-genre.png") no-repeat;
	width:113px;
	height:77px;
	margin-left:-16px;
	padding-top:4px;
}

div.edit-genre:hover {
	background: url("../images/edit-genre-hover.png") no-repeat;
	width:113px;
	height:77px;
	cursor: pointer;
}

.genre-name {
	font-family: Visitor -BRK-;
	font-size:18px;
	margin-left: 15px;
	margin-top: 5px;
	color: white;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	
}

.genre-description {
	font-family: Visitor TT2 BRK;
	font-size:12px;
	color: black;
	margin-left: 10px;
	opacity:0.7;
	margin-left:17px;
	
}

.genre-index {
	font-family: Visitor -BRK-;
	font-size:18px;
	color:#white;
	margin-left:5px;
	margin-top:5px;
}

form input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:12px;
	font-family:Tahoma;
	
    text-shadow:1px 1px 1px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}




form textarea {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:12px;
	font-family:Tahoma;
	
    text-shadow:1px 1px 1px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

form input:focus 		{ color:#fff; background-color:#777; }
form input:active 	{ background-color:#888; }

form textarea:focus 		{ color:#fff; background-color:#777; }
form textarea:active 	{ background-color:#888; }

form label {
	font-size:10px;
    font-family:Tahoma, Arial, Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.field-title {
	font-size:10px;
    font-family:Tahoma, Arial, Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}

.panel-bkgd {
	background: url(../images/tab-panel-bkg.png) repeat;
	margin-left:80px;
	margin-top: 10px;
	padding:10px;
	
	-moz-border-radius: 8px 8px 8px 8px;
  	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}

.panel-header {
	font-family: Visitor -BRK-;
	word-spacing:-2px;
	font-size:24px;		
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
	color: #FF9300;
}

.panel-description {
	font-family: Visitor TT2 BRK;
	word-spacing:-2px;
	font-size:12px;		
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
	color: white;
	margin-bottom:20px;
}

#spacer {
	width:1px;
	height:20px;
}

.tab-header {
	font-family: Visitor -BRK-;
	font-size:20px;
	color:white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
	margin-left:70px;
	margin-top:60px;
}	

.member-photo-border {
	background: url(../images/tab-panel-bkg.png) repeat;
	width:100px;
	height:100px;
}

.member-photo {
	margin-top:5px;
	margin-left:5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .75);
	
}

.member-name {
	font-family:Visitor TT2 BRK;
	font-size:20px;
	color: #58ACFA;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    
}

.member-role {
	font-size:12px;
    font-family:Visitor TT2 BRK;
    color:white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}
