*
{
padding: 0;
margin: 0;
}

img
{
border: 0;
}

body {
background: #000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
	}

p {color: #ffff00; text-align:left; padding-left:20px; font-size: 1.6em;}

h2, h3, h4 {
text-align:left;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #007e00; 
padding: 10px 20px;}

a{text-decoration:none;}
a:link {color: #007e00;}
a:active {color: #007e00;}
a:visited {color: #007e00;}
a:hover{color: #ff0000; text-decoration:none;}




#wrapper{
position: relative;
	 top: 5px;
    left: auto;
	right:auto;
    width: 960px;
	margin: auto auto auto auto;
	text-align:center;
	height: auto;
	border: 2px solid red;
	padding: 0 5px 10px 5px;
}

#header
{
min-height: 90px;
width: 950px;
background: url(images/headerbg.jpg) 825px 0 no-repeat;
padding-bottom: 5px;

}

#header h1 a
{
width: 425px;
height: 90px;
text-indent: -5000px;
background: url(images/homegrownlogo.jpg) no-repeat 0 0;
display: block;
position: absolute;
top: 0;
left: 0;

}

#header h1 a:hover
{
background: url(images/homegrownlogo.jpg) no-repeat 0 -90px;
}

		
	#content {
	width:auto;
	background-color:#000;
	/*padding-left: 20px;
	padding-right: 10px;*/
	text-align:center;
	overflow: auto;

	

	    }
		
		
	#navcontainer{
	text-align:left;
	min-height: 24px;
	font-size: 1.6em;
	
	padding-top: 5px;
	}
	
#navlist ul
{

}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
min-height: 26px;
padding: 0 3px 0 20px;
border: 1px solid #333;
background: #FFFFFF url(images/navbg.gif) no-repeat 0 0;
}

#navlist a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #333;
background: #000000 url(images/navbg.gif) no-repeat 0 -20px;
color: #ff0000;
}


#homepage #navcontainer .homelink a, 
#gigspage #navcontainer .gigslink a, 
#musicpage #navcontainer .musiclink a, 
#videopage #navcontainer .videolink a, 
#picturespage #navcontainer .pictureslink a, 
#contactpage #navcontainer .contactlink a, 
#testimonialspage #navcontainer .testimonialslink a, 
#infopage #navcontainer .infolink a, 
#linkspage #navcontainer .linkslink a
{
border: 1px solid #333;
background: #000000 url(images/navbg.gif) no-repeat 0 -20px;
color: #ff0000;
}

.green
{color: #007e00;
font-weight: bold;}

.frontpic
{
width: 800px;
height: auto;
}


table.gigs {
	border-width: 5px 5px 5px 5px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0);
	border-collapse: separate;
	background-color: black;
	text-align: left;
	font-size: 1.6em;
}
table.gigs th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0);
	background-color: black;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.gigs td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0) rgb(0, 126, 0);
	background-color: black;
	-moz-border-radius: 0px 0px 0px 0px;
	color: #FFFF00;
}


#bottom
{
 text-align:center;
 padding: 15px 0 10px 0;
 
}

#bottom p {
text-align:center;
font-size: 1.2em;
color:#fff;
padding: 5px 0;
}

#bottom a:link, #bottom a:visited, #bottom a:active {

color:#00CC00;}

#bottom a:hover{color:#ff0000;}


.frontvideo
{
width: 420px;
height: 340px;

}


/*----------------- CONTACT FORM - UNTIDY! ---------------------------------------------------------------------------------- */

#showketchup
{
min-height: 300px;
padding-top: 20px;
}

#contact_form {width: 420px; height: 250px; }

#commentForm fieldset
{
border: none;

}


#commentForm div{ text-align: center;
clear: both;
min-height: 32px;
padding-top: 3px;

position: relative;
}

#commentForm div.bigbox{ text-align: center;
clear: both;
min-height: 110px;

position: relative;
}

#commentForm input
{float: left;

margin: 4px 0 4px 4px;
width: 250px;
min-height: 20px;
font-size: 16px;

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;
	}
	
	#commentForm input#verif_box
	{
	width: 100px;
	
	}

#commentForm textarea
 {
float: left;
 resize:none;
margin: 4px 0 4px 4px;
width: 250px;
min-height: 90px;
font-size: 16px;
border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;


}

label { width: 105px; padding-top: 3px; float: left; font-size: 1.6em; color:#FFFFFF; }

div.message{
    
}

#commentForm div.error{
min-height: 10px;
      background: #00ab00;
  background: rgba(0, 171, 0, 0.6);
  
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    
    padding: 5px;
	font-size: 1.2em;
}




#commentForm .submit
{
margin: 5px 0 5px 105px; 
display:block; 
border:1px solid #000000; 
width:100px; 
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
padding: 0 2px 2px 2px;

line-height:14px; 
background-color:#EFEFEF;
}


/* inout hover styles */
div.curFocus {
	background: #121212;
	}

.curFocus label
{
color:#00cc00;

}
#commentForm div.curFocus input, #commentForm div.curFocus select, #commentForm div.curFocus textarea, #commentForm div.curFocus checkbox
{
 outline: none;
    border: 1px solid #009900;
    box-shadow: 0px 0px 4px #00cc00;
    -moz-box-shadow: 0px 0px 4px #00cc00;
    -webkit-box-shadow: 0px 0px 4px #00cc00;
}

.curFocus .submitbutton
{
border: 2px solid #009900; 
}

#form_result
{
width: 300px;
min-height: 200px;

color:#00ab00;
font-size: 1.6em;
}