/* Layout for desktop version */
html {
        
}

body {background:#ffffff;font-family:font-family:Helvetica,Arial,Sans-Serif; }

a { color:#333333;text-decoration:none; }
a:link, a:active, a:visited { border-bottom:solid 1px; }
table { border-spacing:0; }

/* FONTS */
@font-face {
font-family: GiorgioSans-Light;
  src:  url('/fonts/GiorgioSans-Light.woff2') format('woff2'),
        url('/fonts/GiorgioSans-Light.woff') format('woff');
}

.nav a,
.ruler, .ruler h2
.tourdate,
#mc_embed_signup,
.tourdates .ticket-archive div,
h2
{
	font-family: GiorgioSans-Light;
}

/*********/

.footer {  }
.header { position:fixed;left:0;right:0;z-index:10;height:40px; min-height:40px; background:#e5e5e5; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.body { z-index:20; }
.nav { margin:4px auto 0 auto; text-align:center;}
.nav a { border-bottom:none; line-height: 32px;}
.nav a:hover { text-decoration:none;padding-bottom:2px; }
.nav ul { display:inline; }
.nav li { margin:0 10px; font-size:19px; letter-spacing:2px; display:inline; }
.nav li span { padding-bottom:6px; }
.center { margin: 0 auto; }
.logo { margin: 100px 0 30px 0; }
.nav-social { color: #757575; }
#nav-fb { background: url(../images/fb_grey.png) no-repeat; background-position: 0px 4px;}
#nav-twitter { background: url(../images/twitter_grey.png) no-repeat; background-position: -2px -5px; }
#nav-inst { background: url(../images/inst_grey.png) no-repeat; background-position: -5px -5px; }
#audioplayer { margin:10px 38px; background: #D5D5D5;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; border-radius:10px}

.feature-top { float:left;margin-bottom:10px;height:315px;max-height:315px;}
.feature-details { float:left;margin:0;width:800px;margin-bottom: 10px; }
.feature-details h2 { font-size:36px;letter-spacing:2px;margin:8px 0 0 0;padding-bottom:2px;line-height: 40px; }
.feature-details p { margin:0 0 0 1px;line-height:18px;font-size:12px;}
.feature-details img {display:block; float:left; margin-right:15px;}
.feature-details { margin-bottom: 26px; }
.feature-left { float:left;background:#f6f6f6;width:395px;margin-right:5px;height:175px;max-height:175px;}
.feature-left-mob { display: none;}
.feature-right { float:left;background:#f6f6f6;width:395px;margin-left:5px;height:175px;max-height:175px; }
.feature-center { background:#f6f6f6;width:400px;height:200px;max-height:200px;margin:0 0px;float: left; }
.feature-center-detail1 { margin: 35px auto;width: 300px;}
.feature-center-detail2 { margin: 0 auto;width: 300px;}
.feature-center-detail2 p {text-align: center;line-height: 200%;}
.feature-wing {width: 200px;height: 200px;float: left; }
.feature-wing img { margin: 0;}
img.feature { display:block;margin:0; }
a.buylink { color:#ffffff;margin-top:10px;border:0;font-size:12px;font-weight:normal !important;text-decoration:none !important;padding:3px 6px;background:#0067c6;text-decoration:underline;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } 
a.buylink:hover { color:#ffffff;font-size:12px;padding:3px 6px;font-weight:normal !important;background:#0067c6;text-decoration:underline !important;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
p.mini { padding:11px 0;}

.ruler { height:50px; min-height:50px;margin:70px 0 30px 0; }
.ruler-red { color:#f98ba6;background:url(../images/line_wave.png) repeat-x;background-position:0 12px; }
.content-red a { color:#f98ba6; }
/*.ruler-blue { color:#339999;background:url(../images/line_x.png) repeat-x;background-position:0 12px; }*/
.ruler-blue { color:#0067c6;background:url(../images/line_x_full.png) no-repeat;background-position:0 12px; }
.content-blue a, .content-blue a:hover { color:#0067c6; }
.ruler-yellow { color:#f3d94e;background:url(../images/line_flat.png) repeat-x;background-position:0 12px; }
.content-yellow a, .content-yellow a:hover { color:#f3d94e; }
.ruler-orange { color:#ff6d00;background:url(../images/line_flat.png) repeat-x;background-position:0 12px; }
.content-orange a, .content-orange a:hover { color:#ff6d00; }
.ruler-green { color:#009966;background:url(../images/line_wave.png) repeat-x;background-position:0 12px; }
.content-green a,.content-green a:hover { color:#009966; }
.ruler .title { margin: 0 auto; background:#ffffff; text-align:center;height:50px;}
.ruler .title h2 { display:inline;font-size:3.5em;letter-spacing:5px;line-height:52px;}
#album .title { width:150px; }
#tour .title { width:225px; }
#audio .title { width:140px; }
#video .title { width:140px; }
#merch .title { width:260px; }
#download .title { width:260px; }
#escapee .title { width:380px; }

#merch { background:url(../images/line_x_full2.png) no-repeat;background-position:0 12px; }
#merchlinks { background:#DEDEDE;width:100%;-moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-box-shadow:inset 0 4px 6px #999999; -webkit-box-shadow:inset 0 4px 6px #999999; box-shadow:inset 0 4px 6px #999999;}
#merchlinks1 {  margin:20px auto;width:120px; }
#merchlinks a.storelink { color:#ffffff;margin-top:10px;border:0;font-size:12px;font-weight:normal !important;text-decoration:none !important;padding:3px 6px;background:#f98ba6;text-decoration:underline;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } 
#merchlinks a.storelink:hover { color:#ffffff;font-size:12px;padding:3px 6px;font-weight:normal !important;background:#f98ba6;text-decoration:underline !important;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#merchlinks a.storelink-right { margin-left:40px; }

#diary .title { width:130px; }
#contact .title { width:200px; }
.content-right { color:#999999;font-size:12px;text-align:right;margin:20px 0; }

.tourdates { width:100%;margin:0 0 20px 0;font-size:16px;}
.tourdates tr { height:45px; }
.tourdates tr.alt {  }
.tourdates tr.alt td { background:#efefef; }
.tourdates tr.alt td:first-child { background:#efefef; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; padding-bottom:6px; }
.tourdates tr.alt td:last-child { background:#efefef; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -khtml-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
.tourdates td { padding:0 0 0 10px; }
.tourdates .tourdate { font-size:24px;letter-spacing:3px; }
.tourdates a.ticket-twitter { background-image:url(../images/twitter.png);width:30px;height:30px;display:block; }
.tourdates a:hover.ticket-twitter { background-position: 30px 0; }
.tourdates a.ticket-fb { background-image:url(../images/fb_thumbs.png);width:32px;height:30px;display:block; }
.tourdates a:hover.ticket-fb { background-position: 32px 0; }
.tourdates a.ticket { background-image:url(../images/ticket.png);width:32px;height:32px;display:block; }
.tourdates a:hover.ticket { background-position: 32px 0; }
.tourdates .ticket-icon { text-align:right;width:32px;padding:0; }
.tourdates .ticket-icon-last { text-align:right;width:32px;padding:0 10px 0 0; }
.tourdates .ticket-icon a, .tourdates .ticket-icon-last a { border:0; }
.tourdates .ticket-icon-soldout { }
.tourdates .ticket-soldout { font-size:13px;color:#999999; }
.tourdates .ticket-archive { color:#999999;font-size:26px;letter-spacing:4px;line-height:32px; }
.tourdates .ticket-archive td { text-align:center;width:100%; }
.tourdates #ticket-archive-content a { display:block;float:left; color:#999999; }
.tourdates #ticket-archive-content a:hover { color:#999999;text-decoration:none;cursor:pointer; }
.tourdates #ticket-archive-content img { display:block;float:left;margin:13px 0 0 0; }
.tourdates #ticket-archive-content .archive-title { float:left;margin:0 20px; }
.tourdates #ticket-archive-content { margin:0 auto;height:38px;width:240px; }
/*.tourdates .touritem-archive { display:none; }*/

.diary #flickr { margin:0 auto; }
#flickr .fancybox { float:left; }
#flickr a {text-decoration:none;padding:0;margin:0 5px 5px 0;border:0;}
#flickr img {margin:0;padding:0;}
.aflickr { border-bottom:0;text-decoration:none; }

#videos { }
/*#vimeo { height:450px;min-height:450px;}*/
#videocontrol {  }
#videoinfo { margin:10px 20px; font-size:16px;}
#videoinfo a { color:#D4B100;border:0; }
#videoinfo a:hover { }
img.loader { margin:200px 0 0 370px; }
#thumbs ul img { list-style:none;float:left;padding:0 10px;}
.thumb-greyed { opacity : 0.4; filter: alpha(opacity=40); } 
#videoleft-container {width: 30px;min-width: 30px;float: left;}
#videoinfo {width: 500px;min-width: 250px;max-width: 550px;float: left;}
#videoright-container {width: 30px;min-width: 30px;}
#videotitle-container {min-width: 300px; width: 100%;max-width: 800px;}

#videoleft { cursor:pointer;margin:20px 10px;float:left;width:50px;height:50px; background:url(../images/arrows.png); }
#videoright { cursor:pointer;margin:20px 10px;float:right;width:50px;height:50px;background:url(../images/arrows.png); background-position:49px 0;}

#contact-content { font-size:11px; color:#333333; line-height:16px; } 
#contact-content dl { margin:0 0 20px 0; }
#contact-content dt { font-weight:bold;font-size:12px; }
#contact-content dd { color:#999999; }    
#contact-content a { color:#333333;border:0;font-weight:normal;text-decoration:underline; } 
#contact-content a:hover { color:#ffffff;padding:0 3px;background:#ff6d00;text-decoration:none;-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }

.footer { height:50px;min-height:50px;background:#e5e5e5;margin:30px 0 0 0;padding:0;-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

/* ESCAPEE REMIX COMP  */
.termscond { font-size:9px; }
.comp { font-size:14px; }

/* MAILCHIMP */
#mc_embed_signup { 	width:440px;overflow: hidden; }
.mc_embed_close { text-decoration:none !important; }
.mc-field-group label { float:left; }
.mc-field-group input { float:left;margin:5px 0 0 0;height:1.5em;font-size:14px; }
.response { text-transform:none; font-size:14px; }


/* Layout for ipad version */
@media handheld, only screen and (max-width: 799px) {

body { }
.header {height:110px; min-height:110px; }
#mc_embed_signup { width:220px;overflow:hidden !important; }
#feature-left { margin:0 20px 20px 10px;width:350px;height:160px;max-height:160px; }
#feature-right { margin:0 0 0 10px;width:350px;height:160px;max-height:160px; }
#feature-details { width:100%; }
#feature-details img { width:150px;height:150px; }
#feature-top { float:left;margin-bottom:10px;height:auto;max-height:auto;}
.logo { margin: 155px 0 30px 0; }
.ruler-blue { color:#339999;background:url(../images/line_x.png) repeat-x;background-position:0 12px; }
#merch { background:url(../images/line_x.png) repeat-x;background-position:0 12px; }
a.buylink { font-size:10px;padding:1px 2px; } 
a.buylink:hover { font-size:10px;padding:1px 2px; }
p.mini { padding-top:2px;}

.feature-details { margin:0 auto;margin-bottom: 10px;width: 100%; }
.feature-left { width: 100%;margin: 0 auto 15px auto;float: none;}
.feature-right { width: 100%;margin: 0 auto 15px auto;float: none;clear: both;}
.feature-center { background:#f6f6f6;width:200px;height:150px;max-height:150px;margin:0 0;float: left; }
.feature-center-detail1 { margin: 0px auto;width: 200px;}
.feature-center-detail2 { margin: 0 auto;width: 200px;}
.feature-center-detail2 p {text-align: center;line-height: 200%;}
.feature-wrap { width: 500px;margin: 0 auto;}
.feature-wing {width: 150px;height: 150px;float: left; }
.feature-wing img { margin: 0;}
#videoleft-container {width: 30px;min-width: 30px;float: left;}
#videoinfo {width: 350px;min-width: 250px;max-width: 550px;float: left;}
#videoright-container {width: 30px;min-width: 30px;}
#videotitle-container {min-width: 300px; width: 100%;max-width: 800px;}
}

/* Layout for mobile / iphone version */
@media handheld, only screen and (max-width: 500px) {
#feature-top { margin-bottom:0; }
#feature-left {width:281px;margin-left:0; }
#feature-right { width:281px;margin-left:0; }
#feature-details img { width:75px;height:75px;margin-bottom:95px; }
.ruler { margin-top:20px; }
.tourdates { font-size:12px;line-height:16px;}
.tourdates .tourdate { font-size:18px;letter-spacing:2px; }
#feature-album { display: none;}
.feature-details { margin:0 auto;margin-bottom: 10px;width: 100%; }
.feature-left { width: 400px;margin: 0 auto 15px auto;float: none;clear: both;}
.feature-left-mob {width: 400px;margin: 0 auto 15px auto;background: #f6f6f6;display: block !important;height:175px;max-height:175px;min-width: 400px;}
.feature-left-mob p { text-align: center;line-height: 200%;}
.feature-right { width: 400px;margin: 0 auto 15px auto;float: none;clear: both;}
.feature-center { display: none; }
.feature-center-detail2 { width: 300px;}
.feature-center-detail2 p {text-align: center;line-height: 200%;}
.feature-wrap { width: 400px;margin: 0 auto;}

#videoleft { cursor:pointer;margin:10px 0px;float:left;width:25px;height:25px; background:url(../images/arrows_sm.png); }
#videoright { cursor:pointer;margin:10px 0px;float:right;width:25px;height:25px;background:url(../images/arrows_sm.png); background-position:25px 0;}
#videoleft-container {width: 30px;min-width: 30px;float: left;}
#videoinfo {width: 200px;min-width: 200px;max-width: 200px;float: left;}
#videoright-container {width: 30px;min-width: 30px;}
#videotitle-container {min-width: 300px; width: 100%;max-width: 800px;}

}

/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(../img/downarrow@2x.png) no-repeat;
background-size: 27px 28px;
}
*/

}