/* 	blue #124097 header
	yellow #fff600
	orange #f8b209 hover
*/

/* outline: 1px solid red;  */

* {
	margin: 			0;
	padding: 			0;
	outline: 			none;
	border: 			none;
}

body {
    font-family: 	"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 			62.5%;
	background: 		#bfe0ef;
}

div#page {
	background: 		url("images/page.jpg") no-repeat fixed center top transparent;
}

div#wrapper-home {
	position: 			relative;
	width: 				700px;
	height:				630px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-about {
	position: 			relative;
	width: 				700px;
	height:				700px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-line-up {
	position: 			relative;
	width: 				700px;
	height:				1250px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-tickets {
	position: 			relative;
	width: 				700px;
	height:				625px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-tshirts {
	position: 			relative;
	width: 				700px;
	height:				600px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-find {
	position: 			relative;
	width: 				700px;
	height:				600px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-other-gigs {
	position: 			relative;
	width: 				700px;
	height:				1320px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}
div#wrapper-contact {
	position: 			relative;
	width: 				700px;
	height:				600px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}

div#logo {
	height: 			390px;
	margin: 			0px;
	background: 		url("images/logo.png")no-repeat center top;
}
div#logo-small {
	height: 			250px;
	width:				300px;
	background: 		url("images/logo-small.png")no-repeat left top;
}

div#list-left { 
	width: 				270px;
	height:				120px;
	margin: 			10px 0px 0px 50px;
	float:				left;
	text-align:			left;
}

div#list-right { 
	width: 				270px;
	height:				120px;
	margin: 			10px 50px 0px 0px;
	text-align:			right;
	float:				right;
	clear:				left;
}
div#list-left-guts { 
	width: 				210px;
	height:				120px;
	margin: 			30px 0px 0px 30px;
	float:				left;
	text-align:			left;
}

/* bulleted list */
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul li a {
	line-height: 		25px;
	font-size: 			1.7em;
	color: 				#02118d;
	font-weight:		bold;
    text-decoration:	none;
	text-indent: 		15px;
  }
/* hovers to orange */
ul li a:hover {
	color:				#f8b209;
}
ul li a:active {
	color: 				#124097;
}

h1 {
	text-indent: 		-3000em;
}
h2	{
	padding:			0px 0px 0px 0px;	
	color:				#124097;
	font-weight:		bold;
	font-size:			350%;
}

/* main content --------------------------------------------------------------*/
div#main { 
	position: 			relative;
	width: 				400px;
	height:				auto;
	margin: 			20px 30px 0px 0px;
	float:				right;
	clear:				left;
	background: 		url("images/main-wrapper.png") repeat-y scroll 0 0 transparent;
}
div#main p {
	font-size: 			1.4em;
	line-height:		1.3em;
	text-align:			left;
	padding: 			0px 30px 0px 30px;
	color:				#424242;
}
div#main h2 {
	font-size: 			2em;
	font-weight:		bold;
	line-height:		1em;
	text-align:			center;
	color:				#1271b1;
	padding: 			10px 30px 10px 30px;
}
div#main h3 {
	font-size: 			1.7em;
	line-height:		1.3em;
	text-align:			center;
	padding: 			0px 30px 0px 30px;
	color:				#424242;
}
div#main h4 {
	font-size: 			1.7em;
	line-height:		1em;
	text-align:			center;
	padding: 			0px 30px 0px 30px;
	color:				#424242;
}
div#main img { 
	padding:			0px 0px 0px 0px;
}

/* the-freight-hoppers btn ----------------------------------------------*/
div#the-freight-hoppers	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.the-freight-hoppers {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/the-freight-hoppers.jpg) left top no-repeat;
}
a.the-freight-hoppers:hover {
	background-image: 	url(../line-up/images/the-freight-hoppers-hover.jpg);
}				
/* beef-tea btn ----------------------------------------------*/
div#beef-tea	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.beef-tea {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/beef-tea.jpg) left top no-repeat;
}
a.beef-tea:hover {
	background-image: 	url(../line-up/images/beef-tea-hover.jpg);
}
/* frogwater btn ----------------------------------------------*/
div#frogwater	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.frogwater {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/frogwater.jpg) left top no-repeat;
}
a.frogwater:hover {
	background-image: 	url(../line-up/images/frogwater-hover.jpg);
}				
/* oak-street-ramblers btn ----------------------------------------------*/
div#oak-street-ramblers	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.oak-street-ramblers {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/oak-street-ramblers.jpg) left top no-repeat;
}
a.oak-street-ramblers:hover {
	background-image: 	url(../line-up/images/oak-street-ramblers-hover.jpg);
}				
/* sortin-the-mail btn ----------------------------------------------*/
div#sortin-the-mail	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.sortin-the-mail {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/sortin-the-mail.jpg) left top no-repeat;
}
a.sortin-the-mail:hover {
	background-image: 	url(../line-up/images/sortin-the-mail-hover.jpg);
}				
/* good-time-specials btn ----------------------------------------------*/
div#good-time-specials	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.good-time-specials {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/good-time-specials.jpg) left top no-repeat;
}
a.good-time-specials:hover {
	background-image: 	url(../line-up/images/good-time-specials-hover.jpg);
}				
/* lewis-higdon-dahl btn ----------------------------------------------*/
div#lewis-higdon-dahl	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.lewis-higdon-dahl {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/lewis-higdon-dahl.jpg) left top no-repeat;
}
a.lewis-higdon-dahl:hover {
	background-image: 	url(../line-up/images/lewis-higdon-dahl.jpg);
}				
/* second-strings btn ----------------------------------------------*/
div#second-strings	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.second-strings {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../line-up/images/second-strings.jpg) left top no-repeat;
}
a.second-strings:hover {
	background-image: 	url(../line-up/images/second-strings-hover.jpg);
}				

/* swampn-grass btn ----------------------------------------------*/
div#swampn-grass	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.swampn-grass {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/swampn-grass.jpg) left top no-repeat;
}
a.swampn-grass:hover {
	background-image: 	url(../other-gigs/images/swampn-grass-hover.jpg);
}				
/* ladies-of-bluegrass btn ----------------------------------------------*/
div#ladies-of-bluegrass	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.ladies-of-bluegrass {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/ladies-of-bluegrass.jpg) left top no-repeat;
}
a.ladies-of-bluegrass:hover {
	background-image: 	url(../other-gigs/images/ladies-of-bluegrass-hover.jpg);
}				
/* little-creek btn ----------------------------------------------*/
div#little-creek	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.little-creek {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/little-creek.jpg) left top no-repeat;
}
a.little-creek:hover {
	background-image: 	url(../other-gigs/images/little-creek-hover.jpg);
}				
/* flatrock btn ----------------------------------------------*/
div#flatrock	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.flatrock {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/flatrock.jpg) left top no-repeat;
}
a.flatrock:hover {
	background-image: 	url(../other-gigs/images/flatrock-hover.jpg);
}				
/* backwoods btn ----------------------------------------------*/
div#backwoods	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.backwoods {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/backwoods.jpg) left top no-repeat;
}
a.backwoods:hover {
	background-image: 	url(../other-gigs/images/backwoods-hover.jpg);
}				
/* Big-Ass btn ----------------------------------------------*/
div#big-ass	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.big-ass {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/big-ass.jpg) left top no-repeat;
}
a.big-ass:hover {
	background-image: 	url(../other-gigs/images/big-ass-hover.jpg);
}				
/* art-stevenson btn ----------------------------------------------*/
div#art-stevenson	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.art-stevenson {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/art-stevenson.jpg) left top no-repeat;
}
a.art-stevenson:hover {
	background-image: 	url(../other-gigs/images/art-stevenson-hover.jpg);
}				
/* jackpine btn ----------------------------------------------*/
div#jackpine	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.jackpine {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/jackpine.jpg) left top no-repeat;
}
a.jackpine:hover {
	background-image: 	url(../other-gigs/images/jackpine-hover.jpg);
}				
/* bluegrass-circle btn ----------------------------------------------*/
div#bluegrass-circle	{ 	
	position:   		relative;
	padding:			5px 10px 5px 10px;
}
a.bluegrass-circle {	
	display: 			block;
	width: 				380px;
	height: 			122px;
	background: 		url(../other-gigs/images/bluegrass-circle.jpg) left top no-repeat;
}
a.bluegrass-circle:hover {
	background-image: 	url(../other-gigs/images/bluegrass-circle-hover.jpg);
}				

/* bluegrass-circle btn ----------------------------------------------*/
div#google-map-link	{ 	
	position:   		relative;
	padding:			5px 0px 5px 0px;
}
a.google-map-link {	
	display: 			block;
	width: 				400px;
	height: 			63px;
	background: 		url(../find-us/images/google-map-link.png) left top no-repeat;
}
a.google-map-link:hover {
	background-image: 	url(../find-us/images/google-map-link-hover.png);
}				

/* facebook -----------------------------------*/
div#facebook	{
	position:   		relative;
	float:				right;
	padding:			5px 0px 0px 0px;
}

/* the w and h creates the hover area  */
a.facebook {	
	display: 			block;
	width: 				35px;
	height: 			36px;
	background: 		url(images/facebook.png) left top no-repeat;
}

a.facebook:hover {
	background-image: 	url(images/facebook-hover.png);
}
/* credits - Starfish Graphics--------------------------------------------------------------*/	
div#credits{
	width: 				700px;
	margin: 			0 auto;
	padding:			70px 0px 0px 0px;
	font-size: 			1em;
	font-weight:		bold;
	line-height: 		1em;
	text-indent: 		12px;
	text-decoration: 	none;
	text-align: 		center;
	color: 				black;
	clear:				both;
}
div#credits a:link {
	color: white;
	text-decoration: none;
}
div#credits a:visited {
	color: black;
	text-decoration: none;
}
div#credits a:hover {
	color: #6a1f88;
	text-decoration: underline;
}
div#credits a:active {
	text-decoration: none;
}
a:link {
	color: #124097;
	text-decoration:	none;
}
a:visited {
	color: 				#124097;
	text-decoration: 	none;
}
a:hover {
	color: 				#6a1f88;
	text-decoration: 	underline;
}
a:active {
	text-decoration: 	#124097;
}
.purple	{color:			#6a1f88;
}
.blue	{color:			#124097;
}