/*  
	HIGH PERFORMANCE RODEO
	CSS by Structured Abstraction :: www.structuredabstraction.com
	--------------------------------------------------------------------
	green: #b1d335 ; red:#ee3a43; yellow: #b49a55; blue: #27446d;

*/





/* 
--------------------------------------------------------------------
GENERICS 
--------------------------------------------------------------------
*/



body {
	padding: 0px 0px 80px 0px;
	margin: 0px;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	background: #000000 url(/design/images/bg-bottom.jpg) bottom center no-repeat;	
	color: #797979;
	background-attachment: fixed; 
}

div {
/* 	border: 1px solid steelblue; */
}

body a:link, body a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

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

body a:active, a:focus {
      outline: 0;
}

body b {
	font-weight: bold;
}

body i {
	font-style: italic;
}

p {
	margin-top: 2px;
}

.clearMe { clear: both; }

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
}

h1 {
	text-transform: uppercase;
	font-size: 20px;
	}



/* 

--------------------------------------------------------------------

STRUCTURE

--------------------------------------------------------------------

*/



#masterContainer {
	background: url(/design/images/bg-top.jpg) top center no-repeat;
}

#masterContainer #wrapper {
	width: 930px;
	text-align: left;
	font-size:1.2em;	
	line-height: 1.5em;
}

#masterContainer #topArea {
	height: 139px;

}

/*
LAYOUT ELEMENTS
*/

/* NEED TO FIX THE BOX MODEL ON IE FIXME */

.leftColumn {
	float: left;
	padding: 0 18px 0 0;
	width: 180px;
}

.centreColumn {
	float: left;
	padding: 0 18px 0 0;
	width: 694px;
}

.rightColumn {
	float: left;
	padding: 0 0 0 0px;
}


/* NAVIGATION */

	#masterContainer #topArea #navRows {
		width: 760px;
		float: right;
	}

	#masterContainer #topArea #navRows #contact {
		height: 27px;
		text-align: right;
		font-weight: normal;
		color: #7d8191;
		font-size: 10px;
	}
	#masterContainer #topArea #navRows #contact a {
		padding-left: 20px;
	}	

	#masterContainer #topArea #navRows #festivalDetails {
		height: 66px;
		background: url(/design/images/festivaldetails.png) 0px 0px no-repeat;
		padding-left: 280px;
	}
		#festivalDetails a, #festivalDetails a:link, #festivalDetails a:visited {
			display: block;
			width: 280px;
			height: 33px;
			overflow: hidden;
			text-indent: -9999px;
		}
		#masterContainer #topArea #navRows #festivalDetails a.calendar, #masterContainer #topArea #navRows #festivalDetails a.lineup {
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		
		#masterContainer #topArea #navRows #festivalDetails a.calendar {
			background-image: url(/design/images/details-calendar.png);		
		}
		#masterContainer #topArea #navRows #festivalDetails a.lineup {
			background-image: url(/design/images/details-lineup.png);		
		}
		#masterContainer #topArea #navRows #festivalDetails a:hover  {
			background-position: 0px -33px;
		}

		
		#masterContainer #topArea #navRows #festivalDetails a.active {
			background-position: 0px -33px;
		}


/* LOGO */
	
	#logo {
		padding: 0px;
		margin: 0px;
		width: 170px;
		height: 139px;
		float: left;

	}
	
	#logo a, #logo a:link, #logo a:visited {
		text-indent: -9999px;
		display: block;
		margin: 0;
		padding: 0px;
		width: 170px;
		height: 139px;
		text-decoration: none;
		background: url(/design/images/logo.png) 0px 0px no-repeat;
	}
	
	#logo a:hover {
		background: url(/design/images/logo.png) 0px -139px no-repeat;
	}


#masterContainer #contentArea {
	background: #000000;
	padding: 10px;
	color: #acacac;
	font-size: 13px;
	line-height: 20px;
}

#masterContainer #content {
	padding-top: 34px;
	}	

#content b {
	color: #ffffff;
	}

/* NAV */

#nav {
	padding-left: 22px;
	padding-top: 12px;
}

#nav a, #nav a:link, #nav a:visited {	
	display: block;
	margin: 0px;
	padding: 17px 0px;
	margin: 0px;
	height: 13px;
	line-height: 13px;
	font-size: 12px;	
	vertical-align: middle;
	float: left;
	color: #ffffff;
	text-transform: uppercase;
	background: url(/design/images/nav-bullet.png) left center no-repeat;
	padding: 0px 28px 0px 10px;
	filter:alpha(opacity=70);
	opacity: 0.7;		
}

#masterContainer #topArea #nav a:hover, #masterContainer #topArea #nav a.current {
	filter:alpha(opacity=100);
	opacity: 1.0;
	text-decoration: none;
}

/* 
--------------------------------------------------------------------
KICK ASS CALENDAR 
--------------------------------------------------------------------
*/

ul#horizontalCalendar {
	background: url(/design/images/horz-calendar-linebg.png) 0 0 repeat-x;
	position:relative;
	width:910px;
	list-style:none;
	font-size:13px;
	margin:0px;
	padding:0px;
	display: block;
	height: 46px;
	z-index: 5;
	}
	
	
ul#horizontalCalendar li { 
	font-weight:normal;
	width:4%;
	float:left;
	font-size: 20px;
	height: 46px;
	color: #a1a1a1;
	margin: 0;
	padding: 0;
	text-align: center;
 }

ul#horizontalCalendar li span {
	height: 46px;
	display: block;
}
 
body #contentArea ul#horizontalCalendar li span { /* THE NUMBER */
	font-family:"Rockwell Regular", rockwell, "Courier New", Courier, "Times New Roman", Georgia, "Georgia", serif;
	font-weight:normal;
} 
 
ul#horizontalCalendar li span b {
	color: #666;
	font-size:9px;
	text-transform: uppercase;
	height:21px; 
	font-family: helvetica, arial;	
	display: block;
	line-height: 21px;
	vertical-align: middle;	
	}

ul#horizontalCalendar li.rollOut {
	background: transparent;
}

ul#horizontalCalendar li a:hover {
	text-decoration: none;
}

ul#horizontalCalendar li.activeDay  { /* DAYS THAT THIS EVENT HAPPEN */
	background: #27446d;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a6281), to(#2a476b) ) ;	
}
ul#horizontalCalendar li.activeDay b { /* DAYS THAT THIS EVENT HAPPEN */
	color: #a2b1c4;
}



	
ul#horizontalCalendar li.inActive, ul#horizontalCalendar li.inActive b { /* NO EVENTS ON THIS DAY */
	color: #333333;
}

ul#horizontalCalendar li.rollOver, ul#horizontalCalendar li.rollOver b { /* ROLLOVER STATE */
	background: #0097ca;
	color: #ffffff;
}



ul#horizontalCalendar li.dayView, ul#horizontalCalendar li.dayView b { /*THIS IS THE SINGLE DAY VIEW */
	background: #ee3a43;
	color: #000000;
}

ul#horizontalCalendar li span.today { /* TODAY */
	background: url(/design/images/today-arrow.png) center bottom no-repeat;
}



/* DROPDOWN EVENT LIST */


.rollOut table {
	display: none;
}

table.dayEventList {
	z-index: 100;
	background: #ffffff;
	width: 250px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: helvetica, arial;
}

table.dayEventList td {
	padding: 4px;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
	line-height: 1.1em;		
}

.dayEventList td.time {
	width: 50px;
	color: #898989;
	text-align: right;
	background: #fafafa;
	font-weight: bold;
}
.dropRight td.firstL {
	background: #fafafa url(/design/images/dropdown-arrow.png) 11px top no-repeat;
}
.dropLeft td.firstR {
	background: url(/design/images/dropdown-arrow.png) 160px top no-repeat;
}

.dayEventList td.details {
	text-align: left;	
}

.dayEventList td a {
	display: block;
}

.dayEventList td a.name {
	color: #b1d335;
/* 	text-transform: uppercase; */
	/* font-size: 14px; */
	}

.dayEventList td a.venue {
	color: #666;
	font-size:10px;	
}


/* 

--------------------------------------------------------------------

BOTBAR

--------------------------------------------------------------------

*/

#botBar {
	padding: 10px 0px 20px 0px;
	text-align: left;
	font-size: 10px;
	margin-top: 50px;
}

#botBar div.rowOne {
	height: 50px;
	vertical-align: middle;
	line-height: 50px;
	border-bottom: 1px solid #333333;
}

#botBar div.rowOne a.bug {
	float: right;
	display: block;
	background: url(/design/images/oyr-logo.png) right center no-repeat;
	font-size: 13px;
	height: 50px;
	width: 198px;
	padding-right: 40px;
	text-align: right;
	font-weight: normal;
}

#botBar a, #botBar b {
	color: #ffffff;
}

#botBar span {
	margin-right: 20px;
}


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

#botBar div.rowTwo {
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
}

#botBar div.rowTwo a {
	color: #b49a55;
	display: block;
	float: left;
	padding-right: 12px;
}

#botBar div.rowTwo span {
	float: left;
}



#botBar #socialBugs {
	float: right;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
}

#botBar #socialBugs a {
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	width: 21px;
	height: 21px;
	display: block;
	margin: 10px 1px; 
}

#botBar #socialBugs h2 {
	float: right;
} 

#botBar #socialBugs a.twitter {
	background: url(/design/images/bug-twitter.png) right center no-repeat;
}
#botBar #socialBugs a.facebook { 
	background: url(/design/images/bug-facebook.png) right center no-repeat;
}







/* HEADERS*/
#contentArea h2 {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 8px;
	height: 12px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 7px 0px 7px 7px;
	line-height: 12px;
	font-weight: bold;
	background: #303030;
	color: #ffffff;
}




/* 
--------------------------------------------------------------------
PAGE STYLES
--------------------------------------------------------------------
*/


/* EVENT PAGE */

.eventPage {}

.eventPage .buyTicketsOrInfo {
	font-size: 10px;
	line-height: 1.7em;
}

.eventPage .details .wrapper p {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.eventPage .productionImage {
	margin-bottom: 10px;
}

div.eventTimes .eventList {
	height: 170px; 
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
}

div.eventTimes .event {
	height: 46px;
}

div.eventTimes .eventList .extraCopy {
	font-size: 11px;
	line-height: 1.3em;
	padding: 10px;
	color: #ffffff;
}
	
div.eventTimes .event .time { 
	color: #666666;
	font-size:10px;
	text-transform: uppercase;
	height: 46px;
	width: 42px;
	font-family: helvetica, arial;	
	display: block;
	line-height: 18px;
	text-align: center;
	float: left;		
	}

#content div.eventTimes .event .time b {
	font-family:"Rockwell Regular", rockwell, "Courier New", Courier, "Times New Roman", Georgia, "Georgia", serif;
	font-weight:bold;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	display: block;	
	}

#content div.eventTimes .event .details {
	padding: 7px 0px;
	display: block;
	line-height: 12px;
	font-size: 12px;
}

div.eventTimes a {
	display: block;
	color: #666666;
	font-size: 10px;
	}


/* Move this */

.eventPage .bundles {
	line-height: 1.2em;
	font-size: 11px;
	margin-bottom: 20px;
}

.eventPage .bundles a {
	display: block;
	background: url(/design/images/bundle-icon.png) left center no-repeat;
	line-height: 12px;
	font-size: 12px;
	padding: 7px 0px;
	padding-left: 28px;
}

.eventPage a.curatorsCommentLink {
	background: url(/design/images/curators-comment-link-logo.png) left center no-repeat;
	display: block;
	border: 1px solid #333;
	border-width: 1px 0px 1px 0px;
	margin-bottom: 10px;
	padding-left: 80px;
	padding: 30px 0px 30px 80px;
	font-size: 10px;
	color: #959595 !important;
	line-height: 14px;
}

.eventPage a.curatorsCommentLink b {
	color: #ffffff;
}

#content h3.artistName {
	font-size: 16px;
	font-weight: bold;	
	color: #ffffff;
}

h1.eventName {
	font-size: 26px;
	font-weight: bold;	
	color: #b1d335;
	padding: 3px 0px;
}

.eventByline {
	font-style: italic;
	font-size: 10px;
	color: #666;
	line-height: 1.1em;
}

.additionalDetails {
	font-style: italic;
	font-size: 10px;
}

.eventPage .leftColumn {
	width: 192px;		
}

.eventPage .centreColumn {
	width: 460px;
}

.eventPage .rightColumn {
	width: 222px;	
}

.details {
	font-size: 10px;
	line-height: 1.5em;
}

.quotes p {
	color: #b1d335;
	font-size: 14px;
	font-weight: bold;
}

.quotes em {
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	font-weight: normal;
	font-style: normal;
	font-family:"Rockwell Regular", rockwell, "Times New Roman", helvetica, arial;
	margin-top: 2px;
}

/* ALSO LIKES */

#content .alsoLikes h2 {
	background-color: transparent;
}

#content .alsoLikes {
	margin: 40px -8px 0px -8px;
}

#content .alsoLikes .tierTwo {
	float: left;
	display: block;
	margin: 0px 8px;
	position: relative;
	width: 215px;
	height: 220px;
}

#content .alsoLikes h3.artistName {
	font-size: 12px;
	line-height: 1em;
	padding: 4px 0px;	
}

#content .alsoLikes h3.artistName {
	font-size: 10px;	
}

#content .alsoLikes h1.eventName {
	font-size: 16px;
	padding: 2px 0px;
	margin: 0px;
	line-height: 1em;
}

#content .alsoLikes h1.eventName {
	font-size: 14px;
}

#content .alsoLikes .eventByline {
	font-size: 10px;
	color: #666;
	font-style: italic;
	line-height: 10px;
	font-weight: normal;
	}

#content .alsoLikes img {
	border: 1px solid #302e2e;
}

.quotes a:hover {
	/* FIXME */
}

/* VENUE PAGE */

.venuePage .leftColumn {
	width: 400px;		
}

.venuePage .centreColumn {
	width: 460px;
}

.venuePage div.smallProductionList a {
	height: 60px;
	display: block;
}

.venuePage div.smallProductionList img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #302e2e;	
}


#content.venuePage div.smallProductionList h3.artistName {
	font-size: 11px;
	padding-bottom: 0px;
}

#content.venuePage div.smallProductionList h1.eventName {
	font-size: 14px;
	color: #b1d335 !important;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}





/* LINEUP PAGE */

.lineupPage {
	margin: 0px -8px;
	z-index: 0;	/* probably unnecessary */
}

.venuePage .tierOne, .venuePage .tierTwo,
.lineupPage .tierOne, .lineupPage .tierTwo {
	z-index: 0; /* probably unnecessary */
	float: left;
	display: block;
	margin: 0px 8px;
	position: relative;
}

.lineupPage .tierOne {
	width: 447px;
	height: 375px;
}

.lineupPage .tierTwo {
	width: 215px;
	height: 220px;
}

#content.lineupPage h3.artistName {
	font-size: 12px;
	line-height: 1em;
	padding: 4px 0px;	
}

#content.lineupPage .tierTwo h3.artistName {
	font-size: 10px;	
}

#content.lineupPage h1.eventName {
	font-size: 16px;
	padding: 2px 0px;
	margin: 0px;
	line-height: 1em;
}

#content.lineupPage .tierTwo h1.eventName {
	font-size: 14px;
}

#content.lineupPage .eventByline {
	font-size: 10px;
	color: #666;
	font-style: italic;
	line-height: 10px;
	font-weight: normal;
	}

#content.lineupPage .tierOne img {
	border: 1px solid #302e2e;
}

#content.lineupPage .tierTwo img {
	border: 1px solid #302e2e;
}


/* BUY LINK BUTTONS : BUNDLES PAGE, EVENT PAGE AND POPUP */
	a.buyLink, a.infoLink {
		height: 32px;
		filter:alpha(opacity=100);		
		opacity: 01.0;
		text-indent: -9999px;
		overflow: hidden;
		display: block;	
	}
	a.buyLink {
		background: url(/design/images/buy-button.png) left top no-repeat;
		width: 104px;			
	}
	a.infoLink {
		background: url(/design/images/info-button.png) left top no-repeat;	
		width: 84px;		
	}	
	a:hover.buyLink, a:hover.infoLink {
		filter:alpha(opacity=80);
		opacity: .80;
	}


/* EVENT PAGE */
.eventPage .buyTicketsOrInfo a.buyLink { 
	height: 25px;
	background: url(/design/images/buy-button.png) -7px -7px no-repeat;
	width: 98px;
	margin-top: 15px;
}

/* LINEUP PAGE AND ALSO LIKES */
#content.lineupPage a.buyLink, #content.lineupPage a.infoLink, .alsoLikes a.buyLink, .alsoLikes a.infoLink { 
	position: absolute;
	bottom: 77px;
	right: 0px;
}

/* HIGHSLIDE POPUP BUTTON */
	.highslide-maincontent a.buyLink { 
		height: 38px;
		text-indent: -9999px;
		overflow: hidden;	
		background: url(/design/images/buy-button-popup.png) left top no-repeat;
		width: 180px;
		display: block;
		margin: 20px 0px;
		filter:alpha(opacity=100);		
		opacity: 01.0;	
	}

	a:hover.buyLink, a:hover.infoLink, a:hover.popUp-BuyLink { /* ALL HOVERS */
		filter:alpha(opacity=80);
		opacity: .80;
	}
	
/* BUNDLES SMALL LINKS */ 
	#contentArea a.buyLinkSmall, #contentArea a.infoLinkSmall {
		float: right; 	
		margin-top: -26px;
		height: 24px;
		filter:alpha(opacity=100);		
		opacity: 1.0;
		overflow: hidden;	
		text-indent: -9999px;
	}	

	#contentArea a.buyLinkSmall {
		background: url(/design/images/buy-button-sm.png) left top no-repeat;
		width: 56px;
	}

	#contentArea a.infoLinkSmall {
		background: url(/design/images/info-button-sm.png) left top no-repeat;
		width: 78px;
	}
	#contentArea a:hover.buyLinkSmall {
		filter:alpha(opacity=80);
		opacity: 0.80;
	}
	#content.bundlesPage a.buyLinkSmall, #content.bundlesPage a.infoLinkSmall { 
	 	margin-top: -36px; 
	}




/* TAGS */

#content.lineupPage #tags  {
    margin: 10px;
  }

#content #tags  {
    line-height: 24px;
    vertical-align: middle;
}


#tags a {
    padding: 4px 4px;
    height: 12px;    
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    margin: 2px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
/* 	Total height: 20px + 2px margin */
  }

#tags a.active {
	font-size: 14px;
	color: #000000;
	background: #b1d335;		
  }

/* BUNDLES PAGE */

.bundlesPage {
	margin: -15px;
}

.bundlesPage .bundlesIntro {
	margin: 25px;
	font-size: 14px;
}

#content.bundlesPage h1 {
	margin: 0px 25px;
}

.bundlesPage div.bundle {
	width: 440px;
	margin: 15px;
	padding: 0px;
	float: left;
	
}

.bundlesPage div.bundle i {
	font-size: 10px;
}

.bundlesPage div.odd {
	clear: both;
}

#contentArea .bundlesPage div.bundle h2 {
	font-size: 16px;
	color: #b69c56;
	padding: 30px 0px 20px 0px;
	margin: 0;
	background: transparent;
	border-top: 1px dotted #666;
}

#content.bundlesPage h3.artistName {
	font-size: 11px;
	padding-bottom: 0px;
}

#content.bundlesPage h1.eventName {
	font-size: 14px;
	color: #b1d335 !important;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}

.bundlesPage div.bundleProductionList a {
	height: 60px;
	display: block;
}

.bundlesPage div.bundleProductionList img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #302e2e;	
}




  
/* DAY VIEW PAGE */

.dayView {
	margin: 0px -8px;
}

.dayView .event {
	display: block;
	margin: 0px 8px;
	border-bottom: 1px solid #232323;
	padding: 18px 0px 0px 0px;
	height: 160px;
}

.dayView .event .date {
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;		
} 

.dayView .event img {
	float: left;
	margin-right: 10px;
	border: 0px;		
}  

/* GENERAL PURPOSE PAGE */

.imageWrapper {
	background: #1b1b1b;
/* 	width: 275px; */
	padding: 5px;
	float: right;
	margin: 0px 0px 20px 20px;
}

#content h1.pageTitle {
	color: #898989;
	text-transform: uppercase;
	font-size: 18px;
}

#content h1.pageTitle span {
	color: #ffffff;
}

body #masterContainer #content .subNav a {
	display: block;
	font-weight: normal;
	line-height: 2em;
	vertical-align: middle;
	color: #d7d7d7;
	font-size: 12px;
	padding-left: 15px;
	background: url(/design/images/nav-bullet.png) left center no-repeat;	
}

body #masterContainer #content .subNav a.current {
	font-weight: bold;
}

.sponsors img {
	border: 0px;
}

/* INDEX PAGE */

.index .leftColumn {
	padding: 0 20px 0 0;
	width: 645px;
}

.index .rightColumn {
	padding: 0;
	width: 245px;
}

#featureSwitcher {
	width: 645px;
	height: 310px;
}
#featureSwitcher .featureItem {
	position: relative;
}

#featureSwitcher .featureItem img {
	position: absolute;
	top: 0;
	left: 0;
	}

#featureSwitcher .featureItem .details {
	position: absolute;
	top: 230px;
	left: 0px;
	height: 48px;
	width: 613px;
	background: url(/design/images/50opacity-black.png) 0 0 repeat;	
	padding: 16px;
	}

#featureSwitcher .progressContainer {
	position: absolute;
	right: 24px;
	bottom: 10px;
	padding: 0px;
	height: 3px;
    width: 40px;
	vertical-align: middle;
	background: #000000;
}
#featureSwitcher .progressContainer .progress {
    background-color: #fff;
    width: 0;
	height: 3px;
}

#featureSwitcher #imageCounter {
	position: absolute;
	right: 0px;
	bottom: 10px;
	padding: 10px;
	line-height: 14px;
	vertical-align: middle;
}

	#featureSwitcher #imageCounter a.arrow {
		float: left;
		display: block;
		height: 14px;
		width: 14px;
	}
	
	#featureSwitcher #imageCounter a.left {
		background: url(/design/images/switcher-arrow-left.png) center center no-repeat;
		}
	
	#featureSwitcher #imageCounter a.right {
		background: url(/design/images/switcher-arrow-right.png) center center no-repeat;	
	}

	#featureSwitcher #imageCounter span {
		float: left;
		display: block;
		width: 40px;
		text-align: center;
	}

	#featureSwitcher #imageCounter a img {
		border: 0px;
	}

#featureSwitcher .hidden {
	display: none;
}

.index .about, .index .bundles, .index .comment {
	border-bottom: 1px solid #232323;
	padding: 18px 0px;
}

.index #newsArea {
	margin-left: 32px;
	margin-top: 32px;
	float: left;
	width: 380px;
}

.index #newsArea div {
	padding: 10px 0px;
}

.index #newsArea div h4 {
	
}

.index #newsArea div .date {
	background: #1c1c1c;
	padding: 4px;
	color: 9f9f9f;
	font-size: 9px;	
}

.index #newsArea a.rssLink {
	background: url(/design/images/rss-icon.png) right center no-repeat;
/* 	display: block; */
	padding-right: 18px;
	color: #707070;	
}




.index #smallFeature {
	margin-top: 32px;
	width: 200px;
	height: 200px;
	padding: 12px;
	background: #1c1c1c;
	float: left;
	position: relative;
}

.index #smallFeature  .details {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	margin: 12px;
	background: url(/design/images/50opacity-black.png) 0 0 repeat;	
	padding: 10px;
	}


/* FRONT PAGE HEADER LINKS */
body .index .rightColumn a.header {
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0px 0px 0px 8px;
	height: 26px;
}

	body .index .rightColumn .about a.header { background: url(/design/images/header-about.png) 0px 0px no-repeat; }
	body .index .rightColumn .bundles a.header { background: url(/design/images/header-bundles.png) 0px 0px no-repeat; }
	body .index .rightColumn .comment a.header { background: url(/design/images/header-comment.png) 0px 0px no-repeat; }

body .index .rightColumn a:hover.header {
	filter:alpha(opacity=70);
	opacity: 0.7;	
}

body #contentArea.index h2 {
	background: transparent;
}


/* move this */

div.wrapper {
	padding: 10px;
}

a.buyTickets {
	display: block;
	width: 106px;
	height: 40px;
	background: url(/design/images/buytickets-button.png) 0px 0px no-repeat; 
	overflow: hidden;
	text-indent: -9999px;
}

/* MOBILE MESSAGE */
#mobileNag {
	text-align: left;
	font-size: 22px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefbd9), to(#faf289), color-stop(0.5, #fefbd9), color-stop(0.5, #fefbd9));
}

#mobileNag a {
	display: block;
	background: url(/design/images/mobile-version-icon.png) 8px center no-repeat;
	padding: 30px 0px 30px 60px;
	color: #000;		
}

/* NEWS & BLOG */
.newsPage img {
/* 	margin: 20px 20px;  */
}

.newsPage .newsItem .date {
	background: #1c1c1c;
	padding: 4px;
	color: 9f9f9f;
	font-size: 9px;
	margin-bottom: 5px;
}

.newsPage .newsItem h3 {
	font-size: 18px;
	margin-top: 5px;
	color: #b1d335;	
}

.newsArchive {
	font-size: 12px;
	line-height: 14px;
}