/*
Theme Name: dead-channel
Theme URI: http://www.dead-channel.com/
Description: Dead Channel.
Version: 5.0
Author: Ant Orant
Author URI: http://www.smoothandfresh.com/
Tags: 

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {display:block; clear:both;}




@font-face {
	font-family: 'CPMono_v07Light';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Light-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Light-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Light-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Light-webfont.svg#webfontDs3Iyv3u') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CPMono_v07Plain';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Plain-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Plain-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Plain-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Plain-webfont.svg#webfontRVXSRgPv') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*
@font-face {
	font-family: 'CPMono_v07ExtraLight';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_ExtraLight-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_ExtraLight-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_ExtraLight-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_ExtraLight-webfont.svg#webfontnWralWBy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CPMono_v07Bold';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Bold-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Bold-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Bold-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Bold-webfont.svg#webfont8SZ0NIeo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CPMono_v07Black';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Black-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Black-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Black-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/CPMono_v07_Black-webfont.svg#webfontUdDCpFjb') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'InconsolataMedium';
	src: url('http://www.dead-channel.com/wp-content/themes/dc/fonts/Inconsolata-webfont.eot');
	src: 
		local('☺'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/Inconsolata-webfont.woff') format('woff'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/Inconsolata-webfont.ttf') format('truetype'), 
		url('http://www.dead-channel.com/wp-content/themes/dc/fonts/Inconsolata-webfont.svg#webfontAOsRw1AW') format('svg');
	font-weight: normal;
	font-style: normal;
}





/*
text: #e8e8e8

link dark : #4d4c4c

link mid : #a5a4a4
*/

a {
color:#a5a4a4;
text-decoration:none;
}

a:hover {
color:#e8e8e8;
}

p {
line-height:1.4em;
margin:0 0 .3em 0;
}

h1, h2 {
font-family:'CPMono_v07Plain', Arial, Helvetica, sans-serif;
}

h3, h4, h5 {
font-family:'CPMono_v07Plain', Arial, Helvetica, sans-serif;
}

h6 {
font-weight:bold;
margin:0 0 .4em 0;
}


body {
background:#020202 url(images/bgStatic.jpg) top center repeat fixed;

color:#e8e8e8;
font-family:'InconsolataMedium',Arial, Helvetica, sans-serif;
font-size:72.5%;
}

div#wrapper {
background:transparent url(images/bgWrapper.png) top center no-repeat scroll;
}

div#page {
display:block;
width:980px;
margin:0 auto;
padding:40px 0;
}

div#header {
display:block;
width:980px;
height:52px;
padding:24px 0;
margin:0 auto;
background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 100% , from( rgba(36, 36, 36, 0.4) ), to( rgba(0, 0, 0, 0.4) ));
background-image: -moz-linear-gradient( rgba(36,36,36,0.4) , rgba(0,0,0,0.4) 100%);

border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
}

div#header h1 {
display:block;
width:948px;
margin:0 auto;
text-align:center;
}

div#header h1 a img {
font-size:5em;
font-family:'CPMono_v07Bold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:.3em;
text-align:center;
}

ul#nav {
display:block;
width:940px;
padding:0 20px;
height:35px;
margin:0 auto;


font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
font-size:1.3em;
text-transform:lowercase;

background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 100% , from( rgba(0, 0, 0, 0.35) ), to( rgba(36, 36, 36, 0.2) ));
background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.35) , rgba(36, 36, 36, 0.2) 100%);
}

ul#nav li {
display:block;
float:left;
height:35px;
line-height:35px;
margin-right:20px;
}

ul#nav li a { color: #4d4c4c; }
ul#nav li a:hover { color: #a5a4a4; }
ul#nav li.current_page_item a { color:#e8e8e8; }

div#content {
display:block;
width:980px;
margin:0 auto;

}

div#footer {
display:block;
width:940px;
height:100px;
padding:80px 20px 40px;
margin:0 auto;
text-align:center;

background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 100% , from( rgba(0, 0, 0, 0.4) ), to( rgba(0, 0, 0, 0.0) ));
background-image: -moz-linear-gradient( rgba(0,0,0,0.4) , rgba(0,0,0,0.0) 100%);
}

div.page {
display:block;
width:940px;
padding:20px;
margin:0 auto;
background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 40% , from( rgba(36, 36, 36, 0.4) ), to( rgba(0, 0, 0, 0.4) ));
background-image: -moz-linear-gradient( rgba(36,36,36,0.4) , rgba(0,0,0,0.4) 40%);
}

div.page h2 {
font-size:3em;
text-transform:uppercase;
margin:0 0 .4em 0;
}

div.page h3 {
font-size:2em;
text-transform:uppercase;
margin:0 0 .4em 0;
}

div.page h3 a { color:#e8e8e8; }
div.page h3 a:hover {color:#a5a4a4; }

div.page span.date {
display:block;
margin:0 0 1.2em 0;
}

div.page p.postmetadata {
margin:0 0 40px 0;
}


div#content div.list {
display:block;
width:960px;
margin:0 auto;
}

div.home-text {
width:940px;
margin:20px auto;
font-size:2em;
font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
text-align:center;
}

div#content div.list.home.releases {
display:block;
width:960px;
padding:10px;
background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 40% , from( rgba(36, 36, 36, 0.4) ), to( rgba(0, 0, 0, 0.4) ));
background-image: -moz-linear-gradient( rgba(36,36,36,0.4) , rgba(0,0,0,0.4) 40%);
}

div#content div.list.home.releases a.release {
display:block;
position:relative;
float:left;
margin:10px;
width:140px; height:140px;
overflow:hidden;
}

div#content div.list.home.releases a.release img {
width:140px; height:140px;
}

div#content div.list.home.releases a.release span {
position:absolute;
bottom:0;
left:0;
width:120px;
padding:10px;
opacity:0; filter:alpha(opacity=0);
text-transform:uppercase;
background-image:url(images/bgThumb.png);

}

div#content div.list.home.releases a.release:hover span {
color:#e8e8e8;
opacity:1; filter:alpha(opacity=100);
}

a.browse {
display:block;
float:right;
margin:10px;
font-size:1.4em;
}



div#content div.list.releases {
width:980px;
}

div#content div.release {
position:relative;
width:980px;
}

div#content div.release div.top {
position:relative;
width:940px;
height:200px;
padding:20px;

background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 40% , from( rgba(36, 36, 36, 0.4) ), to( rgba(0, 0, 0, 0.4) ));
background-image: -moz-linear-gradient( rgba(36,36,36,0.4) , rgba(0,0,0,0.4) 40%);

}

div#content div.release span.switch {
position:absolute;
top:0;right:0;
width:20px;
height:20px;
background:url(images/bgSwitch.png) no-repeat scroll;
background-position:top left;
opacity:.4; filter:alpha(opacity=40);
}



div#content div.release div.top div.info:hover span.switch,
div#content div.release.open div.top div.info span.switch {
opacity:1; filter:alpha(opacity=100);
}



div#content div.release div.top div.info {
position:relative;
float:right;
width:720px;
}

div#content div.release div.top img.release {
float:left;
margin:0 20px 0 0;
}

div#content div.release div.top div.info span,
div#content div.release div.top div.info h3 {
float:left;
clear:left;
text-transform:uppercase;
}

div#content div.list.releases div.release div.top div.info span,
div#content div.list.releases div.release div.top div.info h3 {
color:#4d4c4c;
}

div#content div.list.releases div.release div.top div.info:hover span,
div#content div.list.releases div.release div.top div.info:hover h3,
div#content div.list.releases div.release.open div.top div.info span,
div#content div.list.releases div.release.open div.top div.info h3,
div#content div.list.releases div.release.mix div.top div.info span,
div#content div.list.releases div.release.mix div.top div.info h3 {
color:#e8e8e8;
}

div#content div.list.releases div.release div.top {cursor:pointer;}
div#content div.list.releases div.release.open div.top {cursor:default;}

div#content div.release div.top div.info span.catno {
font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
font-size:1.4em;
}

div#content div.release div.top div.info h3 span.artist {
font-family:'CPMono_v07Plain', Arial, Helvetica, sans-serif;
font-size:4.4em;
}

div#content div.release div.top div.info h3 span.title {
font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
font-size:2.8em;
}

div#content div.release.mix div.top div.info h3 {width:320px;}

div#content div.release div.top div.info span.date {
font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.4em;
}



div#content div.release div.top div.audio {
position:absolute;
bottom:20px;
left:240px;
width:400px;
height:25px;
}

div#content div.release div.top a.download {
display:block;
position:absolute;
bottom:20px;
right:20px;
width:300px;
height:25px;
font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
text-transform:uppercase;
line-height:25px;
text-align:center;

background-image:url(images/bgMain.png);
background-image: -webkit-gradient(linear, 0 0, 0 100% , from( rgba(64, 64, 64, 0.4) ), to( rgba(21, 21, 21, 0.4) ));
background-image: -moz-linear-gradient( rgba(64,64,64,0.4) , rgba(21,21,21,0.4) 100%);

box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);
-moz-box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);
-webkit-box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div#content div.release div.main {
position:relative;
width:940px;
padding:20px;

background-image:url(images/bgMain.png);
}

div#content div.list.releases div.release div.main {display:none;}
div#content div.list.releases div.release.open div.main {display:block;}

div#content div.release div.tracklist {
display:block;
width:300px;
float:left;
}

div#content div.release div.tracklist ol {
list-style:inside decimal-leading-zero;
}

div#content div.release div.description {
display:block;
width:620px;
float:right;
}

div#content div.release div.permalink {
height:25px;
line-height:25px;
color:#4d4c4c;
margin:10px 0 0;
}

div#content div.release div.permalink a {color:#4d4c4c;}
div#content div.release div.permalink a:hover {color:#a5a4a4;}



div#content div.release.mix div.top a.download {
width:220px;
}

div#content div.release.mix div.top div.permalink {
position:absolute;
bottom:20px;
left:240px;
width:480px;
margin:0 0;
}


div#content div.release.mix div.top div.description {
width:380px;
position:absolute;
top:0;
right:0;
}

div.comments {
display:block;
width:900px;
padding:20px;
}

div.comments h3 {
font-size:2em;
text-transform:uppercase;
margin:0 0 1em 0;
}

div.comments div#respond h3 {
font-size:1.8em;
text-transform:uppercase;
margin:0 0 .5em 0;
}

div.comments ol.commentlist {
line-height:1.4em;
margin:0 0 1em 0;
}

div.comments div#respond input,
div.comments div#respond textarea {
background:transparent url(images/bgMain.png);
border: 1px solid #4d4c4c;
color:#e8e8e8;
line-height:1.6em;
}

div.comments div#respond input {
width:300px;
}

div.comments div#respond textarea {
width:900px;
}


div#content form#commentform input#submit {
display:block;

font-family:'CPMono_v07Light', Arial, Helvetica, sans-serif;
text-transform:uppercase;
line-height:25px;
text-align:center;
color:#a5a4a4;

padding:4px 20px;

border:0 none;
cursor:pointer;

background:transparent url(images/bgMain.png);

box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);
-moz-box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);
-webkit-box-shadow:inset 0px 1px 2px rgba(255,255,255,0.3);

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div#content form#commentform input#submit:hover {
color:#e8e8e8;
}





a,
input,
div.list.home.releases a.release span,
div.release span.switch,
div.list.releases div.release div.top div.info span,
div.list.releases div.release div.top div.info h3 {
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
