/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 
      This provides the styles for Blueprint's default templates.
      You can discard it entirely, or simply delete or comment out the irrelevant
      parts.
      
      This stylesheet is divided into several sections:
      + Reset (to give you a blank CSS canvas on which to work)
      + Sample colours and embellishments (the first bit you should delete - this
        provides tweaks to make the default templates look nice, and probably
        isn't relevent when you're putting together a fresh design)
      + Layout
      + Basic typography (in ems) with simple table styles
      + Mimetypes (presentation of download / view links for non-image assets)
      
      Following these sections, there are styles for each of the default blueprint
      modules. They are namespaced with the module code (i.e. blg, evt, nws),
      which is is applied to the body in the main default layout.

      We're always keen to hear about things that might make the default templates
      easier to comprehend and to use.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { color:inherit; }
a:visited { }
a:hover { }
a:active { }


/*------------------------------------------------------------------------------
>>>> Sample site colours + layout + nudges + small embellishments 
     Beware: some of this stuff isn't IE-friendly.
     Commenting out this section will give you a vanilla canvas.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* global CSS */
*, body {
	font-family: Tahoma, 'Lucida Grande', Arial, Sans;
	font-size: 10px;
}
.logo span {
	display:none;
}

.wrapper {
	width:960px;
	margin:auto;
}

hr {
	border: none;
	border-bottom: 1px solid #8B8883;
}
.footer .wrapper {
	width:920px;
	padding: 0 15px;
}

.footer {
  clear:both;
  width:100%;
  height:90px;
  border:none;
  border-top:6px solid;
  font-size:10px;
  color:white;
  background:#a2a7a0;
  border-top-color:#979d97;
  line-height: 1.4em;
}
.footer .right {
	text-align: right;
}
.footer p {
	padding-top: 5px;
	color: white;
	font-size:10px;
}
h1 {
	
}
h2, h2 a, h2 em {
	font-size: 18px;
	font-weight: bold;	
	color: #4c4943;
	margin-bottom: 10px;
	line-height: 1.2em;
	text-decoration: none;

}
strong {
	font-weight: bold;
	font-size: inherit;
}
h3 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #4c4943;
}

body{ 
  	background-color:#f0f1ec;
	background-image:url(../images/backgrounds/homebgHead.gif);
	background-position:center 0;
	background-repeat:repeat-x;	
}
input, textarea {
	border: 1px solid #b6b3af;
	background: white;
	color: #4c4943;
	font-family: Tahoma, 'Lucida Grande', Arial, Sans;
	height:15px;
	margin:0;
	padding:2px 5px;
}
em {
	font-style: italic;
	font-size: inherit;
}

a.logo {
	width:345px;
	height:90px;
	background:url(../images/logos/homeLogo.gif);
	float:left;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* main menu */

/* Plain text-link style nav */

ul.textNav {
	display:block;
	font-size:12px;
	font-weight:normal;
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0 0;
	border-left:1px solid #C3CAC2;
	border-top:1px solid #C3CAC2;
	
	
}
ul.textNav li {
	float:left;
	font-size:12px;
	line-height:8px;
	padding:10px 10px 7px;
	border-right:1px solid #C3CAC2;
	height: 11px;
	color: #4c4943;
}
ul.textNav li.active, ul.textNav li:hover {
	background:white;
}
ul.textNav li a{
	text-decoration: none;
}

ul.textNav li a span{
	font-size: 12px;
}


/* color setting for different page */
/* home */
body.home { 
  	background-color:#f0f1ec;
	background-image:url(../images/backgrounds/homebgHead.gif);
}

.home .footer {
	background:#a2a7a0;
	border-top-color:#979d97;
}

.home a.logo {
	background:url(../images/logos/homeLogo.gif);
}

li#home.active, li#home:hover {
	color:#00baff;
}
.homePanel {
	border-top-color: #00baff;
}


/* gallery */
body.tour-gallery { 
  	background-color:#eef1ed;
	background-image:url(../images/backgrounds/gallerybgHead.gif);
}

.tour-gallery .footer {
	background:#a3a8a1;
	border-top-color:#989d97;
}

.tour-gallery a.logo {
	background:url(../images/logos/galleryLogo.gif);
}

li#tour-gallery.active, li#tour-gallery:hover {
	color:#2fc200;
}

/* upcoming */
body.upcoming-tours { 
  	background-color:#eef1f2;
	background-image:url(../images/backgrounds/upcomingbgHead.gif);
}

.upcoming-tours .footer {
	background:#a2a7a9;
	border-top-color:#989c9e;
}

.upcoming-tours a.logo {
	background:url(../images/logos/upcomingLogo.gif);
}

li#upcoming-tours.active, li#upcoming-tours:hover {
	color:#00baff;
}

/* past */
body.past-tours { 
  	background-color:#eef1f2;
	background-image:url(../images/backgrounds/pastbgHead.gif);
}

.past-tours .footer {
	background:#aaa3a6;
	border-top-color:#9f999c;
}

.past-tours a.logo {
	background:url(../images/logos/pastLogo.gif);
}

li#past-tours.active, li#past-tours:hover {
	color:#ff006a;
}

/* about */
body.about-handsome-tours, body.search { 
  	background-color:#eef1f2;
	background-image:url(../images/backgrounds/aboutbgHead.gif);
}

.about-handsome-tours .footer,
.search .footer {
	background:#a8a5a1;
	border-top-color:#9d9a97;
}

.about-handsome-tours a.logo,
.search a.logo {
	background:url(../images/logos/aboutLogo.gif);
}

li#about-handsome-tours.active, 
li#about-handsome-tours:hover {
	color:#ff8200;
}

/* colors for sidebar */
.upcomingSide a {
	color: #00BAFF;
}
.pastSide a {
	color: #FF006A;
}


/* Link and link-like colours */
.footer a {
	color: white;
	text-decoration:underline;
}


/* search bar */
.searchForm {
	position: absolute;
	top: -50px;
}
.searchForm input#query {
	float:left;
	height:15px;
	margin:0;
	padding:2px 5px;
	width:148px;
	border-right: none;
}
.searchForm input.submit
{
	background: url(../images/searchButton.jpg) no-repeat center center;
	width: 21px;
	height: 21px;
	border: 1px solid #494744;
}



/* sticky footer */

* {margin:0;padding:0;} 

html, body, .wrapper {height: 100%;}

body > .wrapper  {height: auto; min-height: 100%;}

.main {padding-bottom: 96px;}  /* must be same height as the footer */

.footer {position: relative;
	margin-top: -96px; /* negative value of footer height */
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear: both;}
/* End hide from IE-mac */


/* main Structure */
.main #content {
	width: 720px;
	margin: 15px 20px;
}
.main #sidebar {
	width: 180px;
	float: right;
	margin: 15px 30px 15px 0;
	position: relative;
}
.masthead .main {
	padding-bottom: 0;
}
.blurb, p{
	font-size: 12px;
	color: #4c4943;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.home .blurb {
	height: 110px;
}
.home .homePanel .blurb {
	height: auto;
}
p a{
	font-size: 12px;
}
.footer p a{
	font-size: 10px;
}

li#who-would-you-love-to-see-live {
	display: none;
}



/* sidebar widget */
.main #sidebar, .main #sidebar p {
	font-size: 11px;
}
.main #sidebar ul {
	line-height: 1.6em;
}

#sidebar ul li {
	margin-bottom: 5px;
}
.jukebox {
	height: 140px;
}
.jukebox, .tourInfo, #sidebar .who, .mail, .artistOnline {
	margin-bottom: 15px;
	background: white;
}
.tourInfo, #sidebar .who, .mail, .artistOnline  {
	border: solid 1px #b9beb6;
	
}
 
.tourInfo {
	border-bottom: none;
}
.pastSide, .upcomingSide, #sidebar .who, .mail, .artistOnline  {
	padding: 10px;
	border-bottom: solid 1px #b9beb6;
}

#sidebar .who #message, .mail input {
	width: 145px;
	margin-bottom: 2px;
	margin-top: 3px;
}
#sidebar .who .buttonHolder input, .mail .submit {
	color: white;
	font-weight: bold;
	background-color: #ff8200;
	border: none;
	height: 20px;
	cursor: pointer;
	margin-bottom: 2px;
	margin-top: 3px;
	width: auto;
}
#sidebar .who .buttonHolder, .mail .buttonHolder {
	text-align: right;
	width: 157px;
}


/* border and white background */
.homePanel, 
.subLeftPanel, 
.subRightPanel, 
.who-would-you-love-to-see-live #content,
#content .errorContent,
.about-handsome-tours #content,
.past-tours #content .tourDetail,
.upcoming-tours #content .tourDetail,
.upcoming-tours #content .tours li,
.upcoming-tours #content .who,
.tour-gallery #content .tours li,
.search #content .tours li , 
.tour-gallery #content .gallery,
.events{
	border: 1px solid #b2b1a5;
	margin-bottom: 15px;
	background: white;
}
.jukebox, 
.tourInfo, 
#sidebar .who, 
.mail,
.about-handsome-tours #content, 
.who-would-you-love-to-see-live #content,
#content .errorContent,
.artistOnline, 
.events {
	border-top: solid 5px #b9beb6;
}


/* pagination */
.paginagtion ul {
	width: 620px;
	margin: auto;
	text-align: center;
	position: relative;
	font-weight: bold;
}
.paginagtion ul li {
	
	display:inline;
	margin:0 2px;
	text-transform:capitalize;
}
.paginagtion ul li.currentPage {
	padding:4px 8px;

}
.paginagtion ul li a{
	padding:4px 8px;
}
.paginagtion ul li.nextPage {
	position:absolute;
	right:-52px;
	top:0px;
}
.paginagtion ul li.prevPage {
	position:absolute;
	left:-52px;
	top:0px;
}

.paginagtion ul li a {
	text-decoration: none;
}

.tour-gallery #content .paginagtion ul li.currentPage, 
.tour-gallery #content .paginagtion ul li a:hover {
	background: white;
	color: #2FC200;
	border: solid 1px #2FC200;
}

.tour-gallery #content .paginagtion ul li a {
	background: #2FC200;
	color: white;
	border: solid 1px #2FC200;
}

.upcoming-tours #content .paginagtion ul li.currentPage, 
.upcoming-tours #content .paginagtion ul li a:hover {
	background: white;
	color: #00BAFF;
	border: solid 1px #00BAFF;
}

.upcoming-tours #content .paginagtion ul li a {
	background: #00BAFF;
	color: white;
	border: solid 1px #00BAFF;
}

.search #content .paginagtion ul li.currentPage, 
.search #content .paginagtion ul li a:hover {
	background: white;
	color: #ff8200;
	border: solid 1px #ff8200;
}

.search #content .paginagtion ul li a {
	background: #ff8200;
	color: white;
	border: solid 1px #ff8200;
}


/* home page */

.homePanel {
	border-top: 5px solid #00baff;

}
.homePanel .detail {
	float: right;
	width:210px;
	margin: 10px 15px 0 0;
}
.homePanel h3, .homePanel .meta a {
	color: #00baff;
}
.subLeftPanel h3, .subLeftPanel .meta a {
	color: #ff006a;
}
.subRightPanel h3, .subRightPanel .meta a {
	color: #2fc200;
}
.meta span{
	clear: both;
	float: left;
	margin: 5px 0 0;
}
.meta span.more{
	margin-bottom: 15px;
}

.meta span.tourMore a {
	font-size: 12px;
	font-weight: bold;
}
.meta span.more a {
	font-size: 11px;
}

.subLeftPanel, .subRightPanel {
	width: 350px;
	height: 510px;
}
.subLeftPanel .detail, .subRightPanel .detail {
	padding: 10px;
}
.subLeftPanel {
	border-top: solid 5px #f93a89;
}
.subRightPanel {
	border-top: solid 5px #2fc200;
}



/* about page */

.about-handsome-tours #content, 
.who-would-you-love-to-see-live #content,
#content .errorContent,
.past-tours #content .tourDetail,
.upcoming-tours #content .tourDetail,
.tour-gallery #content .gallery{
	padding: 15px;
	width: 690px;
}


/* past tour page */
.past-tours #content .tourDetail, 
.search #content .tours li.past-tours{
	border-top: solid 5px #f93a89;
}

.past-tours #content a, 
.past-tours #content .tourDetail h2, 
.past-tours #content .tourDetail h3,
.search #content .tours li.past-tours a,
.search #content .tours li.past-tours h2,
.search #content .tours li.past-tours h3,
.past-tours .artistOnline a
 {
	color: #ff006a;
}
.past-tours .pastList {
}
.block li {
	float: left;
	padding-right:1%;
	width:19%;
	margin-bottom: 15px;
}
.block li li {
	float:none;
	line-height:1em;
	margin-bottom:5px;
	width:auto;
}
.block {
	clear: left;
	margin: 0;
}
.past-tours #content .tourDetail h3 {
	font-size: 14px;
}



/* gallery, upcoming, search */
.upcoming-tours #content .tours li, 
.upcoming-tours #content .who,
.upcoming-tours #content .tourDetail,
.search #content .tours li.upcoming-tours{
	border-top: solid 5px #00baff;
}
.upcoming-tours #content .tourDetail, 
.past-tours #content .tourDetail {
	float: left;
}
.upcoming-tours #content .tourDetail h3 {
	font-size: 14px;
}


.search #content .tours li.query{
	height: auto;
	padding: 10px;
	border-top:5px solid #B9BEB6;
}
.tour-gallery #content .tours li,
.tour-gallery #content .gallery,
.search #content .tours li.tour-gallery {
	border-top: solid 5px #2FC200;
}
.search #content .tours li,
.tour-gallery #content .tours li,
.upcoming-tours #content .tours li{
	height: 180px;
}
.tour-gallery #content .tours li .detail,
.upcoming-tours #content .tours li .detail,
.search #content .tours li .detail, 
.upcoming-tours #content .who .detail {
	float: right;
	width:210px;
	margin: 10px 15px 0 0;
	width:450px;
}
.tour-gallery #content a,
.tour-gallery #content .gallery a,
.tour-gallery #content .gallery h2,
.search #content .tours li.tour-gallery a {
	color: #2FC200;
}
.upcoming-tours #content a,
.search #content .tours li.upcoming-tours a,
.upcoming-tours #content .tourDetail h2,
.upcoming-tours #content .tourDetail h3, 
.upcoming-tours .artistOnline a {
	color: #00BAFF;
}

#content .who .inlineLabels {
	float:left;
	width:auto;
}
#content .who .buttonHolder {
	float: right;
}
#content .who input#message{
	font-size:25px;
	height:36px;
	width:320px;
}
#content .who .buttonHolder input {
	background:#00BAFF none repeat scroll 0 0;
	border:medium none;
	color:white;
	cursor:pointer;
	font-size:25px;
	font-weight:normal;
	height:42px;
	width:112px;
}



/* gallery */
.galleryMeta {
	width: 220px;
	float: left;
	margin-right: 13px;
}
.galleryContent {
	float: left;
	width: 457px;
}
.galleryContent .item{
	float: left;
	margin: 0 2px 2px 2px;
}
.galleryMeta img.tourListItem {
	padding-bottom: 10px;
}

/* event page */
.hero {
	margin-bottom: 15px;
}
.tourDetail .mainContent {
	width: 440px;	
}
.tourDetail .mainContent hr {
	padding: 10px 0;
}
.youtube, 
.events {
	width: 240px;
	float: right;
	clear: right;
	margin-bottom: 15px;
}
.events {
	width: 218px;
	padding: 0 10px 10px;
}

.events p{
	font-size: 11px;
	line-height: 1.2em;
}
.events p a{
	font: 11px;
}
.upcoming-tours #content .events h3,
.past-tours #content .events h3 {
	font-size: 10px;
	color: #4c4943;
	text-transform: capitalize;
	margin: 5px 0;
}
.events .ticketStatus {
	color: white;
	background: #ff5454;
	text-transform: uppercase;
	font-size: 9px;
	padding: 0 3px;
}