body {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background: no-repeat top left;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
}
body.red, body.red * { color: #ED145A; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: bold; }

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: 11px; text-transform: lowercase; margin-bottom: 3px; }

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

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

img, a 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 { margin-top: 92px; margin-bottom: 14px; }
div.pane a { color: inherit; }

div.sub_nav { padding-top: 14px; width: 441px; }
div.pane_nav { clear: both; padding-top: 3px; }
div.canvas { 
	height: 476px;
	background: no-repeat top left;
	margin-top: -14px;
	margin-left: -14px;
	padding: 14px;
}
div.news_box {
	position: absolute;
	width: 238px;
	background: #FFF;
	padding: 4px;
}
div.blurb {
	position: absolute;
	top: 70px;
	left: 21px;
	width: 140px;
	padding: 2px;
	background-color: #FFF;
}

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 {
	padding: 3px;
	margin-right: 7px;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	color: #999;
}
#small_nav a, a.small_nav {
	font-size: 11px;
	color: #CCC;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}
a.small_nav { padding-left: 14px; }
a.small_nav:hover { color: #999; }
#small_nav a:after, a.small_nav:after {
	content: url('../images/ext-link.png');
}
#mid_navigation {
	position: fixed;
	top: 32px;
	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.selected { color: #000 !important; }

a.toggle { color: #999 !important; font-weight: bold; text-decoration: none; }
a.toggle.chosen, a.toggle:hover { color: #FFF !important; background-color: #BBB; }


/* NEWS FEEDS */
div.news_feed {
	font-size: 9px;
	line-height: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #999;
	clear: right;
}
div.news_feed:hover { color: #000; }
div.news_feed .hidden_content { opacity: 0.5; }
div.news_feed:hover > .hidden_content { opacity: 1; }
div.news_feed strong {
	text-transform: uppercase;
}
div.news_feed img {
	margin: 2px 5px 3px 0px;
}
/*div.news_box.feeds div.news_feed { color: #000; }
div.news_box.feeds div.news_feed .hidden_content { opacity: 1; }*/


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

/* COLOR BARS */
#color_bars {
	position: fixed;
	top: 504px;
	width: 100%;
	height: 14px;
}
a.color_bar {
	display: block;
	text-decoration: none;
	margin-bottom: 7px;
}
#color_bars #red, .synth_red_bg { background-color: #ED145A; }
#color_bars #orange, .synth_orange_bg { background-color: #F37021; }
#color_bars #yellow, .synth_yellow_bg { background-color: #FFF200; }
#color_bars #green, .synth_green_bg { background-color: #A6CE39; }
#color_bars #blue, .synth_blue_bg { background-color: #00A0E3; }
#color_bars #purple, .synth_purple_bg { background-color: #AB208E; }
#color_bars #black, .synth_black_bg { background-color: #000; }

.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;
	background-color: #FFF;
	padding: 3px;
	margin: 4px;
}
div.thumb_strip:hover a { display: block; }

/* BLOGS */
div.blog_post {
	float: left;
	width: 350px;
	margin-right: 14px;
	background: #FFF;
	line-height: 14px;
}
div.blog_post img {
	float: right;
	margin-left: 7px;
	opacity: 0.6;
}
div.blog_post:hover > img {
	opacity: 1;
}

/* IMAGES */
div.vert_crop {
	background: no-repeat center center #FFF;
	width: 245px;
	height: 504px;
}
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;
}

/* AUDIO CLIPS */
a.audio {
	padding: 10px;
	background: url('../images/talk.gif') no-repeat center center;
	text-decoration: none;
}

/* MISC REUSABLE CLASSES */
div.para_text { width: 294px; float: left; }
.xtra { color: #999; line-height: 12px; margin-bottom: 7px; }
div.xtra_tracking { line-height: 21px; }
div.col { float: left; width: 329px; }
div.invert { color: #FFF; background-color: #000; }
img.bordered { border: 1px solid #000; }
a.button {
	padding: 4px;
	background-color: #000;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
}
a.button:hover { background-color: #999; }