body {
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		medium;
    background:		#000;
    color:		#eee;
    margin:		0;
    padding:		0;
}

img {
    border:	none;
}

#wrapper {
    width:	960px;
    margin:	10px auto;
    padding:	10px;
    background:	#333;
    border:	solid 2px;
}

#wrapper a,
#wrapper a:link,
#wrapper a:visited,
#wrapper a:active {
  color:	#fc9;
}

#wrapper a:hover {
  color:	#eee;
  text-decoration: none;
}

#header {
    background:	#111;
    color:	#eee;
}

#header img {
    display:	block;
    margin:	0 auto;
}

#header table {
    width:		100%;
    font-weight:	bold;
}

#nav {
    background:		#111;
    color:		#eee;
    font-weight:	bold;
    margin:		10px auto;
    padding:		5px;
    border:		solid #ccc 2px;
}

ul#minitabs {
  list-style:	none;
  margin:	0;
  padding:	7px 0;
  font-weight:	bold;
  text-align:	center;
  white-space:	nowrap;
}

ul#minitabs li {
  display:	inline;
  margin:	0 10px;
}

ul#minitabs a {
  text-decoration: none;
  padding:	0 0 3px;
  color: #ccc;
}

ul#minitabs a#current {
  border-color:	#000;
  color:	#ee0;
}

ul#minitabs a:hover {
  border-color: #000;
  color:	#fc9;
}

#footer {
    font-size:		small;
    font-weight:	bold;
    color:		#eee;
    background:		#111;
    margin:		10px 0;
    border:		solid 2px;
}

#footer p {
  text-align:	center;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
  color:	#fc9;
}

#footer a:hover {
  color:	#eee;
  text-decoration: none;
}

#content {
  margin:	0;
  padding:	0;
}

.announce {
    width:		700px;
    background:		#222;
    color:		#eee;
    border:		solid 2px;
    font-weight:	bold;
    margin:		10px 0;
    padding:		10px;
}

.announce a,
.announce a:link,
.announce a:visited,
.announce a:active {
  color:	#fc9;
  font-weight:	bold;
}

.announce a:hover {
  color:	#ee0;
  text-decoration: none;
}

.announce img {
  display:	block;
  margin:	5px auto;
}

.announce embed {
  display:	block;
  margin:	5px auto;
}

.announce h1 {
  color:	#CC0;
  margin:	0px;
  text-align:	center;
}

.announce h2 {
  font-size:	large;
  font-weight:	bold;
  margin:	0px;
  text-align:	center;
}

.announce h3 {
  margin:	0px;
  text-align:	center;
  color:	#ee0;
}

.announce ul {
  list-style:	none;
  margin:	5px auto;
  padding:	10px;
  background:	#922;
  border:	solid;
}

.announce li {
  text-align:	center;
}

.announce p {
  text-align:	center;
}

.announce table.bands {
  background:		#eee;
  color:		#000;
  table-layout:		fixed;
  border-collapse:	separate;
  width:		450px;
  margin:		0 auto;
}

.standout {
    background:	#fff;
}

.standout h1 {
    margin-top:	20px;
    font-family:	Georgia, Verdana, serif;
    font-size:	5em;
    color:	#f00;
}

.standout h2 {
    margin-top:	10px;
    font-family:	Georgia, Verdana, serif;
    font-size:	3em;
    color:	#f00;
}

.sidebar {
  background:	#111;
  color:	#eee;
  border:	solid 2px;
  font-size:	small;
  margin:	10px 0 0 0;
  padding:	10px;
}

.sidebar img {
  display:	block;
  margin:	3px auto;
}

.sidebar h1 {
  text-align:	center;
  margin:	0px;
  font-size:	medium;
  font-weight:	bold;
}

.sidebar a,
.sidebar a:link,
.sidebar a:visited,
.sidebar a:active {
  color:	#fc9;
}

.sidebar a:hover {
  color:	#ee0;
  text-decoration: none;
}

#mainLeft {
  float:	left;
  width:	690px;
  display:	inline;
  margin:	0;
  padding:	0;
}

.mainRight {
  float:	right;
  width:	230px;
  display:	inline;
  font-size:	.9em;
  margin:	10px 0;
}

.mainRight a,
.mainRight a:link,
.mainRight a:visited,
.mainRight a:active {
  color:	#fc9;
}

.mainRight a:hover {
  color:	#ee0;
  text-decoration: none;
}

#weekly {
    background:	#111;
    color:	#eee;
    padding:	5px 0;
    border:	solid 2px;
}

#weekly h1 {
    font-family:	"Lucida Console", "Courier New", Monaco, monospace;
    font-size:		large;
    color:		#fff;
    text-align:		center;
    margin:		0;
}

#weekly dt {
    background:		#666;
    color:		#fff;
    font-weight:	bold;
    text-align:		center;
    margin-top:		5px;
}

#weekly dd {
    margin-left:	10px;
    margin-top:		2px;
    font-size:		small;
    font-weight:	bold;
}

#weekly dd.event {
    font-weight:	bold;
    text-align:		center;
    color:		#cc0;
}

#weekly dd.event a:link,
#weekly dd.event a:visited {
    color:		#cc0;
}

/* =calendar
========================================*/

#calendar {
  font-family:		Verdana, Arial, Helvetica, sans-serif;
  font-weight:		bold;
}

#calendar h1 {
  text-align:		center;
}

#calendar img {
  display:	block;
  margin:	5px auto;
}

#calendar .controls {
  width:	430px;
  margin:	20px auto;
}

#calendar .controls input {
  margin-left:	15px;
}

#calendar table.month {
  table-layout:		fixed;
  border-collapse:	collapse;
  width:		99%;
  margin-left:		auto;
  margin-right:		auto;
  border:		3px solid #000;
}

#calendar table.month a,
#calendar table.month a:link,
#calendar table.month a:visited,
#calendar table.month a:active {
  font-variant:		normal;
  text-decoration:	underline;
  color:		#900;
}

#calendar table.month a:hover {
  color:		#090;
  text-decoration:	none;
}

table.month th {
  border:		2px solid #000;
}

table.month td {
  border:		2px solid #000;
}

table.month img {
  display:	block;
  margin:	5px auto;
}

table.month td.filler {
  background:		#999;
}

/*
table.month td#valentines {
  background:		url(/images/kiss.gif);
}
*/

table.month ul {
  list-style:		none;
  margin:		0;
  padding:		0;
}

table.month li.allday {
  text-transform:	uppercase;
  color:		#900;
  margin-bottom:	1.0em;
}

table.month li.holdem {
  color:	#060;
}

table.month li.trivia {
  color:	#909;
}

table.month li.trivia a,
table.month li.trivia a:link,
table.month li.trivia a:visited,
table.month li.trivia a:active {
  color:		#909;
  text-decoration:	underline;
}

table.month li.karaoke {
  color:	#309;
}

table.month li.karaoke a,
table.month li.karaoke a:link,
table.month li.karaoke a:visited,
table.month li.karaoke a:active {
  color:		#309;
  text-decoration:	underline;
}

table.month li.accent,
table.month li.accent a,
table.month li.accent a:link,
table.month li.accent a:visited,
table.month li.accent a:active {
  text-transform:	uppercase;
  color:		#900;
}

table.month li.accent a:hover {
  color:		#090;
  text-decoration:	none;
}

table.month li.event,
table.month li.event a,
table.month li.event a:link,
table.month li.event a:visited,
table.month li.event a:active {
  text-transform:	uppercase;
  color:		#080;
}

table.month li.event a:hover {
  color:		#009;
  text-decoration:	none;
}

table.month li.holiday {
  text-transform:	uppercase;
  text-align:		center;
  color:		#009;
  margin-bottom:	1.0em;
}

table.month tr.dow {
  height:		25px;
  text-align:		center;
  background:		#333;
  color:		#fff;
}

table.month tr.specials {
  height:		60px;
  font-size:		small;
  text-align:		center;
  background:		#222;
  color:		#fff;
}

table.month tr.dom {
  height:		25px;
  text-align:		center;
  background:		#666;
  color:		#fff;
}

table.month tr.day {
  height:		100px;
  font-size:		x-small;
  vertical-align:	top;
  text-align:		left;
  text-transform:	uppercase;
  background:		#fff;
  color:		#000;
}

/* =menu
**************************************/
.menu {
    background:		#222;
    color:		#eee;
    border:		solid 2px;
    font-weight:	bold;
    margin:		10px 0;
    padding:		10px;
}

.menu img {
  display:	block;
  margin:	5px auto;
}

/*******************************************************************
* From:
*	How To Clear Floats Without Structural Markup
* URL:
*	http://www.positioniseverything.net/easyclearing.html
*/

.stretch,
.clear {
  clear:	both;
  height:	1px;
  margin:	0;
  padding:	0;
  font-size:	15px;
  line-height:	1px;
}

.clearfix:after {
  content:	".";
  display:	block;
  height:	0;
  clear:	both;
  visibility:	hidden;
}

* html>body .clearfix {
  display:	block;
  width:	100%;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/******************************************************************/

.floatleft {
  position:	relative;
  float:	left;
  line-height:	1.2em;
  margin:	3px;
}

.bcenter {
  margin-left:	auto;
  margin-right:	auto;
}

.tcenter {
  text-align:	center;
}