@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------*/
/* CSS Reset v1.0 | 20080212 */

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;
}
/*------------------------------------------------------------------------------------------------*/
/* Global */

html {
	height:100%;
	width:100%;
	overflow:hidden;
}
body {
	height:100%;
	width:100%;
	overflow:hidden;
	background-color:#222327;
}
small {
	font-size:8px;
	line-height:9px;
}
h1 {
	color:#8aa3b2;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:14px;
	font-weight:bold;
	margin-left:17px;
}
h2 {
	color:#ffffff;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
}
h3 {
	color:#ffffff;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:14px;
}
p {
	color:#8aa3b2;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:14px;
	padding-left:17px;
	padding-right:11px;
}
a {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/*------------------------------------------------------------------------------------------------*/
/* Interface */

#body {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	overflow:auto;
	min-width:771px;
}
#holder {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
}
#holder[id] {
	display:table
}
#holder div {
	position:absolute;
	left:0;
	top:50%;
	width:100%
} /*with IE-fix*/
#holder[id] div {
	display:table-cell;
	vertical-align:middle;
	position:static
} /*for standard-browsers*/
*:first-child+html #holder div {
	position:absolute
}/*force IE 7 back to position:absoulte*/
#holder img {
	position:relative;
	top:-50%;
	margin:0 auto;
	display:block;
	-ms-interpolation-mode: bicubic;
	width:100%
}/*Setting width here creates a look-alike fallback for browsers without javascript*/
#flash_background {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	z-index:-1;
}
#header {
	height:66px;
	width:100%;
	background:url(../img/bg_header.gif);
	background-repeat:repeat-x;
}
#header_left img {
	margin-left:17px;
}
#footer {
	clear:left;
	height:27px;
	background-color:#030304;
	color:#ffffff;
}
#footer p {
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	padding-top:5px;
	padding-left:27px;
}
/*------------------------------------------------------------------------------------------------*/
/* Columns */

#content_left {
	max-width:770px;
	margin-right:264px;
}
#content_right {
	float:right;
	position:absolute;
	right:0;
	width:251px;
}
#biography, #discography, #portfolio {
	height:auto;
	width:227px;
	background:url(../img/bg_column.png);
	background-repeat:repeat-y;
	float:left;
	margin-top:17px;
	margin-left:17px;
	border:1px solid #898b8e;
}
#biography ol, #discography ol, #portfolio ol, #events ol {
	height:auto;
}
#biography li, #discography li, #portfolio li, #events li {
	margin-bottom:0px;
	height:52px;
}
#albumseps, #singlesmixes, #design, #frontenddev {
	margin-bottom:7px;
	margin-top:14px;
}
.heading {
	padding-bottom:13px;
}
.thumb {
	height:35px;
	width:35px;
	border:1px solid #7b7c7e;
	margin-left:17px;
	margin-right:13px;
	margin-top:2px;
	float:left;
}
/*------------------------------------------------------------------------------------------------*/
/* Slider Buttons */

.button {
	margin-left:0px;
	clear:left;
	height:21px;
}
#btn_albumseps_open {
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
	background:url(../img/button_albumseps.gif) no-repeat;
}
#btn_albumseps_closed {
	background:url(../img/button_albumseps.gif) 0px -21px no-repeat;
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
}
#btn_singlesmixes_open {
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
	background:url(../img/button_singlesmixes.gif) no-repeat;
}
#btn_singlesmixes_closed {
	background:url(../img/button_singlesmixes.gif) 0px -21px no-repeat;
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
}
#btn_design_open {
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
	background:url(../img/button_design.gif) no-repeat;
}
#btn_design_closed {
	background:url(../img/button_design.gif) 0px -21px no-repeat;
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
}
#btn_frontenddev_open {
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
	background:url(../img/button_frontenddev.gif) no-repeat;
}
#btn_frontenddev_closed {
	background:url(../img/button_frontenddev.gif) 0px -21px no-repeat;
	display:block;
	margin:0px;	
	width:232px;	
    height:21px;
}
/*------------------------------------------------------------------------------------------------*/
/* Shadowboxes */

#release {
	margin:0px;
	margin-top:17px;
	border:1px solid #898b8e;
	width:288px;
	height:288px;
}
#audioplayer {
	width:290px;
	margin-bottom:17px;
}
#album_info {
	margin-left:0px;
}
#album_info h1, #album_info li {
	color:#8aa3b2;
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	padding-right:11px;
}
#album_info li {
	padding-left:17px;
}
#album_info p {
	margin-top:17px;
}
/*------------------------------------------------------------------------------------------------*/
/* Right rail */

#twitter {
	margin-top:0px;
	float:right;
	clear:left;
	background:url(../img/bg_twitter.png);
	background-repeat:no-repeat;
	width:227px;;
	z-index:10;
	border-left:1px solid #898b8e;
	border-right:1px solid #898b8e;
	border-bottom:1px solid #898b8e;
	margin-right:17px;
	padding-bottom:17px;
}
#twitter img {
	margin-top:-66px;
}
#twitter_update_list {
	color:#ffffff;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	width:198px;
	list-style:none;
	margin-left:17px;
	margin-bottom:0px;
	margin-top:-14px;
}
#twitter_update_list ul, #twitter_update_list li {
	list-style:none;
	list-style-image:none;
	background-image:none;
}
#twitter_update_list li {
	color:#8aa3b2;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-top:14px;
}
.atreply, a.atreply, a:hover.atreply, .atreply a:hover {
	color:#ffffff;
}
.twitterdate, a.twitterdate, a:hover.twitterdate, .twitterdate a:hover {
	color:#ffffff;
	font-size:8px;
}
#events {
	height:auto;
	width:227px;
	background:url(../img/bg_column.png);
	background-repeat:repeat-y;
	float:right;
	border:1px solid #898b8e;
	clear:right;
	margin-top:17px;
	margin-right:17px;
	position:relative;
}
/*------------------------------------------------------------------------------------------------*/
/* Content */
#audioplayer {
	clear:both;
	z-index:200;
}
/*------------------------------------------------------------------------------------------------*/
/* Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}