/*
#fefbfc
#e6eeec
#cee1dc
#b6d4cc
#9ec7bc
#86baac
#6ead9c
#56a08c
#3e937c
*/
/*<style type="text/css">*/

html, body {
	background: url(/images/gradient-light.png) top left repeat-x #3e937c;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #b6d4cc;
	font-size: 11px;
	line-height: 16px;
}

#masthead {
	width: 100%;
	padding: 32px 0;
	background: url(/images/title-dark.png) no-repeat 300px 0px;
	height: 102px;
	display: block;
	text-indent: -999em;
}

#left-column #masthead {
	background-image: url(/images/title-small-dark.png);
	background-position: -10px 0px;
}

* html,
* html body {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/gradient-light.png');
}

* html #masthead {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/title-dark.png');
}

* html #left-column #masthead {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/title-small-dark.png');
}

#masthead h1 {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: normal;
	font-size: 48px;
	color: #9ec7bc;
	height: 32px;
	line-height: 0.8em;
	margin: 0;
	padding: 0 32px 8px;
}
#masthead h1 span {
	color: #86baac;
}
#masthead h1 .des {
	color: #fefbfc;
	font-weight: bold;
}
#masthead h2 {
	font-size: 11px;
	font-weight: normal;
	color: #86baac;
	margin: 0 32px;
	line-height: 16px;
	height: 16px;
}

#wrapper {
	width: 720px;
	padding: 32px 0 0;
	margin: 0 auto;
}

#center-column {
	margin: 0 auto;
	width: 256px; /* 320 minus 32x2 (padding) */
	padding: 0 32px;
}

#left-column {
	margin: 0 22px 0 32px;
	width: 256px; /* 320 minus 32x2 (margin) */
	padding: 0;
	display: inline;
	float: left;
}

.main-column-proj-page { width: 720px; margin: 0 0 32px 18px; display: inline; float:left; padding-top: 0px; }


ul.project_list {
	list-style: inside square;
	color: #86baac;
	padding: 0;
	margin: 0;
}

.project_list li {
	padding: 0;
	margin: 0;
}

.project_list li.selected {
	color: #fefbfc;
}

.project_list p { margin: 16px 0 2px 12px; }
.project_list a:link, .project_list a:visited { padding: 2px 3px; }
.project_list a:hover { background: #b6d4cc; color: #3e937c; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.project_list a.linkHL, .project_list a.linkHL:link, .project_list a.linkHL:visited { background: #b6d4cc; color: #3e937c; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }


.fixed {
	position: fixed;
}

ul.mini_list {
	font-size: 9px;
	line-height: 1.3em;
	margin-left: -3em; /* for IE 7 */
	padding-left: 3em;
}

.mini_list a:link,
.mini_list a:visited {
	padding: 1px 2px;
}

.fixed .main_cat a:link,
.fixed .main_cat a:visited {
	font-size: 16px;
}

.fixed .main_cat {
	margin: 0 0 16px;
}

.pc6 {
	/*background: #56a08c;*/
	padding: 10px;
	margin: 0 0 8px;
	height: 1%; /* for ie */
}

#this_project {
	/*list-style-image: url(/images/small_arrow_light.png);
	list-style-position: outside;*/
	list-style: none;
	margin-left: -2em;
}

a, a:link, a:visited { color: #b6d4cc; text-decoration: none; padding: 0 0 0.5px; }
a:hover { background: none; border-bottom: 1px dotted #9ec7bc; }
a:active { color: #fefbfc; }

.tags a:link, .tags a:visited { font-size: 9px; color: #86baac; }
.tags a:hover { background: none; border-bottom: none; color: #9ec7bc; }
.tags a:active { }

.year_cat { list-style: none; }
.year_cat a:link, .year_cat a:visited { font-size: 18px; color: #9ec7bc; line-height: 30px; font-family: "Arial Black", sans-serif; }
.year_cat a:hover { background: none; border-bottom: none; color: #b6d4cc; }
.year_cat a:active { }

.main_cat { margin: 0 0 32px; text-align: center; }
.main_cat a:link, .main_cat a:visited { font-size: 18px; color: #86baac; font-family: "Arial Narrow", sans-serif; }
.main_cat a:hover { border-bottom: none; color: #9ec7bc; }
.main_cat a:active { color: #fefbfc; }


.nav_link { margin: 64px 0 0; }
.align-right { margin: 0 6px 32px 0; text-align: right; }
.nav_link a:link, .nav_link a:visited { font-size: 12px; padding: 8px 32px; background: #6ead9c; box-shadow: #6ead9c 0px 0px 16px; -webkit-box-shadow: #6ead9c 0px 0px 16px; -moz-box-shadow: #6ead9c 0px 0px 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-shadow: #86baac 0px 0px 4px; }
.nav_link a:hover { border-bottom: none; background: #86baac; }
.nav_link a:active { background: #9ec7bc; }

.nav_link .themelink:link, .nav_link .themelink:visited { font-weight: bold; color: #3e937c; background: #cee1dc; }
.nav_link .themelink:hover { background: #b6d4cc; }
.nav_link .themelink:active { background: #9ec7bc; }

.w3val { float: none; clear: both; margin: 0 auto 32px; text-align: center; padding: 128px 0 0; }
.w3val a:link, .w3val a:visited { font-size: 9px; line-height: 22px; padding: 4px; color: #86baac; background: none; }
.w3val a:hover { border-bottom: none; color: #9ec7bc; }
.w3val a:active { color: #fefbfc; }

.project_tag { margin: 0; padding: 0; }
.project_tag a:link, .project_tag a:visited { font-size: 10px; line-height: 11px; color: #9ec7bc; }
.project_tag a:hover { }
.project_tag a:active { }

h1 { font-family: "Arial Narrow", sans-serif; font-size: 24px; color: #fefbfc; font-weight: normal; margin: 12px 0 0; padding: 0; }

.main_caption { color: #fefbfc; }

.align-left { text-align: left; }

.gallery {
	width: 384px;
	margin: 0 26px 0 0;
	float: left;
}

.gallery a.thumb:link, .gallery a.thumb:visited {
	width: 96px; /* 112 - 8x2 */
	height: 64px; /* 112 - 48px */
	float: left;
	margin: 6px;
	border: 2px #6ead9c solid;
	text-align: center;
	padding: 48px 8px 0;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	box-shadow: #6ead9c 0px 0px 16px; -webkit-box-shadow: #6ead9c 0px 0px 16px; -moz-box-shadow: #6ead9c 0px 0px 16px;
	
}

.gallery a.thumb:hover { background: #6ead9c; border: 2px solid #9ec7bc; }
.gallery a.linkHL, .gallery a.linkHL:link, .gallery a.linkHL:visited { border-color: #fefbfc; background: #6ead9c; }

.gallery h1 {
	font-family: Courier, monospace;
	color: #9ec7bc;
	font-size: 48px;
	
}





/* **************** formatting for project pages ****************** */

div.wide {
	margin: 0;
	padding: 0;
	width: 720px;
	background-repeat: no-repeat;
}

.top_proj_nav {
	text-align: left;
	margin: 4px 0 16px;
	background: #56a08c;
	padding: 32px 16px 16px;
	/*height: 64px;*/
	color: #86baac;
	position: relative;
	height: 1%;
}

.top_proj_nav h1 {
	font-size: 48px;
	/*height: 32px;*/
	line-height: 0.8em;
	font-family: "Arial Narrow", Arial, sans-serif;
	padding: 0;
	margin: -8px 0 8px;
}

.top_proj_nav .project_tag {
	display: inline;
	height: 16px;
	line-height: 16px;
	margin: 0 0 16px;
}

.back_arrow {
	width: 32px;
	height: 32px;
	float: right;
	margin: 0 0 0 16px;
	overflow: hidden;
	text-align: left;
}

.back_arrow span {
	overflow: hidden; /* for ie6 */
	float: left;
	width: 8px;
	height: 8px;
	margin: 0 3px 3px 0;
	background: #6ead9c;
}
.back_arrow:hover span {
	background: #cee1dc;
}

.nav_arrows { float: right; width: 120px; }

.nav_arrows div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 720px;
	height: 8px;
}

.nav_arrows .arrow { font-size: 32px; line-height: 32px; clear: both; float: left;}

.arrow_left:link, .arrow_left:visited {
	color: #6ead9c;
	width: 32px;
	height: 32px;
	padding-top: 0;
	/*background: url(/images/left_arrow_dark.png) repeat-x;*/
	float: left;
	margin: 0 8px 0 0;
	overflow: hidden;
	text-align: right;
}

.arrow_right:link, .arrow_right:visited {
	color: #6ead9c;
	width: 32px;
	height: 32px;
	padding-top: 0;
	/*background: url(/images/right_arrow_dark.png) repeat-x;*/
	float: left;
	margin: 0;
	overflow: hidden;
	text-align: left;
}

.back_arrow:hover { border-bottom: none; height: auto; cursor: pointer; }
.arrow_left:hover { border-bottom: none; color: #cee1dc; /*background-image: url(/images/left_arrow_light.png);*/ height: auto; cursor: pointer; }
.arrow_right:hover { border-bottom: none; color: #cee1dc; /*background-image: url(/images/right_arrow_light.png);*/ height: auto; cursor: pointer; }

.project_text { margin: 0 0 32px 0; font-size: 14px; line-height: 24px; }
.project_text p { float: none; margin: 0 0 1.5em 0; }

.project_text .textlink {
	font-size: 9px;
	padding: 0 8px 8px 0;
}

.project_text .textlink a:link, .project_text .textlink a:visited {
	color: #3e937c;
	background: #b6d4cc;
	padding: 4px 8px;
	font-size: 9px;
}

.project_text .textlink a:hover { background: #fefbfc; border: none; }

.small {
    margin: 0 auto 32px;
	float: none;
	clear: both; /* this breaks dropcaps */
}

.alignright {
	margin: 0 0 16px 16px;
	float: right;
	clear: right;
}

.alignleft {
	margin: 0 16px 16px 0;
	float: left;
	clear: left;
}

.floatbox {
	clear: both;
}

.floatbox .small {
	float: left;
	margin: 0 16px 16px 0;
	clear: none;
}

.small p {
	font-size: 11px;
	color: #9ec7bc;
	padding: 0.2em 0 0.4em;
	margin: 0;
	line-height: 1em;
	font-style: italic;
}

.alignleft p,
.alignright p,
.floatbox p { max-width: 320px; }

.small img { border: none; margin: 0; padding: 0; }

.dropcap {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 48px;
	float: left;
	margin: 12px 4px 4px 0;
}

.first-word {
	font-weight: bold;
	font-size: 0.8em;
	color: #fefbfc;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.project_text .modtime {
	margin-top: 32px;
  	display: block;
	clear: both;
	font-style: italic;
  	color: #86baac;
}


/* end project page formatting */







.on:link, .on:visited, .main_cat .on:link, .main_cat .on:visited, .project_tag .on:link, .project_tag .on:visited, .year_cat .on:link, .year_cat .on:visited, .tags .on:link, .tags .on:visited { color: #fefbfc; }




/* "v2" formatting */

#wrapper {
	width: auto;
}

.gallery {
	width: auto;
	margin: 0 26px 0 320px;
	float: none;
}

.gallery a.thumb:link, .gallery a.thumb:visited {
	float: left;
}

.nav_link { margin: 0 0 32px 6px; text-align: left; }




#flavor { color: #9ec7bc; position: absolute; top: 0px; right: 0px; padding: 0.1em; width: 100%; background: url(/images/gradient-light.png) repeat-x 0px 0px; }
#flavor p { margin: 0; padding: 0; text-align: right; font-size: 9px; }
#flavor span {
	padding: 0.2em 0.4em;
	color: #3e937c;
	background: #cee1dc;
}

#flavor a:link,
#flavor a:visited {
	color: #fefbfc;
}



/* for pages */

.page {
	background: #fefbfc;
	color: #6ead9c;
	padding: 4em;
	font-size: 12px;
	line-height: 1.8em;
	margin: 0 0 4em;
}

.page h2,
.page h3,
.page h4 {
	color: #3e937c;
}

.page a:link { color: #56a08c; }
.page a:visited { color: #9ec7bc; }
.page a:hover { color: #3e937c; }
.page a:active { background: #fefbfc; }





#flavor .sessionflavor,
.nav_link .sessionflavor:link,
.nav_link .sessionflavor:visited { font-weight: bold; color: #2fb9d0; background: #112f34; }
.nav_link .sessionflavor:hover { background: #16464e; }
.nav_link .sessionflavor:active { background: #1b5d68; }