/*
Theme Name: LIVE @ the lakefront
Theme URI: 
Description: LIVE @ the lakefront theme
Version: 1.0
Author: Matt Spaanem & Graham De Young
Author URI: http://www.ec-connection.com
Tags: live, lakefront
*/

@charset "utf-8";
/* CSS Document */
#body-copy{
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
	left: 0px;
	top: 0px;
	visibility: hidden;
	}

body {
	background-image:url(images/page-bg.gif);
	background-repeat:repeat-y;
	background-position:top center;
	background-color:#30526A;
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	}
div#site { margin:0px auto; width:802px; }
div#header { margin:12px 0px 0px 19px; }
div#header div {
	float:left;
	display: inline;
	width:250px;
	margin:59px 0px 0px 100px;
	color:#fff;
	text-align:right;
	font-size:12px;
	line-height:110%;
	}
div#header div div {float:left; display: inline; margin:0px 0px 0px 30px; width:auto;}

div#content {border-bottom:solid 2px #fff; height:365px; clear:both; overflow: hidden;}


/***MENU***/
div#menu {
	float:left;
	display: inline;
	height:365px;
	background-image:url(images/menu-bg.gif);
	background-repeat:repeat-y;
	}
div#menu ul {
	border-top:1px dotted #30526A;
	border-bottom:1px dotted #30526A;
	height:168px;
	list-style-type:none;
	width:202px;
	padding:11px 1px 12px 2px;
	margin:0px;
	z-index: 1000;
	}
div#menu ul li {height:23px; margin:0px; margin-bottom:1px;}
div#menu ul li ul {position:absolute; left:-100px; top:-20px; height:auto; width:150px; padding:0px; border-bottom:0px; border-top:0px; }
div#menu ul li ul li {width:150px; text-align:left;}
div#menu ul li a {
	display:block;
	width:100%;
	height:23px;
	text-indent:-100em;
	overflow:hidden;
	background-position:center right;
	background-repeat:no-repeat;
}
a#home { background-image:url(images/menu-home.gif); }
a#home:hover { background-image:url(images/menu-home-o.gif); }
a#concerts { background-image:url(images/menu-concerts.gif); }
a#concerts:hover { background-image:url(images/menu-concerts-o.gif); }
a#logistics { background-image:url(images/menu-logistics.gif); }
a#logistics:hover { background-image:url(images/menu-logistics-o.gif); }
a#sponsors { background-image:url(images/menu-sponsors.gif); }
a#sponsors:hover { background-image:url(images/menu-sponsors-o.gif); }
a#archive { background-image:url(images/menu-archive.gif); }
a#archive:hover { background-image:url(images/menu-archive-o.gif); }
a#media { background-image:url(images/menu-media.gif); }
a#media:hover { background-image:url(images/menu-media-o.gif); }
a#contact { background-image:url(images/menu-contact.gif); }
a#contact:hover { background-image:url(images/menu-contact-o.gif); }
/***END MENU***/

div#left {float:left; display: inline;}
div#left.concerts {
	background-image:url(images/schedule-photo.jpg);
	background-repeat:no-repeat;
	padding:227px 0px 0px 108px;
	width:88px;
	height:138px;
	}
div#left.concerts h2 {
	font-size:14px;
	color:#ffffff;
	margin:0;
	}
div#left.concerts ul {
	list-style-type:none;
	margin:0px;
	border-left:1px dotted #959A77;
	padding:0px 0px 0px 7px;
	font-size:12px;
	}
div#left.concerts ul li {margin:0px; padding:0px;}
div#left.concerts ul li a {color:#ffffff;}
div#left.concerts ul li a:hover {color:#F1F6D0}

div#left.logistics {
	background-image:url(images/logistics-photo.jpg);
	background-repeat:no-repeat;
	padding:157px 0px 0px 58px;
	width:138px;
	height:208px;
	}
div#left.logistics ul {
	list-style-type:none;
	margin:0px;
	border-right:1px dotted #959A77;
	padding:0px 7px 0px 0px;
	font-size:12px;
	text-align:right;
	}
div#left.logistics ul li {margin:0px; padding:0px;}
div#left.logistics ul li a {color:#ffffff;}
div#left.logistics ul li a:hover {color:#F1F6D0}

div#left.sponsors {
    background: url(images/sponsors-photo.jpg) no-repeat top left;
	padding:227px 0px 0px 108px;
	width:88px;
	height:138px;
	}
    /*width:196px;
	height:365px;*/
	}
div#left.archive {
	background-image:url(images/archive-photo.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:365px;
	}
div#left.news {
	background-image:url(images/news-photo.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:365px;
	}
div#left.contact {
	background-image:url(images/contact-photo.jpg);
	background-repeat:no-repeat;
	float: left;
	display: inline;
	width:196px;
	height:365px;
	}


div#main {float:left; display: inline; overflow: hidden; padding: 0; margin: 0; background-image:url(images/main-bg.gif); background-repeat:repeat-y; width:401px;}
div#maincontent {margin: 0; padding:7px 60px 7px 10px; height:333px; overflow:auto; color:#ffffff;}
div#maincontent h1 {font-size:26px; color:#B7D6EB; border-bottom:1px dotted #ffffff; padding: 0; margin: 0; padding-bottom:10px;}
div#maincontent h1.single {margin-top:56px;}
div#maincontent p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:7px;}
div#maincontent h3 {font-size:14px; color:#30526A; margin-bottom:7px;}
div#maincontent h3 a, div#maincontent a {color:#ffffff; font-weight:normal;}
div#maincontent h3 a:hover, div#maincontent a:hover {color:#F1F6D0;}
div#maincontent h3:target {background-color:#ebebeb; padding:5px;}
div#maincontent h3:target a {color:#333333;}
div#maincontent h3:target a:hover {color:#87BBDE;}

.indent { text-indent:20px; }

div#footer {clear:both; margin-top:29px; border:2px solid #ffffff;}
div#address {text-align:right; color:#DBE4EA; font-size:12px; padding:12px 0px;}

div.post {
	border: 1px solid #fff;
	border-left: none;
	border-right: none;
}
ul.submenu {
    /*background: #ebebeb;*/
    padding: 0px;
    display: none;
    border-bottom:1px solid #cfcfcf;
}

ul.submenu li {
  background: #ebebeb;
  border: 1px solid #cfcfcf;
  border-bottom:0px;
  margin:0px 0px 0px;
}
div#menu ul li ul.submenu li { margin:0;}
div#menu ul li ul.submenu li a { line-height:20px; text-indent:4px;}
ul.submenu li a {
    font-family: arial, sans-serif;
    font-size: 11px !important;
    text-decoration: none;
    color: #30526A !important;
    font-weight: bold !important;
    /*text-indent: 0 !important;*/
}
ul.submenu li a:hover {
    color: #fff !important;
    background: #30526A;
}