/*
	c2 - Links don't pick up the style colour by default. This doc uses the colour :
	normal : #01B8E6
	light  : #21C1E9
	
*/
a	{	color: #01B8E6;	text-decoration: none;	}
#listItems .item a:hover	{	display: block;	background: #01B8E6;}

/* Layout Styles */
body {background: #000; font-family: Arial, Helvetica, sans-serif;}

/*#container {width: 950px; margin: 0 auto; position: relative;}
#content {padding: 216px 0 0 0;}
#header {position: absolute; left: 0; top: 0; width: 950px; height: 216px;}
#header h3 {position: absolute; left: -999em;}*/

/* #logo {position: absolute; right: 0; top: 54px; z-index: 99;} */

#header li {float: left;}
#primary-content {float: left; width: 720px;}
#content-left {float: left; width: 230px;}
#content-main {float: right; width: 480px; margin: 0 10px 0 0;}
#content-secondary {float: left; width: 230px;}
#middle {background: #fff; color: #333; padding: 0 10px 10px 10px;}

#footer {clear: both; background: #737373; color: #010101; width: 480px; height: 30px; margin: 10px 0 0 0; position: relative;}
#footer h3 {position: absolute; left: -999em;}
#footer ul {margin: 0 0 0 10px;}
#footer li {float: left; font-size: 65%; line-height: 30px;}
#footer li a {color: #010101; text-decoration: none;}
#footer #dog {position: absolute; right: 0; top: 0;}

/*
#switcher {position: absolute; left: 0; top: 10px; width: 150px;}
#switcher li {float: left; margin: 0 2px 0 0; color: #333; font-size:75%;}
#switcher li a {display: block;}
#switcher li a.blue {background: url(../images/swatch3_on.gif);}
#switcher li a.purple {background: url(../images/swatch2.gif);}
#switcher li a.pink {background: url(../images/swatch1.gif);}
*/

/*#nav-top {position: absolute; left: 0; top: 110px; width: 300px;}*/
#nav-top li a {padding: 0 10px; background-color: #000; display: block; color: #01b8e6; font-weight: bold; text-decoration: none; margin: 0 4px 0 0; font-size: 75%; height: 30px; line-height: 30px;}
#nav-top li a:hover, #nav-top li a.on {color: #01b8e6;}
#nav-top li a.on:hover {color: #b5b5b5;}

#nav-corp {background: #737373; color: #b5b5b5; padding: 0 10px; position: absolute; left: 0; top: 143px; width: 500px; height: 30px;}
#nav-corp li {font-size: 65%; line-height: 30px;}
#nav-corp li a:link, #nav-corp li a:visited {color: #b5b5b5; text-decoration: none;}

/*
#frm-search {background: url(../images/search_bg.gif) no-repeat 0 0; padding-left: 115px;}
#frm-search input#txtSearch {border-width: 1px; background: #8f8f8f; color: #000;}
*/

#nav-main {background: #01b8e6 url(../images/blue_left_bg.gif) no-repeat bottom left; color: #fff; font-size: 70%; padding: 5px 0 17px 0;}
#nav-main h3 {position: absolute; left: -999em;}
#nav-main a {border-bottom: 1px solid #21c1e9; color: #fff; text-decoration: none; display: block;}
#nav-main li a {padding: 5px 0 5px 15px; background: url(../images/blue_crosshatch.gif) no-repeat bottom right;}
#nav-main li a.navselected, #nav-main li a:hover {background-image: url(../images/blue_crosshatch_on.gif);}
#nav-main li li a {padding: 5px 0 5px 35px; background-image: url(../images/blue_crosshatch2.gif);}
#nav-main li li li a {padding: 5px 0 5px 55px; background-image: url(../images/blue_crosshatch3.gif); color: #000;}
#nav-main p.copy {padding: 60px 5px 0 15px; font-size: 90%;}

#nav-main .special { margin-top: 15px;	}
#nav-main .special h3 {	font-weight: bold;	position: relative; left: 0; padding-left: 15px;	border-bottom: 1px solid #21c1e9; }
#nav-main .special h3 .headingLink	{	border-bottom: 0;	}
#nav-main .special a { color: #fff; text-decoration: none; display: block;	border-bottom: 0;	padding-bottom: 3px;	}
#nav-main .special li a {padding: 5px 0 5px 15px; background: url(../images/blue_crosshatch.gif) no-repeat bottom right;	border-bottom: 1px solid #21C1E9;	}
#nav-main .special li a.navselected, #nav-main .special li a:hover {background-image: url(../images/blue_crosshatch_on.gif);	border-bottom: 1px solid #21C1E9;	}
#nav-main .special p.copy {padding: 4px 5px 6px 15px; font-size: 90%;}

/* 
#news-feed {background: #000; color: #b5b5b5; padding: 0 10px; position: absolute; left: 0; top: 176px; width: 595px; height: 30px;}
#news-feed li h2 {font-size: 120%; font-weight: bold;}
#news-feed li {font-size: 10px; float: left; line-height: 30px;}
*/


/* Content Rotator */
#page-heading {background: #000;  width: 481px;}
#page-heading h3 {color: #01b8e6;}
#page-heading h3 a {color: #01b8e6;}
#homeMainImage	{	width: 460px; height: 212px;}
#home-JSSwapperHolder	{	background: white;	}
#home-JSSwapperHolder .pad	{	padding: 10px 10px 0 10px;	}


#content-rotator p, #content-rotator li {font-size: 75%; line-height: 1.2em;}
#content-rotator li p, #content-rotator li h3 {font-size: 100%;}

#cms-txt-content h3 {font-size: 75%; margin-left: -5px;}
#content-rotator h4 {font-size: 85%; clear: both; padding: 5px 0;}
#content-rotator h4 a {color: #01b8e6;}
#content-rotator p a {color: #01b8e6; text-decoration: none;}
#cms-content {background: #fff; color: #333; padding: 0 10px;}
#cms-txt-content {background: #efefef; color: #333; padding: 10px;}
#cms-txt-content li {float: left; padding: 3px 0 3px 5px;}
#cms-txt-content li a {color: #01b8e6; text-decoration: none;}
#cms-img-content {padding: 10px 0 0 0; position: relative; height: 263px;}
#cms-img {position: absolute; left: 0; top: 10px;}
#cms-day {position: absolute; left: 7px; top: 225px; color: #fff; font-size: 2.8em; font-weight: bold;}
#cms-month {position: absolute; left: 65px; top: 245px; color: #000; font-size: 85%; font-weight: bold;}
#cms-nav {position: absolute; left: 370px; top: 247px; color: #000; font-size: 75%; width: 125px;}
#cms-nav li {float: left;}
#cms-nav li a {text-decoration: none; color: #000;}

/* DB Content */
#middle p, #middle li {font-size: 75%; line-height: 1.2em; color: #333;}
#middle li p {font-size: 100%;}
#db-content {background: #efefef; padding: 10px;}
.gig-details {clear: both; border-top: 10px solid #8b8b8b; margin: 10px 0;}
.gig-info {float: left; width: 362px;}
.gig-pic {float: left; width: 78px;}
.gig-pic img {float: right; border: solid #8b8b8b; border-width: 0 2px 2px 2px;}
.gig-dates {padding: 0 0 0 0; border-bottom: 1px solid #8b8b8b; margin: 5px 0 0 0;}
.gig-dates li {float: left; padding: 3px 0 0 0;}
.gig-dates li a {display: block; padding: 3px; margin: 0 2px 0 0; text-decoration: none; background: #8b8b8b; color: #fff;}
.gig-dates li a:hover {background: #01b8e6;}
.buy-tickets li {padding: 3px 0; border-bottom: 1px solid #d1d1d1;}
.buy-tickets li a, buy-tickets-off li a  {text-decoration: none; color: #01b8e6;	}
.gig-dates li .holder, .gig-dates li a.button-on	{	background: #01b8e6;	}
.buy-tickets li a, .buy-tickets-off li a {text-decoration: none; color: #01b8e6;	}


a.band {color: #01b8e6;}

/* Secondary content */
dl {position: relative;}
dt#gigSearch a {background: #000 url(../images/dt_bg.gif) no-repeat bottom left; padding-bottom: 10px; position: absolute; left: 0; top: 0; width: 90px; height: 95px; display: block;} 
dt#gigSearch.open a {background: none #b5b5b5; top: 10px;}
dt#gigSearch a:hover {background: none #b5b5b5; top: 0; color: #000;}
dt#gigSearch.open a {color: #000;}
dt#gigSearch.open a:hover {top: 10px;}
dt#news a {background: #000 url(../images/dt_bg.gif) no-repeat bottom left; padding-bottom: 10px; position: absolute; left: 120px; top: 0; width: 90px; height: 95px; display: block;} 
dt#news.open a {background: none #b5b5b5; top: 10px;}
dt#news a:hover {background: none #b5b5b5; top: 0; color: #000;}
dt#news.open a {color: #000;}
dt#news.open a:hover {top: 10px;}
dt a {color: #fff; padding: 5px 10px 25px 10px; display: block; font-weight: bold; line-height: 1.2em; font-size: 1.2em;}
/*dd {position: absolute; left: 0; top: 120px; width: 210px; background: #b5b5b5 url(../images/dd_bg.gif) no-repeat bottom left; padding: 10px 10px 50px 10px; font-size: 75%;}*/
dd form {margin: 0 0 10px 0;}
dd form label {color: #fff; background: #b5b5b5; font-weight: bold; display: block; border-bottom: 1px solid #c4c4c4; padding-bottom: 3px; margin-bottom: 5px;}
dd form input, dd form select {vertical-align: middle;}
label.year {display: inline; border: none; font-weight: normal; color: #333; font-size: 95%;}
caption {text-align: left; font-size: 90%; color: #333;}

#calender table {border-collapse: separate; border-spacing: 2px; width: 210px;}
#calender table td {text-align: center; background: #bbbbbb; border-collapse: separate; width: 24px;}
#calender table td a {display: block; text-decoration: none; color: #fff; background-color: #d2d2d2; padding: 5px 0;}
#calender table td a:hover, #calender table td a.today {background-color: #01b8e6; color: #fff;}
.gigDay {background-color: #ff0000; color: #00ff00;}

#search-results h3 {color: #fff; border-bottom: 1px solid #c4c4c4; padding-bottom: 3px; margin: 10px 0 5px 0;}
#search-results li {border-bottom: 1px solid #c4c4c4; padding: 10px 0; line-height: 1.2em;}
#search-results li a {color: #333; text-decoration: none; background: url(../images/arrows.gif) no-repeat 100% 50%; padding-right: 15px;}
#search-results li a.paging {text-decoration: none; color: #01b8e6; background:none; padding-right:5px;}

p.news-date {color: #fff; font-weight: bold; border-bottom: 1px solid #c4c4c4; padding-bottom: 3px; margin-bottom: 5px;}
#news-summary li {margin-bottom: 5px;}
#news-summary li h4 a {color: #000; font-size: 110%;}
#news-summary li a {color: #1c89b1;}

/* Lower Content Pages */
#lower #middle {padding-top: 10px;}
#lower #page-heading {background: #000; width: 350px; padding-bottom: 0;}
#page-heading h1 {color: #fff; font-family: "Arial Black", Gadget, sans-serif; font-size: 1.4em; padding: 10px;}

#page-intro {background: #efefef; color: #333;}
#page-intro p {padding: 0 0 10px 0; font-size: 90%; font-weight: bold;}
#page-intro p a {color: #333;}

#feature {background: #d2d2d2; color: #333; padding: 0 0 15px 0;}
#feature img {border: 2px solid #8b8b8b; display: block; float: right;}
#feature li {padding: 0 0 5px 10px;}
#feature li p { line-height: 1.3em;}
#feature li a {color: #01b8e6; text-decoration: none;}

#home-feature {background: #d2d2d2; color: #333; padding: 0 0 15px 0; margin: 10px -10px;}
#home-feature li img {border: 2px solid #8b8b8b; display: block; float: right; margin-top: -3px;}
#home-feature li {padding: 0 0 5px 10px;}
#home-feature li strong { line-height: 1.3em; font-weight: bold;padding: 0 0 5px 10px;}

#home-feature li p { line-height: 1.2em; font-weight: bold;padding: 0 0 5px 10px;}

#home-feature li a {color: #01b8e6; text-decoration: underline !important;padding: 0 0 5px 10px;}
#news-content #home-feature ul {margin: 0; padding-top: 0;}

#news-content {background: #efefef; padding: 10px;}
#news-content p {padding: 5px 0;}

.news-details {clear: both; margin: 10px 0; border-top: 10px solid #8b8b8b;}
.news-info {float: left; width: 362px;}
.news-pic {float: left; width: 78px;}
.news-pic img {float: right; border: solid #8b8b8b; border-width: 0 2px 2px 2px;}
.news-info h3 {font-size: 118%;}
#news-content .news-info li {padding: 3px 0;}
#news-content .news-info li a {color: #01b8e6; text-decoration: underline;}
#news-content .news-info li a.more {color: #01b8e6;}
#news-content li {padding: 3px 0;}
#news-content li a {color: #01b8e6; text-decoration: none;}
#news-content .news-info ul {border-top: none; margin: 0; padding: 0;}


#frm-venue-search {background: #efefef; padding-bottom: 10px;}
#frm-venue-search legend {display: block; font-weight: bold; text-decoration: underline; padding: 10px; background: #efefef;}
#frm-venue-search p, #frm-venue-search fieldset ul {background: #d2d2d2; padding: 10px 10px 10px 10px;}
#frm-venue-search label {position: absolute; left: -999em;}
#frm-venue-search fieldset li {float: left; padding: 0 3px; text-transform: uppercase;}
#frm-venue-search li a {color: #333; text-decoration: none;}
#frm-venue-search li a:hover, #frm-venue-search li a.selected {background: #01b8e6 !important; color: #fff;}
#frmSearch li a:hover, #frmSearch li a.selected {background: #01b8e6 !important; color: #fff;}
#frm-venue-search input {vertical-align: middle;}
.results {padding: 10px;}
/* .results li {float: left; width: 140px;} */
.results li a {color: #01b8e6;}

.venue-info {clear: both; border-top: 1px solid #bcbcbc; margin: 0; padding: 10px;}
.venue-info h3 {text-decoration: underline; margin: 0 0 5px 0;}
.venue-address {clear: both; margin-right: 150px;}
.venue-address li {float: left; padding: 3px 5px 3px 0; font-weight: bold;}
.venue-address li a {color: #01b8e6; font-weight: normal;}
.venue-whats-on {clear: both; margin: 0; border-bottom: 1px solid #bcbcbc; padding: 0 0 10px 0;}
.venue-whats-on h3 {background: #d2d2d2; color: #000; padding: 5px 10px; font-size: 75%; margin: 0 0 0 0;}
.google-maps {clear: both; margin: 0; padding: 10px;}
.google-maps h4 {font-size: 75%; margin-bottom: 5px;}

#frm-venue-search fieldset .results ul {background: none; padding: 0;}
#frm-venue-search fieldset .results li a {background: none; color: #01b8e6;}

/* Gig Listings */
#gig-listings {background: #efefef; padding: 10px;}
#gig-listings table {border-top-color: #8b8b8b; border-bottom-color: #d1d1d1; border-width: 1px 0; border-style: solid; margin-bottom: 5px;}
#gig-listings td {padding: 5px 0;}
#gig-listings td a {color: #01b8e6; text-decoration: none;} 
#gig-listings td p {line-height: 1.4em;}
#gig-listings td p strong {color: #01b8e6;}
#gig-listings h3 {font-size: 75%; font-weight: normal; color: #fff; line-height: 1.2em; margin-bottom: 5px; margin-top: 10px;}
#gig-listings h3 span {background: #01b8e6; padding: 5px;}
.month-pager ul {padding: 0;}
.month-pager li {float: left; padding: 0 5px 0 0;}
.month-pager li a {text-decoration: none; color: #01b8e6;}
.month-pager h2 {clear: both; padding: 5px 10px 5px 3px; color: #000; background: #d2d2d2; font-size: 75%; margin: 10px 0;}
p.back-link {text-align: right;}
.back-link a {color: #333; text-decoration: none;}

#sitemap li a {color: #01b8e6;}

/* Page Content */
.page-content {background: #efefef; padding: 10px;}
h2.page-head {font-size: 95%; padding: 10px; background: #d2d2d2;}
.page-content p {padding: 5px 0;}
.page-content ul {margin: 10px; padding: 10px; list-style: disc;}
.page-content ol {margin: 10px; padding: 10px; list-style: decimal;}
.page-content li {padding: 3px 0;}
.page-content li a, .page-content p a {color: #01b8e6;}


#frm_login a {color: #01b8e6;}