/*
	LOTF 2010 Main CSS
*/
body, h1, h2, h3, h4, h5, h6, ul, li, ol, table, tr, th, td, img, form, p {
	border:					0;
	margin:					0;
	padding:				0;
}

/*
	Classes
*/
.inner {
	display:				block;
	width:					960px;
	margin:					0 auto 0 auto;
}

.clearer {
	display:				block;
	clear:					both;
	
	height:					2px;
}

/*
	Body
*/
body {
	background-image:		url(background.jpg);
	background-repeat:		repeat;
	background-position:	50% 0;
}

/*
	Title
*/
#title {
	display:				block;
	height:					60px;
	clear:					both;
}
#title .twitter {
	float:					left;
	background-image:		url(twitter_text.png);
	background-repeat:		no-repeat;
	
	width:					448px;
	height:					41px;
}
#title .twitter p {
	display:				block;
	margin:					4px 15px 0 15px;
}

#title .twitter_bird {
	float:					left;
	background-image:		url(twitter_bird.png);
	background-repeat:		no-repeat;
	
	width:					81px;
	height:					53px;
}

#title .search {
	position:				absolute;
	background-image:		url(search_cloud.png);
	background-repeat:		no-repeat;
	
	width:					342px;
	height:					75px;
	margin-left:			595px;
}

/*
	Header
*/
#header {
	display:				block;
	height:					100px;
	overflow:				visible;
}
#header .social_networking {
	width:					180px;
	float:					left;
}
#header .social_networking p {
	display:				block;
	background-image:		url(social_cow.png);
	background-repeat:		no-repeat;
	
	width:					98px;
	height:					94px;
	margin-left:			-20px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}

#header .social_networking ul {
	position:				absolute;
	list-style-type:		none;
	margin-left:			-20px;	
}
#header .social_networking ul li {
	float:					left;
}
#header .social_networking ul li a {
	display:				block;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
	width:					38px;
	height:					38px;
	overflow:				hidden;
	text-indent:			-1000px;
}
#header .social_networking ul li.social_twitter a {		background-image:		url(social_twitter.png);}
#header .social_networking ul li.social_facebook a {		background-image:		url(social_facebook.png);}
#header .social_networking ul li.social_myspace a {		background-image:		url(social_myspace.png);}
#header .social_networking ul li.social_flickr a {		background-image:		url(social_flickr.png);}
#header .social_networking ul li.social_lastfm a {		background-image:		url(social_lastfm.png);}

#header h1 {
	float:					right;
	background-image:		url(logo.png);
	background-repeat:		no-repeat;
	
	width:					748px;
	height:					83px;
	margin-top:				10px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}

/*
	Container - Menu
*/
#container #main_menu  {
	float:					left;
	clear:					left;
	width:					190px;
	margin-top:				40px;
}
#container #main_menu  ul {
	list-style-type:		none;
}
#container #main_menu  ul li {
	float:					left;
	clear:					left;
	background-image:		url(menu_label.png);
	background-repeat:		no-repeat;
	
	width:					188px;
}
#container #main_menu  ul li a {
	display:				block;
	background-image:		url(menu_background.gif);
	background-repeat:		no-repeat;
	background-position:	-1000px -1000px;
	margin-left:			30px;
	height:					55px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}
#container #main_menu ul li.menu_news a {		background-position:	50% 20px;}
#container #main_menu ul li.menu_music a {		background-position:	50% -32px;}
#container #main_menu ul li.menu_fun a {			background-position:	50% -84px;}
#container #main_menu ul li.menu_info a {		background-position:	50% -136px;}
#container #main_menu ul li.menu_food a {		background-position:	50% -188px;}
#container #main_menu ul li.menu_about a {		background-position:	50% -240px;}
#container #main_menu ul li.menu_contact a {		background-position:	50% -292px;}
#container #main_menu ul li.menu_tickets a {		background-position:	50% -344px;}

/* Sub Menu */
#container #main_menu  ul li ul li {
	display:				block;
	clear:					both;
	
	background-image:		none;
}
#container #main_menu  ul li ul li a {
	display:				block;
	clear:					both;
	
	background-image:		none;
	height:					auto;
	margin-left:			15px;
	
	text-indent:			0;
}

/*
	Contents
*/
#contents {
	float:					left;
	margin:					0 15px 0 15px;
	width:					560px;
}
#contents .contents_top {
	display:				block;
	background-image:		url(contents_box_top.png);
	background-repeat:		no-repeat;
	background-position:	0 0;
	height:					25px;
}
#contents .contents_middle {
	display:				block;
	background-image:		url(contents_box_middle.png);
	background-repeat:		repeat-y;
	background-position:	0 0;
	padding:				0 20px 0 20px;
}

#contents .contents_bottom {
	display:				block;
	background-image:		url(contents_box_bottom.png);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	height:					25px;
}

/*
	Sidebar
*/
#container #sidebar {
	float:					left;
	width:					180px;
}

/*
	Footer
*/
#footer {
	display:				block;
	clear:					both;
}
#footer .vista {
	background-image:		url(footer.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	width:					1100px;
	height:					350px;
	margin-top:				0px;
	margin-left:			-100px;
}

/*
	Sub Footer
*/
#sub_footer {
	display:				block;
	width:					100%;
	background-color:		#fff;
	border-top:				10px #EECC99 solid;
}
#sub_footer .inner {
	padding-top:			15px;
	padding-bottom:			15px;
}
#sub_footer .copyright,
#sub_footer .social {
	float:					left;
}
#sub_footer .attribution {
	float:					right;
}
#sub_footer .social a {
	float:					left;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
	width:					38px;
	height:					38px;
	overflow:				hidden;
	text-indent:			-1000px;
	margin-right:			5px;
}
#sub_footer .social .social_twitter {
	background-image:		url(social_twitter.png);
}
#sub_footer .social .social_facebook {
	background-image:		url(social_facebook.png);
}

/*
	Fonts
*/
body {
	font-family:			'Arial', sans-serif;
}

#title .twitter p {
	font-size:				9pt;
	line-height:			12pt;
}

#container #main_menu  ul li ul li a {
	text-align:				center;
	font-size:				12pt;
	text-transform:			lowercase;
	color:					#3a1700;
	text-decoration:		none;
	line-height:			18pt;
	font-weight:			bold;
}

#footer p a,
#contents p a,
#contents li a,
#contents table a {
	color:					#0f55ac;
}

#footer p,
#contents p,
#contents ul {
	color:					#3a1700;
	font-size:				10pt;
	line-height:			15pt;
	padding-bottom:			15px;
}
#contents ul li {
	margin-left:			20px;
}

#contents h3 {
	display:				block;
	clear:					both;
	font-size:				14pt;
	font-weight:			normal;
	line-height:			20pt;
	color:					#ac4d0f;
	text-transform:			uppercase;
	text-decoration:		none;
}

#sub_footer p {
	font-size:				9pt;
	color:					#3a1700;
}
#sub_footer p a {
	color:					#0f55ac;
}