* { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }


body {
    background: #FFF;
    color: #111;
    font-size: 11px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    position: relative;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    margin: 20px 0px;
}

input, button, textarea {
    border: 1px solid #ccc;
    padding: 2px;
}
button {
    padding: 2px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
img {
    border: 0px;
}



abbr {
    cursor: help;
}



h2 {
    font-size: 22px;
    font-weight: bold;
}




h4 {
    color: #111;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}

p {
    margin: 10px 0;
}

::selection,
::-moz-selection {
    background: #ff9;
}

a, .a {
    color: #0063dc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


#container {
    margin: 0 auto;
    position: relative;
    width: 1038px;
    display: block;
    margin-top: -10px;
}


#content-left {
    background: transparent;
    clear: left;
    float: left;
    min-height: 400px;
    position: relative;
    width: 720px;
}




#contact .standard_form input,
#contact .standard_form textarea {
    font-size: 12px;
    margin: 0 0 10px;
    text-align: left;
}

#contact textarea {
    width: 300px;
}

#contact h2 {
    border-bottom: 4px solid #85c441;
}

#contact input#submit {
    font-size: 13px;
    margin-left: 185px;
    padding: 5px;
    text-align: center;
    width: 120px;
}

#contact label {
    display: block;
    float: left;
    margin: 0 5px 0 10px;
    text-align: right;
    width: 180px;
}

#contact label span {
    font-size: 11px;
}

#contact .standard_form textarea {
    height: 100px;
    width: 400px;
}


#content-left #suggest a:hover,
#content-right #get-badge a:hover {
    background: #f26a21;
    border: 0;
}


#content-left .spy-filter #filter li ul a {
    line-height: 24px;
    padding: 2px 5px;
}


#contact .standard_form {
    margin: 20px 0;
}


#content-left h2 {
    position: relative;
    line-height: 26px;
}

#content-left,
#content-right {
    text-align: left;
}

#content-right {
    float: right;
    margin: 30px 0 0 0px;
    padding: 0;
    width: 300px;
    padding-bottom: 230px;
}


#content-right #about-blog #feed {
    vertical-align: bottom;
}


#content-right #get-badge a,
#content-right #zeitgeist-link span {
    margin: 20px 0px;
    color: #000000;
    background-color:#f1f1f1;
    font-size: 14px;
    padding: 15px 15px 12px 15px;
    text-align: center;
}

#content-right #get-badge {
    margin: 20px 0px;
}


#content-right #get-badge a:hover span {
    color: inherit;
}


#sidebar-stats ul li.bottom {
    height: 23px;
    padding: 5px 0 0;
    width: 300px;
}


#content-right #tour-dates ul li a .perf,
#content-right #news ul li a .title,
#content-right #radio-archive ul li a .title,
#message p span#next-search a {
    color: #666;
}

#content-right h2,
.badge-stickers h2 {
    font-size: 14px;
    background: #fff;
    border-bottom: 0;
    color: #111;
    font-weight: 700;
    margin: 0;
    padding: 0;
}


#content-wrapper {
    min-height: 500px;
    overflow: hidden;
}


#events .meta {
    background: none;
    color: #aaa;
    font: 700 15px 'Helvetica', 'Arial', sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
}

#events .meta a {
    color: #888;
}


#top-notice .close {
    line-height: 20px;
    color: #000;
}

#top-notice .close:hover {
    text-decoration: none;
    color: #999;
}

#top-notice .close img {
    vertical-align: text-bottom;
    margin-right: 2px;
}

#header {
    background-color: #fff;
    border-bottom: 2px solid #83c441;
    height: 42px;
    margin-bottom: 0px;
    position: relative;
    text-align: right;
    z-index: 100;
    font-family: DINWeb-Medium;
}

#header-inner {
    margin: 0 auto;
    position: relative;
    width: 1038px;
}

#header .menu {
    float: left;
}




#menu-item-latest {
    width: 66px;
}

#menu-item-latest a {
    /*width:100px;*/
    width: 42px;
}











/* So this is actually identical to the Latest submenu, we'll need to
    properly not make this duplicated css... */
#menu-item-popular {
    width: 72px;
}

#menu-item-popular a {
    /*width:100px;*/
    width: 48px;
}














#header .menu li a,
#footer .menu li a {
    color: #000;
    display: block;
    float: left;
    font-size: 15px;
    height: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

#header .menu li a .★ {
    color: #000;
    margin-right: 5px;
    display: inline-block;
    line-height: 41px;
}

#header .menu li a:hover .★,
#header .menu li.active a .★ {
    color: red;
}

#header .menu li a {
    color: #000;
}

#footer .menu li a {
    color: #000;
}


#header .menu li,
#footer .menu li {
    color: #ddd;
    display: block;
    float: left;
}

#header .menu li {
}

#footer .menu li {
}


#header .menu,
#footer .menu {
    text-align: left;
}

#header .menu {
    height: 42px;
}

#footer .menu {
margin-left: -10px;
}

/* menu hover */
#header .menu li:hover a,
#footer .menu li:hover a {
    background: #111;
    color: #e0e0e0;
}

#footer {
    background: #84c441;
    clear: both;
    position: relative;
    text-align: left;
}

#footer .menu {
    float: left;
    width: 100%;
}


#footer p {
	font-size: 14px; 
    clear: both;
    padding: 15px 0 0;
    text-align: left;
}


#footer ul {
    margin: 0 auto;
    width: 900px;
}

#footer-inner {
    margin: 0 auto;
    position: relative;
    width: 1038px;
}



#message,
#message-refer {
    font-weight: 700;
}


.section-odd .meta .show {
    background: #f4f4f4;
}


abbr:hover,
.section-odd .brk,
#content-left h2 a,
#content-left #blog h2 a {
    color: #fff;
}


#content-right #news ul li a .title,
#content-right #radio-archive ul li a .title,
#content-right #current-hype ul li.hyped-5,
#msg1,
#msg2,
#msg3 {
    font-size: 11px;
}

#contact p,
#badge #color p,
#code p {
    margin: 10px;
}

.section .meta .fans {
    background: #E0F3FB;
    display: none;
    height: 100%;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-indent: 5px;
    top: 0;
    width: 100%;
    z-index: 5;
}

.section .meta .show {
    background: #fff;
    position: absolute;
    right: 5px;
}

.section .meta .show-dl {
    background: #E0F3FB;
}

.section .meta a.show:hover,
a:hover#soundcloud {
    border: 0;
    text-decoration: underline;
}

.section .thumb {
    border: 1px solid #555;
    display: block;
    height: 50px;
    left: 25px;
    position: absolute;
    top: 2px;
    width: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.section .thumb:hover {
    border: 1px solid #0063dc;
}
.section .thumb:active {
    top: 0px !important;
    position: absolute !important;
}

.section.same span.number {
    left: -65px;
    position: absolute;
    top: 10px;
}

.section .meta {
    border-bottom: 1px solid #dedede;
    display: block;
    font-size: 12px;
    margin: 5px 0px;
    padding-bottom: 5px;
}

blockquote {
margin-left: 20px;
font-style: italic;
margin-right: 10px;
}



strong, b {
font-weight:bold;
}


#message {
    margin: 0 auto;
    width: 1038px;
    float:none;
}

#message h1 a { color: #222; }

#message h1 {
text-align: left;
display: block;
font-size: 24px;
line-height: 1.1em;
padding: 30px 0 15px 0;
margin-left: 0px;
font-family: DINWeb-Medium;
}

.single #message h1 { font-size: 24px; }





#blog #search-form * {
float: left;
margin-left: 5px;
font-size: 13px;
}

#blog #search-form #q {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #999;
height: 20px;
padding: 0px 0px 0px 5px;
width: 120px;
}

#blog #search-form #g {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #EDEDED;
border: none;
cursor: pointer;
height: 20px;
padding: 2px 5px;
}



/* BLOG TEMPLATE CUSTOMIZATIONS */


#blog #content-wrapper {
padding-top: 0px;
}

#blog #content-left {
border:none;
}

#blog #content-left h2 a{
font-size:24px;
font-family: DINWeb-Medium;
color: #000;
}

#blog .single #content-left h2 a {
font-size:30px;
}

#blog #content-left h2 {
background:none;
padding: 5px 5px 5px 0px;
border:none;
color: #000;
}

#blog #message p a strong{
border:0;
}



#blog #ad-rectangle {
margin:0 0 20px;
}

#blog #content-right h2 {
clear:both;
}

#blog #content-right p {
font-size: 14px;
    line-height: 150%;
}

#blog #content-right .blog-sidebar {
margin: 10px 0;
font-size: 12px;
line-height: 16px;
}

.blog-sidebar li { 
list-style: none;
}

#blog #content-left h2 a {
width: 560px;
display: inline-block;
line-height: 150%;
}

#blog #content-left h2 span {
font-size: 12px;
margin-right:10px;
color: #333;
right: 0;
}

#blog #content-left h2 {
    font-size: 14px;
    position: relative;
}

#blog .storycontent {
font-size:16px;
line-height:1.6em;
margin:0 10px 0px 0px;
}

#blog .storycontent li {
/*list-style:square;*/
margin:0 0 3px 20px;
}

#blog .feedback {
    font-size: 13px;
    line-height: 1.5em;
    margin: 20px 10px 0 0;
    color: #666666;
}

#blog #pager {
padding-top:40px; height:50px;
}

#blog #pager a {
border:1px solid #ddd;
padding:10px;
font-size:14px;
margin:10px 0 0 0;
}


#header #search {
color: #fff;
font-size: 14px;
float: right;
height: 22px;
padding-top: 10px;
width: 250px;
z-index: 100;
}

#blog #commentlist {
border-top: 1px #000 solid;
}

#blog #commentlist li .meta {
    font-size: 12px;
    margin-bottom: 0;
}
#blog #commentlist li .meta a {
color: #666;
text-decoration:underline;
}


#blog h3 {
    font-size: 15px;
    font-weight: 700;
}


#blog #commentlist li {
margin:0;
list-style:none;
border-bottom:1px solid #ccc;
padding: 15px 10px;
font-size:14px;
line-height:125%;
}

#blog #commentlist li.odd {
background:#f9f9f9;
}

#blog .author {
font-size:14px;
font-weight:700;
}

#blog #commentlist li.authcomment {
background:#edf7fc url(/wp-content/uploads/official_comment.png) 675px 5px no-repeat;
background-size:4%;
}

#blog #commentlist p {
font-size:13px;
line-height:150%;
}

#blog #commentform {
    margin: 30px 0 30px 0;
}

.blog-post {
    padding-bottom:20px;
}

#blog #content-left #comments {
    margin:0;padding:0 0 0 10px;
}







/* MERCH SITE CUSTOMIZATIONS */

#merch h3 {
    clear: both;
    font-size: 15px;
    margin: 20px 0;
}

#merch p {
    font-size: 14px;
    text-align: left;
}

#merch .shirt .submit {
    vertical-align: bottom;
}

#merch #content-left .thumbnail h3 {
padding:3px 5px;
margin:0;
text-align:left;
font: 400 16px "Lucida Grande", sans-serif;
}
.home .thumbnail{
height:225px;
width:300px;
overflow:hidden;
}
.home .thumbnail img {
height:200px;
}

#merch #product_form {
text-align:center;
font-size:20px;
}
#merch #product_images {
margin-left:0;
}
body #product_thumbnails {
margin:0;
text-align:center;
clear:both;
}

body .product-bar {
text-align:center;
}

#merch .product-bar h3.product_price {
color:#000;
font-size:30px;
text-align:center;
/*margin-left:70px;*/
}

#merch .product-bar {
width:650px;
}


#merch #cart_contents li {
border-bottom:2px solid #eee;
height:70px;
margin:10px;
position:relative;
}

#merch #cart_contents li .item_info {
float:left;
}

#merch #cart_contents li .item_qty input {
width:30px;
}

#merch #cart_contents li .item_total {
font-size:15px;
position:absolute;
right:0;
top:3px;
}

#merch #cart_contents li .thumbnail {
border:1px solid #eee;
float:left;
margin:0 10px 10px 0;
padding:2px;
}

#merch #cart_contents li h3 {
margin:3px 0 5px;
}

#merch #cart_contents li#total {
border:0;
}

#merch #cart_contents li#total .item_total {
font-size:18px;
font-weight:700;
}

#merch #cart_contents li.shipping {
height:35px;
}

#merch #home_products li {
background:#333;
border:5px solid #333;
color:#fff;
float:left;
margin:0 10px 10px 0;
text-align:center;
width:300px;
}

#merch #home_products li a h3 {
color:#fff;
font-size:13px;
margin:5px;
}

#merch #home_products li a:hover h3 {
text-decoration:underline;
}

#merch #product_description p {
margin:25px 0;
}

#merch #product_images li img {
border:5px solid #333;
margin:5px 0;
}

#merch #product_inventory h3 {
margin:5px;
}

#merch .inventory_bar {
background:#ccc;
border-bottom:1px solid #aaa;
display:block;
padding:2px 0;
}

#merch .inventory_bar strong {
margin-right:5px;
}

#merch .product-bar {
float:left;
margin:0 10px 10px 0;
padding:5px;
text-align:center;
}

#merch .product_price {
font-size:20px;
font-weight:700;
}

#merch .availability {
    font-size:12px;
    margin:30px 0 20px 0;
}

#merch .availability ul {
    line-height: 16px;
}

#btn_checkout {
float: right;
margin-top: -35px;
}

@font-face {
    font-family: "DINWeb-Medium";
    src: url("/fonts/DINWeb-Medium.eot");
}

@font-face {
    font-family: "DINWeb-Medium";
    src: url("/fonts/DINWeb-Medium.woff") format("woff");
}

@font-face {
    font-family: "machine_bitsregular";
    src: url('/fonts/machinebits-regular-webfont.eot');
    src: url('/fonts/machinebits-regular-webfont.eot') format('embedded-opentype'),
         url('/fonts/machinebits-regular-webfont.woff') format('woff'),
         url('/fonts/machinebits-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "machine_bitsregular";
    font-weight: normal;
    font-style: normal;
    display: block;
    text-decoration: inherit;
    font-size: 27px;
    -webkit-font-smoothing: antialiased;
    &:hover {
        cursor: pointer;
        text-decoration: none;
    }
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}

.icon-logo:before{content:"1";}

.logo-txt {
  float: left;
  padding-right: 10px; 
  color: #000;
  font-size: 38px; line-height: 34px;
  text-decoration: none;
}
.logo-txt:hover { color: #83c441; text-decoration: none; }

@media all and (max-width: 800px) {

#content-right { display: none; }

.logo-txt {
font-size:65px;
padding-left:20px;
line-height:110%;
}

#header { height:141px; }
#header .menu { margin-top:5px; height: auto; }
#header-inner { width: auto; }
#footer .menu, #footer .menu li { height: auto; }
#footer .menu { margin-left: 0px; }

#menu-item-latest, #menu-item-popular, #menu-item-about, #menu-item-contact,
#menu-item-latest a, #menu-item-popular a, #menu-item-about a, #menu-item-contact a {
width: auto;
}

#header .menu li a, #footer .menu li a { font-size: 30px; line-height: 60px; height: auto; padding: 0 20px; color: #000; }

#search  { display: none; }

#container { width: 100%; margin-top: 0px; }

#message { margin-left: 20px; width: auto; }
#message h1 { font-size: 32px; padding: 30px 0 0 0; font-weight: normal; } 
.single #message h1 { font-size: 30px; }

#content-left { width: 600px; margin-left: 20px; }

#blog #content-left h2 a { font-size: 30px; line-height: 44px; font-weight: normal; }
#blog .single #content-left h2 a { font-size:44px; line-height: 150%; font-weight: normal; }
#blog .storycontent { font-size: 24px; } 

#blog .storycontent img {
/*width:100% !important;
height: auto !important;*/
}
/*.wp-block-image img { height: auto; }*/


#blog #pager { padding-bottom: 40px; }
#blog #pager a { font-size: 26px; margin: 10px 20px 0 0px; padding: 15px; }
p { margin: 20px 0; }

#footer-inner { width: 640px; }
#footer p { padding: 15px 0 0 20px; font-size: 13px; }


}