﻿/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *	Mariana G. Garda / Matthew French
 *
 */
 
html, body { margin:0; padding:0; height:100%; }
body { background: #000 url(/_Resources/img/bg_1.jpg) fixed; width: 1100px; }
.clear { clear:both; }
 
/* LAYOUT */
#wrapperHolder { width:990px; min-height: 100%; float: left; padding:0; margin:0 60px auto; }
* #html #wrapperHolder { height:100% }
/* padding-bottom for #wrapperHolderFooter */
#wrapper { width: 900px; padding-bottom: 20px; text-align:left; }
#wrapperHolderFooter { float: left;  margin:40px 60px auto; height: 270px; width: 905px; background: #1A1A1A; color: #fff; }

/* HEADER */
#headerHolder {height: auto; margin: 0px; padding: 0px; }
#headerHolder #logo { position:relative; width: 264px; height: 107px; margin: 15px 0 20px 0; float: left;}
#headerHolder #logo span { position:absolute; width:100%; height:100%; top:0; left:0; background: url(/_Resources/img/logo_amg.png) no-repeat top left; }
#headerHolder #logo a { color:#000; }
#headerHolder #logo a:hover { color:#000; }
#headerHolder #logo a:visted { color:#000; }

/* NAVIGATION */
#headerHolder ul.mainNav	{ float: right; padding-bottom: 5px; margin-top: 33px; border-bottom: 2px solid #fff; width:580px; }
#headerHolder ul.mainNav a	{ padding:8px 8px 7px 8px; }
#headerHolder ul.mainNav a	{ color: #fff; text-transform: lowercase; font-family: Helvetica, Arial; font-weight:bold; font-size: 18px; }
#headerHolder ul.mainNav li { float: left;  padding-top: 8px; }
#headerHolder ul.mainNav li {text-decoration: none;  padding: 8px 0 0 0; }
#headerHolder ul.mainNav li:hover {  background: url(/_Resources/img/arrow/arrow_grey_down.png) no-repeat top center;  padding-top: 8px;}
#headerHolder ul.mainNav li:hover .active  { background-color:#fff; color:#000000; padding-top: 8px; }
#headerHolder ul.mainNav li a.active  { background-color:#fff; color:#000000; }

/* CONTENT */
#contentHolder { margin: 0px; clear: both; }
#content {  height: 100%; width: 1100px;  }

/* imageSlide Gallery */
#galleryHolder { position:relative; background-color: #fff; padding:10px 10px 10px 10px; width: 370px; height:191px; float:left; }
.gallerySlide { }
.gallerySlide img { z-index:1; display:none; float:left; position:absolute; }
.gallerySlide img { height:190px; width:370px; }
.gallerySlide #imsHolder { z-index:101; position:absolute; height:190px; overflow:hidden; }
.gallerySlide #imsHolder .ims { background-color:#fff; height:48px;  }

/* Slide Box Lightbox */
#sbxHolder { display: none; position: absolute; top: 10%; left: 25%; width: 552px; height:380px; padding:10px 16px 10px 18px; z-index:1003; overflow: hidden; }
#sbxHolder ul { float:left; list-style-type:none; margin:0; padding:5px 0 0; }
#sbxScroll { width:480px; height:348px; overflow:auto; }
#sbxStripe { display: none; position: absolute; top: 10%; left: 25%; width: 50%; z-index:1002; }
#sbxStripe .sbx { display:none; height:50px; width:0px; background-color:#fff; }
#sbxFade { z-index: 1001; width: 100%; top: 0%; position: absolute; left: 0%; height: 100%; display: none; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }

#sbxHolder ul li { width:230px; padding:4px 0 0 0; float:left; }
#sbxHolder ul li a { font-size:13px; font-weight:bold; }
#sbxHolder h3 { font-size: 25px; color: #000; font-family: helvetica;  text-transform: lowercase; letter-spacing: -1px;  }
#sbxHolder h3 span { color: #666; }
#sbxHolder #sbxClose { overflow:hidden; text-indent:-9999px; cursor:pointer; position:absolute; bottom:0; left:505px; display:block; background:#fff url(/_Resources/img/lightbox/close.gif) no-repeat  center center; width:50px; height:50px; }

/* TOP NAV */
#headerHolder ul.topNav a { font-size: 11px; color: #666; margin: 0px; padding: 0 10px 0 10px; display: block; border-right:solid 1px #666; }
#headerHolder ul.topNav a.last { border-right:none; padding: 0 0 0 10px; }
#headerHolder ul.topNav li:active a { color:#000; }
#headerHolder ul.topNav { float: right; margin: 5px 16px 0 0; height: 20px; }
#headerHolder ul.topNav li { float: left; padding-bottom:10px; }
#headerHolder ul.topNav li:hover {  background: url(/_Resources/img/arrow/arrow_white_up.png) no-repeat bottom center; cursor:pointer;}
#headerHolder ul.topNav li.active { background: url(/_Resources/img/arrow/arrow_white_up.png) no-repeat bottom center; }

/* COLUMNS */
.columnSpan1 { width: 280px; float: left; margin-right:20px; }
.columnSpan2 { width: 600px; float: left; margin-right:20px; }
.columnSpan3 { width: 925px; float: left; }

.columnSpan3 #flashGallery { float:left; }

.columnSpan1 .column { float: left; height: auto; background-color: #fff; padding: 15px 15px 20px 15px; margin: 0; width: 250px; }
.columnSpan2 .column { float: left; height: auto; background-color: #fff; padding: 15px 15px 20px 15px; margin: 0; width: 570px; }
.columnSpan3 .column { float: left; height: auto; background-color: #fff; padding: 15px 15px 20px 15px; margin: 0; width: 895px; }


.column h4 { margin-top:20px; }
.column h4.mtZero { margin-top:0; }
.column h4 { font-size: 19px; font-weight: normal; }
.column p { padding-top:3px; }
.column a.top { display:block; padding-top:5px; }
.column h4 a { color:#1A1A1A; }
.column h4 a:hover { color:#FF931E; }

.column .date { color: #666; clear: left; padding:5px 0 0 0; }
.column .news img { float:left; padding:8px 6px 0 0; }
.column .news p {  }
.column .body { padding-top:5px; }

.column .whatsOn span.date { font-size:18px; color:#1A1A1A; }
.column .whatsOn li { float:left; width:285px; padding-top:15px;  }

.column .venueFocus .left { float:left; width:274px; }
.column .venueFocus img { float:right; padding-left:10px; }

.column .description { color:#666666; }

.venueImage { margin-top:20px; background-color:#fff; width:600px; margin-bottom:18px; }
a.viewGallery,
a.viewNews { display:block; padding:5px 10px 10px; float:right; background-color:#fff; }

.columnSpan2 .anchor { float: left; width: 585px; height: auto; background-color: #fff; padding: 15px 0px 10px 15px; margin: 0px 20px 0 0; }
.columnSpan2 .anchor ul li { float:left; width:195px; text-transform:lowercase; line-height:16px; margin-top:5px; }

/* PAGE TITLE */
.title { clear:both; overflow:hidden; }
#title h1, .title h1 { height: 61px; padding: 0 10px 0 10px; float:left; background-color: #fff; width: auto;  }
#title h2, .title h2 { height: 50px; padding: 0 15px 0 12px; float:left; background-color: #fff; width: auto;  }
#title h1, .title h1 { font-size: 46px; letter-spacing: -2px; }
#title h2, .title h2 { font-size: 38px; color: #666; letter-spacing: -2px; }
.title br { clear:left; }

/* .column headings */
.heading { float:left; width:auto; background-color: #fff; margin: 20px 0px 0 0; padding: 5px 15px 5px 15px;}
.heading { font-size: 25px; color: #000; font-family: helvetica;  text-transform: lowercase; letter-spacing: -1px; }
.heading h3 span { color: #666; }
.heading h3 a { font-size:16px; }


/* VENUE :: INDEX */
#venueListing { float:left; width: 888px; height: auto; background-color: #fff; padding: 20px 0px 12px 15px; margin: 0 0 20px 0; }
#venueListing ul {}
#venueListing ul li { width:293px; float:left; margin-bottom:20px; }
#venueListing ul li a { display:block; width:256px; }
#venueListing ul li a { font-size:16px; font-weight:bold; line-height:18px; }
#venueListing ul li img { display:block; width:256px; height:132px; padding-top:10px; }

/* NEWS ARCHIVE */
.relative { position:relative; }
.nA ul li { margin-top:3px; }
.nA span { display: block; }
.nA a { display:block; padding:3px 0 0; }
.nA .pG1 { display:none; }
.nA .pG2 { padding:5px 8px 5px 8px; display:none; position:absolute; bottom:-25px; right:0; width:20px; height:15px; background-color:#FFFFFF; }

.nA a.previous { position:relative; display:block; overflow:hidden; width:6px; height:13px; float:left; }
.nA a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_left.png) no-repeat top left;}
.nA a.previous:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_left.png) no-repeat top right;}

.nA a.next { position:relative; display:block; overflow:hidden; width:6px; height:13px; float:right; }
.nA a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_right.png) no-repeat top right;}
.nA a.next:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_right.png) no-repeat top right;}

ul.venueList li { margin-top:8px; }
ul.venueList li.mtZero { margin-top:0; }
ul.venueList li span { display:block; }
ul.venueList li a { line-height:18px; }

.mtZero { margin-top:0; }
.mrZero { margin-right:0; }

/* gig list */
.msg { color:#666666; display:block; padding-top:20px; }
#gigListing  { float:left; clear: both; width: 880px; height: auto; background-color: #fff; padding: 0px 10px 12px 15px; margin: 0 0 20px; }
#gigListing table { width:840px; margin-top: 20px; }
#gigListing table thead { height:20px; }
#gigListing table thead .col1 { width:160px; }
#gigListing table thead .col2 { width:250px; }
#gigListing table thead .col3 { width:310px; }
#gigListing table thead .col4 { width:80px; }

#gigListing span.day { display:block; float:left; height:30px; width:40px; font-size:34px; font-weight:bold; letter-spacing:-2px; line-height:28px; font-family: Helvetica, Arial; }
#gigListing span.date { display:block; float:left; height:18px; width:100px; font-size:12px; line-height:12px; }
#gigListing span.time { display:block; float:left; height:18px; width:100px; font-size:12px; line-height:12px; color:#666666; text-transform:lowercase; }

#gigListing table td { padding:15px 0; margin:0;  vertical-align:top; }
#gigListing table td { padding:15px 0; margin:0;  vertical-align:top; }
	

/* FOOTER */
#wrapperFooter { width: 905px; margin:0 auto; text-align:center; }
#footer { background-color: #1A1A1A; }
#footer .foot.first  { margin-left: 20px; }
#footer .foot { float: left; width: 140px; }
#footer .foot.venues { float: left; width: 370px; }
#footer .foot.venues li { width:180px; float: left; padding-right:5px; }
#footer .foot.last  { float: left; width: 214px; }
#footer .foot h1 {  padding: 15px 0px 10px; }
#footer .foot a {  padding: 0; margin: 0;  }

#footer .foot .logo { margin: 20px 0 0; padding: 0; float: left; }
#footer .foot p {text-align: left; font-size: 10px; padding-top: 10px; clear: both;}

#footer .copy { clear: both;  text-align: center; font-size: 10px; padding: 20px; }
#footer .copy { color:#575757; }
#footer .copy a { color:#575757; }

#footer .foot ul { list-style:none; margin: 0; padding: 0; }
#footer .foot ul li { padding-top:2px; }
#footer .foot ul li a { padding: 0; margin: 0; }
#footer .foot ul li a:hover { display: block; background-color:#fff; color:#1A1A1A; }

/* GALLERY */
div.ss-controls { float: left; padding:5px 0 5px 0; }
div.nav-controls { float: left; width:20px; padding:5px 8px; }
div.loader { background-image: url('/_Resources/img/lightbox/loading.gif');background-repeat: no-repeat;background-position: center;width: 560px;height: 350px }

div.slideshow { clear: both; }
div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; }
div.slideshow a.advance-link { display:block; width:560px; overflow:hidden; }
div.slideshow img { border: none; display: block; }
div.download { float: right; }
div.embox {	clear: both; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }

div.navigation {
/* The navigation style is set by a javascript generated style on the page.
   This is so that the javascript specific styles won't be applied unless javascript is enabled. */ }
	   
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 7px 14px 7px 0; list-style: none; }
a.thumb { width:100px; height:100px; overflow:hidden; padding: 2px; display: block; border: 1px solid #fff; }
ul.thumbs li.selected a.thumb { background-color:#995C87; }
a.thumb:focus { outline:none;}
ul.thumbs img { border: none; display: block; width:200px; margin-top:-30px; margin-left:-50px; }

div.pagination { clear: both; }

div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }

div.pagination a, div.pagination span.current { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
div.pagination { padding:5px 8px 5px 8px; position:absolute; bottom:-25px; right:0; width:20px; height:15px; background-color:#FFFFFF; }
div.pagination a.previous { float:left; }
div.pagination a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_left.png) no-repeat top left;}
div.pagination a.previous:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_left.png) no-repeat top right;}
div.pagination a.next { float:right; }
div.pagination a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_right.png) no-repeat top right;}
div.pagination a.next:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_right.png) no-repeat top right;}

.nav-controls a { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }

div.pagination { padding:5px 8px 5px 8px; position:absolute; bottom:-25px; right:0; width:20px; height:15px; background-color:#FFFFFF; }

.nav-controls a.previous { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.previous { float:left; }
.nav-controls a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_left.png) no-repeat top left;}
.nav-controls a.previous:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_left.png) no-repeat top left;}

.nav-controls a.next { position:relative; display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.next { float:right; }
.nav-controls a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_right.png) no-repeat top right;}
.nav-controls a.next:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_right.png) no-repeat top right;}

.ss-controls a.play {}
.ss-controls a.play { position:relative;  display:block; overflow:hidden; width:13px; height:13px; overflow:hidden; }
.ss-controls a.play { float:left; }
.ss-controls a.play span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_play.png) no-repeat top left;}
.ss-controls a.play:hover span { background:#fff url(/_Resources/img/arrow/arrow_play.png) no-repeat bottom left;}

.ss-controls a.pause {}
.ss-controls a.pause { position:relative;  display:block; overflow:hidden; width:13px; height:13px; overflow:hidden; }
.ss-controls a.pause { float:left; }
.ss-controls a.pause span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_pause.png) no-repeat top left;}
.ss-controls a.pause:hover span { background:#fff url(/_Resources/img/arrow/arrow_pause.png) no-repeat bottom left;}