@import url(/public/type/bignoodle/stylesheet.css);
@import url(/public/type/sfcollegiatesolid/stylesheet.css);
@import url(/public/type/bebas_neue/stylesheet.css);
@import url(/public/type/league_gothic/stylesheet.css);
@import url(/clients/sum41/icons/style.css);

::selection{
background:#6a0204;color:#fff;
}
::-moz-selection{
background:#6a0204;
color:#fff;
}
#dashboard .controls{
color:#F6F6F5;
font-family:'BigNoodleTitlingRegular',sans-serif;
padding:0;
text-transform:uppercase;
top:50px;
}
#dashboard .controls li{
margin-right:10px;
}
#dashboard .controls a {
  color: #fff;
}
ul,ol{
padding:0;
margin:0;
}
body{
font-family:helvetica;
color:#fff;
min-height: 1100px;
background: #000 url("//groundctrl.s3.amazonaws.com/clients/sum41/site/global/sitebg.jpg") center top no-repeat;
background-size: 100% auto;
}
#patern-background{
background:url('../img/bgPt1.png') repeat 0 0;
width:100%;
height:100%;
position:fixed;
top:0;
right:0;
z-index:1;
}

.home #patern-background{
min-height:1000px;
}
#breadcrumbs{
display:none;
margin: 20px auto;
color:#fff;
text-transform:uppercase;
z-index: 100;
}
#breadcrumbs span.here{
display:none;
}
#breadcrumbs a{
color:#fff;
font-family:'BebasNeueRegular',sans-serif;
font-size:19px;
text-transform:uppercase;
text-shadow: 1px 1px 5px #000;
}
#page{
margin-bottom:100px;
position:relative;
}

.home #page{
	width: 960px;
}

#main.full, .main.full{
width:960px;
margin:0 auto;
}


/*fullscreen video*/

.ui-video-background{
display:none;
}
.video-background{
position:fixed;
top:0;
left:0;
overflow:hidden;
width:100%;
height:100%;
/*min-height:1500px;*/
z-index:0;
}

video{
	height: 100%!important;
}
/*.home .video-background{
min-height:1000px;
}*/
/*.video-background video{
min-height:100%;
min-width:100%;
}*/
.ui-video-background{
display:none;
}
/* get content over full screen video */

#header,#page, #footer{
z-index:20;
position:relative;
}

#page {
  background: rgba(0, 0, 0, 0.4);
  padding-top: 20px;
}

/* text styles*/

h1,h2,h3,h4,h5,h6, #nav li a, .title, .title a, li, table, p, ul,ol, #link a{
margin:0;
padding:0;
line-height:1;
letter-spacing:1px;
}
p{
letter-spacing:normal;
}
h1,h2,h3,h4,h5,h6, #nav li a, .title, .title a, #link a, .pagination a, .pagination li{
padding:0;
font-family: 'BigNoodleTitlingRegular',sans-serif;
text-transform:uppercase;
color:#f6f6f5;
text-shadow: 1px 3px 0px #000000;
}
#nav li a {
font-family: "SF Collegiate Solid", sans-serif;
}
.footer h3 a{
color:#ededed;
font-size:25px;
}
.title a, a, a:active, a:visited{
color:#f7f7f6;
text-decoration:none;
}
.meta,
a.viewall,
li.readmore a,
.content{
font-family:'BebasNeueRegular',sans-serif;
font-size:23px;
color:#000;
}
#video-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.article h3.title, .article h3.title a{
font-size:62px;
padding:3px 0;
}
.article h3.title a{
font-size:62px;
}
.article h3.title a:hover{
color:#660103;
}
.header .actions, .footer .actions{
display:none;
}
/*home*/

#video-background{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom:0;
height:100%;
left:0;
position:absolute;
right:0;
top:-400%;
-webkit-transition:top 0.6s ease-in-out 0s;
-moz-transition:top 0.6s ease-in-out 0s;
-o-transition:top 0.6s ease-in-out 0s;
transition:top 0.6s ease-in-out 0s;
width:100%;
z-index:30;
}
#video-container{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid rgba(0, 0, 0, 0.18);
-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);
height:480px;
left:50%;
margin:-240px 0 0 -426.5px;
padding:10px;
position:absolute;
top:50%;
-webkit-transition:opacity 0.5s ease-in-out 0s;
-moz-transition:opacity 0.5s ease-in-out 0s;
-o-transition:opacity 0.5s ease-in-out 0s;
transition:opacity 0.5s ease-in-out 0s;
width:853px;
}
#video-background.active{
top:0;
}
#video-background.active #video-container{
opacity:1;
}
.close-video{
background:none repeat scroll 0 0 #2A2A2A;
-webkit-box-shadow:0 0 2px #000000;
-moz-box-shadow:0 0 2px #000000;
box-shadow:0 0 2px #000000;
color:#FCCC26;
font:100 20px/35px 'TeXGyreAdventor',sans-serif;
height:35px;
position:absolute;
right:-20px;
text-align:center;
text-decoration:none;
top:-17.5px;
width:40px;
}
/*.home #splat1{
background:url("../img/splats/h-splat1.png") no-repeat scroll 0 0 transparent;
bottom:-71px;
height:244px;
opacity:0;
position:absolute;
right:87px;
-webkit-transition:opacity 3s ease-in-out 0.6s;
-moz-transition:opacity 3s ease-in-out 0.6s;
-o-transition:opacity 3s ease-in-out 0.6s;
transition:opacity 3s ease-in-out 0.6s;
width:178px;
}
.home #splat2{
background:url("../img/splats/h-splat2.png") no-repeat scroll 0 0 transparent;
bottom:35px;
height:333px;
left:0;
opacity:0;
position:absolute;
-webkit-transition:opacity 2s ease-in-out 0.4s;
-moz-transition:opacity 2s ease-in-out 0.4s;
-o-transition:opacity 2s ease-in-out 0.4s;
transition:opacity 2s ease-in-out 0.4s;
width:245px;
}
.home #splat3{
background:url("../img/splats/h-splat2.png") no-repeat scroll 0 0 transparent;
height:333px;
opacity:0;
position:absolute;
right:259px;
top:50px;
-webkit-transition:opacity 7s ease-in-out 0.6s;
-moz-transition:opacity 7s ease-in-out 0.6s;
-o-transition:opacity 7s ease-in-out 0.6s;
transition:opacity 7s ease-in-out 0.6s;
width:245px;
}
.home #splat1.load ,
.home #splat2.load ,
.home #splat3.load{
opacity:1;
}*/
/* Header */
#header #mailingList {
  height: 50px;
  left: 50%;
  margin-left: -480px;
  position: relative;
  width: 960px;
  background-color: black;
  box-shadow: 0.1em 0.1em 0.2em black;
}
form#gc-validate-signup {
  width: 100%;
  height:100%;
}
form#gc-validate-signup div {
  position: relative;
  float: right;
  margin-right: 25px;
}
#mailingList label{
  font: 26px 'BigNoodleTitlingRegular',sans-serif;
  text-transform: uppercase;
  height: 100%;
  float: left;
  margin-right: 5px;
  line-height: 50px;
}
#header #mailingList input,
#header #mailingList select {
  height: 25px;
  float: left;
  margin-right: 5px;
  margin-top: 8px;
}
#header #mailingList input[type="text"] {
  border: 3px solid #660103;
  font-size: 16px;
  width: 190px;
}
#header #mailingList input[type="submit"]:hover {cursor: pointer;}
#header #mailingList input[type="submit"] {
  background-color: #660103;
  border: 0 none;
  color: white;
  font: 24px 'BigNoodleTitlingRegular',sans-serif;
  height: 34px;
  margin-right: 0;
  text-transform: uppercase;
  float: left;
  padding: 4px;
}
.gc-invalid-age .gc-validate-age,
.gc-invalid-email .gc-validate-email {
    box-shadow: 0 0 0 2px #c00;
}

/*.home #header,.home #header .section{
height:auto;
}*/
#container{
position:relative;
}
/*header and Nav*/

h1#logo{
margin-top:0;
}
/*.home h1#logo{
margin-top:10%;
}*/
li.bio a:after{
display:none;
}
/*.home li.bio a:after{
display:block;
}*/
#header .section{
position:relative;
width:960px;
overflow:hidden;
padding-bottom:20px;
height: 150px;
background: rgba(0, 0, 0, 0.4);
}
#header #t-splat1{
background:url("../img/splats/t-splat1.png") no-repeat scroll 0 0 transparent;
height:244px;
position:absolute;
right:0;
top:-84px;
width:314px;
}
#header #t-splat2{
background:url("../img/splats/t-splat2.png") no-repeat scroll 0 0 transparent;
height:269px;
position:absolute;
right:267px;
top:-153px;
width:396px;
}
h1#logo a{
background:url("//groundctrl.s3.amazonaws.com/clients/sum41/site/global/logo.png") no-repeat scroll center top transparent;
display:block;
width: 411px;
height:193px;
margin:0 auto;
position:absolute;
text-indent:-999em;
}
/*.home h1#logo a{
background:url('../img/HomeLogo.png') center top no-repeat;
width:681px;
height:289px;
text-indent:-999em;
display:block;
margin:0 auto;
position:relative;
z-index:1;
}*/
#link{
background:url('../img/homePanel.png') center top no-repeat;
width:568px;
height:66px;
text-align:center;
margin:0 auto;
}
#link a{
font-size:32px;
margin:17px 0 10px 55px;
float:left;
}
#link a:hover{
opacity:0.8;
}
#nav{
margin:23px 0 0 430px;
overflow:hidden;
padding:0 5px;
position:relative;
width:500px;
z-index:200;
}
/*.home #nav{
float:none;
margin:0 auto 35px;
overflow:hidden;
padding-left:0;
width:750px;
position:static;
}*/
#nav ul li{
float:left;
margin:7px 15px 0 0;
position:relative;
}
li.readmore a, #nav ul li a{
color: #fff;
font-size:33px;
text-decoration:none;
-webkit-transition:all 0.1s ease 0s;
-moz-transition:all 0.1s ease 0s;
-o-transition:all 0.1s ease 0s;
transition:all 0.1s ease 0s;
}
#article-slider li.readmore a{
background:none repeat scroll 0 0 #660103;
color:#F7F7F6;
border:1px solid #111;
font-size:26px;
padding:5px 0;
}
#article-slider li.readmore a:hover{
background:#000;
border:1px solid #111;
}
#nav ul li a:hover{
color:#C32625;
}
/* Footer */
#footer{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
bottom:0;
font-size:13px;
height:60px;
margin-top:50px;
position:fixed;
width:100%;
z-index:102;
}
#footer .section{
padding-top:17px;
width:960px;
}
#f-splat1{
background:url("../img/splats/f-splat2.png") no-repeat scroll 0 0 transparent;
height:281px;
margin:0 auto;
width:960px;
z-index:100;
}
#footer p,
  #footer li,
  #copyright,
  #copyright a{
font-size:13px;
letter-spacing:normal;
font-family:Helvetica, sans-serif !important;
color:#c1c1b7;
}
#copyright a,
  #footer a{
color:#c32625;
text-decoration:none;
}
li.privacy:after,
  li.conditions:after{
content:'|';
padding:5px 0 0 7px;
color:#ccc;
}

#header .social,
#footer .social{
display:inline-block;
vertical-align:middle;
}
#header .social li,
#footer .social li{
  display:inline-block;
  vertical-align: top;
  margin: 10px 5px;
}
#header .social a,
#footer .social a{
font-size: 14px;
display: inline-block;
vertical-align: top;
width: 28px; height: 28px;
background: #fff;
box-shadow: 1px 3px 0px #000000;
border-radius: 50px;
text-align: center;
}

#header .social a i,
#footer .social a i{
line-height: 28px;
}

#header .social a{
  transition:none;
  color: #000;
  text-shadow: none;
}

#footer .social {
  margin-right: 50px;
}

#footer .social li {
  margin: 10px 0px;
}

#footer .social a {
  background: none;
  font-size: 16px;
  color: #740204;
  width: auto; height: auto;
}

#footer .terms{
display:inline-block;
vertical-align:middle;
}
#footer .terms li{
margin-right:2px;
}
#footer .terms li.coppa{
  display: block;
  padding-top: 4px;
}
#footer #copyright{
float:right;
margin-top:7px;
}
#footer p{
display:inline-block;
padding:0;
vertical-align:middle;
}
span.poweredby{
color:#c2c2c2;
}
/* Pagi - page slider */


.news #breadcrumbs{
display:block;
}
.parentpage .news #breadcrumbs{
display:none;
}
.fullscreen-slider{
height:250px;
overflow:hidden;
position:relative;
right:0;
width:960px;
}
.media .fullscreen-slider{
height:250px;
overflow:hidden;
width:960px;
right:0;
position:relative;
}
.fullscreen-slider .fullscreen-slide{
overflow:hidden;
position:absolute;
right:100%;
top:0;
-webkit-transition:right 0.5s ease-in-out 0s;
-moz-transition:right 0.5s ease-in-out 0s;
-o-transition:right 0.5s ease-in-out 0s;
transition:right 0.5s ease-in-out 0s;
width:580px;
}
.fullscreen-slider .fullscreen-active{
right:0;
}
.fullscreen-slider .fullscreen-old{
right:-100%;
}
#article-slider{
text-align:right;
}
#article-slider .footer{
margin-top:20px;
}
#article-slider .footer .nav{
display:block;
height:auto;
overflow:hidden;
padding:10px 0;
}
.new-pagi{
overflow:hidden;
padding:10px 0;
float:right;
}
.new-pagi li{
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:100% 100% 100% 100%;
-moz-border-radius:100% 100% 100% 100%;
border-radius:100% 100% 100% 100%;
float:left;
height:15px;
margin:3px 5px 0 0;
position:relative;
width:15px;
background:#000;
color:#000;
display:block;
}
.new-pagi .more{
-webkit-border-radius:none;
-moz-border-radius:none;
border-radius:none;
height:15px;
margin:0 5px 0 0;
width:auto;
background:transparent;
color:#fff;
display:block;
}
.new-pagi .more a{
font-family:'BigNoodleTitlingRegular',sans-serif;
text-transform:uppercase;
color:#f6f6f5;
font-size:22px;
border:none;
text-shadow:1px 2px 3px #000;
}
.new-pagi .more a.button span{
font-size:22px;
}
.new-pagi .more a:hover{
border:none;
background:transparent;
color:#660103;
}
#article-slider .content *{
font-style:26px;
}
.new-pagi .item.active,
.new-pagi .item:hover{
background:#fff;
color:#fff;
}
.new-pagi .item p{
text-indent:-999em;
}
a.fullscreen-prev,
a.fullscreen-next{
display:none;
}
/*news details*/

.news #main{
width:auto;
}
.archive .item,
.story{
background:#171717;
margin-bottom:20px;
overflow:hidden;
border:1px solid #000;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
position:relative;
}
.archive .figure ,
.news.story .figure{
background:#111;
display:block;
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:305px;
}
.archive .article,
.news.story .article{
background:#171717;
margin-left:325px;
padding:20px 20px 20px 10px;
}
.archive .article h3,
.archive .article h3 a,
.archive .article p,
.archive .article span,
.news.story .article *{
font-size:13px;
color:#fff;
line-height:1.2;
margin:1em 0;
width:100% !important;
}

.news.story .article a{
color:#BC0005 !important;
}
.archive .article h3,
.archive .article h3 a,
.archive .article .title,
.news.story .article .title{
font-size:45px;
margin:0;
}
.archive .article  .meta,
.news.story .article .meta{
display:block;
margin-top:0;
}
.archive .article .meta span,
.news.story .article .meta span{
color:#9c9c9c;
font-style:italic;
font-family:helvetica;
}
.archive .article .meta .author,
.news.story .article .meta .author{
display:none;
}
.news.story .article .comments a span{
color:#bc0005;
}
/*global section*/
.archive .footer, .story .footer{
background:none repeat scroll 0 0 #660103;
color:#FFFFFF;
font-size:26px;
padding:8px 20px 10px 0;
position:relative;
text-align:right;
}
.archive .footer a, .story .footer a span{
color:#EDEDED;
font-family:'BigNoodleTitlingRegular',sans-serif !important;
font-size:18px;
}
.archive .footer a:after{
content:'>';
padding-left:5px;
}
.section .footer a.viewall:hover,
.section .footer .nav li a:hover, button:hover{
background:#111;
border:#fff;
}


/*media*/

.media #breadcrumbs{
display:block;
}
.media .section{
margin-bottom:20px;
}

.media .section.feature.video {
    background: none repeat scroll 0 0 #111111;
    box-shadow: 0.1em 0.1em 0.2em black;
    padding: 10px 0 20px 0;
    text-align: center;
}

.media .section.feature.video h2{
	float: left;
	padding:0 10px 10px 10px;
}



.gallery li.item{
background:#760306;
float:left;
height:200px;
margin:0 30px 15px 0;
overflow:hidden;
width:463px;
border:1px solid #000;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
}

.gallery li.second{
margin-right:0;
}
.gallery li .figure{
background:none repeat scroll 0 0 #000000;
float:left;
height:150px;
overflow:hidden;
position:relative;
width:220px;
}
.gallery li .figure a{
display:block;
position:absolute;
top:0;
left:0;
width:250px;
height:auto;
}
.gallery li .header{
background:#111111;
height:150px;
margin-left:220px;
}
.gallery li.item .title{
float:left;
margin:15px 15px 0 15px;
}
.gallery li.item .title a{
color:#fff;
font-size:36px;
}
.gallery li .header .meta{
display:none;
}
.gallery li.item .footer span{
float:right;
margin:10px 15px 0 0;
}
.gallery li.item .footer span a{
text-transform:uppercase;
color:#ededed;
font-size:18px;
text-shadow:none;
}
.gallery li.item .footer span a:after{
content:' >';
}
.gallery h1{
display:none;
}
.section.asset{
background:#000;
text-align:center;
padding:10px;
color:#fff;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
}
.section.asset .details{
padding:10px 0;
color:#fff;
font-size:14px;
}
/*.pagination*/

.pagination{
overflow:hidden;
padding:20px 0;
text-align:left;
}
.pagination li{
margin-right:0;
}
.pagination li,
.pagination li a{
font-size:22px;
padding:5px 10px 0;
}
.pagination .actions li{
padding:5px 10px 0 0;
}
.pagination li.current,
.pagination li a:hover{
background:#161616;
}
.pagination .actions a{
color:#760306;
}
.pagination .actions a:after{
content:'>>';
}
.pagination h6,
.pagination .results{
display:none;
}
/*Comments*/

#comments li.item{
background:none repeat scroll 0 0 #000000;
border:1px solid #000000;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
margin-bottom:10px;
min-height:120px;
overflow:hidden;
}
#comments .meta{
display:block;
}
#comments .meta *{
color:#9C9C9C;
font-family:helvetica;
font-size:13px;
font-style:italic;
}
#comments .meta a{
color:#660103;
}
#comments li.alt{
background:#171717;
}
#comments .footer{
display:none;
}
#main .section.comments .avatar, #main .section.comments .avatar img,
#main.full .section.comments .avatar, #main.full .section.comments .avatar img{
width:100px;
}
#main .section.comments .bubble,
#main.full .section.comments .bubble{
padding:10px 0;
width:820px;
margin-left:130px;
}
#main .section.comments .avatar{
background:none repeat scroll 0 0 #660103;
left:0;
padding:10px;
position:absolute;
top:0;
}
.bubble *{
color:#fff;
font-family:'BebasNeueRegular',sans-serif;
font-size:18px;
}
.bubble .footer .nav{
display:block;
overflow:hidden;
padding:10px 0;
}
.bubble .details{
padding:10px 0;
}
.bubble .details p{
letter-spacing:1px;
}
.bubble .footer .nav li{
float:left;
margin-right:10px;
}
#post_comment{
background:#760306;
overflow:hidden;
border:1px solid #000;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
padding:10px;
}
#post_comment .text textarea{
margin-bottom:10px;
width:100%;
}
#post_comment label{
display:none;
}
#post_comment button{
border:1px solid #000;
background:#111;
color:#fff;
}
#post_comment button:hover{
background:#760306;
}

.button span{
font-family:'BebasNeueRegular';
text-transform:uppercase;
font-size:26px;
padding:3px 10px 3px 10px;
}

.store .button span{
padding:0;
}

/*events page*/

body.events #breadcrumbs{
display:block;
}

.events #breadcrumbs{
    background: none repeat scroll 0 0 #000000;
    padding: 2px 10px;
}

.events #breadcrumbs a{
    color: #9FEE1C;
}

.events #breadcrumbs a:hover{
color:#fff;
}

body.events #breadcrumbs {display: none;}
body.events .section.events.upcoming h1,
body.events thead{
display:none;
}
body.events #header{
height:225px;
}
body.events #header .section{
width:968px;
height:225px;
}
body.events tr{
border-bottom:1px solid #C32625;
}
body.events tr td{
padding:10px 0 30px;
}

body.events tr td.venue{
padding-right:30px;
}

body.events tr td {
    padding-right: 30px;
}

.event .header .meta {
    color: #9FEE1C;
    padding: 0 0 10px;
}

body.events td a,
body.events td span{
font-family:'LeagueGothicRegular',sans-serif;
font-size:30px;
color:#fff;
text-transform:uppercase;
position:relative;
top:10px;
}
body.events td.venue a{
font-family:'LeagueGothicRegular',sans-serif;
font-size:30px;
color:#C32625;
text-transform:uppercase;
}
body.events td.venue a:hover{
color:#fff;
}
.events #container{
padding:10px 0;
background-color: black;
}
.events #main{
display:block;
padding:0 30px;
padding-bottom:15px;
position:relative;
width:905px;
}
.events .footer .actions{
display:block;
padding:10px 0 0 0;
}
.events .footer .actions a{
font-size:12px;
color:#C32625;
}
.events .tickets a, .events .tickets span, .events li.soldout{
background: #C32625;
background-image:none;
display:block;
height:auto;
width:133px;
text-indent: inherit;
text-align: center;
padding: 4px 0;
}

td.venue{
  width: 245px;
}

.events .tickets li{
  float: left;
  margin-left: 10px;
}

.events .tickets a{
  color:#000;
}

.events .tickets.vip{
  margin-left: 0;
}

.events .tickets.vip a {
    background-image: none;
}
.events .tickets a:hover,
.events li.soldout{
background: #000;
color:#fff;
}

.events li.na,
.events li.soldout{
opacity: 0.3;
}

td.tickets{
position:relative;
top:10px;
}
.events #comments,
.events #post_comment{
display:none;
}
.section.event h2{
font-size:30px;
margin:10px 0;
}
.events #aside{
display:none;
}
.events .vcard{
background:#000;
padding:20px;
margin:0;
}
.events .vcard,
.events .info dt,
.events .info dd{
font-family:'BigNoodleTitlingRegular',sans-serif;
text-transform:uppercase;
color:#f6f6f5;
}

.section.event .figure{
  float: right;
  width:300px;
}

.section.event .venue.vcard {
    border-radius: 5px 5px 5px 5px;
    width: 550px;
}

.section.event .description *{
  padding:10px 0;
  color:#fff;
  font-family: 'BigNoodleTitlingRegular',sans-serif;
}



/*bio*/

/*bio*/

body.bio #main{
width:960px;
}
body.bio .content{
background:#191919;
overflow:hidden;
-webkit-box-shadow:0.1em 0.1em 0.2em black;
-moz-box-shadow:0.1em 0.1em 0.2em black;
box-shadow:0.1em 0.1em 0.2em black;
}
body.bio #aside{
background:#111111;
float:left;
width:300px;
margin:0 20px 0 0;
border:1px solid #000;
}
#aside .section.band{
overflow:hidden;
padding:20px;
}
body.bio p{
font-size:16px;
margin:1em;
color:#fff;
line-height:1.2em;
}
body.bio .header{
margin:20px 0 0 0;
}
body.bio .profile{
border-bottom:1px solid #C1C1C1;
display:block;
margin:0 0 20px;
overflow:hidden;
padding:0 0 20px;
}
body.bio .profile .text,
body.bio .profile .text a{
color:#fff;
font-family:'BebasNeueRegular',sans-serif;
font-size:23px;
}
}
body.bio .profile .tweets{
margin:10px 0 0;
padding:5px;
}
body.bio .profile > a{
color:#C32625;
font-family:'BigNoodleTitlingRegular',sans-serif;
padding:0;
text-shadow:1px 2px 3px #000000;
text-transform:uppercase;
}
body.bio .profile .tweet .text{
display:block !important;
margin:0 0 5px !important;
}
body.bio .profile .tweet .time, .about .profile .tweet .time a{
color:#ccc;
font-size:11px;
text-decoration:none;
font-style:italic;
}
body.bio .profile .tweets .user a{
font-size:11px;
text-decoration:none;
}
/*releases*/

.releases #page{
width:960px;
}
body.releases .header h1{
display:none;
}
body.releases .release .header h1{
display:block;
}
.releases #main ol.listing .item{
padding:0;
}
.releases #main ol.listing .item .content{
display:none;
}
.releases .section.releases > .header{
padding-bottom:40px;
text-align:center;
}
.releases .section.releases ol li{
float:left;
margin:10px 10px 0 0;
position:relative;
width:310px;
overflow:hidden;
}
.section.releases .figure{
background:none repeat scroll 0 0 #000;
height:310px;
width:310px;
}
.section.releases .listing.full .header{
display:none;
}
.section.releases .listing.full .header h2 a{
color:#FFFFFF;
}
.releases #main ol.listing .item:hover .header, .section.releases .listing.full .header:hover{
background-color:#111111;
}
.section.releases .listing.full .header > .meta{
display:none;
}
.section.release .header{
padding:10px 0;
}
.section.release > .header{
height:100px;
margin-bottom:20px;
}
.section.release .header > .meta{
padding:10px 0;
}
.news .pagination li a:hover{
background-color:#FFFFFF;
}
.section > .footer .actions li a:hover, .pagination li a:hover{
color:#FFFFFF;
}
.playlist td{
padding:10px 0;
}
.playlist td.player a{
display:block;
height:10px;
text-indent:-9999em;
width:10px;
}
.section.releases .listing.full .header .meta span{
color:#FFFFFF;
font-size:10px;
}
#page .section.releases .listing .header h2{
color:#FFFFFF;
font-size:13px;
margin:0;
padding:0;
}
#page .section.releases .listing .header h2 a{
font-size:25px;
margin:0;
padding:0;
}
.releases ul.artist{
display:none;
}
.releases #container{
background:#161616;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
padding:20px 0;
}
.parentpage .releases #container{
background:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.releases #main{
float:right;
}
.releases #main.full{
width:960px;
}
.releases #aside{
float:left;
padding-top:0;
width:374px;
}
.releases #main .section.release{
margin:0 20px;
}
#main .section.release .header{
height:auto;
margin-bottom:0;
}
#main .section.release .header:after{
display:none;
}
#main .section.release .header .title{
color:#FFFFFF;
float:none;
font-size:27px;
margin:0;
}
#main .section.release .header .title a{
color:#221E1F;
font-size:27px;
}
.section.releases .header{
display:none;
}
.section.release.links li{
margin-bottom:10px;
}
#discog-filter ul li a:hover{
color:#4E87B5;
}
#discog-filter{
background-color:rgba(0, 0, 0, 0.8);
float:right;
margin:10px 0;
padding:10px 20px;
width:150px;
}
#discog-filter ul{
padding:0;
}
.release a.play {
    background: url("../img/play.png") no-repeat scroll 0 0 #C32625;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    text-indent: -999em;
    top: 3px;
    width: 16px;
}
.release a.sm2_playing{
background: url("../img/play.png") no-repeat scroll 0 0 #fff
}
#discog-filter ul li a{
color:#FFFFFF;
}
.playlist thead{
display:none;
}
.section.release .meta{
color:#CCCCCC;
}
.playlist th{
border-bottom:medium none;
color:#FFFFFF;
padding-bottom:10px;
}
.playlist tr{
background-color:#222222;
}
.playlist tr.alt{
background-color:#000;
}
.playlist tr td{
color:#FFFFFF;
font-size:14px;
padding:10px;
}
.playlist tr td span{
color:#FFFFFF;
font-size:13px;
font-weight:400;
}
.release pre.lyrics{
margin-top:10px;
position:relative;
width:350px;
}
.release .show_lyrics{
display:inline;
float:right;
}
.release .duration{
text-align:right;
}
.release .track-num, .release .duration{
max-width:50px;
width:50px;
}
.section.release.cover{
margin-bottom:2px;
}
.section.release.links li{
border-top:1px solid #666;
display:block;
margin-bottom:2px;
width:374px;
}
.section.release.links li a{
color:#FFFFFF;
display:block;
font-family:'BigNoodleTitlingRegular',sans-serif;
font-size:30px;
margin-bottom:10px;
padding:20px 4px;
text-align:left;
text-transform:uppercase;
}
.section.release.links li a:hover{
background-color:#CCCCCC;
color:#000000;
}
#close{
background:none repeat scroll 0 0 #68BFB6;
-webkit-border-radius:50% 50% 50% 50%;
-moz-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:16px;
height:25px;
padding:0 1px 1px 0;
position:absolute;
right:20px;
text-align:center;
top:128px;
width:25px;
}
.section.release .meta{
color:#FFFFFF;
font-size:14px;
font-weight:normal;
}
.playlist tr td span{
color:#FFFFFF;
font-size:14px;
font-weight:400;
}
.section.releases.compact{
display:none;
}
.blanket {
  background-color: black;
  opacity: 0.65;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 2000;
  cursor: pointer;
}
#store-prompt {
top: 50%;
left: 50%;
width: 1258px;
height: 604px;
display: none;
overflow: hidden;
position: fixed;
margin: -302px 0 0 -619px;
z-index: 3000
}
.store-link {
background-color: black;
border: 1px solid green;
width: 600px;
height: 600px;
display: block;
margin-right: 25px;
float: left;
}
#ext-store-link{background: url(../img/s41_merchStore-UK.jpg) no-repeat 0 0;}
#int-store-link{background: url(../img/s41_merchStore-US.jpg) no-repeat 0 0;}

  /**
   * Store
   * =====
   * Structure
  */

    /* Structure */
    .store .store-banner {
      margin: 0 auto 40px auto;
      width: 670px;
      height: 183px;
      background: url(//groundctrl.s3.amazonaws.com/clients/sum41/site/store/sum41_blindSalePromo.jpg) center top no-repeat;
    }

.store #aside #GC.store.header { margin-bottom: 20px; }

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #patern-background{
    display: none;
    }
}



/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

.parentpage .news #news-slider,
.parentpage .news #article-menu
{
    display: none!important;
}

.parentpage .news #main .archive {
    display: block!important;
}

    #patern-background{
    display: none;
    }
    
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

/* Styles */



body.home {
background:url(//groundctrl.s3.amazonaws.com/clients/sum41/video/b-roll.png) no-repeat 0 0 #000;
height: 768px;
}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */



body.home {
background:url(//groundctrl.s3.amazonaws.com/clients/sum41/video/b-roll.png) no-repeat 0 0 #000;
height: 1020px;
}

}