body { 
border-top: 5px solid #06c;
}

#footer	{
	color: #666;
	padding: 20px 0;
	text-align: right;
}

#formButton	{
	background: #06c;
	color: #fff;
}

/**********************
* Header - Top Nav
**********************/

#topNav {
float: left;
width: 930px;
padding: 5px 10px 3px;

}

ul#siteNav, ul#postNav {
list-style-type: none;
padding: 0;
margin: 10px 0 12px 0;
}

ul#siteNav {
float: left;
width: 300px;
}

ul#postNav {
float: right;
}

ul#siteNav li, ul#postNav li {
display: inline;
font-size: 16px;
}

ul#siteNav li a, ul#siteNav li a:hover {
font-size: 34px;
line-height: 24px;
letter-spacing: -1px;
}

ul#siteNav li a:hover {
border-bottom: 1px solid #fff;
}

ul#postNav li {
margin-left: 5px;
font-weight: bold;
}

ul#postNav li a {
border: 2px solid #ccc;
padding: 2px 10px;
color: #fff;
background: #06c;
font-weight: normal;
}

ul#postNav li a:hover {
background: #fff;
color: #06c;
}


/****************************
* Header - Sub Nav
****************************/

#subNav {
float: left;
width: 930px;
padding: 3px 10px 5px;
background: #eee;
border-top: 3px solid #fff;
color: #666;
}

#accountInfo {
list-style-type: none;
float: left;
width: 880px;
text-align: left;
padding: 0;
margin: 0;
font-size: 18px;
}

#accountInfo li {
display: inline;
}

#accountInfo li img {
padding-top: 5px;
height: 16px;
}

#header h2	{
	padding: 0 7px;
	margin: 0 0 -30px;
	font-size: 96px;
	font-weight:bold;
	letter-spacing: -5px;
}



h3 {
float: left;
width: 507px;
margin: 0 0 50px 0;
text-align: right;
color: #666;
}





#footer p	{
	margin: 10px;
	font-size: 12px;
}

.premium	{
	background: #ffc;
	font-weight: bold;
}

.center	{
	text-align: center;
}

.contentSection	{
	padding: 0 10px;
}

.contentSection h2 {
font-weight: bold;
font-size: 28px;
color: #000;
border-bottom: 1px solid #eee;
}

.contentSection ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.contentSection ul li {
font-size: 20px;
margin-bottom: 20px;
line-height: 24px;
}

.contentSection p {
	font-size: 18px;
}

form#siteSearch	input, form#siteSearch option, form#siteSearch select, form#siteSearch button	{
	font-size: 20px;
}

form#siteSearch button	{
	background: #06c;
	color: #fff;
}

form#siteSearch button:hover	{
	background: #fff;
	color: #06c;
}

form#indexSearch	{
}

form#indexSearch input,form#indexSearch option, form#indexSearch select,form#indexSearch button	{
	font-size: 30px;
}

form#indexSearch button	{
	background: #06c;
	color: #fff;
}

form#indexSearch button:hover	{
	color: #06c;
	background: #fff;
}

form#searchForm {
background: #ddd;
padding: 0px 15px;
width: 426px;
}

form#searchForm input, form#searchForm option, form#searchForm select, form#searchForm button {
font-size: 18px;
}

form#searchForm button {

}

form#searchForm button:hover {
	color: #fff;
	background: #06c;
}

div#featured_sponsor	{
	text-align: center;
	font-size: 14px;
	padding: 5px 0 7px;
	font-weight: bold;
}

div#featured_sponsor p	{
	margin: 0;
	padding: 0;
}

h1  {
	font-weight: bold;
	font-size: 40px;
	margin: 15px 0 35px;
	padding: 15px 10px 10px;
	text-transform: none;
	color: #333;
	line-height: 48px;
}

h1.giantFont	{
	padding: 0 0 20px;
	letter-spacing: -5px;
	font-size: 96px;
	margin: 60px 0 5px;
	border: none;
	font-weight: bold;
}

h1 a, h1 a:visited	{
	color: #06c;
}

h1 a:hover	{
	color: #900;
}

h2.leftPadding	{
	padding-left: 10px;
}

ul#areacodes	{
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
}

ul#areacodes li	{
	float: left;
	width: 25px;
	margin-right: 10px;	
}

ul#areacodes li a	{
	font-size: 16px;
	padding: 3px;
}

ul#areacodes li a:hover	{
	background: #06c;
	color: #fff;
}

div.eventInfo, div.venueDetails	{
	
}

div.eventInfo ul, div.venueDetails ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.eventInfo ul li, div.venueDetails ul li	{
	font-size: 18px;
	margin: 0 0 10px;
	line-height: 28px;
    padding: 3px 0 13px 10px;
	border-bottom: 1px solid #eee;
float: left;
width: 660px;
}

div.venueDetails ul li span.detailLabel, div.eventInfo ul li span.detailLabel {
float: left;
width: 100px;

margin-right: 20px;
}

div.venueDetails ul li span.details, div.eventInfo ul li span.details {
float: right;
width: 540px;
}

div.venueDetails h2, div.eventInfo h2	{
	margin: 0 0 10px 0;
	padding: 2px 0 6px 10px;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	border-bottom: 1px solid #eee;
}

div#breadcrumbs    {
    font-size: 16px;
	font-weight: bold;
    padding: 5px 15px 7px;
    text-transform: none;
	margin-top: 30px;
	color: #666;
}

div#breadcrumbs a.active	{
	border-bottom: 3px solid #900;
	color: #900;
}

div#breadcrumbs a:hover	{
	border-bottom: 3px solid #000;
	color: #000;
}

div.box {
}

div.box .input-text{
	border:1px solid #eee;
	color:#666666;
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
	padding-bottom: 10px;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:120px;
	text-align:left;
}

.premium    {
    background-color: #ffc;
}

.eventlist .postButton {
height: 20px;
}

.postButton a:link, .postButton a:visited {
color: #fff;
float: right;
width: 120px;
padding: 5px 0px 3px;
background: #06c;
text-align: center;
font-size: 16px;
}

.postButton a:hover {
background: #900;
}

.eventlist {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}

.eventlist h2   {
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0 5px 10px;
    margin: 0;
	text-transform: none;
	color: #333;
}

.eventlist h3   {
    text-align: center;
    margin: 15px 0;
    font-size: 26px;
	text-transform: none;
}

.eventlist ul   {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.span-11 .eventlist h2 {
	color: #666;
}

.span-11 .eventlist ul li {
margin: 0;
padding: 6px 10px 8px;
float: left;
width: 410px;
font-size: 14px;
border-top: 1px solid #eee;
color: #666;
}

.span-11 .locTitle {
float: left;
width: 100px;
margin-right: 20px;
}

.span-11 .eventTitle {
float: left;
width: 200px;
margin-right: 20px;
}

.span-11 .cityTitle {
float: left;
width: 90px;
}

.span-24 .eventlist ul li {
    margin: 0;
    padding: 6px 10px 8px;
    float: left;
    width: 930px;
    font-size: 20px;
	border-top: 1px solid #eee;
	color: #666;	
}

.span-24 .locTitle	{
	float: left;
	width: 250px;
	margin-right: 30px;
}

.span-24 .cityTitle	{
	float: left;
	width: 150px;
}

.span-24 .eventTitle	{
	float: left;
	width: 460px;
	margin-right: 30px;
}

.span-24 #withTime .eventlist ul li {
    margin: 0;
    padding: 6px 10px 8px;
    float: left;
    width: 930px;
    font-size: 16px;
	border-top: 1px solid #eee;
	color: #666;	
}

.span-24 #withTime .locTitle	{
	float: left;
	width: 170px;
	margin-right: 30px;
}

.span-24 #withTime .cityTitle	{
	float: left;
	width: 120px;
	margin-right: 10px;
}

.span-24 #withTime .eventTitle	{
	float: left;
	width: 395px;
	margin-right: 30px;
}

.span-24 #withTime .timeTitle	{
	float: left;
	width: 140px;
}

.span-17 .eventlist ul li    {
    margin: 0;
    padding: 2px 10px 4px;
    float: left;
    width: 650px;
    font-size: 14px;
	border-top: 1px solid #eee;
	color: #666;
}

.span-12 .eventlist ul li    {
    margin: 0;
    padding: 2px 10px 4px;
    float: left;
    width: 450px;
    font-size: 13px;
	border-top: 1px solid #eee;
	color: #666;
}

.span-12 .locTitle {
    float: left;
    width: 150px;
	margin-right: 10px;
}

.span-12 .cityTitle  {
    float: left;
    width: 105px;
	margin-right: 10px;
}

.span-12 .timeTitle  {
    float: left;
    width: 110px;
	margin-right: 5px;
}

.span-12 .eventTitle   {
    float: left;
    width: 330px;
	margin-right: 5px;
}
.span-17 .locTitle {
    float: left;
    width: 165px;
	margin-right: 15px;
}

.span-17 .cityTitle  {
    float: left;
    width: 100px;

}

.span-17 .timeTitle  {
    float: left;
    width: 125px;
}

.span-17 .eventTitle   {
    float: left;
    width: 335px;
	margin-right: 10px;
}

div.sidesection	{
	margin-bottom: 40px;
}

div.sidesection h2	{
	margin: 0 0 10px;
	padding: 2px 0 6px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
border-bottom: 1px solid #eee;
}

div.sidesection p, div.sidesection table, div.sidesection form	{
	padding: 0 10px;
}

div.sidesection ul	{
	margin: 0 0;
	padding: 0 0 20px;
	list-style-type: none;
}

div.sidesection ul li	{
	margin: 0 0 7px 0;
	padding: 0 10px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}

div.sidesection ul li a:hover	{
	color: #900;
}

div.sidesection form input#tags {
width: 210px;
}


div.upgradePlan {
width: 290px;
padding: 0 10px 15px;
border: 1px solid #ccc;
text-align: center;
}

div.upgradePlan strong {
color: #900;
}

div.upgradePlan h2 {
margin: 0;
padding: 0;
color: #06c;
font-weight: bold;
}

div.upgradePlan h3 {
margin: 0 0 15px;
padding: 0 0 5px;
text-align: center;
color: #666;
border-bottom: 1px solid #ccc;
width: 100%;
}

div.upgradePlan ul {
margin: 0 0 15px;
padding: 0;
list-style-type: none;
}

div.upgradePlan ul li {
font-size: 16px;
line-height: 18px;
margin: 0 0 7px;
padding: 0 0 7px;
border-bottom: 1px solid #eee;
}

div.upgradeDetails	{
	padding: 20px 0 20px 10px;
}

div.upgradeDetails p, div.upgradeDetails li	{
	font-size: 16px;
	color: #333;
}

div.upgradeDetails li {
	margin-bottom: 10px;
}

div.upgradeDetails h2	{
	font-weight: bold;
	color: #333;
	margin: 0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.eventlist li.large {
    font-size: 20px;
}

.eventlist li.medium    {
    font-size: 18px;
}

div.clubStory	{
	padding: 0 12px;
}

div.clubStory p	{
	font-size: 18px;
}

ul#eventsSide a:link, ul#eventsSide a:visited	{

}

ul.indexList	{
	list-style-type: none;
	padding: 0 10px;
width: 250px;
}

ul.indexList li	{
	display: inline;
	margin-right: 5px;
float: left;
}

ul#codesList	{
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
}

ul#codesList li	{
	display: inline;
	font-size: 30px;
	color: #999;
}

ul#codesList a	{
	padding: 2px 5px;
}

ul#codesList a:hover	{
	background: #06c;
	color: #fff;
}

/* Typography */

a, a:visited { color: #06c; text-decoration: none; }
a:hover { color: #900; text-decoration: none;  }

	a.red, a.red:visited { color: #c00; }
	

h2 { font-size: 26px; color: #666; padding: 3px 0 15px 0;  margin-top: 0; font-weight: normal;}

h2.caution	{
	padding: 15px 10px;
}

h2#cities, h2#venues	{
	font-size: 35px;
	font-weight: bold;
	color: #666;
	padding-left: 10px;
	margin: 20px 0 0;
}

/* Forms */

form#eventForm	{
	font-size: 20px;
	width: 100%;
	padding: 0;
	margin: 0;
}

form#eventForm span {
display: block;
font-weight: bold;
font-size: 16px;
clear: both;
}

form#eventForm span.required	{
	color: #900;
}

form#eventForm option, form#eventForm select {
height: 28px;
font-size: 18px;
margin: 0px;
}

form#eventForm input	 {
height: 20px;
font-size: 18px;
}

form#eventForm input {
}

form#eventForm label {
border: none;

}

form#eventForm label	{
	font-weight: normal;
	font-size: 11px;
	color: #000;
}

form#eventForm button {
	margin-top: 15px;
	font-size: 18px;
	background: #06c;
	color: #fff;
}

form#eventForm button:hover {
	background: #fff;
	color: #06c;
}

form#tagForm label {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

form#tagForm input {
	font-size: 20px;
}

form#tagForm button {
	font-size: 18px;
	margin-top: 10px;
	background: #06c;
	color: #fff;
}

form#tagForm button:hover {
	background: #fff;
	color: #06c;
}

/* Stats page */

.statsList {
padding: 10px;
}

.statsList ul {
list-style-type: none;
margin: 0 0 20px;
padding: 0;
}

.statsList li {
font-size: 16px;
}

.statsList h2 {
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
}

/* Blog */
.post {
padding: 10px;
margin: 60px 0 0
}

.post h2 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 28px;
}

.post h3 {
margin: 40px 0 10px;
padding: 0;
text-align: left;
width: 100%;
float: none;
color: #333;
}

.post small {
line-height: 0;
font-size: 11px;
text-transform: uppercase;
color: #666;
margin: 0;
padding: 0 0 0 2px;
}

.post .entry {
margin:30px 0 20px;
font-size: 14px;
}



.forumReply	{
	display: block;
}

.timeDiff {
font-size: 14px;
}

a span.timeDiff {
	color: #666;
}

.clubPost	{
	padding: 20px 10px;
font-size: 16px;
}

.clubPost h2	{
	font-size: 16px;
color: #06c;
margin-bottom: 5px;
line-height: 10px;
padding-bottom: 0;
}

.clubPost h3 {
margin: 0;
padding: 0;
text-align: left;
width: 100%;
float: none;
font-size: 12px;
line-height: 14px;
}

.bucksNumber {
text-align: center;
font-size: 94px;
font-weight: bold;
}

.white {
font-size: 12px;
font-weight: bold;
}

.fbconnect {
font-size: 12px;

}

.white img {
margin-right: 5px;
float: left;
width: 16px;
}

#friendsList {
list-style-type: none;
margin: 10px;
}

#friendsList li {
display: inline;
}

#friendsList li img {
padding: 2px;
border: 5px solid #ccc;
margin-right: 5px;
margin-bottom: 5px;
}

.span-24 .userName {
float: left;
width: 300px;
font-size: 34px;
font-weight: bold;
}

.span-24 .userImg {
	float: left;
	width: 58px;
	margin-right: 10px;	
}

.span-24 .userImg img {
border: 3px solid #ccc;
padding: 1px;
}

.span-24 .userTitle {
float: left;
width: 100px;
font-size: 34px;
font-weight: bold;
}

.span-24 .userBucks {
float: left;
width: 300px;
font-size: 34px;
font-weight: bold;
}

/* Calendar */
#calendar {
	width: 141px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Helvetica Neue", Arial, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar_big {
	width: 950px;
	padding: 0;
	margin: 0 0 20px;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Helvetica Neue", Arial, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


caption {
	margin: 0;
	padding: 0;
	width: 141px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}

th {
	font: bold 11px/20px "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background: #06c;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
    text-align: center;
}

.today {
	font-weight: bold;
	background: #fff6bf;
    text-align: center;
}

.old_day {
    background: #eee;
}

td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
}

#calendar_big td    {
    text-align: left;
    width: 135px;
    height: 100px;
    vertical-align: top;
}

td a, td.today a, td.today a:link, td.today a:visited {
	text-decoration: none;
	font-weight: bold;
}

td a:hover, td a:active {
	color: #6aa3ae;
}

/*********************
* Widgets Page
*********************/

.contentHeader h1 {
padding: 0 0 0 10px;
margin: 10px 0 0;
}

.contentHeader h2 {
padding-left: 10px;
}

.widgetBox {
border: 1px solid #ccc;
padding: 0 10px;
height: 430px;
}

.widgetBox h2 {
border-bottom: 3px solid #ddd;
padding: 0 0 2px;
color: #444;
}

.widgetBox p {
font-size: 14px;
line-height: 18px;
}

.widgetBox textarea {
width: 275px;
height: 80px;