/*
Theme Name: Tipp Hill
Theme URI: http://www.tipphillmusicfestival.com
Description: Tipp Hill Theme
Version: 1.0
Author: Amy Andrews for Bentley & Hoke LLC

*/

@import url("whitespace-reset.css");

html {
	background: #E5E3CE;
	font-family: Helvetica;
	font-size: 14px;
	color: #4F2E1E; }

#sitewrapper {
	background: transparent url("http://www.tipphillmusicfest.org/wordpress/wp-content/themes/tipphill/images/bg_sitewrapper.jpg") repeat-y 0 0;
	margin: 20px auto 0 auto;
	width: 976px; }
	#sitewrapper #header {
		background: transparent url("http://www.tipphillmusicfest.org/wordpress/wp-content/themes/tipphill/images/bg_header.gif") no-repeat 0 0;
		float: left;
		width: 976px;
		height: 3px; }
	#sitewrapper #headerint {
		float: left;
		width: 960px;
		height: 169px;
		margin-left: 8px; }
		#sitewrapper #headerint a#logo {
			background: transparent url("http://www.tipphillmusicfest.org/wordpress/wp-content/themes/tipphill/images/logo.jpg") no-repeat 0 0;
			float: left;
			width: 530px;
			height: 169px;
			text-indent: -5000px; }
		#sitewrapper #headerint p#eventinfo {
			background: transparent url("http://www.tipphillmusicfest.org/wordpress/wp-content/themes/tipphill/images/eventinfo.jpg") no-repeat 0 0;
			float: left;
			width: 430px;
			height: 169px;
			text-indent: -5000px; }
		#sitewrapper ul#nav {
			background: transparent url("http://www.tipphillmusicfest.org/wordpress/wp-content/themes/tipphill/images/nav.gif") no-repeat 0 0;
			float: left;
			width: 960px;
			height: 36px;
			margin-left: 8px; }
			#sitewrapper ul#nav li {
				float: left;
				list-style: none;
				height: 31px; }
				#sitewrapper ul#nav li#lineup {
					width: 73px;
					margin-left: 42px; }
					#lineup a:hover {
						width: 73px;
						background: transparent url("images/nav.gif") -42px -36px no-repeat; }
				#sitewrapper ul#nav li#sponsors {
					width: 88px;
					margin-left: 46px; }
					#sponsors a:hover {
						width: 88px;
						background: transparent url("images/nav.gif") -160px -36px no-repeat; }
				#sitewrapper ul#nav li#merch {
					width: 151px;
					margin-left: 45px; }
					#merch a:hover {
						width: 151px;
						background: transparent url("images/nav.gif") -293px -36px no-repeat; }
				#sitewrapper ul#nav li#photos {
					width: 82px;
					margin-left: 46px; }
					#photos a:hover {
						width: 82px;
						background: transparent url("images/nav.gif") -491px -36px no-repeat; }
				#sitewrapper ul#nav li#apps {
					width: 76px;
					margin-left: 46px; }
					#apps a:hover {
						width: 76px;
						background: transparent url("images/nav.gif") -620px -36px no-repeat; }
				#sitewrapper ul#nav li#faqs {
					width: 32px;
					margin-left: 46px; }
					#faqs a:hover {
						width: 32px;
						background: transparent url("images/nav.gif") -742px -36px no-repeat; }
				#sitewrapper ul#nav li#contact {
					width: 47px;
					margin-left: 47px; }
					#contact a:hover {
						width: 47px;
						background: transparent url("images/nav.gif") -820px -36px no-repeat; }
				#sitewrapper ul#nav li#fb {
					width: 24px;
					margin-left: 36px;
					margin-right: 33px; }
					#fb a:hover {
						width: 149px;
						background: transparent url("images/nav.gif") -903px -36px no-repeat; }
					#sitewrapper ul#nav li a {
						text-indent: -5000px;
						color: #FFF;
						display: block;
						height: 36px; }

	#sitewrapper #main {
		float: left;
		width: 960px;
		margin: 23px 0 23px 23px; }
		#sitewrapper #main #content {
			background: #FFF;
			float: left;
			width: 680px;
			min-height: 450px;
			margin-left: 8px; }
			#content ul {
				margin: 0 0 20px 0; }
				#content ul li {
					margin: 0 0 5px 80px;
					list-style: disc; }
			#content h1 {
				font-family: "Myriad Pro";
				font-size: 22px;
				color: #4F2E1E;
				margin: 25px 0 15px 50px; }
			#content p {
				width: 600px;
				margin: 0 0 20px 50px; }
			#content img.photo {
				border: 3px solid #4F6C1A;
				padding: 5px; }
			#content img.sughome {
				position: relative;
				top: -30px;
				margin: 0 5px 0 0; }
			#content img.sugarman {
				position: relative;
				top: -50px;
				margin: 0 5px 0 0; }
			#content hr {
				width: 600px;
				border-top: 5px solid #4F6C1A; }
		#sitewrapper #main #sidebar {
			background: #DBD4B6;
			float: left;
			width: 220px;
			min-height: 450px;
			margin-left: 18px; }
			#sitewrapper #main #sidebar h1#hdr_updates {
				background: transparent url("images/updates.gif") no-repeat 0 0;
				width: 220px;
				height: 38px;
				text-indent: -5000px; }
			#sitewrapper #main #sidebar .update {
				width: 170px;
				font-family: Helvetica;
				font-size: 12px;
				margin: 0 5px 0 25px; }
				#sitewrapper #main #sidebar .update h2 {
					margin: 20px 0 5px 0;
					color: #4F6C1A; }
				#sitewrapper #main #sidebar .update p {
					color: #4F2E1E; }
	#sitewrapper #footer {
		background: transparent url("images/bg_footer.gif") no-repeat 0 0;
		clear: both;
		width: 976px;
		height: 13px; }