@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	color:#000;
	font-family:"AvantGardeMdITCTTRegular";
}

a:hover, a:active{
	color:#b471c6;
}

@font-face{
	    font-family: 'AvantGardeMdITCTTRegular';
    src: url('avangmi-webfont.eot');
    src: url('avangmi-webfont.eot?#iefix') format('embedded-opentype'),
         url('avangmi-webfont.woff') format('woff'),
         url('avangmi-webfont.ttf') format('truetype'),
         url('avangmi-webfont.svg#AvantGardeMdITCTTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	background-color:#000;
}

h1, h2, h3{
	color:red;
	padding-top:10px;
	padding-bottom:5px;
}

p{	
	color:red;
	padding-top:10px;
	padding-bottom:5px;
}

.dark{
	color:black;
}



.bigback{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.home{
	background:url(../img/rockingbackground.jpg) no-repeat center center scroll;
	background-attachment:scroll;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	text-align:center;
}

.about{
	background:url(../img/rockingbackground.jpg) no-repeat center center scroll;
	background-attachment:scroll;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	text-align:center;
}

.shows{
	background:url(../img/rockingbackground.jpg) no-repeat center center scroll;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content{
	background:url(../img/rockingbackground.jpg) no-repeat center center scroll;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}


.mobilemain{
	position:absolute;
	left:11%;
	top:0;
	width:400px;
	min-height:900px;
	box-shadow: 0px 0px 10px #333;
}

.mobilehead{
	position:relative;
	width:400px;
	cursor:pointer;
}

.mobilebody{
	width:320px;
	min-height:699px;
	padding:40px;	
	background-repeat:no-repeat;	
	position:relative;
	background-color:black;
}

/*
	Mobile Bodies
*/

.mobindex{
	background-color:white;
	text-align:center;
}

.mobabout{
	background-color:white;	
	text-align:center;	
}
.mobshows{
	background-color:white;
	text-align:center;
}
.mobcontent{
	background-color:white;
	text-align:center;
}


/*End Mobile Bodies*/

.mobilefoot{
	position:absolute;
	left:0;
	bottom:0;
	width:400px;
	height:98px;
	background-color:white;
}

/*MENU*/

ul.menu{
	padding:0;
	position:relative;
	left:8px;
	top:20px;
}

ul.menu > li{
	list-style:none;
	float:left;
	margin-left:14px;
	height:68px;
}

ul.menu > li img.menuimg{
	position:relative;
	top:25px;
}


/*INPUTS */

input[type=button]{
	padding:15px;
	color:#000;
	border:solid 2px #000;
	border-radius:10px;
	box-shadow:2px 2px 20px #333;
	font-style:italic;
	font-size:20px;
	width:100%;
	cursor:pointer;
}

input[type=button]:active{
	background-color:#000;
	color:white;
	border:solid 2px white;
}

input[type=text]{
	border:none;
	background:transparent;
	font-size:22px;
	color:#000;
	margin-bottom:5px;
}

textarea{
	position:relative;
	background:transparent;
	width:200px;
	height:100px; color:#000;
	border:none;
	font-size:16px;
	padding:5px;
	resize:none;
}

input[type=submit]{
	background:transparent url(../img/sendbutton.png);
	width:60px;
	height:20px;
	float:right;
	border:none;
	cursor:pointer;
	position:relative;
	margin-top:10px;
}

input[type=submit]:active{
	border:solid 1px white;
	background-color:#777;
}

ul.servs li{
	padding:5px;
	font-size:18px;
}

/*CONTACT MENU*/

ul.contactform{
	padding:0;
	position:relative;
}

ul.contactform > li{
	list-style:none;
	padding-bottom:10px;
}

.textlabel{
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#4d2e63;
	width:95px;
	float:left;
	padding-right:5px;
	padding-top:5px;
}

.formdivider{
	clear:both; background-repeat:repeat-y; height:3px;
	margin-bottom:10px;
	margin-left:-40px;
	width:400px;
	position:absolute;
}

.greyback{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#666;
	opacity:0.7;
	z-index:5;
	display:none;
}


#sliderbox{
	position:fixed;
	left:50%;
	margin-left:-420px;
	top:120px;
	z-index:6;
	display:none;
}

.previewsongs{
	padding:0;
	position:relative;
	width:400px;
	bottom:98px;
	padding-bottom:30px;
	background-color:#000;
}

.previewsongs > li{
	list-style:none;
	text-align:center;
	padding:7px;
	display:block;
	background-color:#000;
}

.previewsongs > li > a{
	font-size:28px;
	color:#999;
}

