/* HiFlyer Music | CSS Layouts | Copyright Fuzed Design 2007 */

* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; }
body {
	font: 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #eee;
	background: #000;
}
#wrapper {
	position: relative;
	width: 715px;
	margin: 0 auto;
	background: #181818;
}
#header {
	width: 100%;
	height: 317px;
	background: #181818;
}
#break { width: 100%; height: 4px; background: #333; }
#content {
	width: 675px;
	margin: 20px;
	margin-bottom: 0;
}
a { color: #09a2c8; padding: 2px 1px; border-bottom: 1px dotted #09a2c8; text-decoration: none; }
a:hover { color: #0cf; border-bottom: 1px solid #444; background: #444; }
h1 { margin: 15px 0; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { margin: 0 0 10px 0; font: 13px Tahoma, Helvetica, sans-serif; font-weight: bold; }
h3 { margin: 0 0 10px 0; font: 12px Tahoma, Helvetica, sans-serif; font-weight: bold; }
p { margin: 7px 0; }
.full p { margin: 11px 0; }
.hide { display: none; }
.full { width: 100%; margin-bottom: 20px; } .with-padding { width: 645px; }
.left, .right { width: 327px; margin-bottom: 20px; }
.left { float: left; } .right { float: right; }
.wide { width: 410px; } .thin { width: 235px; }
.shaded { background: #242424; padding: 15px; margin-bottom: 20px; }
.with-bg { background: url(../images/striped-bg.jpg) repeat-x #242424; }
.clear { clear: both; }
#footer {
	width: 675px;
	margin: 20px;
	margin-top: 0;
	padding-bottom: 20px;
	color: #777;
}
#footer a { color: #777; border-color: #777; }
#footer a:hover { color: #000; border-color: #999; background: #999; }
#menu { position: relative; float: right; margin: -20px 20px -35px 0; }
.media-player {
	width: 240px;
	margin: 15px auto;
}
img { border: none; }
.img-link { border: none; }
.img-link:hover { border: none; background: none; }
#cr, #pts { border: 5px solid #555; }
.gallery-image { float: left; margin: 10px 9px; padding: 4px; border: 1px solid #555; text-align: center; }
.gallery-image:hover { background: #555; border: 1px solid #555; }
.gallery-image a { margin: 0; padding: 0; }
.article-image { float: right; margin: 5px 0 10px 10px; padding: 3px; border: 1px solid #555;}
.article-image:hover {  background: #555; border: 1px solid #555;  }
hr { margin: 10px 0 5px 0; }
ul { list-style: url(../images/arrow.gif); padding-left: 20px; }
ol { padding-left: 20px; } ol li { margin: 8px 0; }
ul li { margin: 8px 0; }

#login-form label { 
	display: block; 
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 2px;
}
#signup-form label, #forgotten-pass label, #enter-competition label { 
	display: block; 
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 2px;
}
#login-form p { line-height: 30px; }
#signup-form p, #forgotten-pass p, .small-text { padding-left: 7px; font-size: 10px; color: #999; }
#login-form span { float: right; }
#forgotten-pass { padding: 10px 0; }
.submit { 
	background: #eee; 
	border: none; 
	color: #333; 
	margin: 5px 10px; 
	padding: 2px 5px; 
	font-weight: bold;
	float: left;
}
input { 
	display: block; 
	background: #181818; 
	color: #ccc;
	font: 15px Arial, Helvetica, sans-serif;
	border: 1px solid #555;
	margin: 5px;
	padding: 2px;
}
input[type="checkbox"] { border: none; background: none; }
textarea {
	margin: 10px;
	background: #181818;
	border: 1px solid #555;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
	padding: 4px;
}
.error-msg { 
	margin: 5px 0; 
	text-align: center; 
	background: #933;
	padding: 10px;
}
.ok-msg { 
	margin: 5px 0; 
	text-align: center; 
	background: #339933;
	padding: 10px;
}
.error-msg ul, .error-msg ul li { list-style: none; margin: 0; padding: 0; }
.ok-msg ul, .ok-msg ul li { list-style: none; margin: 0; padding: 0; }
h4 { 
	font: 15px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	margin: 7px 0;
}
ul.menu-links li { font: 14px Arial, Helvetica, sans-serif; line-height: 23px; }
ul.menu-links li ul li { font: 11px; }
.v-menu-holder { width: 135px; margin: 0; padding: 0; float: left; }
.backstage { width: 524px; margin: 0; }
#backstage-content { min-height: 350px; }
.img-submit { border: none; background: none; color: #fff; margin-left: 0; }

/* vertical menu - backstage */

#v-menu {
	width: 135px;
	margin: 15px 0;
}
#v-menu a, #v-menu a:link, #v-menu a:visited {
	text-decoration: none;
}
ul#v-navigation {
	list-style-image: none;
	padding: 0;
	margin: 0;
	width: 135px;
}
ul#v-navigation li {
	padding: 0;
	margin: 7px 0;
	display: block;
	background: #242424;
	text-align: left;
}
ul#v-navigation li a {
	border: 0;
	display: block;
	width: 135px;
	padding: 12px 8px;
	font-size: 12px; font-weight: bold;
	color: #fff;
	background: #181818;
}

ul#v-navigation li a:hover {
	border: 0;
	display: block;
	background: #242424;
}
ul#v-navigation li.selected a {
	background: #242424;
	color: #09a2c8;
}