/**** 

	Site: Family Tree, http://www.growfamilytree.com
	Author: Ryan McGuire
	Overall Awesomeness: She's about an 8
	
****/


/**** CSS Reset ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
		/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
		/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**** Font-Face ****/

@font-face {
	font-family: 'AndronFreefontLATRegular';
	src: url('andron_freefont_lat_reg-webfont.eot');
	src: local('Andron Freefont LAT'), local('AndronFreefontLAT'), url('andron_freefont_lat_reg-webfont.woff') format('woff'), url('andron_freefont_lat_reg-webfont.ttf') format('truetype'), url('andron_freefont_lat_reg-webfont.svg#webfonticvVqaci') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**** Layout ****/

body {
	background:#090000 url(mockup-2.jpg) no-repeat top center;
	font-family: 'AndronFreefontLATRegular', sans-serif;
	font-size-adjust: 0.42;
	
}

#wrapper {
	display:block;
	width:1280px;
	margin:0 auto;
	overflow:hidden;
}

.shows {
	font-size:18px;
	margin:345px auto 0;
	overflow:hidden;
	width:625px;
}

	.shows li a{
		color:#512b29;
		float:left;
		font-size:19px;
		margin:15px 10px;
		text-align:center;
		text-decoration:none;
	}
	
	.shows li.break {
		clear:left;
		margin:15px 10px 15px 55px;
	}
	
		.shows li a span.time {
			font-size:15px;
		}
	
		.shows li a span.location {
			font-size:16px;
			color:#6B413E;
		}
		
		
	.shows li a:hover, .shows li a:hover span.time  {
		color:#6B413E;
	}
	
		.shows li a:hover span.location {
			color:#512b29;
		}
		

img.biggs {
	width:353px;
	height:232px;
	display:block;
	margin:15px auto;
}


#footer {
	width:566px;
	height:175px;
	display:block;
	margin:30px auto;
	clear:both;
	padding-left:30px;
}

.social {
	clear:both;
	display:block;
	float:left;
	margin:55px 25px 0 0;
	width:120px;
}

	.social li {
		float:left;
		margin:0 8px 0 0;
	}
	
		.social li a {		
			width:32px;
			height:32px;		
			display:block;
			text-indent:-9999px;
		}
	
			.social li a.fb {
				background:url(fb.png) 0 0 no-repeat;
			}
			
				.social li a:hover.fb {
					background:url(fb.png) 0 -32px no-repeat;
				}
			
			.social li a.tw {
				background:url(tw.png) 0 0 no-repeat;
			}
			
				.social li a:hover.tw {
					background:url(tw.png) 0 -32px no-repeat;
				}
			
			.social li a.ms {
				background:url(ms.png) 0 0 no-repeat;
			}
			
				.social li a:hover.ms {
					background:url(ms.png) 0 -32px no-repeat;
			}
			

.tree {
	display:block;
	float:left;
	margin:0;
	background:url(tree-2.png) no-repeat;
	height:174px;
	width:231px;
	text-indent:-9999px;
}			

.music-player {
	float:right;
	margin:33px 0 0;
	display:block;
}
/**** Show Items ****/

a.directions {
	margin:-15px 10px 2px 0;
	float:right;
	width:18px;
	height:18px;
	background:url(directions.png) 0 0 no-repeat;
	text-indent:-9999px;
}

	a:hover.directions {
		background:url(directions.png) 0 -18px no-repeat;
	}

a.information {
	width:18px;
	height:18px;
	background:url(information.png) no-repeat;
	margin:-15px 0 2px 10px;
	float:left;
	text-indent:-9999px;
}

	a:hover.information {
		background:url(information.png) 0 -18px no-repeat;
	}
	
.large-tree {
	position:fixed;
	bottom:0;
	left:0;
	display:block;
}