/*
Theme Name: MS v2
Theme URI: http://wordpress.org/
Description: Version two point bro 
Author: W.T. Snacks
Version: 1.0
License: whatever
*/

@import "css/bebas-neue-fontfacekit/stylesheet.css";
@import "css/museosans_500_macroman/stylesheet.css";
html {
	min-height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #36374b; /* old browsers */
	min-height: 100%;
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    color: #aaa;
    background: #39465b url(css/bg.png) repeat-x;
	padding-bottom: 100px;
}

.hidden { display: none; }

#sidebar {
	position: fixed;
	top: 0;
	right: 0;
	background: url(css/sidebar-bgfade.png);
	padding-left: 0px;
	height: 1000px;
	width: 134px;
	z-index: 200;
	/*
	border-left: 1px solid #111;
	padding-top: 20px;
	background: url(css/bg2.png);
	*/
}

#sidebar-header {
	position: relative;
	width: 135px;
	height: 140px;
	z-index: 1001;
	margin-top: 19px;
}

form { padding: 0; margin: 0; }
#search {
	height: 22px;
}
#searchbox {
	display: block;
	width: 106px;
    height: 12px;
    padding: 4px;
    margin: 0 auto;
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
    font-size: 11pt;
    color: #333;
    background-color: rgba(255,255,255,0.75);
    border: 1px solid #abadb3;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#searchbox:hover {
	background-color: rgba(255,255,255,0.85);
}

#searchbox:focus {
    background-color: rgba(255,255,255,0.95);
    color: #000;
}

#calendars {
	position: absolute;
	top: 120px;
	z-index: 1000;
	overflow: hidden;
}
#calendars .container {
	position: relative;
}
.calcont {
	opacity: 0.5;
	padding: 10px;
}

.calcont.selected, .calcont:hover { opacity: 1 !important; }
.calbg {
	width: 113px;
	background: #f2f5f6;
	background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
	background: -o-linear-gradient(#f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.calendar {
	overflow: hidden;
	width: 112px;
	height: 113px;
	background: url(css/mscalendarbg.gif) no-repeat;
	opacity: 1;
	padding-top: 1px;
	padding-left: 1px;
}
.calendar.weeks4 {
	height: 97px;
}
.calendar .day, .calendar .show, .calendar .month, .calendar .year {
	display: block;
	width: 15px;
	height: 15px;
	background: url(css/msdigits.gif);
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-position: -15px -15px;
	/*background-color: #fff;*/
}
.calendar .day.nm {
	opacity: 0.25;
}
.calendar div.week {
	width: 113px;
	height: 15px;
}
.calendar .textdate { margin: 3px auto 2px auto; height: 11px; background: url(css/months.gif) no-repeat; }
.calendar .textdate .year { float: right; width: 22px; height: 9px; background: url(css/years.gif) no-repeat; } 
.calendar .textdate.m01 { width: 67px; background-position: 0 0; }
.calendar .textdate.m02 { width: 71px; background-position: 0 -11px; }
.calendar .textdate.m03 { width: 59px; background-position: 0 -22px; }
.calendar .textdate.m04 { width: 51px; background-position: 0 -33px; }
.calendar .textdate.m05 { width: 49px; background-position: 0 -44px; }
.calendar .textdate.m06 { width: 51px; background-position: 0 -55px; }
.calendar .textdate.m07 { width: 48px; background-position: 0 -66px; }
.calendar .textdate.m08 { width: 63px; background-position: 0 -77px; }
.calendar .textdate.m09 { width: 81px; background-position: 0 -88px; }
.calendar .textdate.m10 { width: 66px; background-position: 0 -99px; }
.calendar .textdate.m11 { width: 78px; background-position: 0 -110px; }
.calendar .textdate.m12 { width: 77px; background-position: 0 -121px; }
.calendar .textdate .y2005 { background-position: 0 0; }
.calendar .textdate .y2006 { background-position: 0 -9px; }
.calendar .textdate .y2007 { background-position: 0 -18px; }
.calendar .textdate .y2008 { background-position: 0 -27px; }
.calendar .textdate .y2009 { background-position: 0 -36px; }
.calendar .textdate .y2010 { background-position: 0 -45px; }
.calendar .textdate .y2011 { background-position: 0 -54px; }
.calendar .textdate .y2012 { background-position: 0 -63px; }
.calendar .textdate .y2013 { background-position: 0 -72px; }
.calendar .textdate .y2014 { background-position: 0 -81px; }
.calendar .textdate .y2015 { background-position: 0 -90px; }
.calendar .textdate .y2016 { background-position: 0 -99px; }

.calendar .d1 { background-position: -15px -15px; }
.calendar .d2 { background-position: -30px -15px; }
.calendar .d3 { background-position: -45px -15px; }
.calendar .d4 { background-position: -60px -15px; }
.calendar .d5 { background-position: -75px -15px; }
.calendar .d6 { background-position: -90px -15px; }
.calendar .d7 { background-position: -105px -15px; }
.calendar .d8 { background-position: -120px -15px; }
.calendar .d9 { background-position: -135px -15px; }

.calendar .show.d1, .calendar span.m01 { background-position: -15px 0; }
.calendar .show.d2, .calendar span.m02 { background-position: -30px 0; }
.calendar .show.d3, .calendar span.m03 { background-position: -45px 0; }
.calendar .show.d4, .calendar span.m04 { background-position: -60px 0; }
.calendar .show.d5, .calendar span.m05, .calendar span.year.y2005 { background-position: -75px 0; }
.calendar .show.d6, .calendar span.m06, .calendar span.year.y2006 { background-position: -90px 0; }
.calendar .show.d7, .calendar span.m07, .calendar span.year.y2007 { background-position: -105px 0; }
.calendar .show.d8, .calendar span.m08, .calendar span.year.y2008 { background-position: -120px 0; }
.calendar .show.d9, .calendar span.m09, .calendar span.year.y2009 { background-position: -135px 0; }
.calendar .d10, .calendar span.m10, .calendar span.year.y2010 { background-position: 0 -30px; }
.calendar .d11, .calendar span.m11, .calendar span.year.y2011 { background-position: -15px -30px; }
.calendar .d12, .calendar span.m12, .calendar span.year.y2012 { background-position: -30px -30px; }
.calendar span.year.y2013 { background-position: -45px -30px; }
.calendar span.year.y2014 { background-position: -60px -30px; }
.calendar span.year.y2015 { background-position: -75px -30px; }
.calendar span.year.y2016 { background-position: -90px -30px; }

.calendar .d13 { background-position: -45px -30px; }
.calendar .d14 { background-position: -60px -30px; }
.calendar .d15 { background-position: -75px -30px; }
.calendar .d16 { background-position: -90px -30px; }
.calendar .d17 { background-position: -105px -30px; }
.calendar .d18 { background-position: -120px -30px; }
.calendar .d19 { background-position: -135px -30px; }
.calendar .d20 { background-position: 0 -45px; }
.calendar .d21 { background-position: -15px -45px; }
.calendar .d22 { background-position: -30px -45px; }
.calendar .d23 { background-position: -45px -45px; }
.calendar .d24 { background-position: -60px -45px; }
.calendar .d25 { background-position: -75px -45px; }
.calendar .d26 { background-position: -90px -45px; }
.calendar .d27 { background-position: -105px -45px; }
.calendar .d28 { background-position: -120px -45px; }
.calendar .d29 { background-position: -135px -45px; }
.calendar .d30 { background-position: 0 -60px; }
.calendar .d31 { background-position: -15px -60px; }

.calendar .dl { float: left; width: 64px; height: 15px; margin-bottom: 1px; background: #fff url(css/msdownload.gif) top center no-repeat; }
.calendar .show {
	height: 15px;
}
.calendar a, .calendar .week:hover .day { display: none; }
.calendar .week:hover a { display: block;  }
.calendar .week.disabled:hover .day { opacity: 0.5; display: block;  }
.calendar a div.day, .calendar a span.show, .calendar a span.month, .calendar a span.year { background-color: #ccc; }

.calendar span.month, .calendar span.show, .calendar span.year {
	margin-right: 0;
}
.calendar a span.dot {
	display: block;
	width: 1px;
	height: 15px;
	background: #ccc url(css/msdigits.gif);
	background-position: -1px 0;
	float: left;
}

.calendar div.days {
	width: 111px;
	height: 16px;
	background: url(css/mscalendardaysbg.gif);
	margin-bottom: 1px;
}

.calendar:hover div.days {
	background-position: 0 -16px;
}
.calendar div.hl { background-color: #ddd; }


#tags, #fixed-dl, .dl-button {
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
	font-size: 9pt;

	background: #39465b;
	padding: 10px 10px 0 10px;
	height: 40px;
}

#tags {
	z-index: 1001;
	padding-right: 0;
}
#tags div {
	padding-left: 10px;
}

#tags .icon {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(css/tags.png);
	margin-right: 10px;
}
#tags.fixed .icon {
	opacity: 0.75;
}

#tags.fixed.nojs .tags-inner, #tags.fixed .tags-inner {
	display: none;
}
#tags.fixed.nojs:hover .tags-inner, #tags.fixed.showtags .tags-inner {
	display: block;
	padding-right: 10px;
}
#tags.fixed:hover .icon, #tags.fixed.showtags .icon {
	opacity: 1;
}

#tags {
	margin-right: 325px;
}

#tags a {
	font-size: 11pt;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.1);
}
#tagsx a:hover {
	color: #f8f8f8;
	text-shadow: 0 0 10px #000;
}

#tags.fixed, #fixed-dl, .dl-button {
	background-color: #39465b;
	background: -moz-linear-gradient(#313b49, #39465b);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313b49), color-stop(100%,#39465b));
	background: -o-linear-gradient(#313b49, #39465b);

    position: fixed;
    left: 0;
	bottom: 0;
	border: 1px solid #111;
	border-width: 1px 1px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
    -moz-box-shadow: 0 0 25px #39465b, -1px 1px 0 rgba(255,255,255,0.15) inset;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0.15);
	box-shadow: inset -1px 1px 0 rgba(255,255,255,0.15);
}
#fixed-dl, .dl-button {
	color: #d15757;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5) !important;
	left: auto;
	right: 200px;
	border-width: 1px 1px 0 1px;

	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;

	-moz-box-shadow: 0 0 25px #39465b, -1px 1px 0 rgba(255,255,255,0.10) inset, 1px 0 0 rgba(255,255,255,0.10) inset;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0.15), inset -1px 1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
	box-shadow: inset -1px 1px 0 rgba(255,255,255,0.15), inset -1px 1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);

	height: 25px;
}
#fixed-dl:hover, .dl-button:hover {
	color: #c23e3e !important;
	text-shadow:1px 1px 0 rgba(0,0,0,0.3) !important;

	background-color: #39465b;
	background: -moz-linear-gradient(#353e4c, #3d495e);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353e4c), color-stop(100%,#3d495e));
	background: -o-linear-gradient(#353e4c, #3d495e);
}
#fixed-dl:active, .dl-button:active {
	color: #b32525 !important;
	padding-top: 11px;
	height: 29px;

	background-color: #39465b;
	background: -moz-linear-gradient(#39465b, #313b49);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39465b), color-stop(100%,#313b49));
	background: -o-linear-gradient(#39465b, #313b49);

	-moz-box-shadow: 0 0 25px #39465b, -1px 1px 0 rgba(0,0,0,0.15) inset, 1px 0 0 rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0.15), inset -1px 1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
	box-shadow: inset -1px 1px 0 rgba(255,255,255,0.15), inset -1px 1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
}

#fixed-dl span, .dl-button span {
	display: block;
	height: 23px;
	padding-left: 24px;
	background: url(css/download-arrow.png) no-repeat;
}

#sidebar-popup {
	display: none;
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
    background-color: #2d3742;
    height: 156px;
    width: 350px;
    position: fixed;
    right: 134px;
    top: 457px;
    border: 1px solid #111;
    border-right-width: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    /*-moz-box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);*/

	-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);

	background-color: #39465b;
	background: -moz-linear-gradient(center right, #39465b 0%, #313b49 100%);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#39465b), color-stop(100%,#313b49));
	background: -o-linear-gradient(left, #39465b, #313b49);
    z-index: 1002;
    overflow: hidden;
}
#sidebar-popup .inner {
	display: none;
	width: 100%;
	margin: 20px 0 0 10px;
	position: absolute;
	overflow: hidden;
}

#sidebar-popup.small {
	width: 0;
}
#sidebar-popup .buttons {
	height: auto;
	text-align: center;
}
#sidebar-popup .buttons a {
	display: inline-block;
	border: 1px solid #000;
	padding: 5px 10px;
	margin: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background: #4D5254;
	background: -moz-linear-gradient(top, #4D5254 0%, #0E0F0E 50%, #0a0e0a 51%, #0a0809 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4D5254), color-stop(50%,#0E0F0E), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
	background: -o-linear-gradient(#4D5254 0%, #0E0F0E 50%, #0a0e0a 51%, #0a0809 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D5254', endColorstr='#0a0809',GradientType=0 );
}
a { color: #fff; text-decoration: none; outline: none; }
img { border: none; }
#header {
	position: relative;
	text-align: right;
	font-size: 16pt;
	margin-right: 140px;
	/*z-index: 500;*/
	height: 1px;
}
#popup-tags { padding-right: 20px; }

#months div, #dates div {
	display: inline-block;
	width: 60px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-width: 0;
	margin: 0;
}
#dates {
	display: none;
	font-size: 8pt;
	padding: 0;
}
#yup {
	font-family: BebasNeueRegular, Impact, Helvetica, Arial, sans-serif;
	font-size: 26pt;
	font-weight: normal;
}
#monthsx {
	margin-top: 0px;
	float: right;
	width: 730px;
	height: 70px;
	background: url(css/months.png);
	background: transparent;
}
#years {
	position: absolute;
	top: 5px;
	right: 6px;
	width: 890px;
	height: 140px;
	overflow: hidden;
}
#years ul, #years li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#years .months {
	position: absolute;
	top: 35px;
	right: 0;
	width: 720px;
	height: 110px;
}
#years .months li.month, #years .months li.month a {
	display: block;
	width: 55px;
	height: 21px;
	float: left;
	margin: 0 3px 0 2px;
}
#years .months ul.dates {
	width: auto !important;
	height: auto !important;
	float: none !important;
	margin: 0 !important;
}
#years .months ul.dates a {
	opacity: 0.8;
	color: #e8e3c8;
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	display: block;
	height: auto !important;
	width: auto !important;
	margin: 0 0 0 5px !important;
}
#years .months ul.dates a:hover {
	opacity: 1;
}
#years .months ul.dates a.selected {
	opacity: 1;
	color: #eef;
}
#years .months ul.dates a span {
	position: absolute;
	margin-left: -45px;
	margin-top: -1px;
	color: #fff;
	border: 1px solid #374559;
	background: -moz-linear-gradient(#2e3743, #374559);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e3743), color-stop(100%,#374559));
	background: -o-linear-gradient(#2e3743, #374559);
	padding: 0 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: none;
}
#years .months ul.dates a:hover span { display: block; }
#years .m01, #years .m02, #years .m03, #years .m04, #years .m05, #years .m06, #years .m07, #years .m08, #years .m09, #years .m10, #years .m11, #years .m12 { display: block; background: url(css/months-sprites.png); margin-bottom: 5px; }

#years .m01 { background-position: 0 0; }
#years .m02 { background-position: -55px 0; }
#years .m03 { background-position: -110px 0; }
#years .m04 { background-position: -165px 0; }
#years .m05 { background-position: -220px 0; }
#years .m06 { background-position: -275px 0; }
#years .m07 { background-position: -330px 0; }
#years .m08 { background-position: -385px 0; }
#years .m09 { background-position: -440px 0; }
#years .m10 { background-position: -495px 0; }
#years .m11 { background-position: -550px 0; }
#years .m12 { background-position: -605px 0; }

#years .m01:hover, #years li.month.selected .m01 { background-position: 0 -21px; }
#years .m02:hover, #years li.month.selected .m02 { background-position: -55px -21px; }
#years .m03:hover, #years li.month.selected .m03 { background-position: -110px -21px; }
#years .m04:hover, #years li.month.selected .m04 { background-position: -165px -21px; }
#years .m05:hover, #years li.month.selected .m05 { background-position: -220px -21px; }
#years .m06:hover, #years li.month.selected .m06 { background-position: -275px -21px; }
#years .m07:hover, #years li.month.selected .m07 { background-position: -330px -21px; }
#years .m08:hover, #years li.month.selected .m08 { background-position: -385px -21px; }
#years .m09:hover, #years li.month.selected .m09 { background-position: -440px -21px; }
#years .m10:hover, #years li.month.selected .m10 { background-position: -495px -21px; }
#years .m11:hover, #years li.month.selected .m11 { background-position: -550px -21px; }
#years .m12:hover, #years li.month.selected .m12 { background-position: -605px -21px; }


#years li#blog-links {
	width: 55px;
	/*float: right;
	margin-right: 60px; */
	float: left;
	margin-left: 55px;
}
#blog-link {
	display: block;
	width: 55px;
	height: 35px !important;
	background: url(css/blog.png) no-repeat left top;
	opacity: 1;
}
#blog-link:hover {
	opacity: 0.75;
}

#tumblr-link {
	display: none;
	float: left;
	background: url(css/icon-tumblr.png) no-repeat;
	width: 25px;
	height: 30px;
	padding-right: 5px;	
	margin-left: -30px;
}
#tumblr-link:hover { opacity: 0.75; }

#blog-links:hover #tumblr-link { display: block; }
table {
	border-spacing: 2px;
	width: 100%;
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #e8e3c8;
}
table td {
	border: 0px solid #A0C55F;
}
table tr th {
	border-bottom: 2px solid #A0C55F;
}
#playlistdate {
	width: 33%;
}
#playlistdate, .entry-date {
	font-family: BebasNeueRegular, Impact, Helvetica, Arial, sans-serif;
	font-size: 26pt;
	font-weight: normal;
}
.artist, .shownumdate {
	page-break-inside: avoid;
	border-bottom-width: 1px;
	border-right-width: 6px;
	text-align: right;
	padding-right: 5px;
	width: 33%;
}
.track, #playlist td.tags {
	border-bottom-width: 1px;
	padding-left: 5px;
}
#playlist td.tags a {
	color: #e8e3c8;
}
#playlist td.tags a:hover, #playlist td.tags a.searched {
	color: #fff;
}
.shownumdate { text-align: center; width: 170px; }
.artist abbr {
	display: none;
	margin-left: 5px;
	float: left;
	opacity: 0.5;
}
tr:hover .artist abbr { display: block; }
tr:hover td {
	background-color: #434f63;
	background: -moz-linear-gradient(rgba(67, 79, 99, 0), #434f63);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67, 79, 99, 0)), color-stop(100%, #434f63));
	background: -o-linear-gradient(rgba(67, 79, 99, 0), #434f63);
}
tr.playlistheader:hover td { background: transparent none; }
td.artist {
	cursor: help;
}
td.artist .lastfmPopup {
	display: none;
	position: absolute;
	/* max-width: 350px; */
	z-index: 1000;
	margin-bottom: 15px;
	background-color: #434f63;
	background: -moz-linear-gradient(#434f63, #2e3743);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434f63), color-stop(100%, #2e3743));
	background: -o-linear-gradient(#434f63, #2e3743);
	border-style: solid;
	border-width: 0 6px 1px 1px;
	padding: 10px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,0.75);
	box-shadow: 3px 5px 5px rgba(0,0,0,0.75);
}
body.no-js td.artist:hover .lastfmPopup { display: block; }
td.artist .lastfmPopup .line {
	background: -moz-linear-gradient(#434f63, rgba(67, 79, 99, 0));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434f63), color-stop(100%, rgba(67, 79, 99, 0)));
	background: -o-linear-gradient(#434f63, rgba(67, 79, 99, 0));
	width: 1px;
	height: 30px;
	float: left;
	margin-left: -11px;
	margin-top: -10px;
}
td.artist .lastfmPopup .frame {
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
td.artist .lastfmPopup .frame img {
	min-width: 100%;
	max-width: 100%;
}
.lastfmPopup .ajax-load {
	width: 31px;
	height: 31px;
	margin: 0 auto;
	background: url(css/lastfm-loader.gif) no-repeat;
}
.lastfmPopup .icon, #vid .icon {
	min-width: 23px;
	height: 18px;
	position: absolute;
	margin: 10px;
	background: url(css/box-lastfm.png) no-repeat;
	opacity: 0.7;
}
.lastfmPopup .icon div, #vid .icon div {
	display: none;
	margin-left: 30px;
	font-size: 10pt;
	background-color: #39465b;
	padding: 1px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#vid .icon {
	background: url(css/icon-tumblr.png) -1px -6px no-repeat;
	opacity: 0;
}
	
.lastfmPopup .frame:hover .icon, #vid .thumb a:hover .icon { opacity: 1; }
.lastfmPopup .frame:hover .icon div, #vid .thumb a:hover .icon div { display: block; }
.lastfmPopup .tag-container {
	position:relative;
	float: left;
	width: 100%;
	height: 39px;
	margin-top: -50px;
	padding: 5px 0;
	background-color: rgba(255, 255, 255, 0.5);
	border-top: 1px solid #333;
	color: #000;
	font-size: 9pt;
	text-align: left;
	text-indent: 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.2s ease-out;
	   -moz-transition: background-color 0.2s ease-out;
	    -ms-transition: background-color 0.2s ease-out;
	     -o-transition: background-color 0.2s ease-out;
		transition: background-color 0.2s ease-out;
}
.lastfmPopup .tag-container:hover {
	background-color: #ddd;
}
.lastfmPopup .tags {
	color: #900;
	margin: 3px 0 0 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.lastfmPopup.fx .tags { margin-right: 10px; }
.lastfmPopup.fx .tag-container span:after {
	float: right;
	position: relative;
	top: -16px;
	color: #900;
	content:"...";
}

::-moz-selection{ background: #222; color:#fff; text-shadow: none; }
::selection { background:#222; color:#fff; text-shadow: none; }

#playlistdate abbr, .entry-date abbr {
	display: block;
	position: absolute;
	padding-top: 10px;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(rgba(48, 58, 71, 0), rgba(48, 58, 71, 0.3));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48, 58, 71, 0)), color-stop(100%,rgba(48, 58, 71, 0.3)));
	background: -o-linear-gradient(rgba(48, 58, 71, 0), rgba(48, 58, 71, 0.3));
	z-index: 100;
}
tr:hover #playlistdate abbr, tr:hover .blor-date abbr {
	background: -moz-linear-gradient(top, rgba(48, 58, 71, 0) 0%, rgba(48, 58, 71, 0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48, 58, 71, 0)), color-stop(100%,rgba(48, 58, 71, 0.5)));
	background: -o-linear-gradient(rgba(48, 58, 71, 0), rgba(48, 58, 71, 0.5));
}
#playlistdate, .entry-date {
	overflow: hidden;
	height: 32px;
}

#playlistdate .date, #playlistdate .show, .entry-date .date, .entry-date .show  {
	height: 100%;
	float: right;
	position: relative;
	font-size: 34pt;
}
#playlistdate .date, .entry-date .date {
	margin: -8px 0;
}

#playlistdate .show, .entry-date .show {
	color: #cfcab2;
	font-size: 14pt;
	line-height: 12pt;
	margin: 0 20px;
	height: 32px;
	margin-top: 1px;
}

#playlistdate .date div, .entry-date .date div {
	display: inline;
	height: auto;
	float: none;
	position: relative;
}
#showid {
	position: relative;
}

#sidebar-fader {
	display: block;
	width: 1px;
	margin-left: 0px;
	height: 115px;
	background: -moz-linear-gradient(rgba(72, 80, 88, 1), rgba(72, 80, 88, 0)); /* #485058 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72, 80, 88, 1)), color-stop(100%,rgba(72, 80, 88, 0)));
	background: -o-linear-gradient(rgba(72, 80, 88, 1), rgba(72, 80, 88, 0));
	position: absolute;
	z-index: 100;
}

#x-button {
	display: none;
	width: 19px;
	height: 19px;
	background: -moz-linear-gradient(#485058, #39424b);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72, 80, 88, 1)), color-stop(100%,#39424b));
	background: -o-linear-gradient(#485058, #39424b);

	-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);

	border: 1px solid #111;
	border-width: 0 0 1px 1px;
	float: right;
	/* margin: -10px -10px 0 0; */
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px;
	text-align: center;
	line-height: 20px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
#x-button:hover {
	color: #fff;
}
#x-button:active {
	background: -moz-linear-gradient(#39424b, #485058);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39424b), color-stop(100%,rgba(72, 80, 88, 1)));
	background: -o-linear-gradient(#39424b, #485058);

	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
}

#sidebar-popup .line {
	width: 1px;
	height: 17px;
	position: absolute;
	right: 0;
	bottom: 1px;
	background-color: rgba(255,255,255,0.15);
}

.separator th {
	border-width: 1px;
	opacity: 0.5;
}

#sidebar .background {
	top: 0;
	right: 0;
	width: 133px;
	height: 355px;
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px;

	border: 1px solid #111;
	border-width: 0 0 1px 1px;
	background: url(css/bg2.png);
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
#sidebar .background div {
	display: block;
	width: 100%;
	height: 800px;
	background: -moz-linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
	background: -o-linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0));
}
#sidebar .background2 {
	top: 474px;
	right: 0;
	width: 133px;
	height: 700px;
	-moz-border-radius: 3px 0 0 0 ;
	-webkit-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;

	border: 1px solid #111;
	border-width: 1px 0 0 1px;
	background: url(css/bg2.png);
	position: absolute;
	overflow: hidden;

	z-index: 1;
}
#icons {
	width: 120px;
	height: 35px;
	margin: 7px 0 5px 15px;
}
#icon-twitter {
	float: left;
	display: block;
	width: 25px;
	height: 40px;
	background: url(css/icon-twitter.png) no-repeat bottom left;
}
#icon-facebook {
	float: left;
	display: block;
	width: 38px;
	height: 40px;
	background: url(css/icon-facebook.png) no-repeat 0 15px;
	margin-left: 10px;
}
#icon-facebook:hover, #icon-rss:hover {
	background-position: 0 -25px;
}
#icon-rss {
	float: left;
	display: block;
	width: 46px;
	height: 40px;
	background: url(css/icon-rss.png) no-repeat 0 15px;
}
#years .xmonth a {
	display: none !important;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 200px;
	height: 200px;
	background: #A0C55F url(css/logo200px.png) no-repeat 0 0;
	text-align: left;
}
#logoold:hover {
	background-position: 0 -176px;
}
#logo .wt {
	position: absolute;
	left: 45px;
	top: 110px;
	width: 17px;
	height: 18px;
	background: url(css/logo-wt.png);
}
#logo:hover .wt {
	background-position: 0 -18px;
}
#logo .overlay {
	width: 175px;
	height: 159px;
	background: url(css/logo-overlay.png);
	opacity: 0;
}
#logo:hover .overlay {
	opacity: 1;
}

#clock {
	width: 130px;
	height: 28px;
	background: url(css/clockbg.png);
	padding-left: 4px;
	padding-top: 4px;
}
#clock div {
	opacity: 0.5;
	float: left;
	width: 13px;
	height: 25px;
	margin-right: 3px;
	background: url(css/clock.png);
}
#clock:hover div {
	opacity: 1;
}

#clock .dig0 { background-position: 0 0; }
#clock .dig1 { background-position: -16px 0; }
#clock .dig2 { background-position: -32px 0; }
#clock .dig3 { background-position: -48px 0; }
#clock .dig4 { background-position: -64px 0; }
#clock .dig5 { background-position: -80px 0; }
#clock .dig6 { background-position: -96px 0; }
#clock .dig7 { background-position: -112px 0; }
#clock .dig8 { background-position: -128px 0; }
#clock .dig9 { background-position: -144px 0; }
#clock .colon { background-position: -160px 0; width: 3px; }

.no-js #years .months, #years .dates {
	display: none;
}
/*#years:hover li.year.selected .months {
	display: none;
}*/

#years .month:hover .dates, #years li.year.selected .months, #years li.year.selected .xdates, #years li.month.selected .dates, .no-js #years #year2005:hover .months, .no-js #years #year2006:hover .months, .no-js #years #year2007:hover .months, .no-js #years #year2008:hover .months, .no-js #years #year2009:hover .months, .no-js #years #year2010:hover .months, .no-js #years #year2011:hover .months, .no-js #years #year2012:hover .months {
	display: block;
	/*background-color: rgba(0,255,0,0.5);*/
	z-index: 100;
}

#years li.year {
	float: right;
}
#years div.year {
	cursor: pointer;
	opacity: 0.5;
	width: 60px;
	height: 35px;
	background: url(css/years2016-bg.png) no-repeat;
	float: none;
	margin: 0 auto;
}
#years .selected div.year { opacity: 1; }
#years div.year:hover { opacity: 0.75; }
#year2005 div.year { background-position: 0 0; }
#year2006 div.year { background-position: -60px 0; }
#year2007 div.year { background-position: -120px 0; }
#year2008 div.year { background-position: -180px 0; }
#year2009 div.year { background-position: -240px 0; }
#year2010 div.year { background-position: -300px 0; }
#year2011 div.year { background-position: -360px 0; }
#year2012 div.year { background-position: -420px 0; }
#year2013 div.year { background-position: -480px 0; }
#year2014 div.year { background-position: -540px 0; }
#year2015 div.year { background-position: -600px 0; }
#year2016 div.year { background-position: -652px 0; }

li.month.disabled .month { opacity: 0.5; }

#intro {
    font-size: 12pt;
    margin: 170px 140px 0 230px;
}
#intro b { color: #fff; }
#playlist, .blog-entry {
	padding: 20px;
	margin: 20px 130px 0 0;
}
#container {
	margin: 20px 150px 0 20px;
}
#twitter-bubble {
	z-index: 10000;
	position: fixed;
	top: 5px;
	right: 96px;
	height: 83px;
	padding-right: 26px;
	right: 119px;
	padding-right: 3px;
	color: #333;
}
#twitter-bubble .left, #twitter-bubble .container, #twitter-bubble .right { background: url(css/twitter-bg.png) repeat-x; float: left; }
#twitter-bubble div { height: 70px; }
#twitter-bubble .left, #twitter-bubble .right { width: 22px; }
#twitter-bubble .left { background-position: 0 -70px; }
#twitter-bubble .right { background-position: 0 -140px; }
#twitter-bubble .container { padding: 0; height: 70px; }
#twitter-bubble .container.loading { overflow: hidden; width: 32px; }
#twitter-bubble .container.loading .icon {
	margin-top: 13px;
	width: 32px; height: 32px;
	background: url(css/tweet-load.gif);
}
#twitter-bubble .tweet {
	margin-top: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#twitter-bubble .tweet span {
	display: none;
	float: right;
	color: #888;
	font-size: 8pt;
	margin-top: 3px;
}

#twitter-bubble .twitter-link {
	display: none;
        background: url(css/twitterlink-bg.png) no-repeat;
        padding-left: 12px;
        line-height: 12px;
        position: absolute;
        margin: 8px 0 0 10px;
        display: block;
        color: #92847b;
}
#twitter-bubble .shadow {
	height: 60px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
}
#notes {
	background: url(css/notes.png) no-repeat 10px 0;
	min-height: 32px;
	padding-left: 45px;
}
#notes .notes {
	font-size: 10pt;
	width: 60%;
	margin: 0 200px 0 20px;
}
#tags span { margin-bottom: 3px; }
#tags div { padding-left: 57px; }

#icon-facebook > * {
	display: none;
     width: 134px;
     height: 0;
     margin-left: -50px;
     margin-top: 40px;
     overflow: hidden;
     z-index: 1002;
}
#icon-facebook:hover > * {
	display: block; height: 110px;
}
#icon-facebook iframe {
     height: 90px !important;
     margin: -1px;
     box-shadow: 1px 5px 5px #000;
	background-color: #111;
}

#playlist #playlistextras .facebook-like {
	float: right;
	height: 21px;
	width: 80px;
	margin-right: -20px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
}
#playlist:hover #playlistextras .facebook-like { opacity: 0.5; }
#playlist #playlistextras .facebook-like:hover { opacity: 1; }
#playlistextras .facebook-like > * {
    overflow: visible;
    width: 80px;
}


/* Blog stuff */
.post, div.page {
	max-width: 900px;
	margin: 0 auto;
	color: #ccc;
}
.entry-header { border-bottom: 2px solid transparent; overflow: hidden; }
.entry-date {
	float: left;
	width: 30%;
	padding: 0 10px 5px 0;
	height: 32px;
}
.entry-title {
	float: left;
	text-align: right;
	width: 66%;
	font-size: 18pt;
	font-weight: bold;
	line-height:35px;
	border-left: 4px solid transparent;
	min-height: 38px;
	color: #e8e3c8;
}
.page .entry-title { float: none; }
.entry-content { font-size: 12pt; }
.search-term { float: right; font-size: 18pt; }

#playlist .playlistheader .arrow {
	display: block;
	float: left;
	position: relative;
	margin: 0 10px;
	z-index: 1000;
	width: 16px;
	height: 32px;
	background: url(css/arrow-bg.png);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
}

#playlist:hover .playlistheader .arrow {
	opacity: 0.25;
}

#playlist .playlistheader .arrow.next {
	float: right;
	background-position: -16px 0;
	top: -1px;
	margin-left: 20px;
}

#playlist .playlistheader .arrow:hover {
	opacity: 0.75;
}

#playlist .playlistheader .arrow:active {
	opacity: 1;
}

#playlist:hover .playlistheader .arrow.disabled, #playlist .playlistheader .arrow.disabled:hover {
	opacity: 0.05;
}

#dl-popup {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 360px;
	height: 160px;
	margin-left: -200px;
	margin-top: -100px;
	padding: 20px;
	background: url(css/bg.png);
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #111;
	font-size: 18pt;
	box-shadow: 0 0 50px #000, -1px 1px 0 rgba(255,255,255,0.10) inset, 1px 0 0 rgba(255,255,255,0.10) inset;
	text-shadow: 1px 1px 0 #000;
}

#dl-popup .mid {
	margin: 20px 0;
	font-size: 12pt;
}

#dl-popup #x-button {
	display: block;
	margin: -20px -20px 0 0;
	width: 24px;
	height: 24px;
	line-height: 25px;
	border-radius: 0 10px 0 3px;
	font-size: 9pt;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
}

#dl-popup:hover #x-button {
	opacity: 1;
}

.dl-button {
	position: fixed;
	bottom: auto;
	right: auto;
	border-radius: 5px;
	border-width: 1px;
}
.dl-button:active {
	height: 25px;
	padding-top: 10px;
}
.dl-button.lq { margin-left: 40px; }
.dl-button.hq { margin-left: 210px; }

.clear { clear: both; }

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

#vid {
	width: 113px;
	height: 82px;
	margin-left: 10px;
	padding-top: 10px;
}
#vid .cont {
	position: fixed;
	margin-left: 113px;
	margin-top: 82px;
}
#vid .inner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 113px;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	-webkit-transition: all 0.2s ease-in;
	   -moz-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		 -o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
}
#vid img { max-width: 100%; }
#vid:hover .inner {
	width: 480px;
	-moz-box-shadow: -10px -10px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: -10px -10px 20px rgba(0,0,0,0.5);
	box-shadow: -10px -10px 20px rgba(0,0,0,0.5);
}
#vid .desc {
	width: 111px;
	height: 20px;
	padding-left: 2px;
	margin-top: 0px;
	background: #36374b;
	color: #FFFFFF;
	float: left;
	font-size: 10pt;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	-webkit-transition: all 0.2s ease-in;
	   -moz-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		 -o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
}
#vid:hover .desc {
	width: 470px;
	height: 30px;
	padding-left: 10px;
	font-size: 18pt;
	line-height: 30px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#vid .desc a { color: #e8e3c8; }
#vid .crop {
	height: 62px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in;
	   -moz-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		 -o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
}
#vid:hover .crop { height: 270px; }
#vid .crop img { margin: -9% 0; }
#vid .thumb a { overflow: hidden; }
#vid .icon {
	max-width: 100%;
	overflow: hidden;
}
#vid .icon div {
	white-space: nowrap;
}

/* Images */
.alignleft {
        float: left;
}
.alignright {
        float: right;
}
.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
        /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#shirt-preorder-banner {
	margin-top: 15px;
}
body.page-id-109 #shirt-preorder-banner, body.page-id-109 h1.entry-title {
	display: none;
}