body {
	font-size: 11px;
	line-height: 16px;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	background-position: top left;
}

h1, h2, h3 { margin: 0; padding: 0; font-weight: bold; line-height: 1.1em; }

h1 { font-size: 36px; text-transform: lowercase; line-height: 40px; }
h2 { font-size: 24px; text-transform: lowercase; }
h2 { font-size: 18px; text-transform: lowercase; }
h3 { font-size: 18px; text-transform: lowercase; margin: 7px 0px 7px 0px; }

h1 span, h2 span, h3 span { font-weight: normal; margin-left: 14px; font-size: .75em;}

a { color: #000; }
a:hover { color: #666; }

blockquote {
	margin: 0;
	padding: 14px 21px 7px 21px;
}

img { border: 0; }

/* PANE LAYOUT */
div.pane {
	position: absolute;
	top: 0px;
	width: 1024px;
	padding: 14px;
}
div.pane .below_nav { margin-top: 46px; }
div.pane h1, div.pane h2 { margin-top: 92px; margin-bottom: 14px; }
div.pane a { color: inherit; }

div.sub_nav { padding-top: 14px; }
div.pane_nav { clear: both; padding-top: 3px; }
div.canvas { 
	height: 546px;
	background: no-repeat top left;
	margin-top: -14px;
	margin-left: -14px;
	padding: 14px;
}
div.news_box {
	position: absolute;
	width: 238px;
	padding: 4px;
}
div.news_box p { font-size: 0.9em; }
div.blurb {
	margin: 455px 7px 0px 7px;
	padding: 2px;
}

span#next_link { padding: 7px; margin-left: -7px; }
span#next_link a { text-transform: lowercase; }

/* NAVIGATION */
#top_navigation {
	position: fixed;
	top: 14px;
	left: 14px;
	z-index: 350;
}
#top_navigation a {
	display: block;
	float: left;
	padding: 2px 3px 1px 3px;
	margin-right: 7px;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	color: #999;
}
#mid_navigation {
	position: fixed;
	top: 36px;
	left: 14px;
	z-index: 340;
}
#mid_navigation a {
	padding: 2px;
	margin-right: 4px;
	font-size: 10px;
	text-transform: lowercase;
	color: #999;
}
#top_navigation a:hover, #mid_navigation a:hover { color: #333; }
a#top_selected, a#mid_selected, a#sub_selected { color: #000; }

#small_nav a {
	font-size: 0.9em;
	color: #CCC;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin-left: 21px;
	margin-top: 2px;
	padding: 0;
}
#small_nav a:before {
	content: url('../images/back-link.png');
}


/* IDENTITY / CONTACT */
#identity {
	position: absolute;
	top: 507px;
	left: 14px;
	z-index: 330;
}
#contact {
	position: fixed;
	top: 553px;
	left: 14px;
}

/* COLOR BARS */
#color_bars {
	position: fixed;
	top: 574px;
	width: 100%;
	height: 14px;
}
a.color_bar, a.color_bar_small {
	display: block;
	text-decoration: none;
	height: 3px;
	margin-bottom: 2px;
	overflow: hidden;
}
#color_bars #red { background-color: #ED145A; }
#color_bars #orange { background-color: #F37021; }
#color_bars #yellow { background-color: #FFF200; }
#color_bars #green { background-color: #A6CE39; }
#color_bars #blue { background-color: #00A0E3; }
#color_bars #purple { background-color: #AB208E; }

.synth_red { color: #ED145A; }
.synth_orange { color: #F37021; }
.synth_yellow { color: #FFF200; }
.synth_green { color: #A6CE39; }
.synth_blue { color: #00A0E3; }
.synth_purple { color: #AB208E; }

#bottom_nav, #bottom_nav_fluid {
	position: fixed;
	top: 399px;
	left: 14px;
}
#bottom_nav_fluid { position: absolute; }

/* PORTFOLIO OVERVIEW / POST LONG CONTENT */
div.pane#full_content {
	margin-top: 92px;
	width: 1536px;
	line-height: 42px;
	text-transform: lowercase;
}	

div.thumb_pane {
	position: absolute;
	top: 60px;
	margin: 14px;
	width: 266px;
}
div.thumb_strip {
	float: left;
	width: 266px;
	height: 42px;
	background: #FFF center center;
	margin: 0px 7px 7px 0px;
}
div.thumb_strip a { 
	display: none;
	width: 231px;
	color: #000;
	padding: 3px;
	margin: 4px;
}
div.thumb_strip:hover a { display: block; }

/* IMAGES */
div.vert_crop {
	background: no-repeat center center;
	width: 245px;
	height: 574px;
}
div.skinny_pane {
	position: absolute;
	top: 0px;
	margin-left: -413px;
	width: 245px;
}
div.skinny_pane div.blurb { top: 160px; }
.flickr_box {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0px 7px 7px 0px;
	background-color: #000;
	color: #FFF;
}
div.artist_box {
	text-transform: uppercase;
	padding: 5px;
	width: 250px;
}
div.medium_pane {
	position: absolute;
	top: 0px;
	margin-left: 14px;
	width: 315px;
}

/* EVENTS CALENDAR  */
div.calendar_icon {
	float: left;
	width: 38px;
	height: 38px;
	margin-right: 7px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
}
	div.calendar_icon strong {
		display: block;
		font-size: 18px;
		margin-top: 11px;
		margin-bottom: 1px;
	}

div.event_box {
	width: 525px;
	padding: 3px;
}

/* MISC REUSABLE CLASSES */
div.para_text { width: 294px; float: left; }
span.xtra { color: #999; }
div.xtra_tracking { line-height: 21px; }
div.xtra_prespace { margin-top: 14px; }
div.col { float: left; width: 280px; margin-right: 35px; }
div.invert { color: #FFF; background-color: #000; }
img.bordered { border: 1px solid #000; }
div.styled_box { padding: 3px; margin-left: -3px; }