/* global */
* {margin:0;padding:0;}
body {
	font:12px/16px "helvetica", arial, sans-serif;
	color:#333;
	text-align:center;
	background:#fafafa;
}
h1 {
	font:24px/24px "helvetica", arial, sans-serif;
	color:#fff;
}
h2 {
	margin:0 0 30px 0;
	font:20px/20px "helvetica", arial, sans-serif;
	color:#333;
}
h3 {
	margin:0 0 15px 0;
	font:18px/18px "helvetica", arial, sans-serif;
	color:#333;
}
#showcase h3 {font:16px/18px "helvetica", arial, sans-serif;}
h4,h5,h6 {
	margin:0 0 15px 0;
	font:bold 14px/14px "helvetica", arial, sans-serif;
	color:#333;
}
p {padding:0 0 15px 0;}
ul {
	list-style:none;
	padding:0 0 15px 0;
}
ol {
	margin:0 0 15px 0;
	list-style-type:decimal;
	list-style-position:inside;
}
li {margin:0 0 4px 0;}
object, embed {margin:0 0 15px 0;}
.audio embed {margin:0;}
img {margin:0 0 5px 0;}
.grey {color:#999;}

/* LAYOUT PREFERENCES */
.imgleft {
	float:left;
	margin:0 15px 5px 0;
}
.imgright {
	float:right;
	margin:0 0 5px 15px;
}
.buffer {margin:0 0 15px 0;}

/*   LINKS   */
a img {border:none;}

a.imglink img {border-bottom:8px solid #242424;}
a:hover.imglink img {border-bottom:8px solid #c00;}

a {color:#369;text-decoration:none;}
a:hover {text-decoration:underline;}

/* TEXT STYLES */
.txtright {text-align:right;}
.chronicle {
	padding:0 0 30px 0;
	font:14px/20px "helvetica", arial, sans-serif;
	color:#877c2b;
}
.chronicle p:last-child {padding:0;}
.mono {
	font:14px/18px courier, "courier new", monospace;
	color:#333;
}
.append {
	margin:0 0 0 10px;
	font:12px/16px "helvetica", arial, sans-serif;
}
.question {color:#333;font-style:italic;}
.caption {
	clear:both;
	margin:0 0 25px 0;
	font:10px/12px "helvetica", arial, sans-serif;
	color:#999;
}
blockquote {
	padding:0 0 0 40px;
	margin:15px 0;
	font:12px/18px "helvetica", arial, sans-serif;
	color:#c00;
	background:url(blockquote.png) no-repeat left top;
}
#magnify {
	height:11px;
	padding:0 0 15px 16px;
	font:11px/12px "helvetica", arial, sans-serif;
	background:url(magnify.gif) no-repeat;
}
.external {
	height:11px;
	background:url(external.gif) no-repeat right;
	padding:0 15px 0 0;
}
sup {font:10px/12px "helvetica", arial, sans-serif;}

/* HEADER */
#header {
	width:100%;
	height:90px;
	text-align:left;
	background:#2b2b2b;
}
#header a:hover img {opacity:1;}
#masthead {
	width:945px;
	margin:0 auto;
	text-align:center;
}

#topnav {
	float:left;
	width:625px;
	margin:0 15px 5px 0;
	font:bold 10px/10px "helvetica", arial, sans-serif;
	text-align:left;
}
#topnav li {display:block;float:left;margin:0 10px 0 0;padding:10px 10px 3px 0;border-right:1px solid #666;}
#topnav li:last-child {border:none;}
#topleftnav li {display:block;float:left;margin:0 0 0 10px;padding:10px 0 3px 10px;border-left:1px solid #666;}
#topleftnav li:last-child {border:none;}
#topnav a, #topleftnav a {color:#ccc;text-decoration:none;}
#topnav a:hover, #topleftnav a:hover {color:#369;}
a#store {color:#ff6;}

#topleftnav {
	float:left;
	width:305px;
	margin:0 0 5px 0;
	font:bold 10px/10px "helvetica", arial, sans-serif;
	text-align:right;
}
#topleftnav li {display:block;float:right;margin:0 0 0 10px;padding:10px 0 3px 10px;}

/* DIRECTORY */
#menu {
	clear:both;
	width:100%;
	height:35px;
	background:#242424;
}
#directory {
	width:947px;
	margin:0 auto;
}

#first, #conceptual, #punk, #idyll, #return, #moving {float:left;}
#first a, #conceptual a, #punk a, #idyll a, #return a, #moving a {display:block;height:35px;}

#first a {width:135px;background:url(menu.png) no-repeat 0 0;}
#first a:hover {background:url(menu.png) no-repeat 0 -35px;}
#conceptual a {width:175px;background:url(menu.png) no-repeat -135px 0;}
#conceptual a:hover {background:url(menu.png)  no-repeat -135px -35px;}
#punk a {width:139px;background:url(menu.png) no-repeat -310px 0;}
#punk a:hover {background:url(menu.png) no-repeat -310px -35px;}
#idyll a {width:159px;background:url(menu.png) no-repeat -449px 0;}
#idyll a:hover {background:url(menu.png) no-repeat -449px -35px;}
#return a {width:201px;background:url(menu.png) no-repeat -608px 0;}
#return a:hover {background:url(menu.png) no-repeat -608px -35px;}
#moving a {width:138px;background:url(menu.png) no-repeat -809px 0;}
#moving a:hover {background:url(menu.png) no-repeat -809px -35px;}

.firstyears #directory #first a {background:#fff url(menu.png) no-repeat 0 -70px;}
.conceptualartist #directory #conceptual a {background:#fff url(menu.png) no-repeat -135px -70px;}
.punkyears #directory #punk a {background:#fff url(menu.png) no-repeat -310px -70px;}
.idyllinholland #directory #idyll a {background:#fff url(menu.png) no-repeat -449px -70px;}
.returntothebowery #directory #return a {background:#fff url(menu.png) no-repeat -608px -70px;}
.movingon #directory #moving a {background:#fff url(menu.png) no-repeat -809px -70px;}

/* SUB DIRECTORY */
#subdir {
	clear:both;
	float:left;
	width:945px;
	padding:15px 0 0 0;
	text-align:left;
	background:#fafafa;
	border-bottom:3px solid #333;
} 
#toggle a {font:12px/12px "helvetica", arial, sans-serif;}
#listings {
	clear:both;
	width:945px;
	margin:0 auto;
}
#listings .row {margin:0;}

#submenu, #footermenu {margin:0 0 15px 0;text-align:left;clear:both;}
#submenu ul, #footermenu ul {padding:0 0 8px 0;}
#submenu li, #footermenu li {display:inline;}
#submenu li a, #footermenu li a {
	font:11px/12px "helvetica", arial, sans-serif;
	padding:4px 5px 2px 5px;
	border:1px solid #ccc;
}
#submenu li a:hover, #footermenu li a:hover {color:#c00;border:1px solid #c00;text-decoration:none;}
#submenu li a.active, #footermenu li a.active {
	color:#333;
	border:1px solid #000;
}

.splash {
	display:block;
	width:465px;
	height:200px;
	width:305px;
	height:200px;
	margin:0;
	padding:0 0 15px 0;
}

a.splash_link {padding:4px 8px;color:#fff;background:#c00;font-weight:bold;}
a:hover.splash_link {background:#242424;text-decoration:none;}
a.splash_link_green {padding:4px 8px;color:#fff;background:#00d104;font-weight:bold;}
a:hover.splash_link_green {background:#242424;text-decoration:none;}

.pics, .pics img {
	width:465px;
	height:200px;
}


/* CONTENT */
#ninetyeight {
	width:945px;
	margin:0 auto;
}
#bowery {
	width:945px;
	float:left;
	padding:30px 0 0 0;
	text-align:left;
	background:#fafafa;
}
.row {clear:both;float:left;width:945px;padding:0 0 10px 0;}
.colsixths {float:left;width:145px;margin:0 15px 0 0;}
.colsixthsend {float:left;width:145px;margin:0;}
.colfivesixths {float:left;width:785px;margin:0 15px 0 0;}
.colfivesixthsend {float:left;width:785px;margin:0;}
.colfifths {float:left;width:177px;margin:0 15px 0 0;}
.colfifthsend {float:left;width:177px;margin:0;}
.coltwofifths {float:left;width:369px;margin:0 15px 0 0;}
.coltwofifthsend {float:left;width:369px;margin:0;}
.colthreefifths {float:left;width:561px;margin:0 15px 0 0;}
.colthreefifthsend {float:left;width:561px;margin:0;}
.colfourfifths {float:left;width:753px;margin:0 15px 0 0;}
.colfourfifthsend {float:left;width:753px;margin:0;}
.colfourths {float:left;width:225px;margin:0 15px 0 0;}
.colfourthsend {float:left;width:225px;margin:0;}
.colthirds {float:left;width:305px;margin:0 15px 0 0;}
.colthirdsend {float:left;width:305px;margin:0;}
.coltwothirds {float:left;width:625px;margin:0 15px 0 0;}
.coltwothirdsend {float:left;width:625px;margin:0;}
.colhalves {float:left;width:465px;margin:0 15px 0 0;}
.colhalvesend {float:left;width:465px;margin:0;}
.section {
	clear:both;
	border-top:2px solid #ccc;
	padding:30px 0;
}
.sectionnoborder {
	clear:both;
	padding:20px 0;
}
.video {
	float:left;
	width:455px;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	text-align:center;
	border:2px solid #ddd;
}
.audio {
	padding:10px;
	border:2px solid #ddd;
}
#showcase {
	width:945px;
	margin:0 auto;
}
#related {
	clear:both;
	float:left;
	width:945px;
	padding:15px 0;
	text-align:left;
	border-top:2px solid #333;
}
#showcase .row {
	clear:both;
	float:left;
	width:945px;
	padding:15px 0;
	text-align:left;
}
.highlight {
	font:10px/12px "helvetica", arial, sans-serif;
	text-align:center;
}
.highlight a {
	display:block;
	width:145px;
	height:150px;
	color:#aaa;
	background:#242424;
	border-top:8px solid #242424;
}
.highlight a:hover {
	color:#fff;
	background:#c00;
	border-top:8px solid #c00;
	text-decoration:none;
}

.highlight a .caption {color:#aaa;padding:0 2px;}
.highlight a:hover .caption {color:#fff;text-decoration:none;}

.current a {
	display:block;
	width:100%;
	height:150px;
	font:10px/12px "helvetica", arial, sans-serif;
	text-align:center;
	color:#fff;
	background:#7db80d;
	border-top:8px solid #7db80d;
}
.current a:hover {text-decoration:none;}

#addthis {width:83px;float:right;}

/* pagination */
#prev {float:left;padding:30px 0;}
#next {float:right;padding:30px 0;}
#prev-top {float:left;}
#next-top {float:right;}

#pagination {
	clear:both;
	width:945px;
	margin:0 auto;
	font:12px/16px "helvetica", arial, sans-serif;
	border-top:2px solid #242424;
}
#pagination a#pag-prev {
	float:left;
	padding:30px 15px 30px 26px;
	color:#369;
	background:#fffdec url(pag-prev.png) left 31px no-repeat;
}
#pagination a:hover#pag-prev {color:#fff;text-decoration:none;background:#242424 url(pag-prev.png) left 31px no-repeat;} 
#pagination a#pag-next {
	float:right;
	padding:30px 26px 30px 15px;
	color:#369;
	background:#fffdec url(pag-next.png) right 31px no-repeat;
}
#pagination a:hover#pag-next {color:#fff;text-decoration:none;background:#242424 url(pag-next.png) right 31px no-repeat;} 

/* to be deprecated back css */
#back {
	clear:both;
	width:945px;
	padding:30px 0;
	margin:0 auto;
	font:11px/11px "helvetica", arial, sans-serif;
	text-align:left;
	color:#333;
	border-top:3px solid #333;
}
#back a {
	padding:5px 0 5px 26px;
	text-transform:uppercase;
	color:#333;
	background:url(back.png) no-repeat;
}
#back a:hover {color:#c00;}

/* footer */
#footer {
	clear:both;
	width:100%;
	height:125px;
	margin:0 auto;
	font:11px/14px "helvetica", arial, sans-serif;
	text-align:left;
}
#footer-nav {
	width:100%;
	padding:15px 0;
	color:#fff;
	background:#242424;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#footer-years {
	width:945px;
	margin:0 auto;
	text-align:center;
}
#footer-append {
	width:945px;
	margin:0 auto;
	padding:15px 0;
	color:#888;
}
#copyright {text-align:right;}
p#copyright a {color:#888;}
#footer ul {padding:0;}
#footer li {display:inline;margin:0 15px 0 0;padding:0 0 0 15px;border-left:1px solid #444;}
#footer li:first-child {border:none;}
#footer a {color:#ccc;}
#footer a:hover {color:#369;text-decoration:none;}
#footer-append li {display:inline;margin:0 15px 0 0;padding:0 0 0 15px;border-left:1px solid #ccc;}
#footer-append a {color:#888;}