body {
	background-color: #ffffff;
  background-attachment: fixed;
  background-x-position: left;
  background-y-position: top;
}

h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}

/** Links **/
a { color: #3a64c3; text-decoration: none }
a:visited { color: #3b3b9b; }
a:hover { text-decoration: underline; color: #2565f7; }
a.highlight { color: #f90; }
a.highlight:hover { color: #f90; text-decoration: none; }
a.friend { font-weight: bold; }

strong {
  font-weight: bold;
}

.wrapper {
position: relative;
}

#hd {
}

#hd, #hd #nav a {
  font-weight: bold;
  color: #333333;
}

#hd #nav {
  height: 74px;
}

#hd .header-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 259px;
  height: 74px;
}

#hd #nav-list {
  position: absolute;
  margin-left: 70px;
  top: 48px;
}

#hd li {
  display: inline;
  padding: 0;
  margin: 0;
}

#hd #nav a {
  text-decoration: none;
}

#hd #nav a:hover {
  text-decoration: underline;
}

#hd #nav p {
  font-size: 12px;
  padding: 2px 5px 0px 0px;
}

#hd #nav p a {
  text-decoration: underline;
  color: #FFFFCC;
}

#nav-list a {
  font-size: 15px;
  padding: 4px 8px 4px 8px;
  float: left;
}

#hd #nav-list ul li a {
  background: transparent url(/images/bg_navlist.png);
}

* html #hd #nav-list ul li a {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_navlist.png',sizingMethod='scale');
}

#hd #nav-list a:hover {
  background-color: #000;
}

#hd #nav h3, #nav p  {
  text-align: right;
}

#hd a.brand {
  position: absolute;
  top: 48px;
  right: 10px;
}

#hd #nav strong {
  font-size: 14px;
  margin-left: 10px;
}

#hd #nav-sub {
  height: 22px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #d5d5d5;
  font-size: 11px;
}

#hd #nav-sub ul {
  margin-left: 70px;
}

#hd #nav-sub ul li a {
  text-decoration: none;
  float: left;
  padding: 4px 8px 4px 8px;
}

#hd #nav-sub a:hover {
  background-color: #ccc;
}

#changeloc {
  margin-left: 5px;
}

#changeloc small {
  font-size: 11px;
  color: #999;
}

#changelocmenu {
  padding: 8px;
  font-size: 11px;
  width: 250px;
}

#changelocmenu form {
  font-size: 12px;
}

#bd {
  margin-bottom: 20px;
}

#bd a:hover {
  text-decoration: underline;
}

#bd-top {
  padding: 5px 0px 5px 10px;
}

#bd-top #location h1 {
  color: #F9C000;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -.04em;
  margin: 0px 5px 0px 0px;
}

#bd-top #location h1 a {
  font-size: 24px;
  color: #F9C000;
}

#bd-top #location a {
  font-size: 11px;
  font-weight: bold;
}

#bd-top #location img {
  vertical-align: middle;
}

#search .searchForm {
  float: right;
}

#search h4 {
color: #666;
float: left;
margin: 10px 5px 0px 0px;
}

#search p {
  float: left;
  margin-right: 10px;
  height: 30px;
}

#search label {
  display: block;
  font-size: 10px;
}

#search input {
  font-size: 12px;
}

#search .submit {
  background-color: #990000;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.placesearch .submit {
  background-color: #990000;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.event {
  color: #333;
  font-size: 12px;
}

.event.med {
margin: 0px 0px 14px 0px;
}

.event.med .event-title, .event.med .event-metadata {
  margin-left: 48px;
}



.event.low {
margin: 0px 0px 12px 0px;
}

.event-people, a.event-people:link, a.event-people:visited {
border: 1px solid #ccc;
color: #cc0000;
display: block;
float: left;
       font-size: 14px;
       font-weight: bold;
  letter-spacing: -.04em;
margin: 0px 8px 4px 0px;
padding: 2px 4px 2px 4px;
         text-decoration: none;
         text-align: center;
}

.event-people strong {
color: #000;
display: block;
         font-size: 9px;
         margin-top: -3px;
}

#bd a.event-people:hover {
  background-color: #cc0000;
color: #fff;
       text-decoration: none;
}

#bd a.event-people:hover strong {
color: #fff;
}

.event.med .event-people {
width: 30px;
}

.event.med .event-title {
  display: block;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.event.low .event-title {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;  
}

.event.low .event-metadata {
  font-size: 11px;
}

.event-description {
  color: #666;
  font-family: verdana;
  font-size: 11px;
  overflow: hidden;
  margin: 5px 0px 8px 0px;
}

.event-person {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0;
}

.event-person img {
  border: 1px solid #ccc;
  padding: 1px;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
}

.giveaway {
  padding: 8px;
  background-color: #009900;
  border: 1px solid #666;
}

.giveaway form {
  text-align: right;
}

.giveaway form label {
  font-size: 1.2em;
  margin-right: 8px;
font-weight: bold;
}

.giveaway form input {
  margin-bottom: 4px;
}

.giveaway form input.submit {
  font-weight: bold;
  font-size: 1.2em;
}

.thisweek-group-day {
  color: #F9C000;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  text-align: right;
  width: 30px;
}

.thisweek-group-events {
  margin-left: 38px;
  padding-left: 8px;
  border-left: 1px solid #F9C000;
}

.thisweek-group-events .event.low .event-title, .thisweek-group-events .event.low .event-metadata {
  margin-left: 0px;
}



#calContainer {
width: 162px;
border: 1px solid #f2f2f3;
float: left;
       font-size: 10px;
position: relative;
}

.calendar-links {
float: left;
       font-size: 12px;
margin: 20px 0px 0px 10px;
}

.hun-calendar {
  border-collapse: separate;
}

.hun-calendar .calheader {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.hun-calendar .calweekdayrow, .hun-calendar .calweekdaycell {
  background-color: #ededed;
color: #666;
       font-size: 11px;
       font-weight: bold;
padding: 2px;
         text-align: center;
}

.hun-calendar td.calcell {
  background-color: #f7f7f7;
border: 1px solid #fff;
width: 22px;
height: 20px;
        text-align: center;
}

.hun-calendar td.calcell.today {
  background-color: #F9C000;
  font-weight: bold;
}

.hun-calendar td.calcell a {
  text-decoration: none;
color: #666;
}

.hun-calendar td.calcell.today a {
color: #000;
}

.hun-calendar td.calcell.calcellhover {
cursor:pointer;
color:#FFF;
background-color:#F9C000;
border:1px solid #F9C000;
}

.hun-calendar td.calcell.calcellhover a {
color:#FFF;
}

.hun-calendar td.calcell.restricted {
  text-decoration:line-through;
}

.hun-calendar td.calcell.oom {
visibility: hidden;    
}

.hun-calendar .calnavleft {

cursor: pointer;
left: 0;
      margin-top: 2px;
position: absolute;
height: 12px;
width: 9px;
}

.hun-calendar .calnavright {

cursor: pointer;
        margin-top: 2px;
position: absolute;
right: 0;
height: 12px;
width: 9px;
}

.photos-lead, .photos-sub {
  background-color: #fff;
border: 1px solid #ccc;
        font-size: 11px;
        margin-bottom: 10px;
padding: 4px;
position: relative;
width: 240px;
}

.photos-lead .photo-event {
  background-color: #fff;
display: block;
padding: 4px 6px 2px 6px;
position: absolute;
top: 0;
left: 0;
}

.photos-lead .photo-credit {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  display: block;
  padding: 2px 6px 2px 6px;
  text-align: right;
}

.photos-sub .photo-gallery {
margin: 0px;
        text-align: center;
}

.photos-sub img {
margin: 1px;
}

#footer {
  margin: 10px;
  border-top: 1px solid #ccc;
}

#footer-legal {
  font-size: 10px;
  padding-bottom: 10px;
}

#footer-nav {
  font-size: 12px;
  padding: 10px 0px 10px 0px;
}

#footer-nav p {
  color: #999;
  clear: both;
  margin: 2px 0px 4px 0px;
}

#footer-nav strong {
  display: block;
  width: 60px;
  float: left;
}

/**
 * Gordon's hacks:
 *  * organize later, please
 */

.calcontainer { position: absolute; display: none; }
#container1 table, #container2 table {
  width: auto;
}
#filterCalContainer table {
  width: auto;
}
.calcontainer table {
	padding: 0px;
  margin: 0px;
  width: auto;
	border-spacing: 0px;
	border-collapse: separate; 
	border: 1px solid #D3D3D3;
}

.calcontainer table th {
  font-size: 11px;
}

.calcontainer table td {
  font-size: 11px;
  padding: 2px;
}

.calcontainer table td a:hover {
  background-color: transparent;
}

#venue_selector {position:relative;}
#venue_selector #ac_box {white-space: nowrap;}
#venue_autocomplete {position:relative;width:30em;margin-bottom:1em;}/* set width of widget here*/
#venue_autocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
#venueSearchInput {width:100%;height:1.4em;z-index:0;}
#venueSearchMatches {margin-left: 30px; position:absolute;top:2.0em;width:100%;padding:0px;}
#venueSearchMatches .hun-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;padding:0px;}
#venueSearchMatches .hun-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#venueSearchMatches ul {margin:0;padding:0;width:100%;}
#venueSearchMatches li {margin:0;padding:2px 5px;cursor:default;white-space:nowrap;border-bottom:1px solid #ccc;}
#venueSearchMatches li.hun-ac-highlight {background:#ff0;}
#venueSearchMatches li.hun-ac-prehighlight {background:#FFFFCC;}

#metro_selector {position:relative;}
#metro_selector #metro_ac_box {white-space: nowrap;}
#metro_autocomplete {position:relative;width:30em;margin-bottom:1em;}/* set width of widget here*/
#metro_autocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
#metroSearchInput {width:100%;height:1.4em;z-index:0;}
#metroSearchMatches {position:absolute;top:2.0em;width:100%;padding:0px;}
#metroSearchMatches .hun-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;padding:0px;}
#metroSearchMatches .hun-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#metroSearchMatches ul {margin:0;padding:0;width:100%;}
#metroSearchMatches li {margin:0;padding:2px 5px;cursor:default;white-space:nowrap;border-bottom:1px solid #ccc;}
#metroSearchMatches li.hun-ac-highlight {background:#ff0;}
#metroSearchMatches li.hun-ac-prehighlight {background:#FFFFCC;}

div.widget_button {
	position: relative;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	display: inline;
	float: right;
}

div.widget_button a.clicker {
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

/*** XXX Style Hacks b/c Avatar Card is in #hd #nav ***/
#dynavatar_card {
  color: black;
  text-align: left;
  font-family: verdana,sans-serif;
  padding-left: 4px;
}

.dynavatar_link img {
  border: 1px solid #ccc;
  padding: 2px;
  vertical-align: middle;
}

.dynavatar_link img.mOver {
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  padding: 2px;
  vertical-align: middle;
}

div.clicker_menu {
  visibility: hidden;
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
}

div.clicker_menu a {
  text-decoration: underline ! important;
  color: #3a64c3 ! important;
}

div.clicker_menu ul,
div.clicker_menu li {
  padding: 0;
  margin: 0;
  display: block;
}

div.clicker_menu,
div.clicker_menu ul {
  width: 20em;
}

div.clicker_menu li {
  list-style-type: none;
  position: relative;
  text-align: left;
  padding: 5px;
}

div.clicker_menu hr {
  height: 1px;
  border: 0px;
  color: #aaa;
  background-color: #aaa;
}

div.clicker_menu {
  position: absolute;
  top: 22px;
  right: 0;
  background-color: #fff;
  border-top: 1px solid #999;
  border-right: 3px solid #999;
  border-bottom: 3px solid #999;
  border-left: 1px solid #999;
  padding: 10px;
}

div.widget_button a.rollover {
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

div.rollover_menu a {
  text-decoration: underline;
  color: #3a64c3;
}

div.rollover_menu ul,
div.rollover_menu li {
  padding: 0;
  margin: 0;
  display: block;
}

div.rollover_menu,
div.rollover_menu ul {
  width: 20em;
}

div.rollover_menu li {
  list-style-type: none;
  position: relative;
  text-align: left;
  padding: 5px;
}

div.rollover_menu hr {
  height: 1px;
  border: 0px;
  color: #aaa;
  background-color: #aaa;
}

div.rollover_menu {
  position: absolute;
  background-color: #fff;
  border-top: 1px solid #999;
  border-right: 3px solid #999;
  border-bottom: 3px solid #999;
  border-left: 1px solid #999;
  padding: 10px;
}

.listNav {
  margin: 5px 0px 5px 0px;
  font-size: 14px;
  height: 20px;
  width: 750px;
}

.listNavLeft {
  float: left;
}

.listNavRight {
  float: right;
}

.myEventList, .friendEventList {
  width: 750px;
}

.myEventList td, .friendEventList td {
  background-color: transparent;
  vertical-align: top;
}

.myEventList td.fill, .friendEventList td.fill {
  border-top: 1px solid #ccc;
}

.myEventList .event-date, .friendEventList .event-date {
  width: 60px;
  font-weight: bold;
}

.myEventList .event-place, .friendEventList .event-place {
  width: 100px;
}

.myEventList .event-title, .friendEventList .event-title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  width: 400px;
}

.myEventList .event-people, .friendEventList .event-people {
  width: 200px;
}