@charset "UTF-8";
/* CSS Document */

html {
   height:100%;
}

* {
   padding:0px;
   margin:0;
}

body {
	margin: 0px;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	height:100%;
}
h1, h2, h3, h4 {
	letter-spacing:-0.9px;
	color:#4D4D4D;
/* 	line-height:1.2; */
}
h1, h2, h4 {
	margin:10px 0;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:21px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
p {
	margin:5px 0;
	font-size:12px;
	line-height:1.5;
}
#extrainfo p.emphasis, h5 {
	font-size:14px;
	font-weight:bold;
	margin-top:9pt;
}

#wrapper {
	width:800px;
	padding:10px;
}

#header {
/* 	width:540px; */
	width:800px;
	
	height:115px;
	background-color:#FFFFFF;
/* 	float:left; */
}
#err_503 #header {
	height:95px;
}
#header > *, #header form, #header #navigation {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
/* clearfix */
#wrapper:after,
#header:after,
.firstsection:after,
.featureboxes:after,
#firstcontent:after,
#secondcontent:after { clear:both; content:""; display:block; height:0; visibility:hidden }
#wrapper,
#header,
.firstsection,
.featureboxes,
#firstcontent,
#secondcontent { _height:1% } /* IE */

#header form[name=mailinglist], #header form {
	margin-right:20px;
	float:right;
}
#header * {
	vertical-align:middle;
}
/* #header input[name="Email Address"], #header input {
	margin-bottom:1px;
}
 */
#err_503 #header a~* {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
#err_503 h1, #err_503 p {
	zoom:1.4;
}
.clear {
	clear:both;
	height:0px;
	width:0px;
}

#firstcontent {
	width:760px;
	background-color:#FFFFFF;
	padding:20px; 
}
#err_503 #firstcontent {
	padding-top:0;
	margin-top:-15px;
}

#secondcontent {
	width:505px;
	float:right;
	background-color:#FFFFFF;
	padding:0px 20px 20px 20px;
}

#footer {
	margin-top:5px;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
}

#blackbox {
	width:213px;
	background-color:#000000;
	padding:20px;
	float:left;
}

#blackbox ul  li {
	list-style-position:inside;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:21px;
	letter-spacing:-0.9px;
	color:#FFFFFF;
	line-height:20px;	
}

#blackbox ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:21px;
	letter-spacing:-0.9px;
	color:#FF0000;
	
}

#blackbox span {
	color:#FFFFFF;
}

#blackbox {
	color:#666666;
}

#sponsors {
	margin-top:30px;
}

#mainwindow {
	width:507px;
	float:right;
/* 	margin-bottom:20px; */
/* 	background-color:#000000; */
}
.flyer, .flyer img {
	display:inline;
}
.flyer {
	margin:0 -1px 1px 0;
	border-style:solid;
	border-width:1px;
	border-color:transparent silver silver;
}
.flyer:hover {
	margin-bottom:0px;
	border-bottom:red 2px solid;
/* 	margin:; */
}
#extrainfo {
	margin:20px;
}

.featureboxes {
	width:760px;
/* 	height:255px; */
	margin-top:20px;
}
.featureboxes div:first-child {
	float:left;
	margin-left:0px;
}
.featureboxes div {
	width:240px;
	float:right;
	margin-left:20px;
}
.featureboxes img {
	border: 0 none;
}

.featureimage {
	margin:10px 0px 10px 0px;
}

.homethumb {
	border-color:#999999;
	border-width:1px;
	border-style:solid;
}

.eventthumb {
	margin-bottom:20px;
	border-color:#999999;
	border-width:1px;
	border-style:solid;
}

.gallerythumb {
	margin:0px 9px 10px 0px;
}

.gallerythumbright {
	margin:0px 0px 10px 0px;
}

.input {
	width:60px;
/* 	height:9px; */
	font-size:9px;
	color:#666666;
	background-color:#CCCCCC;
	border-color:#333333;
	border-width:1px;
	padding:2px;
	margin:0px 4px;
}

.yellow {
	color:#FFFF00;
}

.white {
	color:#FFFFFF;
}

.red, .selected {
	color:#FF0000;
}

a:link {
	color: #FF0000;
	text-decoration:none;
}

a:hover {
	color: #FF0000;
	text-decoration:underline;
}

a:visited {
	color: #FF0000;
	text-decoration:none;
}

/*   Navigation   */

#navigation {
	width:520px;
	height:23px;
	margin-left:20px;
}

#navigation ul {
	margin:0px;
	height:23px;
}

#navigation ul li {
	list-style-type:none;
	height:23px;
	float:left;
	text-transform:none;
}

#navigation ul li a {
	height:23px;
	display:block;
	text-decoration:none;
}

#navigation ul li a span{
	visibility:hidden;
}
/* Nav buttons */


#navigation .home.nav, #navigation .homeNav {
	background-image:url(/globals/images/navigation/home_off.gif);
	background-repeat:no-repeat;
	width:50px;
}

#navigation .home.nav:hover, #navigation .homeNav:hover,
#navigation .home.nav.selected, #navigation .homeNavSelected {
	background-image:url(/globals/images/navigation/home_on.gif);
	background-repeat:no-repeat;
	width:50px;
}

#navigation .events.nav, #navigation .eventsNav {
	background-image:url(/globals/images/navigation/eventarchive_off.gif);
	background-repeat:no-repeat;
	width:120px;
}

#navigation .events.nav:hover, #navigation .eventsNav:hover,
#navigation .events.nav.selected, #navigation .eventsNavSelected {
	background-image:url(/globals/images/navigation/eventarchive_on.gif);
	background-repeat:no-repeat;
	width:120px;
}

#navigation .profiles.nav, #navigation .profilesNav {
	background-image:url(/globals/images/navigation/profiles_off.gif);
	background-repeat:no-repeat;
	width:72px;
}

#navigation .profiles.nav:hover, #navigation .profilesNav:hover,
#navigation .profiles.nav.selected, #navigation .profilesNavSelected {
	background-image:url(/globals/images/navigation/profiles_on.gif);
	background-repeat:no-repeat;
	width:72px;
}

#navigation .media.nav, #navigation .mediaNav {
	background-image:url(/globals/images/navigation/media_off.gif);
	background-repeat:no-repeat;
	width:57px;
}

#navigation .media.nav:hover, #navigation .mediaNav:hover,
#navigation .media.nav.selected, #navigation .mediaNavSelected {
	background-image:url(/globals/images/navigation/media_on.gif);
	background-repeat:no-repeat;
	width:57px;
}

#navigation .blog.nav, #navigation .blogNav {
	background-image:url(/globals/images/navigation/blog_off.gif);
	background-repeat:no-repeat;
	width:47px;
}

#navigation .blog.nav:hover, #navigation .blogNav:hover,
#navigation .blog.nav.selected, #navigation .blogNavSelected {
	background-image:url(/globals/images/navigation/blog_on.gif);
	background-repeat:no-repeat;
	width:47px;
}

#navigation .about.nav, #navigation .aboutNav {
	background-image:url(/globals/images/navigation/about_off.gif);
	background-repeat:no-repeat;
	width:59px;
}

#navigation .about.nav:hover, #navigation .aboutNav:hover,
#navigation .about.nav.selected, #navigation .aboutNavSelected {
	background-image:url(/globals/images/navigation/about_on.gif);
	background-repeat:no-repeat;
	width:59px;
}

#navigation .links.nav, #navigation .linksNav {
	background-image:url(/globals/images/navigation/links_off.gif);
	background-repeat:no-repeat;
	width:52px;
}

#navigation .links.nav:hover, #navigation .linksNav:hover,
#navigation .links.nav.selected, #navigation .linksNavSelected {
	background-image:url(/globals/images/navigation/links_on.gif);
	background-repeat:no-repeat;
	width:52px;
}

#navigation .contact.nav, #navigation .contactNav {
	background-image:url(/globals/images/navigation/contact_off.gif);
	background-repeat:no-repeat;
	width:63px;
}

#navigation .contact.nav:hover, #navigation .contactNav:hover,
#navigation .contact.nav.selected, #navigation .contactNavSelected {
	background-image:url(/globals/images/navigation/contact_on.gif);
	background-repeat:no-repeat;
	width:63px;
}
.smallprint {
	font-style:italic;
/* 	display:inline-block; */
	color:#999;
	font-weight:normal;
	font-size:12px;
	text-transform: lowercase;
}
.smallprint:before {
	content: "(";
}
.smallprint:after {
	content: ")";
}

/* h5+p.smallprint {
	display:inline-block;
	background-color:red;
	
} */
#page_events a.link {
	font-weight:bold;
}
#page_events .extra {
	font-size:12px;
	display:block;
}
#page_events .caption {
	font-style:bold;
	margin-right:1em;
}
#page_events .gallery_text {
	margin:.5em 0 1em;
	line-height:1.5;
}
#page_events .extra, #page_events a.image {
	font-size:12px;
	margin:5px 0 !important;
}
body#page_city,
body#page_home { background-image: url(/globals/images/backgrounds/concrete.jpg) }
body#page_events { background-image: url(/globals/images/backgrounds/graffiti04.jpg) }
body#page_profiles { background-image: url(/globals/images/backgrounds/graffiti02.jpg) }
body#page_media { background-image: url(/globals/images/backgrounds/wires03.jpg) }
body#page_blog { background-image: url(/globals/images/backgrounds/graffiti05.jpg) }
body#page_about,
body#page_links { background-image: url(/globals/images/backgrounds/lights01.jpg) }
body#page_contact { background-image: url(/globals/images/backgrounds/graffiti07.jpg) }

#flyer_gallery_images {
	border:0 solid silver;
	border-width:1px 0;
	padding:20px 0;
	margin:20px -1px;
	text-align:center;
}
#flyer_gallery {
	font-size:12px;
	text-align:right;
	
}
.pagination {
	font-size:14px;
	margin:20px 0;
	text-align:right;
}
#city_chooser {
	margin:0 -20px 20px;
	padding:0 12px 18px;
	width:776px;
	background-color:black;
}
#city_chooser li {
	display:block;
	vertical-align: top;
	font-size: 12px;
}
#city_chooser > ul > li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background-color:black;
	width:240px;
	margin:0 7px 0 9px;
}
#city_chooser h2 {
	color:#666;
	padding:20px 0 10px;
}
#city_chooser img {
	margin-bottom:10px;
}
#city_chooser ul ul li {
	margin:10px 0;
}
#city_chooser li a  {
	color:#4d4d4d;
}

#city_chooser li:hover h2 {
	color:red !important;
	border-color: red;
}
#city_chooser {
	margin-bottom:30px;
}
#header {
	position:relative;
	background-color: transparent;
}
#header a {
	position:absolute;
	width:540px;
	display:block;
	background-color:white;
}
#header div a {
	position:static;
	width:auto;
	display:block;
	background-color: transparent;
}
#header form, #navigation {
	margin:0;
	padding:0 20px 20px;
}
#navigation, #header form {
	background-color: white;
	position:static;
	margin-top:92px;
}
#header form {
	position:absolute;
	top:-30px;
	background-color: white;
	left:530px;
	margin-right:0 !important;
	padding-top:30px;
	width:230px;
}
#navigation {
	width:520px;
	margin-right:0;
	padding-right:0;
}
#city_chooser li li a:before,
#city_chooser li a li:before {
	content: "➔ ";
	margin-right:2px;
}
#city_chooser li a:hover h2 {
	color:red;
	text-decoration:underline;
}
#city_chooser li a:hover,
#city_chooser li a li:hover {
	color:yellow;
}