/* Fonts */

@font-face 																		{ font-family: DIN; src: url(../fnt/dinma___.ttf); }

/* Element Policies */

html 																			{ overflow: hidden; }
body 																			{ 
 																				position: absolute; top: 0; left: 0; z-index: 1;
																				width: 100%; height: 100%;
																				background: #000; 
																				overflow: hidden;
																				font: 12px/18px Arial, Helvetica, sans-serif; color: #000;
 																				}
p a:hover 																		{ text-decoration: underline; }

/* Globals */

*.hidden																		{ display: none !important; }
*.right																			{ float: right !important; text-align: right !important; }
*.caps 																			{ text-transform: uppercase !important; }
*.din 																			{ font-family: DIN, Helvetica, Arial, sans-serif !important; }
*.bordered-t 																	{ border-top: 1px solid #CCC; padding-top: 5px; }
*.bordered-b 																	{ border-bottom: 1px solid #CCC; padding-bottom: 5px; }
*.no-ul																			{ text-decoration: none !important; }
*.bg-1																			{ background: url(../img/bg/bg_slab_overlay.png); }

/* The Color Code */
/* 1. Projects */
li#slab_projects,
body.projects-cat,
body.projects-cat h2 {
	background: #000 !important;
}
li#slab_projects strong.caps {
	background: url(../img/ico/ico_bullet_projects.png) left no-repeat;
}
body.projects div#article-nav {
	color: #000 !important;
}
li#slab_projects p.hint,
li#slab_projects a.cat_link_2 {
	color: #CCC !important;
}

/* 2. Records */
li#slab_records,
body.records-cat,
body.records-cat h2 {
	background: #694335 !important;
}
li#slab_records strong.caps {
	background: url(../img/ico/ico_bullet_records.png) left no-repeat;
}
body.records div#article-nav {
	color: #694335 !important;
}
li#slab_records p.hint,
li#slab_records a.cat_link_2 {
	color: #E1D9D7 !important;
}

/* 3. Concerts */
li#slab_concerts,
body.concerts-cat,
body.concerts-cat h2 {
	background: #9D7710 !important;
}
li#slab_concerts strong.caps {
	background: url(../img/ico/ico_bullet_concerts.png) left no-repeat;
}
body.concerts div#article-nav {
	color: #9D7710 !important;
}
li#slab_concerts p.hint,
li#slab_concerts a.cat_link_2 {
	color: #EBE4CF !important;
}

/* 4. News */
li#slab_news,
body.news-cat,
body.news-cat h2 {
	background: #353F69 !important;
}
li#slab_news strong.caps {
	background: url(../img/ico/ico_bullet_news.png) left no-repeat;
}
body.news div#article-nav {
	color: #353F69 !important;
}
li#slab_news p.hint,
li#slab_news a.cat_link_2 {
	color: #D7D9E1 !important;
}

/* 5. Artists */
li#slab_artists,
body.artists-cat,
body.artists-cat h2 {
	background: #356967 !important;
}
li#slab_artists strong.caps {
	background: url(../img/ico/ico_bullet_artists.png) left no-repeat;
}
body.artists div#article-nav {
	color: #356967 !important;
}
li#slab_artists p.hint,
li#slab_artists a.cat_link_2 {
	color: #D7E1E1 !important;
}

/* 6. Community */
li#slab_community,
body.community-cat,
body.community-cat h2 {
	background: #356948 !important;
}
li#slab_community strong.caps {
	background: url(../img/ico/ico_bullet_community.png) left no-repeat;
}
body.community div#article-nav {
	color: #356948 !important;
}
li#slab_community p.hint,
li#slab_community a.cat_link_2 {
	color: #D7E1DA !important;
}

/* 7. Giving */
li#slab_giving,
body.giving-cat,
body.giving-cat h2 {
	background: #CEC100 !important;
}
li#slab_giving strong.caps {
	background: url(../img/ico/ico_bullet_giving.png) left no-repeat;
}
body.giving div#article-nav {
	color: #CEC100 !important;
}
li#slab_giving p.hint,
li#slab_giving a.cat_link_2 {
	color: #F5F3CC !important;
}

/* 8. Us */
li#slab_us,
body.us-cat,
body.us-cat h2 {
	background: #4F4F4F !important;
}
li#slab_us strong.caps {
	background: url(../img/ico/ico_bullet_us.png) left no-repeat;
}
body.us div#article-nav {
	color: #4F4F4F !important;
}
li#slab_us p.hint,
li#slab_us a.cat_link_2 {
	color: #DCDCDC !important;
}

/* 9. Writing */
li#slab_writing,
body.writing-cat,
body.writing-cat h2 {
	background: #801D3A !important;
}
li#slab_writing strong.caps {
	background: url(../img/ico/ico_bullet_writing.png) left no-repeat;
}
body.writing div#article-nav {
	color: #801D3A !important;
}
li#slab_writing p.hint,
li#slab_writing a.cat_link_2 {
	color: #EBD2D8 !important;
}

/* 10. Love */
li#slab_love,
body.love-cat,
body.love-cat h2 {
	background: #B10E12 !important;
}
li#slab_love strong.caps {
	background: url(../img/ico/ico_bullet_records.png) left no-repeat;
}
div#footer li.more_love a {
	color: #B10E12 !important;
}
body.love div#article-nav {
	color: #B10E12 !important;
}
li#slab_love p.hint,
li#slab_love a.cat_link_2 {
	color: #EBD2D8 !important;
}

/* 11. Hilites */
body.hilites-cat,
body.hilites-cat h2 {
	background: #53BBB8 !important;
}
body.hilites div#article-nav {
	color: #53BBB8 !important;
}

/* 12. Comps */
li#slab_comps,
body.comps-cat,
body.comps-cat h2 {
	background: #3B1945 !important;
}
li#slab_comps strong.caps {
	background: url(../img/ico/ico_bullet_writing.png) left no-repeat;
}
body.comps div#article-nav {
	color: #3B1945 !important;
}
li#slab_comps p.hint,
li#slab_comps a.cat_link_2 {
	color: #D8D1DA !important;
}

/* 13. Blog */
li#slab_blog,
body.blog-cat,
body.blog-cat h2 {
	background: #6699FF !important;
}
li#slab_blog strong.caps {
	background: url(../img/ico/ico_bullet_blog.png) left no-repeat;
}
body.blog div#article-nav {
	color: #6699FF !important;
}
li#slab_blog p.hint,
li#slab_blog a.cat_link_2 {
	color: #6699FF !important;
}

/* 14. Dividers */
li#slab_comps {
	border-bottom: 3px solid #000;
}
li#slab_writing {
	border-bottom: 3px solid #000;
}

/* Layout Taxonomy */

/* Layers */

div#fg, 																			
div#footer 																		{ 
																				position: absolute; z-index: 2;
																				min-width: 1000px;
																				}
img#bg 																			{
																				position: absolute; top: 70px; z-index: 1;
																				min-height: 100%; min-width: 1000px;
																				width: 100%; height: auto;
																				opacity: 1;
																				}

/* Header & Footer */

div#header {
	float: left;
	width: 100%;
	width: 10000px;
	height: 53px;
	height: 40px;
	padding-bottom: 6px;
	background: #CCC;
}
div#header h1 {
	float: left;
	width: 100%;
	height: 40px;
	margin-left: 4px;
	padding: 0;
}
div#header h1 a {
	font-family: DIN, sans-serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal !important;
	color: #333;
}
div#header h1 a span {
	color: #FFF;
}
div#header ul#navigation {
	float: left;
	width: 650px;
	margin-left: 6px;
}
div#header ul#navigation li {
	float: left;
	margin-right: 15px;
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 11px;
	font-family: DIN, sans-serif;
	color: #000;
	text-transform: uppercase;
}
div#header ul#navigation li a {
	
}
div#header ul#navigation li:hover,
div#header ul#navigation li.active {
	color: #333;
}
div#header ul#local {
	position: fixed;
	right: 5px;
	top: 40px;
	top: 24px;
	width: 200px;
}
div#header ul#local li {
	float: right;
	margin-left: 2px;
	font-size: 11px;
	line-height: 11px;
	font-family: DIN, sans-serif;
	color: #000;
	text-transform: uppercase;
}
body.home div#header {
	height: 40px;
}
body.home div#header ul#navigation {
	display: none;
}
body.home div#header ul#local {
	top: 24px;
}
div#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #FFF;
}
div#footer ul {
	float: left;
	margin-left: 6px;
	margin-bottom: 2px;
}
div#footer ul li {
	float: left;
	font-size: 10px;
	line-height: 10px;
	color: #999;
	text-transform: uppercase;
}
div#footer ul li a {
	color: #FFF;
}
body.blog div#footer ul li,
body.article div#footer ul li {
	color: #666;
	background: url(../img/bg/bg_slab_overlay.png);
}
body.blog div#footer ul li a,
body.article div#footer ul li a {
	color: #666;
}
div#footer ul.right {
	margin-right: 6px;
}
div#footer ul.right li {	
	margin-right: 0;
	font-size: 9px;
	line-height: 10px;
	font-weight: normal;
	color: #333;
}
div#footer ul.sub li.right a {
	color: #666; text-decoration: underline;
}
div#footer ul li a:hover {
	text-decoration: underline;
}

/* Families & Instances */

/* The Stack */

ul#the_stack {
	float: left;
	width: 100%;
}
ul#the_stack li.slab {
	float: left;
	width: 10000px;
	position: relative;
	height: 41px;
}
ul#the_stack li.slab.active {
	height: 203px;
}
ul#the_stack li.slab h2 {
	float: left;
	width: 105px;
	margin: 11px 0 0 5px;
	font-family: DIN, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
	cursor: pointer;
}
ul#the_stack li.slab h2 a 														{ color: #FFF; }
ul#the_stack li.slab p.hint 													{ display: none; }
ul#the_stack li.slab a.cat_link_2												{ display: none; }
ul#the_stack li.slab.active p.hint 												{
																				display: block;
																				position: absolute; top: 35px; left: 6px;
																				width: 170px; opacity: 1;
																				color: #000; 
																				}
ul#the_stack li.slab.active a.cat_link_2		 								{
																				display: block;
																				position: absolute; bottom: 5px; left: 6px;
																				width: 170px; opacity: 1;
																				color: #000; font-size: 11px;
																				}
ul#the_stack li.slab ul.hilite-list 											{  }
ul#the_stack li.slab ul.hilite-list li {
	float: left;
}
ul#the_stack li.slab ul.hilite-list li div {
	position: absolute;
	display: none;
	top: 41px;
	left: 140px;
	width: 3000px;
	height: 160px;
	background: url(../img/bg/bg_slab_overlay.png);
	border-top: 2px solid #FFF;
}
ul#the_stack li.slab ul.hilite-list li.active div {
	display: block;
}
ul#the_stack li.slab ul.hilite-list li h3 {
	float: left;
	margin: 12px 5px 0 30px;
	color: #FFF;
	cursor: pointer;
	font-family: DIN, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
ul#the_stack li.slab ul.hilite-list li h3:hover,
ul#the_stack li.active.slab ul.hilite-list li.active h3 {
	padding-bottom: 7px;
	border-bottom: 4px solid #FFF;
}
ul#the_stack li.slab ul.hilite-list li a {
	color: #FFF;
}
ul#the_stack li.slab ul.hilite-list li p {
	float: left;
	clear: both;
	width: 400px;
	margin-left: 265px;
	margin-top: 3px;
	margin-top: 0;
	padding-left: 0;
}
li#slab_love ul li p {
	/* margin-left: 5px !important; */
}
ul#the_stack li.slab ul.hilite-list li p.title {
	margin-top: 12px;
	margin-right: 3px;
	padding-left: 0;
	text-transform: uppercase;
}
ul#the_stack li.slab ul.hilite-list li p.meta {
	margin-top: 10px;
	font-weight: bold;
	color: #333;
}
ul#the_stack li.slab ul.hilite-list li p strong {
	font-weight: bold;
}
ul#the_stack li.slab ul.hilite-list li img {
	position: absolute;
	top: 0;
	left: 0;
}
ul#the_stack li.list-slab {

}
ul#the_stack li.list-slab h2 {
	width: 100%;
}
ul#the_stack li.list-slab ul {
	display: none;
}
ul#the_stack li.list-slab.active ul {
	display: block;
	float: left;
	width: 200px;
}
ul#the_stack li.list-slab.active ul.first {
	margin-left: 210px;
}
ul#the_stack li.list-slab.active ul li {
	color: #FFF;
	font-weight: bold;
}
ul#the_stack li.list-slab.active ul li a:hover {
	text-decoration: underline;
}

/* Pages */
body.page 																		{ background: #FFF; }
body.page h2 {
	float: left;
	width: 100%;
	height: 30px;
	padding: 11px 0 0 5px;
	font-family: DIN, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
}
div#category-peek																{ position: fixed; top: 62px; left: 550px; height: 556px; padding-right: 10px; font-weight: bold; text-align: left; }
div#category-peek a.trigger														{ color: #FFF; }
div#category-peek ul															{ position: absolute; top: 25px; left: 0; width: 300px; height: 520px; padding-right: 10px; padding-top: 10px; overflow: auto; background: url(../img/bg/bg_article_overlay.png); overflow: auto; font-weight: bold; text-align: left; color: #FFF; }
div#category-peek ul li,
div#category-peek ul li a														{ color: #000; }
div#category-peek ul a:hover													{ text-decoration: underline; }
div#category-peek ul li.small													{ margin-top: 15px; font-weight: normal !important; }
div#category-peek ul li.small a													{ color: #666 !important; }
div#category-peek ul li.sep														{ margin-bottom: 10px; border-bottom: 1px solid #CCC; }
div#category-peek ul li.top														{ margin-top: 10px; }
div#category-peek ul li form													{ float: left; margin-top: 5px; }

div#package {
	float: left;
	width: 700px;
	height: 550px;
}
div#package div#canvas {
	position: absolute;
	top: 87px; left: 0;
	width: 700px;
	height: 530px;
	background: url(../img/bg/bg_article_overlay.png);
}
body.article div#package,
body.article div#canvas {
	width: 550px !important;
}
div#canvas h2 {
	float: left;
	width: 100%;
	height: 30px;
	padding: 11px 0 0 5px;
	font-family: DIN, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
	cursor: pointer;
}
div#package div#canvas div#content 												{
																				float: left;
																				width: 500px;
																				margin: 10px 0 0 10px;
																				}
div#package div#canvas div#content p:first-child:first-line						{ line-height: 20px; font-weight: bold; }																				
body.blog div#package div#canvas div#content p:first-child:first-line			{ line-height: auto; font-weight: normal; }																				

div#package div#canvas div#content p											{ margin-bottom: 15px; line-height: 20px; }
div#package div#canvas div#content p a 											{ color: #666; /* text-decoration: underline; */ }
div#package div#canvas div#content p em 										{ font-weight: bold !important; }
div#package div#canvas div#content p strong 									{ font-size: 14px; font-weight: bold; }

div#package div#canvas div#content ul				 							{ padding-left: 10px; list-style-type: square; }
div#package div#canvas div#content ul li				 						{  }
div#package div#canvas div#content ul li a				 						{ text-decoration: underline; }

div#package div#canvas div#content ul#category_list 							{ margin-left: -3px; padding-left: 0; }
div#package div#canvas div#content ul#category_list li {
	position: relative;
	height: 80px;
	list-style-type: none;
}
body.blog div#package div#canvas div#content ul#category_list li {
	width: 433px;
}
div#package div#canvas div#content ul#category_list li a {
	display: block;
	position: relative;
	width: 100%;
	height: 69px;
	padding: 5px 0 0 0;
	text-decoration: none;
}
div#package div#canvas div#content ul#category_list li a:hover {
	background: #FFF;
}
div#package div#canvas div#content ul#category_list li a h3 {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	cursor: pointer;	
}
div#package div#canvas div#content ul#category_list li a h3 span.date {
	color: #999;
}
div#package div#canvas div#content ul#category_list li a p {
	line-height: 14px;
	color: #666;
	margin: 0;
}
div#package div#canvas div#content ul#category_list li a img {
	position: absolute;
	top: -1px;
	right: -160px;
	width: 100px;
	height: 75px;
}
body.blog div#package div#canvas div#content ul#category_list li a img {
	position: absolute;
	top: 0; right: -100px;
}

div#package div#canvas div#content h3,
div#package div#canvas div#content h3.content-h3								{ font-size: 14px; line-height: 30px; font-weight: bold; }

div#package div#canvas div#content *.small										{ font-size: 10px; line-height: 12px; font-weight: bold; }
div#package div#canvas div#content *.big										{ font-size: 14px; line-height: 20px; font-weight: bold; }
div#package div#canvas div#content *.huge										{ font-size: 18px; line-height: 28px; font-weight: bold; }
div#package div#canvas div#content *.gray										{ color: #666; }
div#package div#canvas div#content *.list										{ display: inline-block; width: 100%; }
div#package div#canvas div#content *.list a										{ text-decoration: none; }
div#package div#canvas div#content *.list a:hover								{ text-decoration: underline; }

div#package div#article-nav 													{
																				display: none; position: absolute;
																				left: 0; bottom: 3px;
																				padding: 3px;
																				}
div#package div#article-nav p													{ font-size: 10px !important; line-height: 12px !important; }

div#package div#page-nav 														{
																				display: none;
																				position: absolute;
																				right: 5px; bottom: 5px;
																				}
div#package div#page-nav p {
	float: right;
	margin: 2px 3px 0 0;
	font-size: 10px;
	line-height: 10px;
	font-family: DIN, sans-serif;
	color: #333;
	text-transform: uppercase;	
}
div#package div#page-nav ul {
	float: right;
	position: relative;
}
div#package div#page-nav ul li {
	float: right;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	border: 1px solid #333;
}
div#package div#page-nav ul li:hover {
	background: #CCC;
	cursor: pointer;
}
div#package div#page-nav ul li.on_page {
	background: #333;
	cursor: pointer;
}
div#package div#page-nav ul li div.page-preview									{ display: none; position: absolute; top: -105px; right: 0; width: 96px; height: 96px; overflow: hidden; padding: 2px; border: 1px solid #999; background: #FFF; color: #999; font-size: 9px; line-height: 10px; }
div#package div#page-nav ul li div.page-preview	p								{ float: left; width: 150px; color: #999; font-size: 9px; line-height: 10px; font-family: Arial, Helvetica, sans-serif !important; }

div#media-area																	{																		
																				float: left;
																				width: 225px; height: 530px;
																				margin-left: 10px; padding: 0;
																				background: url(../img/bg/bg_article_overlay.png);
																				overflow: hidden;
																				}
div#media-area>*																{ margin-left: 10px; }
div#media-area h3																{
																				float: left; clear: both;
																				height: 20px;
																				margin-top: 10px;
																				font-family: DIN, sans-serif; font-size: 15px; line-height: 15px;
																				text-transform: uppercase;
																				}
div#media-area>div																{ float: left; clear: both; }
div#media-area>div a, 	div#media-area>div img									{ float: left; margin: 0 5px 5px 0; }
div#media-area>div a>img														{ margin-right: 0; }
div#media-area>div#downloads a													{ font-weight: bold; color: #666; text-decoration: underline; }

div#modal																		{
																				position: fixed; display: none;
																				top: 0; left: 0; z-index: 9999;
																				width: 100%; height: 100%;
																				background: url(../img/bg/bg_modal_overlay.png);
																				cursor: pointer;
																				}
div#modal>div																	{
																				width: 800px; height: 615px;
																				margin: 0 auto; margin-top: 59px;
																				}
div#modal>div div																{ width: 800px; height: 600px; }
div#modal>div p, div#modal>div div img											{ float: left; }
div#modal>div p																	{ width: 600px; font-size: 10px; color: #EEE; }
div#modal>div p.right															{ width: 150px; }

/* Javascript-enabled modifiers (These rules must be overridden inside of a <noscript> tag. */
div#package, div#media-area														{ display: none; }

/* Audio Player */
a.playtag																		{ color: #CCC; }
a.playtag em																	{  }
a.playtag.playing																{ color: #FFF; font-weight: bold; }
a.playtag.playing em span.dots													{ display: inline-block; width: 10px; }
a.playtag:hover																	{ color: #FFF; text-decoration: none; }
a.playtag:hover	em																{  }