body{background:#060000;padding:12px 8px;margin:0 auto;width:960px}

h1{font-family:Constantia,'Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',Georgia,serif;font-size:46px;font-variant:small-caps;margin:0 0 -32px 0}
h1 a{color:#abc;text-decoration:none}
h2,h3,h4,ol,p,table,ul,label,textarea,blockquote{font:13px/1.75'Open Sans', sans-serif}
h2,h3,h4{font-weight:normal;margin:0 0 16px}
h2{border-bottom:1px solid #333;font-size:24px;line-height:1.2}
h3{font-size:14px}
h4{font-size:16px}

a:hover{-o-transition:all 250ms;-moz-transition:all 250ms;-webkit-transition:all 250ms;transition:all 250ms}
img{border:0 none}
#aside-photo{float:left;width:400px;border-radius:8px;-moz-border-radius:8px}
p{margin:0 0 16px}
blockquote{color:#333}
table{width:100%}
th{display:none}
td{padding-bottom:16px}
.photo{border:1px solid #edc}

.nav{margin:0 0 16px;text-align:right}
.nav li{display:inline;font-size:14px}
.nav a,.sub-nav a{border-radius:8px;-moz-border-radius:8px;color:#abc;padding:8px;text-decoration:none}
.nav .active a,.sub-nav .active a{background:#edc;color:#000}
.nav a:hover,.sub-nav a:hover{background:#edc;color:#510}

.sub-nav{float:left;font-size:14px;list-style-type:none;margin:8px 0 0 2px;text-align:center}
.sub-nav li{width:130px;margin:2px 0}
.sub-nav a{display:block}

#content{background:#edc;color:#000;float:right;margin:0 0 16px;padding:16px 20px;width:520px;-moz-border-radius:8px;border-radius:8px}
#content a{border-bottom:1px dashed #abc;color:#510;text-decoration:none}
#content a:hover{border-bottom:1px solid #510}

#works #content{margin-right:60px;width:680px}
.title,.purchase-statement,.work-meta{font-size:14px}
.onebit_mp3 a{display:none}
.work-meta{list-style:none;text-align:center}
.purchase-statement,.press-statement{padding:12px 0;text-align:center}
.press-statement{font-size:16px;font-style:italic}

@media screen and (max-width: 800px) {
	body{width:552px}
	#aside-photo{display:none}
	#content{float:none}
	h1{margin-bottom:16px}
	.nav,.sub-nav{text-align:left;padding-left:0}
	.sub-nav{float:none;font-size:14px;margin:32px 0 16px}
	.sub-nav li{display:inline;font-size:14px}
	.nav a,.sub-nav a{display:inline-block;margin-bottom:2px}
	#works #content{width:520px}
}

@media screen and (max-width: 520px) {
	h1{font-size:32px}
	body{width:90%}
	#content,#works #content{width:90%}
	.nav a,.sub-nav a{padding:4px}
}

@media screen and (max-width: 330px) {
	body{width:304px}
	#content,#works #content{width:264px}
}