/*
Theme Name: The Boss
Theme URI: http://www.arcadecg.com
Description:
Author: Arcade Creative Group
Version: 1.0
License: 
License URI: license.txt
Tags:
*/

/* Reset
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;*zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] {display: none;}
/* Fonts
_________________________________________________________________________________*/
@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Regular-webfont.eot');
    src: url('fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Regular-webfont.woff') format('woff'),
         url('fonts/Bitter-Regular-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Italic-webfont.eot');
    src: url('fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Italic-webfont.woff') format('woff'),
         url('fonts/Bitter-Italic-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Bold-webfont.eot');
    src: url('fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Bold-webfont.woff') format('woff'),
         url('fonts/Bitter-Bold-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg');
    font-weight: bold;
    font-style: normal;

}




/* Base
_________________________________________________________________________________*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background:#fff; }
body { margin: 0; font-size:75%; line-height:1.5;font-family: 'Lato', sans-serif; } /* 12/18 */
body, select, input, textarea { color: #333; }
body.body-bg { background-image:url(img/bg-main.jpg); }
body, button, input, select, textarea { color: #222; }
/* Interactions */
::-moz-selection ::selection {
background: #fe57a1;
color: #fff;
text-shadow: none;
}
::selection { background: #000; color: #fff; text-shadow: none; }/* Remove text-shadow in selection highlight. These selection declarations have to be separate */
a { color: #666; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none;  }
a:link { -webkit-tap-highlight-color: none; }
a:visited { color: #666; }
a:hover { color: #111; }
a:focus { outline: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
strong, th { font-weight: bold; }
em, th { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; } /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* tables */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* forms */
input:focus,
button:focus,
select:focus,
textarea:focus input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; z-index: 1; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea,
select,
input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; -ms-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; -webkit-appearance: none; background-color: white; border:0 none; outline: 0; margin: 0; text-align: left; vertical-align: top; color:#666; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px;
padding: 0; white-space: normal; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
border: 0; }
button,
input { line-height: normal; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;
}
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px;
*height: 13px;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input:focus { border: 0; outline: 0; }
.ie7 input:focus { border: 0; outline: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
}

/* media */
object, embed { max-width: 100%; }
img.full-width { width:100%; height:auto; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* Our CLasses
_______________________________________________________________________________________ */
/* Typography */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin-top:0; margin-bottom:0; -moz-font-feature-settings: "liga=1"; -ms-font-feature-settings: "liga" 1; -moz-font-feature-settings: "kern=1"; -ms-font-feature-settings: "kern" 1; text-rendering: optimizeLegibility; }
h1 a, h2 a, h3 a { text-decoration:none; display:block; }
h1 { font-size:1.5em; margin:1.75em 0; }
h2 { font-size:1.8em; margin:0.5em 0; }
h3 { font-size: 1.333333em;line-height: 1.125em; }
h4 { font-size: 1.166667em; line-height: 1.285714em;  }
small, .small {font-size: 0.916667em;line-height: 1.636364em; }
.large { font-size: 1.166667em; line-height: 1.285714em; }
.alternates { -moz-font-feature-settings: "ss05=1"; -ms-font-feature-settings: "ss05" 1; }
.swashes { -moz-font-feature-settings: "swsh=1,cswh=1"; -ms-font-feature-settings: "swsh" 1, "cswh" 1; } /* enable contextual and stylistic swashes */
.txt-upper {text-transform:uppercase;}
.txt-replace.face-lato {font-family: 'Lato', sans-serif; letter-spacing:0.125em;text-transform:uppercase;}
ul, ol, p { margin:0 0 0.75em 0; }
ul, ol { padding:0 0 0 0; list-style:none; }
ol { list-style:decimal; }
ul.menu { padding:0; margin:0; list-style:none;float:left; }
ul.menu li { float:left; display:block;  }
ul.menu li a { display:block;  }
pre, code, kbd, samp { font-family: monospace, sans-serif; }/* standardize any monospaced elements */
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1) */ word-wrap: break-word; /* IE */ }
/* Helpers Before Media Queries */

.nocallout { -webkit-touch-callout: none; } /* prevent callout */
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* Text overflow with ellipsis */
textarea[contenteditable] { -webkit-appearance: none; } /* A hack for HTML5 contenteditable attribute on mobile */
.gifhidden { position: absolute; left: -100%; } /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }/* For image replacement */
.ir br { display: none; }
.show-overflow{overflow: visible !important; }
.hidden { display: none !important; visibility: hidden; } /* Hide from both screenreaders and browsers*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Hide only visually, but have it available for screenreaders */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.add-top {margin-bottom:1.5em;}
.add-bottom {margin-bottom:1.5em;}
body:before, body:after, .clearfix:before, .clearfix:after, .row:before, .row:after { content: ""; display: table; } /* Contain floats*/
body:after, .clearfix:after, .row:after { clear: both; }
.clearfix .row { *zoom: 1; }
/* MOBILE
_______________________________________________________________________________________ */
/* Grid */
.hide-from-touch{display:none;overflow:hidden;}
.container {padding-left:2.5%; padding-right:2.5%; }
.row { margin:auto;width:100%;}
.col1of1, .col1of2, .col1of3, .col1of4, .col1of6, .col1of12, .col2of3, .col2of4, .col2of6, .col2of12, .col3of4, .col3of6, .col3of12, .col4of6, .col4of12, .col5of6, .col5of12, .col6of12, .col7of12, .col8of12, .col9of12, .col10of12, .col11of12, .colfl, .colfr, .column { display:block; float:left; min-height:1%;}
/* Grid */
.col1of12 { width:8.33333333333333%; }
.col1of6, .col2of12 { width:16.66666666%; }
.col1of4, .col3of12 {width:25%;}
.col1of3, .col2of6, .col4of12 {width:33.3333333%;}
.col5of12 { width:41.5%; }
.col1of2, .col2of4, .col3of6, .col6of12 {width:50%; }
.col7of12 {  width:58.3333333333333%; }
.col2of3, .col4of6, .col8of12 {width:66.6666666666666%; }
.col3of4, .col9of12 { width:75%; }
.col5of6, .col10of12 {width:83.3333333333333%; }
.col11of12 {  width: 91.6666666666666%; }
.pre1of12 { padding-left:8.33333333333333%%; }
.add1of12 { padding-right:8.33333333333333%%; }
.colfr {float:right;}
.last { margin-right:0; }
.reverse { background:#222; color:#f6f6f6; }
.reverse a,
.reverse a:visited { color:#eee; }
.reverse a:hover { color:#f6f6f6; }
a.icon-link span { display:block; float:left; }
#header { position:fixed;top:0;left:0;right:0;z-index:800;min-width:940px;}


#header #brand {float:left; width: 200px;}
#header #brand h1, #header #brand h2 { margin:0; font-size:100%; line-height:1em;}
#header #brand a {padding:0.5em 0;}
#header #brand a img {max-height:1.9em;}
#header #access {padding-right:1.25em;}
#header #access a {text-transform:uppercase;	font-size: 0.916667em; line-height:2.454545em;}

#header #menu-top-nav { height: 32px; }
#header #menu-top-nav li { padding: 5px 1.25em 0; position: relative; }
#header #menu-top-nav ul.drop-down { position: absolute; padding: 0;  }
#header #menu-top-nav ul.drop-down li { float:left; padding: 0;display:block; width: 100px; }

#header #menu-top-nav .sub-menu {  }
#header #menu-top-nav li .sub-menu { position: absolute; background: #222; padding-bottom: 5px; margin-left: -15px; display: none; }
#header #menu-top-nav li:hover .sub-menu { display: block; }
#header #menu-top-nav li .sub-menu li { float: none; }

#content{ margin: 0 auto; padding-bottom: 8em; overflow: hidden;
padding-right: 150px;
min-width: 920px;}
.fixed-right{color:#eee;position:fixed;top:0;bottom:0;right:0;width:7.875%;padding-top:4em;background-color: transparent;
  background-color: rgba(0, 0, 0, 0.8); 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); 
            zoom: 1;
}
#footer {position:fixed;bottom:0;left:0;right:0;padding-top:0.75em; padding-bottom:0.25em;min-width:940px;z-index:750;}
#footer,
#legal { background:#ddd; padding-top:0.5em; padding-bottom:0.5em; }
#legal { display:none; }
#legal.legal-open { display:block; }

#header .container { position:relative;float:left;}
#footer .row .dock-right {
margin-right:0;
padding-right:0;
}
#footer .row { overflow:visible; }
#newsletterform  {display:block;overflow:visible;}
#site-search {position: absolute; top: 0px; right: 10px; float:right;margin-top:0.5em;}
#site-search fieldset.btn-inset,
#newsletterform fieldset.btn-inset {width:100%;padding:0;display:block;float:left;border:0 none; height: 25px;}
#newsletterform .email,
#newsletterform .input-email,
#newsletterform  {display:block;overflow:visible;}
#site-search {float:right;margin-top:0.5em;width:16.60%;}
#site-search fieldset.btn-inset,
#newsletterform fieldset.btn-inset,
#lyric-search fieldset.btn-inset {width:100%;padding:0;display:block;float:left;border:0 none;height: 25px;}

#newsletterform .email,
#newsletterform .input-email,
#site-search #s,
#lyric-search #sl { float:left; width:80%; line-height:1; margin:4px 0 0 5%; }
#lyric-search #sl { float:left; width:75%; line-height:1; margin:4px 0 0 2.5%; }
.ie7 #newsletterform .email,
.ie7 #newsletterform .input-email,
.ie7 #site-search #s,
.ie7 #lyric-search #sl  { margin:7px 0 0 5%; }
.ie7 #site-search #s,
.ie8 #site-search #s   { width:75%; }
#site-search #searchsubmit,
#newsletterform #nlsubmit,
#lyric-search #lyricsearchsubmit {float:right;margin:2px;position:absolute;top:0;right:0;}
.input-group {margin:0;display:block;position: relative;float:left;width:auto;}
.post .entry-content a { text-decoration:underline; color:#111; font-weight:normal;}
.post a.media-link { display:block; overflow:hidden; }
.bg-full { display:inline; overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0;background-size:cover; z-index: -999;min-height: 100%;}
#page { }
#bgimg {}
#featured-articles{width:16.666666666667%;}
#featured-articles a.post-pre-link{width:90%;}

ul.post-social-links {display:block; float: right;width:auto;postion:realtive;}
.ie7 ul.post-social-links {padding:0.8em 0;width:150px;}
.ie7 .category-the-band ul.post-social-links {padding:0.2em 0;}
.ie7 .category-the-band ul.post-social-links li.twitter-tweet {float:left;width:40%;}
ul.post-social-links li {vertical-align:middle;font-size:1em;line-height:1.5em;float:left;width:auto;display:inline-block;width:49%; clear: none}
ul.post-social-links li iframe{float:right;width:auto;display:inline-block;}
ul.post-social-links li.facebook-like {float:left;}
ul.post-social-links li.twitter-tweet {float:right;width:40%;}
ul.post-social-links li.twitter-tweet .twitter-share-button {float:right;display:block;}
/* News */
.archive .post.category-news {}
article.color_white.video-post { color: #000 !important; }
.ie7 .category-news #infinity article a.read-more-link { width:40%; }

.category-news #infinity article iframe { max-width: 100%; }

.ie7 ul.post-social-links {
margin-right:1em;
}
.ie7 .meta-nav.icon-span,
.ie7 #content .icon-span {display:none;}
.ie7 .spacer { padding: 0em 0.8em 1em 0.8em; float:none; display:block;}
.spacer { padding: 1em 0.8em 1em 0.8em; float:none; display:block;}
.related-posts .post.category-news {float:left; width:33.33333%;}
/* Infinite Scroll */
#infinity{position:relative;}
.category-news #infinity {height:100%;}
.category-news #infinity .post {position:relative;line-height:18px;float:left; width:280px;margin:0 10px 18px;background:#fff; padding:0;height:auto;overflow: hidden;}
.category-news #infinity .post.element-hide {}
.category-news #infinity .post.element-added {display:block;margin-top:0;height:auto;}
.category-news #infinity .spacer,
.category-news #infinity .media-link,
.category-news #infinity img,
.category-news #infinity p,
.category-news #infinity .date,
.category-news #infinity .post-title,
.category-news #infinity .post-title a {float:left;display:block;padding:0;margin:0;width:100%;}
.category-news #infinity .spacer{width:260px;margin:9px 10px;}
.category-news #infinity .date,
.category-news #infinity .media-link img,
.category-news #infinity .read-more-link {margin-bottom:9px;}
.category-news #infinity .media-link {}
#infinity .post .media-link {position:relative;display:block;}
#infscr-loading {position:fixed;bottom:4em;left:2.5%;width:auto;}
#infscr-loading img {width:1.5em;}

.media-gallery {}

iframe{display:inline;overflow:visible;margin:0 auto;background:none;z-index:1;position:relative;}

/* Live Dates */
.ie7 ul.text-list  {
display:block;
margin-bottom:0;
top:0;
position:realtive;
}
.ie7 ul.text-list  li {
margin-bottom:0;
}
.ie7 .category-music ul.song-list.text-list {
margin-top:-15px;
}
/* Home & Timeline */
.ie #home-view article .color_white .entry-content .entry-container {
	filter: none;
}
.ie7 #featured-articles aside:hover, .ie7 #search-categories aside:hover,
.ie8 #featured-articles aside:hover, .ie8 #search-categories aside:hover {
  background-color: transparent;
  background-color: rgba(250, 250, 250, 0.15);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FAFAFA,endColorstr=#26FAFAFA); /* IE6–IE9 */
            zoom: 1;
}
.ie9 #featured-articles aside:hover, .ie9 #search-categories aside:hover,
.ie9 #timeline-view article .entry-content .entry-container, .ie9 #home-view article .entry-content .entry-container {
filter: none;
}
/* Music */
#album-nav-search {z-index:400;}
.ie7 .row.album-details{overflow:visible;position:relative;}
.ie7 .single-bruce_album .entry-content {width:100%;overflow:visible;position:relative;}
.ie7 .single-bruce_album .entry-content .row,
.ie7 ul.song-list.text-list{overflow:visible;z-index:4;}

.ie7 .single-bruce_album ul.song-list.text-list {margin-top:0;}
.ie7 .btn-buy.btn-drop.large .btn {width:120px;}
.ie7 .btn-buy ul.drop-down {
top:auto;
bottom:100%;
width:100px;
z-index:910;
margin:2em 0 0;
padding:0;
left:50%;
margin-left:-50%;
border:0 none;
line-height:20px;
}
.ie7 #content .btn-buy ul.drop-down .icon-span {display:block;line-height:25px;}
.ie7 .btn-buy {
overflow:visible;
float:left;
display:block;
}
.ie7 .btn-buy li {
float:left;
display:block;
line-height:20px;

position:realtive;
}
.ie7 .btn-buy li:hover {
float:left;
display:block;
line-height:20px;

position:realtive;
background-color: #e12d1e;
}
.ie7 .btn-buy ul.drop-down li a {
line-height:20px;
width:148px;
}
/* Band */
#band-wrapper .right-col {
overflow:visible;
}
/* Sidebar */
.ie7 #timeline ul li { height:22px}
.ie7 #featured-articles  ul li { height:22px}
.ie7 #search-categories  ul li { height:22px}


#footer a.columbiarecords {
width: 3.1666666666667%;
}
/* Newsletter */
#nl-wrap {width: 10.5%; }
#nl-wrap a{ display:block; float:left; position:relative;  height:2.25em; }

#nl-wrap a:hover p{ color: #fff;  }
#nl-wrap a p { z-index:-1; margin:0; top:0; float:left; opacity:0; display:none; font-size: 0.8em; font-weight: bold; line-height: 1.1;width:100%; }
#nl-wrap a#nltoggle,
#nl-wrap a#nlhover {}
#nl-wrap a#nltoggle:hover,
#nl-wrap a#nlhover:hover {color:#000;}
#nl-wrap a#nlhover { display:none; }
#nl-wrap a p.active { z-index:5;  opacity:1;display:block; width:100%; }
#nl-close,
#nl-over { text-indent:-0.5em; }
#nl-form { position:absolute; bottom:100%; left:5.66666666667%; background-color: transparent; background-color: rgba(96, 96, 96, 0.9);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A0606060, endColorstr=#A0606060); /* IE6–IE9 */
zoom: 1; width:16.666666666667%; display:none;padding-bottom:1em; }
#nl-form.nl-open { bottom:100%; display:block; }
#newsletterform { display:block; float:left; color:#fff;}
#footer #newsletterform fieldset.btn-inset { margin:0.75em auto; width:100%; float:left; clear:both; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#newsletterform select { font-family: "Bitter", Georgia, serif; font-style:italic; padding:0 5%; width:100%; margin:0 auto; line-height:25px; height:25px; background:transparent; }

select.error, input[type="text"].error, input[type="email"].error { color: #e12d1e; }
p.errorMsg { margin: 0; line-height: 1;  font-weight: bold; }

#sub-access {
    width: 235px;
}
p.sony-links {
 width: auto;
 float: right;
 letter-spacing: 0px !important;
 font-size: 10px !important;

}

#footer div.colfr.col1of12 {
}
#footer div.colfr.col1of12 {
width: 5.1666666666667%;
float:left;
 margin-left:1%;
}
/* DESKTOPS
_______________________________________________________________________________________ */
@media only screen and (min-width: 1300px) {
}

/* Print styles.
_________________________________________________________________________________*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}