/*
Theme Name: Tjoonz
Theme URI: http://www.marcdingena.nl/portfolio/tjoonz-6/
Author: Marc Dingena
Author URI: http://www.marcdingena.nl
Description: Unique design for Tjoonz.com.
Version: 6.0
License: Copyright © Tjoonz.com

 ==|== normalize ==========================================================
 */

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; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: BenderRegular, 'Trebuchet MS', Verdana, sans-serif; color: #222; }

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

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: normal; font-family: BenderBold; }
i { font-weight: normal; font-style: normal; font-family: BenderItalic; }
blockquote { margin: 1em 0; }
dfn { font-style: normal; font-family: BenderItalic; }
em { font-weight: normal; font-style: normal; font-family: BenderItalic; }
em strong { font-weight: normal; font-style: normal; font-family: BenderBoldItalic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: normal; font-family: BenderBoldItalic; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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 { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Marc Dingena
   ========================================================================== */
* {
	margin: 0; padding: 0; outline: 0;
}

body {
	font-size: 14px;
	color: #000; 	
	margin: 0;
 	padding: 0; 
	background: #191919;
	text-align: center;
}

form {
	margin: 0 0 20px 0; padding: 5px 0 20px 0;
}

form.searchform .textbox {
	margin: 2px 0 0 5px; 
	width: 165px;
	background: url('img/frontpage-headers.png') repeat-y -2640px 0;
	border: none;
	font-size: 0.9em;
	color: #e3e3e3;
}

label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}

input, select, textarea {
	margin: 5px 4px 15px 0;
	padding: 5px 4px;
	color: #8d8d8d;
	background: #282828;
	border: none;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

textarea {
	width: 690px;
	height: 100px;
	display: block;	
}

form#quick-search {
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	width: 165px;
	height: 30px;
	z-index: 99;
}

form#quick-search p {
	margin: 0; padding: 0;		
}

form#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 165px;
	background: url('img/frontpage-headers.png') repeat-y -2640px 0;
	border: none;
	font-size: 0.9em;
	color: #e3e3e3;
}

form#quick-search label,
form#quick-search .btn {
	display: none;	
}

.jcarousel-skin-tjoonz .jcarousel-container {
	position: relative;	
	margin: 2px auto 0 auto;
	text-align: left;
}

.jcarousel-skin-tjoonz .jcarousel-container-horizontal {
	width: 974px;
	padding: 0 32px;
}

.jcarousel-skin-tjoonz .jcarousel-clip {
	overflow: hidden;
}

.jcarousel-skin-tjoonz .jcarousel-clip-horizontal {
	width:  974px;
	height: 244px;
}

.jcarousel-skin-tjoonz .jcarousel-item {
	width: 180px;
	height: 230px;
	margin-top: 7px;
}
.jcarousel-skin-tjoonz .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 8px;
	height: 244px;
}

.jcarousel-skin-tjoonz .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

.jcarousel-skin-tjoonz .jcarousel-next-horizontal {
	position: absolute;
	top: 65px;
	right: 0px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent url(img/jc/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tjoonz .jcarousel-next-horizontal:hover,
.jcarousel-skin-tjoonz .jcarousel-next-horizontal:focus {
	background-position: -24px 0;
}

.jcarousel-skin-tjoonz .jcarousel-next-horizontal:active {
	background-position: -48px 0;
}

.jcarousel-skin-tjoonz .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tjoonz .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tjoonz .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tjoonz .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -72px 0;
}

.jcarousel-skin-tjoonz .jcarousel-prev-horizontal {
	position: absolute;
	top: 65px;
	left: 0px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent url(img/jc/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tjoonz .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tjoonz .jcarousel-prev-horizontal:focus {
	background-position: -24px 0;
}

.jcarousel-skin-tjoonz .jcarousel-prev-horizontal:active {
	background-position: -48px 0;
}

.jcarousel-skin-tjoonz .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tjoonz .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tjoonz .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tjoonz .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -72px 0;
}

.interact a,
.interact a:active,
.interact a:visited,
.list-interact a,
.list-interact a:active,
.list-interact a:visited,
p a,
p a:active,
p a:visited { color: #b0b0b0; text-decoration: none; }
p a:hover { color: #fff; text-decoration: none; }
p a.house:hover { background: #0038ad; color: #f1f1f1; }
p a.electro:hover { background: #510089; color: #f1f1f1; }
p a.dubstep:hover { background: #800055; color: #f1f1f1; }
p a.drum-and-bass:hover { background: #d55500; color: #f1f1f1; }
p a.techno:hover { background: #82d500; color: #f1f1f1; }


footer #contribute form ul li a.one { background: url('img/frontpage-headers.png') repeat-y 0 0; color: #f1f1f1; }
footer #contribute form ul li a.two { background: url('img/frontpage-headers.png') repeat-y -620px 0; color: #f1f1f1; }
footer #contribute form ul li a.three { background: url('img/frontpage-headers.png') repeat-y -1190px 0; color: #f1f1f1; }
footer #contribute form ul li a.four { background: url('img/frontpage-headers.png') repeat-y -1560px 0; color: #f1f1f1; }
footer #contribute form ul li a.five { background: url('img/frontpage-headers.png') repeat-y -1880px 0; color: #f1f1f1; }

.crop {
	position: relative;
	width: 960px;	
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

header#top {
	display: block;
	height: 44px;
	margin: 0;
 	padding: 0; 
	background: #161616;
	border-bottom: 3px solid #2a2a2a;
}

header#top nav {
	display: block;
	height: 44px;
	float: left;
	overflow: hidden;
}

header#top nav ul {
	float: left;
	list-style: none;
	margin: 0;
 	padding: 0;
	border-left: 1px solid #2a2a2a;
}

header#top nav ul li {
	float: left;
	display: inline;
	border-right: 1px solid #2a2a2a;
	padding: 15px 0px 13px 0px;
}

header#top nav ul li#feed {
	border: none;
}

header#top nav ul:after {
	content: url('img/subscribe.png') top left;
}

header#top nav ul li a, 
header#top nav ul li a:visited, 
header#top nav ul li a:active {
	text-decoration: none;
	color: #4d4d4d;
	padding: 15px 10px 13px 10px;
}

header#top nav ul li a:hover, 
header#top nav ul li .current {
	color: #9d9d9d;
	background: #2a2a2a;
}

header#top nav h1, header#top nav h2 {
	float: left;
	font-size: 2em;
	margin: 0;
	padding: 5px 0px;
}

header#top nav h1 a, 
header#top nav h1 a:visited, 
header#top nav h1 a:active, 
header#top nav h1 a:hover, 
header#top nav h2 a, 
header#top nav h2 a:visited, 
header#top nav h2 a:active, 
header#top nav h2 a:hover {
	color: #fff;
	text-decoration: none;
	padding: 5px 25px 5px 0px;
}

header#top #login {
	display: inline-block;
	height: 44px;
	float: right;
}

header#top #login ul {
	float: left;
	list-style: none;
	margin: 0;
 	padding: 0;
	border-right: 1px solid #2a2a2a;
}

header#top #login ul li {
	float: left;
	display: inline;
	border-left: 1px solid #2a2a2a;
	padding: 15px 0px;
}

header#top #login ul li a, 
header#top #login ul li a:visited, 
header#top #login ul li a:active {
	text-decoration: none;
	color: #4d4d4d;
	padding: 15px 10px 13px 10px;
}

header#top #login ul li a:hover, 
header#top #login ul li .current {
	color: #9d9d9d;
	background: #2a2a2a;
}

header#top #login ul li a.sign-in, 
header#top #login ul li a.sign-in:visited, 
header#top #login ul li a.sign-in:active {
	font-family: BenderBold;
	color: #e3e3e3;
}

header#top #login ul li.signed-in {
	position: relative;
	float: left;
	display: inline;
	border: none;
	padding: 15px 0px;
	border-left: 1px solid #2a2a2a;
}

header#top #login ul li.signed-in ul {
	list-style: none;
	display: none;
	position: absolute;
	z-index: 99;
	top: 47px;
	right: -1px;
	margin: 0;
	background: #3a3a3a;
	color: #e3e3e3;
}

header#top #login ul li.signed-in:hover ul,
header#top #login ul li.signed-in ul:hover {
	display: block;
}

header#top #login ul li.signed-in ul li {
	display: block;
	width: 100px;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1em;
	border-top: 1px solid #3d3d3d;
	border-bottom: 1px solid #373737;
}

header#top #login ul li.signed-in ul li a {
	display: block;
	padding: 7px;
	margin: 0;
	color: #a0a0a0;
}

.slide {
	display: none;
	overflow: hidden;
}

#moodpad {
	display: block;
	height: 53px;
	margin: 0;
 	padding: 0; 
	background: url('img/moodheader-bg.png') repeat-x center center;
}

#moodpad #moodpad-bar {
	padding: 12px 0px;
	text-align: center;
}

#moodpad a, 
#moodpad a:active, 
#moodpad a:visited {
	display: inline;
	margin: 0 3px;
	padding: 2px 5px;
	font-size: 1.7em;
	text-decoration: none;
	color: #e3e3e3;
}

#moodpad a:hover {
	color: #fff;
}

#moodpad a.house:hover {
	background: url('img/frontpage-headers.png') repeat-y 0; 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 12px #0d0d0d;
	-webkit-box-shadow: 0px 0px 12px #0d0d0d;
	box-shadow: 0px 0px 12px #0d0d0d;
}

#moodpad a.electro:hover {
	background: url('img/frontpage-headers.png') repeat-y -620px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 12px #0d0d0d;
	-webkit-box-shadow: 0px 0px 12px #0d0d0d;
	box-shadow: 0px 0px 12px #0d0d0d;
}

#moodpad a.dubstep:hover {
	background: url('img/frontpage-headers.png') repeat-y -1190px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 12px #0d0d0d;
	-webkit-box-shadow: 0px 0px 12px #0d0d0d;
	box-shadow: 0px 0px 12px #0d0d0d;
}

#moodpad a.drum-and-bass:hover {
	background: url('img/frontpage-headers.png') repeat-y -1560px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 12px #0d0d0d;
	-webkit-box-shadow: 0px 0px 12px #0d0d0d;
	box-shadow: 0px 0px 12px #0d0d0d;
}

#moodpad a.techno:hover {
	background: url('img/frontpage-headers.png') repeat-y -1880px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 12px #0d0d0d;
	-webkit-box-shadow: 0px 0px 12px #0d0d0d;
	box-shadow: 0px 0px 12px #0d0d0d;
}

#moodpad #moodpad-bar  #moodpad-button {
	float: right;
}

#moodpad #moodpad-bar  #moodpad-button span {
	font-family: BenderRegular;
}

#moodpad #moodpad-bar  #moodpad-button a, 
#moodpad #moodpad-bar  #moodpad-button a:active, 
#moodpad #moodpad-bar  #moodpad-button a:visited {
	display: block;
	margin: 0;
	padding: 0px 15px 11px 15px;
	font-family: BenderLight;
}

#moodslider {
	background: url('img/moodpad-bg.png') repeat-x top center;
	color: #e3e3e3;
}

#moodpad-info {
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	display: inline-block;
	height: 190px;
	width: 470px;
	background: url('img/moodpad-info.png') no-repeat 0 0;
	-moz-box-shadow: 0px 2px 10px #282828;
	-webkit-box-shadow: 0px 2px 10px #282828;
	box-shadow: 0px 2px 10px #282828;
}

#moodpad-info .title {
	padding: 6px;
	margin: 0;
	font-size: 1.2em;
	text-align: center;
	font-family: BenderBold;
}

#moodpad-info .title span {
	font-size: .6em;
	text-transform: uppercase;
}

#moodpad-info p {
	padding: 0;
	margin: 6px 21px 18px 189px;
	text-align: center;
}

#the-moodpad {
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
	display: inline-block;
	position: relative;
	height: 190px;
	width: 470px;
	background: url('img/moodpad-bg.png') repeat-x 0 -200px;
	-moz-box-shadow: 0px 2px 10px #282828;
	-webkit-box-shadow: 0px 2px 10px #282828;
	box-shadow: 0px 2px 10px #282828;
}

#the-moodpad .style {
	display: block;
	width: 440px;
	height: 25px;
	margin: 0px 0px 0px 30px;
	text-align: center;
	float: right;
	font-size: 1.4em;
	font-family: BenderBold;
	color: #f3f3f3;
}

#the-moodpad .intensity {
	display: block;
	margin: 0px 0px 0px 10px;
	float: left;
	width: 30px;
	height: 170px;
	background: url('img/moodpad-intensity.png') no-repeat top left;
}

#the-moodpad #grid {
	display: block;
	width: 420px;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 0px;
	right: 10px;
}

#the-moodpad #grid ul {
	margin: 0;
	padding: 0;
	display: block;
}

#the-moodpad #grid ul li {
	overflow: visible;
	margin: 4px 4px 3px 4px;
	padding: 0;
	display: inline-block;
	float: left;
	height: 25px;
	width: 76px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

#the-moodpad #grid ul li a {
	position: relative;
	text-decoration: none;
	color: #fff;
}

#the-moodpad #grid ul li a span {
	position: relative;
	display: block;
	height: 26px;
	width: 76px;
	overflow: visible;
}

#the-moodpad #grid ul li a span span {
	display: none;
}

#the-moodpad #grid ul li a:hover span span {
	padding: 0;
    display: block;
    position: absolute;
    bottom: 45px;
	left: -88px;
	width: 252px;
	height: auto;
    text-align: center;
	background: rgba(0,0,0,.8);
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#the-moodpad #grid ul li a span span p {
	padding: 3px;   
}

#the-moodpad #grid ul li a:hover span span:after {
	position: absolute;
	display: block; 
	content: "";
	border-color: rgba(0,0,0,.8) transparent transparent transparent;
	border-style: solid;
	border-width: 8px;
	height:0;
	width:0;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
}

/*
#the-moodpad #grid ul#intensity-1,
#the-moodpad #grid ul#intensity-2,
#the-moodpad #grid ul#intensity-3,
#the-moodpad #grid ul#intensity-4,
#the-moodpad #grid ul#intensity-5 {
	position: relative;
	z-index: 2;
}

#the-moodpad #grid ul#intensity-1 {
	top: 30px;
	right: 10px;
} */

#the-moodpad #grid ul#intensity-1 li.house:hover, 
#the-moodpad #grid ul#intensity-1 li.electro:hover, 
#the-moodpad #grid ul#intensity-1 li.dubstep:hover, 
#the-moodpad #grid ul#intensity-1 li.drum-and-bass:hover, 
#the-moodpad #grid ul#intensity-1 li.techno:hover, 
#the-moodpad #grid ul#intensity-2 li.house:hover, 
#the-moodpad #grid ul#intensity-2 li.electro:hover, 
#the-moodpad #grid ul#intensity-2 li.dubstep:hover, 
#the-moodpad #grid ul#intensity-2 li.drum-and-bass:hover, 
#the-moodpad #grid ul#intensity-2 li.techno:hover, 
#the-moodpad #grid ul#intensity-3 li.house:hover, 
#the-moodpad #grid ul#intensity-3 li.electro:hover, 
#the-moodpad #grid ul#intensity-3 li.dubstep:hover, 
#the-moodpad #grid ul#intensity-3 li.drum-and-bass:hover, 
#the-moodpad #grid ul#intensity-3 li.techno:hover, 
#the-moodpad #grid ul#intensity-4 li.house:hover, 
#the-moodpad #grid ul#intensity-4 li.electro:hover, 
#the-moodpad #grid ul#intensity-4 li.dubstep:hover, 
#the-moodpad #grid ul#intensity-4 li.drum-and-bass:hover, 
#the-moodpad #grid ul#intensity-4 li.techno:hover, 
#the-moodpad #grid ul#intensity-5 li.house:hover, 
#the-moodpad #grid ul#intensity-5 li.electro:hover, 
#the-moodpad #grid ul#intensity-5 li.dubstep:hover, 
#the-moodpad #grid ul#intensity-5 li.drum-and-bass:hover, 
#the-moodpad #grid ul#intensity-5 li.techno:hover {
	background: #e3e3e3;
	-moz-box-shadow: 0px 0px 10px #e3e3e3;
	-webkit-box-shadow: 0px 0px 10px #e3e3e3;
	box-shadow: 0px 0px 10px #e3e3e3;
}

#the-moodpad #grid ul#intensity-1 li.house {
	background: #0053ff;
	-moz-box-shadow: 0px 0px 6px #0053ff;
	-webkit-box-shadow: 0px 0px 6px #0053ff;
	box-shadow: 0px 0px 6px #0053ff;
}

#the-moodpad #grid ul#intensity-1 li.electro {
	background: #7a00c7;
	-moz-box-shadow: 0px 0px 6px #7a00c7;
	-webkit-box-shadow: 0px 0px 6px #7a00c7;
	box-shadow: 0px 0px 6px #7a00c7;
}

#the-moodpad #grid ul#intensity-1 li.dubstep {
	background: #b1004f;
	-moz-box-shadow: 0px 0px 6px #b1004f;
	-webkit-box-shadow: 0px 0px 6px #b1004f;
	box-shadow: 0px 0px 6px #b1004f;
}

#the-moodpad #grid ul#intensity-1 li.drum-and-bass {
	background: #ff9c00;
	-moz-box-shadow: 0px 0px 6px #ff9c00;
	-webkit-box-shadow: 0px 0px 6px #ff9c00;
	box-shadow: 0px 0px 6px #ff9c00;
}

#the-moodpad #grid ul#intensity-1 li.techno {
	background: #99ff00;
	-moz-box-shadow: 0px 0px 10px #99ff00;
	-webkit-box-shadow: 0px 0px 10px #99ff00;
	box-shadow: 0px 0px 10px #99ff00;
}

#the-moodpad #grid ul#intensity-2 li.house {
	background: #0047dd;
	-moz-box-shadow: 0px 0px 10px #0047dd;
	-webkit-box-shadow: 0px 0px 10px #0047dd;
	box-shadow: 0px 0px 10px #0047dd;
}

#the-moodpad #grid ul#intensity-2 li.electro {
	background: #6800ac;
	-moz-box-shadow: 0px 0px 10px #6800ac;
	-webkit-box-shadow: 0px 0px 10px #6800ac;
	box-shadow: 0px 0px 10px #6800ac;
}

#the-moodpad #grid ul#intensity-2 li.dubstep {
	background: #9c0055;
	-moz-box-shadow: 0px 0px 10px #9c0055;
	-webkit-box-shadow: 0px 0px 10px #9c0055;
	box-shadow: 0px 0px 10px #9c0055;
}

#the-moodpad #grid ul#intensity-2 li.drum-and-bass {
	background: #ec7b00;
	-moz-box-shadow: 0px 0px 10px #ec7b00;
	-webkit-box-shadow: 0px 0px 10px #ec7b00;
	box-shadow: 0px 0px 10px #ec7b00;
}

#the-moodpad #grid ul#intensity-2 li.techno {
	background: #94f100;
	-moz-box-shadow: 0px 0px 10px #94f100;
	-webkit-box-shadow: 0px 0px 10px #94f100;
	box-shadow: 0px 0px 10px #94f100;
}

#the-moodpad #grid ul#intensity-3 li.house {
	background: #0038ad;
	-moz-box-shadow: 0px 0px 10px #0038ad;
	-webkit-box-shadow: 0px 0px 10px #0038ad;
	box-shadow: 0px 0px 10px #0038ad;
}

#the-moodpad #grid ul#intensity-3 li.electro {
	background: #510089;
	-moz-box-shadow: 0px 0px 10px #510089;
	-webkit-box-shadow: 0px 0px 10px #510089;
	box-shadow: 0px 0px 10px #510089;
}

#the-moodpad #grid ul#intensity-3 li.dubstep {
	background: #800055;
	-moz-box-shadow: 0px 0px 10px #800055;
	-webkit-box-shadow: 0px 0px 10px #800055;
	box-shadow: 0px 0px 10px #800055;
}

#the-moodpad #grid ul#intensity-3 li.drum-and-bass {
	background: #d55500;
	-moz-box-shadow: 0px 0px 10px #d55500;
	-webkit-box-shadow: 0px 0px 10px #d55500;
	box-shadow: 0px 0px 10px #d55500;
}

#the-moodpad #grid ul#intensity-3 li.techno {
	background: #82d500;
	-moz-box-shadow: 0px 0px 10px #82d500;
	-webkit-box-shadow: 0px 0px 10px #82d500;
	box-shadow: 0px 0px 10px #82d500;
}

#the-moodpad #grid ul#intensity-4 li.house {
	background: #002471;
	-moz-box-shadow: 0px 0px 10px #002471;
	-webkit-box-shadow: 0px 0px 10px #002471;
	box-shadow: 0px 0px 10px #002471;
}

#the-moodpad #grid ul#intensity-4 li.electro {
	background: #380060;
	-moz-box-shadow: 0px 0px 10px #380060;
	-webkit-box-shadow: 0px 0px 10px #380060;
	box-shadow: 0px 0px 10px #380060;
}

#the-moodpad #grid ul#intensity-4 li.dubstep {
	background: #5d0040;
	-moz-box-shadow: 0px 0px 10px #5d0040;
	-webkit-box-shadow: 0px 0px 10px #5d0040;
	box-shadow: 0px 0px 10px #5d0040;
}

#the-moodpad #grid ul#intensity-4 li.drum-and-bass {
	background: #c73900;
	-moz-box-shadow: 0px 0px 10px #c73900;
	-webkit-box-shadow: 0px 0px 10px #c73900;
	box-shadow: 0px 0px 10px #c73900;
}

#the-moodpad #grid ul#intensity-4 li.techno {
	background: #4b9b00;
	-moz-box-shadow: 0px 0px 10px #4b9b00;
	-webkit-box-shadow: 0px 0px 10px #4b9b00;
	box-shadow: 0px 0px 10px #4b9b00;
}

#the-moodpad #grid ul#intensity-5 li.house {
	background: #001440;
	-moz-box-shadow: 0px 0px 10px #001440;
	-webkit-box-shadow: 0px 0px 10px #001440;
	box-shadow: 0px 0px 10px #001440;
}

#the-moodpad #grid ul#intensity-5 li.electro {
	background: #250040;
	-moz-box-shadow: 0px 0px 10px #250040;
	-webkit-box-shadow: 0px 0px 10px #250040;
	box-shadow: 0px 0px 10px #250040;
}

#the-moodpad #grid ul#intensity-5 li.dubstep {
	background: #40002b;
	-moz-box-shadow: 0px 0px 10px #40002b;
	-webkit-box-shadow: 0px 0px 10px #40002b;
	box-shadow: 0px 0px 10px #40002b;
}

#the-moodpad #grid ul#intensity-5 li.drum-and-bass {
	background: #be2800;
	-moz-box-shadow: 0px 0px 10px #be2800;
	-webkit-box-shadow: 0px 0px 10px #be2800;
	box-shadow: 0px 0px 10px #be2800;
}

#the-moodpad #grid ul#intensity-5 li.techno {
	background: #186600;
	-moz-box-shadow: 0px 0px 10px #186600;
	-webkit-box-shadow: 0px 0px 10px #186600;
	box-shadow: 0px 0px 10px #186600;
}

#body {
	padding: 5px 0 0 0;
	background: url('img/body-bg.png') repeat-x 0 0;
	width: 100%;
}

#new-releases {
	display: block;
	margin: 0 auto;
	height: 283px;
	width: 1038px;
	overflow: hidden;
}

#new-releases h2 {
	font-size: 1.8em;
	color: #808080;
	margin: 7px 0 0 0;
}

#new-releases .new-release-item {
	display: block;
	height: 230px;
	width: 180px;
	background: #161616;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#new-releases .new-release-item  a.thumbnail {
	display: block;
	height: 140px;
	width: 180px;
}

#new-releases .new-release-item  .thumbnail-house { background: url('img/new-release-thumbs.png') no-repeat 0 0; }
#new-releases .new-release-item  .thumbnail-electro { background: url('img/new-release-thumbs.png') no-repeat 0 -140px; }
#new-releases .new-release-item  .thumbnail-dubstep { background: url('img/new-release-thumbs.png') no-repeat 0 -280px; }
#new-releases .new-release-item  .thumbnail-drum-and-bass { background: url('img/new-release-thumbs.png') no-repeat 0 -420px; }
#new-releases .new-release-item  .thumbnail-techno { background: url('img/new-release-thumbs.png') no-repeat 0 -560px; }

#new-releases .new-release-item img {
	padding: 0;
}

#new-releases .new-release-item .meta-before-house { background: url('img/meta-before.png') no-repeat 0 0; display: block; height: 3px; width: 180px; margin-top: 2px; }
#new-releases .new-release-item .meta-before-electro { background: url('img/meta-before.png') no-repeat 0 -3px; display: block; height: 3px; width: 180px; margin-top: 2px; }
#new-releases .new-release-item .meta-before-dubstep { background: url('img/meta-before.png') no-repeat 0 -6px; display: block; height: 3px; width: 180px; margin-top: 2px; }
#new-releases .new-release-item .meta-before-drum-and-bass { background: url('img/meta-before.png') no-repeat 0 -9px; display: block; height: 3px; width: 180px; margin-top: 2px; }
#new-releases .new-release-item .meta-before-techno { background: url('img/meta-before.png') no-repeat 0 -12px; display: block; height: 3px; width: 180px; margin-top: 2px; }

#new-releases .new-release-item .meta {
	display: inline-block;
	float: left;
	background: url('img/new-release-item-bg.png') repeat-x top left;
	height: 85px;
	width: 174px;
	margin: 0;
	padding: 3px 0px 0px 3px;
	color: #e3e3e3;
	white-space: nowrap;
	overflow: hidden;
}

#new-releases .new-release-item .meta .genre,
#new-releases .new-release-item .meta .date {
	padding-bottom: 5px;
	font-size: .7em;
	font-family: BenderBold;
}

#new-releases .new-release-item .meta .genre { float: left; }
#new-releases .new-release-item .meta .date { text-align: right; }

#new-releases .new-release-item  .meta .icons {
	font-size: 1em;
	text-align: center;
	padding-top: 10px;
}

#new-releases .new-release-item  .meta .artist-title {
	height: 1.231em;
}
#new-releases .new-release-item  .meta a {
	text-decoration: none;
	color: #e3e3e3;
}

.iLikeThis { display: inline; }
span.house .iLikeThis .counter { background: url('img/icons.png') no-repeat 0 -48px; padding: 0 0 0 20px; }
span.electro .iLikeThis .counter { background: url('img/icons.png') no-repeat 0 -64px; padding: 0 0 0 20px; }
span.dubstep .iLikeThis .counter { background: url('img/icons.png') no-repeat 0 -80px; padding: 0 0 0 20px; }
span.drum-and-bass .iLikeThis .counter { background: url('img/icons.png') no-repeat 0 -96px; padding: 0 0 0 20px; }
span.techno .iLikeThis .counter { background: url('img/icons.png') no-repeat 0 -112px; padding: 0 0 0 20px; }
.iLikeThis .counter a { cursor: pointer; }
.iLikeThis .counter a.image { background: url('img/icons.png') no-repeat top right; padding-right: 19px; }

#new-releases .new-release-item  .meta span.like { font-size: .8em; float: left; }
#new-releases .new-release-item  .meta a span.comments { font-size: .8em; float: right; }
#new-releases .new-release-item  .meta a span.comments:after {
	display: block;
	content: "";
	height: 16px;
	width: 16px;
	background: url('img/icons.png') no-repeat 0 -16px;
	float: right;
	margin-left: 3px;
}

#new-releases .new-release-item .meta-after {
	padding-top: 3px;
	display: inline-block;
	background: url('img/new-release-item-bg.png') repeat-x top left;
	height: 85px;
	width: 3px;
	content: "";
}

#frontpage { padding-top: 18px; padding-bottom: 24px; display: inline-block; position: relative; width: 100%; }
#frontpage p#slogan { color: white; font-size: 1.2em; }
#frontpage .left { float: left; left: 0px; }
#frontpage .right { float: right; right: 0px; }
#frontpage, #single, #page { background: url('img/bodystop.png') repeat-x bottom center }
#single, #page { padding-bottom: 24px; }

#frontpage ul {
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
	list-style: none;
	color: #e3e3e3;
}

#frontpage ul li {
	display: block;
	margin: 0;
	padding: 0px 3px;
	line-height: 1em;
	border-top: 1px solid #3d3d3d;
	border-bottom: 1px solid #373737;
	white-space: nowrap;
	overflow: hidden;
}

#frontpage a, 
#frontpage a:visited,
#frontpage a:active {
	color: #e3e3e3;
	text-decoration: none;
	padding: 3px 0;
}

#frontpage ul li a.house:hover { color: #0053ff; }
#frontpage ul li a.electro:hover { color: #7a00c7; }
#frontpage ul li a.dubstep:hover { color: #b1004f; }
#frontpage ul li a.drum-and-bass:hover { color: #ff9c00; }
#frontpage ul li a.techno:hover { color: #99ff00; }

#frontpage ul li span.date,
#page ul li span.date {
	display: inline-block;
	width: 50px;
	padding: 0;
	margin: 0;
	color: #a0a0a0;
}

#frontpage ul li span.link {
	display: inline-block;
	width: 407px;
	padding: 3px 0px;
}

#frontpage .header { height: 1.8em; width: 470px; }

#frontpage .header h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0px 3px;
}

#frontpage .header span {
	font-size: .8em;
	float: right;
	padding: 9px 4px 0 0;
	font-family: BenderBold;
}

#frontpage #exclusive,
#frontpage #house,
#frontpage #electro,
#frontpage #dubstep,
#frontpage #drum-and-bass,
#frontpage #techno {
	background: #3a3a3a;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#frontpage #exclusive .header {
	background: url('img/frontpage-headers.png') repeat-y -2350px 0;
	border: none;
}

#frontpage #house .header {
	background: url('img/frontpage-headers.png') repeat-y 0 0;
	border: none;
}

#frontpage #electro .header {
	background: url('img/frontpage-headers.png') repeat-y -470px 0;
	border: none;
}

#frontpage #dubstep .header {
	background: url('img/frontpage-headers.png') repeat-y -940px 0;
	border: none;
}

#frontpage #drum-and-bass .header {
	background: url('img/frontpage-headers.png') repeat-y -1410px 0;
	border: none;
}

#frontpage #techno .header {
	background: url('img/frontpage-headers.png') repeat-y -1880px 0;
	border: none;
}

#frontpage .list-after {
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
	height: 220px;
	width: 3px;
	background: url('img/list-after.png') repeat-x top left;
}

#page, #single {
	padding-top: 7px;
	padding-bottom: 24px;
	color: #e3e3e3;
	position: relative;
	min-height: 1400px;
}

blockquote {
	background: #282828 url('img/new-release-thumbs.png') no-repeat 0 -700px;
	padding: 15px 15px 7px 45px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.interact {
	font-size: .9em;
	font-family: BenderBold;
	vertical-align: top;
	height: 16px;
	overflow: hidden;
	display: block;
	float: right;
	padding-top: 33px;
}

.interact .plays,
.list-interact .plays {
	padding-left: 20px;
	margin-right: 10px;
	background: url('img/icons.png') no-repeat 0 -32px;
}

.interact a.comments,
.list-interact a.comments {
	padding-left: 20px;
	margin-right: 10px;
	background: url('img/icons.png') no-repeat 0 -16px;
}

.post-meta {
	color: #a0a0a0;
	font-size: .8em;
	margin-bottom: 16px;
}

.wp-post-image {
	display: block;
    margin-left: auto;
    margin-right: auto;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

.prevnext {
	margin-top: 20px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

p.download-link {
	margin-bottom: 16px;
}

article {
	margin: 0 0 40px 0;
}

article p {
	font-size: 1.05em;
	text-align: justify;
	justify-style: newspaper;
	margin-bottom: 8px;
}

article ol { font-size: 1.05em; }

article .post-tags {
	margin: 1em 0;
}

#page h1, #single h1 {
	font-size: 2em;
	font-weight: normal;
}

#single h1 {
	
}

#content {
	width: 700px;
}

#content.wide {
	width: 960px;
}

#page ul.page {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #3e3e3e;
}

#page ul.page li {
	padding: 0;
	margin: 0;
	border-top: 1px dashed #3e3e3e;
}

#page ul.page li a,
#page ul.page li a:active,
#page ul.page li a:visited {
	border: none;
	color: #b0b0b0;
}

#page ul.page li a:hover {
	color: #fff;
}

#page .list-thumb {
	display: block;
	float: left;
	height: 140px;
	width: 180px;
	margin: 10px 0 0 0;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#page .list-thumb span {
	display: block;
	height: 140px;
	width: 180px;
}

#page .list-thumb span.house { background: url('img/new-release-thumbs.png') no-repeat 0 0; }
#page .list-thumb span.electro { background: url('img/new-release-thumbs.png') no-repeat 0 -140px; }
#page .list-thumb span.dubstep { background: url('img/new-release-thumbs.png') no-repeat 0 -280px; }
#page .list-thumb span.drum-and-bass { background: url('img/new-release-thumbs.png') no-repeat 0 -420px; }
#page .list-thumb span.techno { background: url('img/new-release-thumbs.png') no-repeat 0 -560px; }

#page .list-thumb .wp-post-image {
	display: block;
    margin: auto; padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#page .list-meta {
	display: block;
	float: right;
	min-height: 136px;
	width: 490px;
	padding: 4px 6px 0 5px;
	margin: 10px 0 0 0;
/*	color: #2e2e2e;
	background: url('img/footer-bg.png') repeat-x center center;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;*/
}

#page .list-title {
	font-size: 1.5em;
	line-height: 0.8em;
}

#page .list-title strong {
	font-size: 1.1em;
	line-height: 1.3em;
}

#page .list-title span {
	font-size: 0.5em;
	line-height: 0.5em;
}

#page .list-genre {
	display: block;
	float: left;
	height: 40px;
	width: 180px;
	text-align: center;
	font-size: 1.3em;
	padding: 10px 0 0 0;
}

#page .list-interact {
	display: block;
	float: left;
	overflow: hidden;
	height: 16px;
	width: 180px;
	text-align: center;
	margin: 10px 0 0 0;	
	font-size: .9em;
	font-family: BenderBold;
	vertical-align: top;
}

#page .list-tags {
	display: block;
	font-size: 0.85em;
	float: right;
	height: 40px;
	width: 490px;
	padding: 4px 6px 0 5px;
	margin: 0 0 2px 0;
}

#page .list-thumb.house { background: url('img/new-release-thumbs.png') no-repeat 0 0; }
#page .list-thumb.electro { background: url('img/new-release-thumbs.png') no-repeat 0 -140px; }
#page .list-thumb.dubstep { background: url('img/new-release-thumbs.png') no-repeat 0 -280px; }
#page .list-thumb.drum-and-bass { background: url('img/new-release-thumbs.png') no-repeat 0 -420px; }
#page .list-thumb.techno { background: url('img/new-release-thumbs.png') no-repeat 0 -560px; }

ol.commentcss {
	font-family: BenderBlack;
	margin: 0;
	padding: 0;
	font-size:2em;
	color: #fff;
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
}

ol.commentcss li {
	font-family: BenderRegular;
	text-align: justify;
	justify-style: newspaper;
	margin: 0;
	padding: 16px 0 0 0;
	color: #e0e0e0;
}

ol.commentcss li .comment-item .comment-head {
	font-size: .5em;
	margin-left: 90px;
}

ol.commentcss li .comment-item .comment-body {
	font-size: .55em;
}

ol.commentcss li .comment-item .comment-body img.avatar {
	margin: 0;
	padding: 0;
	vertical-align: top;
	float: left;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

ol.commentcss li .comment-item .comment-body .the-comment {
	min-height: 77px;
	width: 600px;
	background: #282828;
	padding: 3px 5px 0 5px;
	float: right;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

ol.commentcss li .comment-item .comment-body .the-comment p {
	margin-bottom: 5px;
}

h3#respond {
	padding: 35px 0 0 0;
}

#sidebar {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
}

#sidebar h3 {
	text-align: center;
	margin: 10px 0 6px 0;
}

#sidebar span.post-count,
#sidebar span.member-count,
#sidebar span.play-count {
	font-size: .8em;
	display: inline-block;
	padding: 0 3px 0 0;
	margin: 0 0 0 4px;
	text-align: right;
	background: #3a3a3a;
}

#sidebar span.post-count,
#sidebar span.member-count {
	width: 27px;
}

#sidebar span.play-count {
	width: 40px;
}

#sidebar p.member-text {
	display: inline-block;
	padding: 2px;
	margin: 0;
	color: #b0b0b0;
}

#sidebar a,
#sidebar a:active,
#sidebar a:visited {
	display: inline-block;
	padding: 2px;
	margin: 0;
	color: #b0b0b0;
	text-decoration: none;
}

#sidebar a:hover { background: #d8d8d8; color: #282828; }
#sidebar a.house:hover,
#page ul li a.house:hover { background: #0053ff; color: #001440; }
#sidebar a.electro:hover,
#page ul li a.electro:hover { background: #7a00c7; color: #250040; }
#sidebar a.dubstep:hover,
#page ul li a.dubstep:hover { background: #b1004f; color: #40002b; }
#sidebar a.drum-and-bass:hover,
#page ul li a.drum-and-bass:hover { background: #ff9c00; color: #be2800; }
#sidebar a.techno:hover,
#page ul li a.techno:hover { background: #99ff00; color: #186600; }

#sidebar ul li ul {
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#sidebar ul,
#sidebar ul li ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar ul li { overflow: visible; }

#sidebar ul li,
#sidebar ul li ul li {
	display: block;
	white-space: nowrap;
	width: 220px;
}

#sidebar ul li {
	padding: 0;
	margin: 0 0 20px 0;
}

#sidebar ul li ul li {
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: #282828;
	border-top: 1px solid #2c2c2c;
	border-bottom: 1px solid #222;
}

#sidebar ul li ul li {
	padding: 0;
	margin: 0;
}

#sidebar span.link {
	display: inline-block;
	width: 220px;
}



footer {
	background: #bebebe url('img/footer-bg.png') repeat-x 0 0;
	color: #2e2e2e;
	font-size: .84em;
	padding-top: 16px;
	padding-bottom: 40px;
}

footer h3 {
	font-size: 1.25em;
	padding-bottom: 4px;
}

footer a,
footer a:active,
footer a:visited {
	font-family: BenderBold;
	text-decoration: none;
	color: #454545;
}

footer a:hover {
	color: #161616;
	border: none;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px dashed #9c9c9c;
}

footer ul li {
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #9c9c9c;
}

footer ul li a {
	display: block;
	padding: 3px;
}

footer #about-site {
	display: inline-block;
	width: 470px;
	margin: 0 20px 24px 0;
	vertical-align: top;
}

footer #about-authors {
	display: inline-block;
	width: 470px;
	margin: 0 0 24px 0;
	vertical-align: top;
}

footer #look-around {
	display: inline-block;
	width: 160px;
	margin: 0 20px 0 0;
	vertical-align: top;
}

footer #blog-feed {
	display: inline-block;
	width: 340px;
	margin: 0 20px 0 0;
	vertical-align: top;
}

footer #blog-feed .feed-date {
	display: inline-block;
	width: 45px;
	padding-left: 3px;
}

footer #blog-feed ul li {
	white-space: nowrap;
}

footer #blog-feed ul li a {
	display: inline-block;
	width: 295px;
	padding: 3px;
}

footer #contribute {
	position: relative;
	display: inline-block;
	width: 420px;
	height: 233px;
	margin: 0;
	vertical-align: top;
}

footer #contribute #legal {
	position: absolute;
	width: 420px;
	bottom: 0;
	left: 0;
	display: block;
	padding: 3px;
	border-bottom: 1px dashed #9c9c9c;
}

footer #contribute h3 {
	border-bottom: 1px dashed #9c9c9c;
}

footer #contribute p {
	padding: 3px;
	border-bottom: 1px dashed #9c9c9c;
}

footer #contribute p .collecting {
	float: right;
}

footer #contribute .wrap {
	display: block;
	height: 37px;
	width: 410px;
	overflow: hidden;
	margin: 7px 5px 3px 5px;
	padding: 0;
	text-align: right;
	color: #eee;
	font-family: BenderBlack;
	font-size: 1.3em;
	background: url('img/contribution.png') no-repeat 0 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;
}

footer #contribute .wrap span {
	padding: 10px 2px 0 0;
	float: right;
}

footer #contribute .wrap .bar {
	float: left;
	display: block;
	height: 27px;
	overflow: hidden;
	margin: 0;
	padding: 10px 2px 0 0;
	background: url('img/contribution.png') no-repeat 0 -37px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
}

footer #contribute form ul {
	padding: 0;
	margin: 2px 0 0 0;
	list-style: none;
	border: none;
	text-align: center;
}

footer #contribute form ul li {
	display: inline-block;
	border: none;
	margin: 0 4px;
	font-size: 1.7em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 7px #111;
	-webkit-box-shadow: 0px 0px 7px #111;
	box-shadow: 0px 0px 7px #111;
}

footer #contribute form ul li:hover {
	-moz-box-shadow: 0px 0px 11px #000;
	-webkit-box-shadow: 0px 0px 11px #000;
	box-shadow: 0px 0px 11px #000;
}

footer #contribute form ul li a { padding: 3px; }





ul.playlist {
 list-style-type:none;
 margin:16px 0 5px 0;
 padding:0;
	text-align: left;
-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

ul.playlist li {
 position:relative;
 display:block;
 width:auto;
 font-size:2em;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
/* letter-spacing:-1px; /* ZOMG WEB X.0. ;) */
 background-color:#3f3f3f;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
 -moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.15s;

}

ul.playlist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#fff;
 font-size:77%;
 outline:none;
 position:relative;
 z-index:2;
}

ul.playlist li span.streaminfo {
	display: block;
	font-size: .55em;
	color: #aaa;
}

ul.playlist li.sm2_playing span.streaminfo,
ul.playlist li.sm2_paused span.streaminfo {
	display: none;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 color:#fff;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

ul.playlist li:hover {
 background-color:#282828;
}

ul.playlist li:hover a {
 color:#ddd;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color:#414141;
}

ul.playlist li.sm2_paused {
 background-color:#383838;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
 color:#fff;
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position:relative;
 display:block;
}

ul.playlist li.sm2_paused .controls {
 background-color:#666;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
}

ul.playlist li .controls {
 position:relative;
 margin-top:0.25em;
 margin-bottom:0.25em;
 background-color:#414141;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 border:2px solid #ddd;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist.house li.sm2_paused .controls .statusbar,
ul.playlist.electro li.sm2_paused .controls .statusbar,
ul.playlist.dubstep li.sm2_paused .controls .statusbar,
ul.playlist.drum-and-bass li.sm2_paused .controls .statusbar,
ul.playlist.techno li.sm2_paused .controls .statusbar { background-color: #282828; }

ul.playlist.house li .controls .statusbar { background-color: #001440; }
ul.playlist.electro li .controls .statusbar { background-color: #250040; }
ul.playlist.dubstep li .controls .statusbar { background-color: #40002b; }
ul.playlist.drum-and-bass li .controls .statusbar { background-color: #be2800; }
ul.playlist.techno li .controls .statusbar { background-color: #186600; }

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist.house li .controls .statusbar .position { background-color: #0053ff; border-right: 3px solid #0053ff; }
ul.playlist.electro li .controls .statusbar .position { background-color: #7a00c7; border-right: 3px solid #7a00c7; }
ul.playlist.dubstep li .controls .statusbar .position { background-color: #b1004f; border-right: 3px solid #b1004f; }
ul.playlist.drum-and-bass li .controls .statusbar .position { background-color: #ff9c00; border-right: 3px solid #ff9c00; }
ul.playlist.techno li .controls .statusbar .position { background-color: #99ff00; border-right: 3px solid #99ff00; }

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist.house li .controls .statusbar .loading { background-color:#0038ad; }
ul.playlist.electro li .controls .statusbar .loading { background-color:#510089; }
ul.playlist.dubstep li .controls .statusbar .loading { background-color:#800055; }
ul.playlist.drum-and-bass li .controls .statusbar .loading { background-color:#d55500; }
ul.playlist.techno li .controls .statusbar .loading { background-color:#82d500; }
ul.playlist li.sm2_paused .controls .statusbar .loading { background-color:#444; }

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right:6.5em; /* room for timing stuff */
}

ul.playlist li .timing {
 position:absolute;
 display:none;
 text-align: right;
 right:1.15em;
 top:1em;
 width:9em;
 height:1em;
 padding:3px 5px;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 letter-spacing:0px;
	font-size: 44%;
	font-family: monaco,"VT-100","lucida console",courier,system;
 line-height:1em;
 vertical-align:middle;
}

ul.playlist.house li .timing { background-color:#0038ad; border:1px solid #0053ff; }
ul.playlist.electro li .timing { background-color:#510089; border:1px solid #7a00c7; }
ul.playlist.dubstep li .timing { background-color:#800055; border:1px solid #b1004f; }
ul.playlist.drum-and-bass li .timing { background-color:#d55500; border:1px solid #ff9c00; }
ul.playlist.techno li .timing { background-color:#82d500; border:1px solid #99ff00; }

ul.playlist.use-peak li .timing {
 right:4.25em;
}

ul.playlist li:hover .timing {
 z-index:2;
}

ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing {
 background-color:#888;
 border-color:#ccc;
}

#control-template {
 display:none;
}

#sm2-container {
 /**
  * where the SM2 flash movie goes. by default, relative container.
  * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
  */
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 /* screw IE 6, just make it display nice */
 _overflow: hidden;
}

#sm2-container object,
#sm2-container embed {
 /**
  * the actual SWF movie bit.
  * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
  * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
  * e.g., SM2 starts but strange errors, no whileplaying() etc.
  */
 width: 48px;
 height: 48px;
 /* some flash blockers may also respect this rule */
 max-width: 48px;
 max-height: 48px;
}

#sm2-container.swf_timedout {
 /* expand to show the timed-out SWF content */
 position: relative;
 width: 48px;
 height: 48px;
}

#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
 /**
  * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  * 48px square flash placeholder is typically used by blockers.
  */
 min-width: 48px;
 min-height: 48px;
}

#sm2-container.swf_unblocked {
 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
 width: 1px;
 height: 1px;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
 /* hide flash off-screen (relative to container) when it has loaded OK */
 left: -9999em;
 top: -9999em;
}

#sm2-container.swf_error {
 /* when there is a fatal error (flash loaded, but SM2 failed) */
 display: none;
}

#sm2-container.high_performance,
#sm2-container.high_performance.swf_timeout {
 /* "high performance" case: keep on-screen at all times */
 position: absolute;
 position: fixed;
}

#sm2-container.high_performance {
 overflow: hidden;
 _top: -9999px; /* IE 6 hax, no position:fixed */
 _left: -9999px;
 bottom: 0px;
 left: 0px;
 /**
  * special case: show at first with w/h, hide when unblocked.
  * might be bad/annoying.
  * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
  */
 z-index: 99; /* try to stay on top */
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked {
 z-index: auto;
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /**
  * 8x8px is required minimum to load in fx/win32 in some cases(?)
  * 6x6+ good for fast performance, even better when on-screen via position:fixed
  * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
  */
 height: 8px;
 width: 8px;
}

#sm2-container.high_performance.swf_loaded {
 /* stay bottom/left */
 top: auto;
 bottom: 0px;
 left: 0px;
}

#sm2-container.high_performance.swf_loaded object,
#sm2-container.high_performance.swf_loaded embed,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* high-performance case must stay on-screen */
 left: auto;
 top: auto;
}

#sm2-container.high_performance.swf_timedout {
 z-index: 99; /* try to stay on top */
}

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  width: 205px;
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: left;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  margin-top: 10px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  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; }
}