@charset "utf-8";
html { 
	font-size: 100%; 
}

html>body {font-size: 11px}

body { 
	background: url(../images/site-background.gif) no-repeat center top #f5f3e9;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #251f0f;
}

h1 {
	font-size: 1.455em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	font-weight:  bold;
}

p {
	padding-bottom: .5em;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

/* Special cases */

header h1 {
	background: url(../images/logo.gif) no-repeat;
	width:655px;
	height:46px;
	text-indent:-9999px;
	margin: 10px auto 14px;
}

/* IDs */

#content_area {
	position: relative;
	width: 840px;
	margin: 0 auto;
}

#fp_left_col {
	width: 476px;
	margin-right: 20px;
	float: left;
}

#upcoming_tabs {
	position: relative;
	clear: both;
	z-index: 100;
}

#upcoming_tabs ul {
	position: relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	float: left;
}

#upcoming_tabs li.nolink, #upcoming_tabs h2.nolink, #fp_featured h2.nolink, #fp_signup h2.nolink {
	background: #FFF;
	display: block;
	float: left;
	margin: 0 0 0 6px;
	padding: 0 8px;
	border-top: #e4e2d9 2px solid;
	border-right: #e4e2d9 2px solid;
	border-left: #e4e2d9 2px solid;

	font-size: 2.8em;
	line-height: 1.2em;
	text-transform: uppercase;
	display: block;
	text-align: center;
	text-decoration: none;
	height: 1.3em;
	text-transform: uppercase;
}

#upcoming_tabs li.link, #content_area nav .link {
	background: #d1cfc8;
	display: block;
	float: left;
	margin: .1em 0 0 6px;
	padding: 0 8px ;
	border-top: #d1cfc8 2px solid;
	border-right: #d1cfc8 2px solid;
	border-left: #d1cfc8 2px solid;
	
	font-size: 2.8em;
	line-height: .97em;
	text-transform: uppercase;
	display: block;
	text-align: center;
	text-decoration: none;
	height: 1.2em;
	z-index: 40;
}

#content_area nav .link {
	display: block;
	position: relative;
}

#upcoming_tabs li.link a,  #content_area nav .link a {	
	color: #878787;
	text-decoration: none;
	cursor: pointer;
}

#upcoming_tabs li.link a:hover,  #content_area nav .link a:hover {	
	color: #251f0f;
	text-decoration: none;
	cursor: pointer;
}

#upcoming_tabs li.nolink a {	
	color: #251f0f;
	text-decoration: none;
	cursor: default;
}

#upcoming_wrapper, #featured_wrapper, #gen_wrapper, #signup_wrapper {
	position: relative;
	clear: both;
	padding: 8px;
	background: #FFF;
	border: #e4e2d9 2px solid;
	top: -.2em;
	z-index: 50;
}

#featured_wrapper, #signup_wrapper {
	width: 324px;	
}

#featured_wrapper {
	margin-bottom: 20px;
}

#signup_wrapper .text_input {
	width: 208px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
}


#featured_wrapper .day{
	padding-bottom: 1em;
}


#fp_upcoming {
	overflow: hidden;
}

#fp_featured, #fp_signup {
	float: left;	
}

#fp_featured h2.nolink, #fp_signup h2.nolink {
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

#gen_wrapper {
	padding: 30px 50px;	
	min-height: 320px;
}

#gen_wrapper h1 {
	font-size: 5.55em;
	text-transform: uppercase;
	margin-bottom: .1em;
}

#date_tickets {
	border-top: #878787 solid 1px;
	border-bottom: #878787 solid 1px;
	margin: 1em 0;
	padding: 1em 0;
}

#date_tickets .date {
	font-size: 1.5em;
	font-weight: bold;
}

#event_details_holder {
	float: left;	
	width: 414px;
}

#event_desc ul {
	margin-left: 1.5em;
}

#event_details_holder {
	float: left;	
	width: 414px;
}

#large_poster {
	width: 290px;
	float: left;
	margin-left: 30px;
}

#large_poster img {
	border: #d9d9d9	solid 2px;
}

#footer {
	width: 834px;
	margin: 30px auto 0;
	border-top: #bebdb8 solid 1px;
	padding: 2em 0 0;
	height: 106px;
	background: url(../images/footer-background.gif) top right no-repeat;
}

footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
}

footer li {
	display: block;
	float: left;
	padding: 0 16px;
	border-left: #b2ad9f 1px solid;
}

footer li.first {
	padding-left: 5px;
	border: none;
}

footer #copyright {
	display: block;
	float: right;
}

footer a {
	color: #251f0f;
	text-decoration: none;
}

footer a:hover {
	color: #17809a;
}

.large_date {
	padding: 4px 0 4px 0;
	float: left;
	width: 140px;
}

.large_date h1 {
	text-transform: uppercase;
	font-size: 5.55em;
	font-weight: normal;
}

.date_past, .date_today, .date_future, .dead_day {
	clear: both;
	border-top: #999 solid 2px;
	padding: 5px 8px .5em;
}

.dead_day, .date_past, .dead_day a, .date_past a {
	color: #d2cfc8;
}

.event_summary {
	margin: 0 0 .45em 0;
	float: left;
	width: 298px;
}

.blurb_snippet {
	display: block;
	line-height: 1.1em;
	margin: .4em 0;
	min-height: 5em;
}

.no_blurb {
	display: block;
	margin-top: .95em; 
}

.event_top_margin {
	margin-top: 1.5em;	
}

h1.main_feature {
	margin: 12px 0 8px;
	text-transform: uppercase;
	font-size: 5.55em;
}

h1.main_feature a {
	color: #eb008b;	
}

h1.main_feature a:hover {
	color: #f764bb;	
	text-decoration: none;
}

.main_feature_date {
	font-weight: bold;
	font-size: 1.455em;	
}

a .small_poster {
	margin-left: 10px;
	//margin-top: -1.4em;
	border: #3a3a3a solid 1px;
	float: right;
}

a .med_poster {
	margin: 0 0 10px 10px;
	border: #ededed solid 2px;
	float: right;
}

.month_head {
	font-size: 3em;
	text-transform: uppercase;
	margin: .4em 0 .2em 10px;;
}

/*day colours*/

.monday {
	border-color: #d73a05;
}

.tuesday {
	border-color: #89775f;
}

.wednesday {
	border-color: #90b104;
}

.thursday {
	border-color: #f3c008;
}

.friday {
	border-color: #179fc2;
}

.saturday {
	border-color: #eb008b;
}

.sunday {
	border-color: #e26303;
}

.date_future.monday {
	background: #d73a05;
}

.date_future.tuesday {
	background: #89775f;
}

.date_future.wednesday {
	background: #90b104;
}

.date_future.thursday {
	background: #f3c008;
}

.date_future.friday {
	background: #179fc2;
}


.date_future.saturday {
	background: #eb008b;
}

.date_future.sunday {
	background: #e26303;
}

.day {
	min-height: 4.5em;
	*height: 4.5em;
	position: relative;
}

.day a {
	text-decoration: none;
}

.day a:hover {
	text-decoration: underline;
}

.date_future a  {
	color: #241e0e;
}

.date_today {
	border-color: #241e0e;
	background: #241e0e;
	color: #fff;
}

.date_today a {
	color: #fff;
}

.date_today .large_date h1 {
	font-weight: bold;
}

/*end of days */

#status {
	position: absolute;
	left: 700px;
	top: -10px;
	width: 140px; 
	font-weight: bold;
	line-height: 1em;
	z-index: 500;
}

.triangle-border {
	position:relative;
	padding:5px 10px 6px;
	border:2px solid #343434;
	color:#333;
	background:#fff001;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* creates the larger triangle */
.triangle-border.top:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	width:0;
	height:0;
	
	top:-36px; /* value = - border-top-width - border-bottom-width */
	right:auto; /* controls horizontal position */
	bottom:auto;
	left:10px;
	border-width:18px 18px 18px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:transparent transparent #343434;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	width:0;
	height:0;
	
	top:-28px; /* value = - border-top-width - border-bottom-width */
	right:auto; /* value = (:before right) + (:before border-right) - (:after border-right) */
	bottom:auto;
	left:12px;
	border-width:15px 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:transparent transparent #fff001;
}

/*share*/

.share {
	background: #efefef;
	display: inline-block;
	margin: .2em .5em .2em 0;
	padding: 5px 5px 5px 7px;
	color: #251f0f;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	cursor: pointer;
}

.share:hover {
	background: #dfdfdf;
}

.share img {
	vertical-align: bottom;
}

/*buttons*/

.butt {
	background: #d4d4d4 url(../images/button-gradient.png) repeat-x ;
	display: inline-block;
	margin: 1em 0;
	padding: 8px 12px;
	color: #251f0f;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #ccc;
	-webkit-box-shadow: 0 1px 2px #ccc;
	text-shadow: 0 1px 1px #FFF;
	border: 1px solid #ababab;
	position: relative;
	cursor: pointer;
}

.butt.small {
	font-weight: normal;
	margin-left: 5px !important;
	border: none; 
	padding: 4px 6px 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

a.butt.small  {
	margin: 0;
	color: #000;
}

button.butt.small  {
	margin: 0;
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 24px;
}


.butt:hover {
	background-color: #999; 
	text-decoration: none !important;
}

.butt:active {
	top: 1px;
	background: #d4d4d4 url(../images/button-gradient-rev.png) repeat-x bottom;
}

/* dodgy */

.clearer {
	clear: both;
}

.hidden {
	visibility: hidden;
	height: 0;
}