body {
	font-size:100%;
	color:#222;
	background:#ededed;
	line-height:24px;
}
/* Font Declarations */
	.sans, body, .image .caption, .wp-caption, #Portfolio a.more, #Portfolio h2, #Portfolio .mini_nav, .employment, .tools, .pic_nav, #Portfolio h6 {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.serif, h1, h4, .body, #idea p, .item_mini, .page_title h2, #Portfolio #body {
		font-family:Georgia, 'Times New Roman', Times, serif;
	}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {
	font-size:4em;
	line-height:1em;
	margin-bottom:16px;
}
	h1 a {
		color:#111;
	}
	h1 a:hover {
		text-decoration:underline;
	}
h2 {font-size:3em;margin-bottom:0.75em;}
h3 {font-size:2em;line-height:1;margin-bottom:1em;}
h4 {
	font-size:1.25em;
	line-height:24px;
	margin-bottom:24px;
	font-style:italic;
	background:#ffcdc4 url('../images/stripe2x1.gif');
	padding:12px 12px 11px;
	text-shadow:2px 2px #FFF;
	border-bottom:1px solid #ffbcb1;
}
	h4 a {
		text-decoration:underline;
	}
	h4 a:hover {
		background:#FFF;
	}
h5 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}
h6 {font-size:1em;font-weight:bold;}

ul,ol,li {
	list-style:none;
	margin:0;
	padding:0;
}

p {
	margin:0;
}

a {
	color:#000;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
.medium {
	font-size:14px;
}

/*Initial caps. Doesn't work in IE6 but that's AOK*/
.body p, #Portfolio p{text-indent:1em;}
.body p:first-child:first-letter{
	float:left;
	font-size:3em;
	margin-right:5px;
	padding-top:7px;
	line-height:0.6em;
	*line-height:1em;
}
.body p:first-child, #Portfolio .body p:first-child{text-indent:0;}

.body a, .ephemera a { 
	color:#000;
	background:#DBFDFD;
	/*border-bottom:1px solid #B2E9E9;*/
}

	.body a:hover, .ephemera a:hover {
		background-color:#E0E0E0;
		text-decoration:none;
	}

#main {
	width:980px;
}

#body {
	padding:20px;
	-moz-border-radius-topleft:5px;
  	-moz-border-radius-topright:5px;
  	-webkit-border-top-left-radius:5px;
  	-webkit-border-top-right-radius:5px;
}
#header {
	padding:35px 20px 15px;
	height:31px; /*this is a hack for IE6 making the main nav jump*/
	overflow:hidden;
}
#header ul {
	position:relative; /*needed for IE6 else it gets cut off*/
	margin:5px -9px 0 0;
	float:right;
}
#header li {
	float:left;
	border-left:1px dotted #000;
	line-height:25px; /*for safari's dotted line*/
}
	#header li.first {
		border:none;
	}
	#header li a {
		color:#000;
		display:block;
		text-transform:uppercase;
		font-size:0.75em;
		font-weight:bold;
		padding:0 9px;
	}
	#header li a:hover {
		text-decoration:none;
		background:#FFF;
	}
	#header li a.active {
		background:#FFF;
		border-bottom:2px solid #000;
	}
	
#logo {
	float:left;
}

#bird {
	float:left;
	margin:-5px 10px 0 -5px;
}

#body {
	background-color:#FFF;
}

#note {
	font-size:12px;
	line-height:1.25em;
	padding:6px 15px 9px;
	background:#222;
	color:#FFF;
	-moz-border-radius:4px;
  	-webkit-border-radius:4px;
}
	#note h6 {
		text-transform:uppercase;
		color:#0FF;
		border-bottom:1px dotted #AAA;
		letter-spacing:1px;
		padding-bottom:3px;
		margin-bottom:2px;
	}

.span-12 #subtitle {
	margin-bottom:18px;
}

#education {
	margin-top:18px;
}

.employment ul li {
	padding:4px 0 4px 24px;
	border-bottom:1px solid #EFEFEF;
	line-height:21px;
	position:relative;
}
	.employment ul li.last {
		margin-bottom:0;
		border:none;
	}
	.employment ul li a:hover {
		display:block;
		text-decoration:none;
		background:#EEE;
	}
.employment ul li img {
	float:left;
	margin:0.35em 0 0 -1.75em;
}
.employment ul span, .tools ul li div {
	font-size:0.9em;
}
.tools ul li div {
	margin:0 0 0 2em;
}
#bands ul li div {
	margin:0 0 0 1.75em;
}

#side_media h4 {
	background:#F7F7F7;
	border-bottom:none;
	border-left:1px solid #D8D8D8;
}

.image .caption {
	font-size:0.75em;
}
#work .image {
	margin-bottom:24px;
}
.image {
	line-height:1em;
	margin-bottom:1em;
}
.image img {
	margin:0;
	padding:0;
}
.image .wrapper {
	margin:0 0 14px;
	position:relative;
}
	#work .image .wrapper {
		margin:0 0 5px;
	}
#view {
	display:block;
	position:absolute;
	background:#222;
	top:0; right:-35px;
	font-size:11px;
	padding:3px 7px 4px;
	color:#FFF;
	z-index:1000;
}
	#view:hover {
		color:#0FF;
	}
.image .wrapper .corner {
	position:absolute;
	right:-35px;top:320px;
	width:15px;height:20px;
	background:#CACACA url('../images/photo_corner.png') right bottom no-repeat;
}
.unit {
	margin:0 0 16px;
}
.header { display:inline-block; }
.header {
	display:block;
	border-bottom:4px double #DDD;
	*border-bottom-width:3px;
	overflow:auto;
}
	.header h5 {
		float:left;
	}
.footer {
	border-top:1px solid #222;
}

.post {
	margin:0 0 50px; /* CLEANUP */
}

.post .banner {
	width:100%; /*needed for IE6 */
	font-size:12px;
	color:#FFF;
	background-color:#ff4500;
	padding:0 10px 0 13px;
	position:relative;
	letter-spacing:1px;
	margin:12px 0 12px -23px;
}
	.post .body {
		padding:0 0 12px;
		border-bottom:1px solid #e5e5e5;
	}
	.post.single .banner {
	}
.ribbon {
	position:absolute;
	top:11px;
	width:17px; height:23px;
}
	.ribbon.left {
		left:-14px;
		background:#ff4500 url('../images/ribbon_end_left.png') left center no-repeat !important;
		background-image:url('../images/ribbon_end_left.gif');
	}
	.ribbon_wrapper {
		background:#ff4500;
		position:absolute;
		width:24px;
		height:24px;
		right:-23px;
	}
	.ribbon.right {
		right:-14px;
		background:#ff4500 url('../images/ribbon_end_right.png') right center no-repeat !important;
		background-image:url('../images/ribbon_end_right.gif');
	}
.categories {
	float:left;
}
.categories a {
	color:#FFF;
	text-transform:uppercase;
	margin:0 10px;
	background:none;
}
	.categories a:hover {
		background:none;
		color:#FDEA81;
	}
.date {
	float:right;
}
	.date span {
		text-transform:uppercase;
	}
.post .tags {
	float:left;
	padding:0 0 0 10px;
	background:url('../images/tag.gif') left 7px no-repeat;
	font-size:12px;
}
	.post .tags li {
		float:left;
	}
	.post .tags li {
		margin-right:5px;
	}
#tags ul, #related_posts ol, #related_posts p {
	font-size:14px;
	line-height:20px;
}

#idea .entry {
	padding:0;
	border-bottom:none;
	line-height:24px;
	margin:10px 0;
	font-size:14px;
}
#idea .calendar_page {
	margin-top:5px;
}

#featured {
	border-bottom:1px dotted #CCC;
}
#featured .image {
	margin-top:12px;
}

#featured_nav {
	position:relative; /*needed for IE6 else it gets cut off*/
	font-weight:bold;
	font-size:12px;
	float:right;
	margin:-10px -15px 0 0;
}
#featured_nav li {
	margin-left:1px;
	float:left;
}
#featured_nav li a {
	color:#FFF;
	display:block;
	padding:5px 5px 1px;
	background:#d9d9d9;
}
#featured_nav li a.activeSlide {
	background-color:#222;
	padding-top:7px;
	border-bottom:1px solid #222;
}
	#featured_nav li a.activeSlide:hover {
		background-color:#222;
	}
#featured_nav li a:hover {
	text-decoration:none;
	background-color:#A4A4A4;
}
#featured_desc {
	
}
#welcome a {
	margin:0;
	padding:0;
}
#welcome img {
	margin:0;
}

.nav {
	float:right;
	font-size:12px;
	color:#B3B3B3;
}
	.nav .disabled {
		color:#B3B3B3;
	}

#slider {
	line-height:0;
	width:460px;
	height:320px;
}

#footer {
	font-size:12px;
	line-height:16px;
	padding:10px 20px;
	margin:0 0 20px 0;
	background:#222;
	color:#FFF;
	-moz-border-radius-bottomleft:5px;
  	-moz-border-radius-bottomright:5px;
  	-webkit-border-bottom-left-radius:5px;
  	-webkit-border-bottom-right-radius:5px;
}
#footer ul {
	float:left;
}
#footer ul li {
	float:left;
	border-left:1px solid #939393;
}
#footer ul li.first {
	border:none;
}
	#footer ul a {
		color:#48FAF9;
		display:block;
		padding:0 5px 3px;
		margin:0 3px;
	}
	#footer ul a:hover {
		text-decoration:none;
		border-bottom:2px solid #FFF;
	}
	#footer ul a.active {
		color:#FFF;
		border-bottom:2px solid #ff4500;
	}
	#footer .email {
		float:right;
		background:none;
		color:#FFF;
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		border-right:1px solid #3F3F3F;
	}
	#footer .email img {
		margin-left:5px;
	}
#copyright {
	float:right;
	font-size:10px;
}

.entry { display:inline-block; }
.entry {
	display:block;
	padding:10px 0;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
	line-height:18px;
	overflow:auto;
}

#ephemera .entry.last {
	border:none;
}

.calendar_page {
	padding:0 0 0 1px;
	width:32px; height:34px;
	margin:0 7px 0 0;
	background:#222;
	color:#FFF;
	text-align:center;
	float:left;
	font-size:10px;
	font-style:normal;
	line-height:14px;
	border-top:2px solid #0FF;
	text-transform:uppercase;
}
	.calendar_page div {
		font-size:20px;
	}
#item .image img {
	margin-right:20px;
}

.color_bar {
	width:2px;
	height:13px;
	background:#0FF;
	float:left;
	margin:5px 5px 0 0;
}

.wp-caption {
	text-align: center;	
	padding:10px 5px 5px 5px;
	background:#E5E5E5;
	color:#888;
	font-size:12px;
	line-height:normal;
	text-shadow:none;
	margin:5px 0;
}
	.wp-caption a, .wp-caption a:hover {
		background:none;
	}
	.wp-caption.top {
		margin-top: -0.69em;
	}
	.wp-caption.alignright {
		margin-left:16px;
	}
	.wp-caption.alignleft {
		margin-right:16px;
	}

	/* ========================= */
	/* = FROM DEFAULT TEMPLATE = */
	/* ========================= */
	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}
	/* End Images */
	
#search form {
	margin:6px 0 0 0;
}
	#search input[type='text'] {
		padding:4px 0;
		width:155px;
	}
	
	#search input[type='submit'] {
		float:right;
		margin:9px 0 0;
	}
	
.item_mini {
	border:none;
	font-size:12px;
	margin:10px 0 0;
}

	.item_mini img {
		width:220px;
		height:320px;
	}
	
	.item_mini h2 {
		font-size:22px;
		margin:0 0 10px;
	}
	
	.item_mini h3 {
		font-size:16px;
	}
	
.page_title {
	padding:13px 0 7px;
	background:#222;
	font-size:10px;
	text-align:center;
	margin-bottom:18px;
	color:#0FF;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:1px;
	-moz-border-radius-topleft:4px;
  	-moz-border-radius-topright:4px;
  	-webkit-border-top-left-radius:4px;
  	-webkit-border-top-right-radius:4px;
}
	.page_title h2 {
		color:#FFF;
		font-size:24px;
		font-style:italic;
		margin:0 auto;
		text-transform:none;
		width:300px;
		border-bottom:1px dotted #AAA;
		padding:0 0 8px;
	}
	
	.span-4 .page_title h2 {
		width:150px;
	}

.under_note {
	font-size:14px;
	line-height:16px;
	padding:5px 10px 7px;
	margin:-4px 0 0 0;
}
	.under_note a {
		text-decoration:underline;
		text-shadow:none;
	}
	.under_note .more {
		display:none;
	}
	
/*Portfolio Page*/
h2.subtitle {
	font-size:14px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	padding:2px 0 4px;
	margin:0 0 18px 0;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
}

#Portfolio h3 {
	font-style:italic;
	margin-bottom:8px;
}
#Portfolio .more {
	text-transform:uppercase;
	text-align:right;
	float:right;
	font-size:12px;
	font-weight:bold;
	width:100%;
	border-top:1px dotted #AAA;
	margin-top:4px;
}
.rule {
	position:relative;
	height:3px;
	background:#222;
	margin:24px 0;
	z-index:100;
}
	#bio.rule {
		margin-top:20px;
	}
	.rule.small {
		overflow:hidden;
		background:#DDD;
		height:1px;
	}
#Portfolio .calendar_page {
	margin-top:5px;
}
.thumb {
	background:#EEE;
	height:100px;
	margin-bottom:18px;
}
.mini_nav {
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	right:-40px;
	top:0;
	z-index:100;
}
.mini_nav .section {
	position:relative;
	background:#222;
	color:#FFF;
	height:24px;
	padding:0 25px 0 5px;
}
	#bio .nav_text {
		color:#FFF;
		padding:0 5px;
	}
	#physcl .nav_text, .mini_nav .physcl a:hover {
		color:#0FF;
	}
	#code .nav_text, .mini_nav .code a:hover {
		color:#b1ff42;
	}
	#gui .nav_text, .mini_nav .gui a:hover {
		color:#fd6b43;
	}
		#gui .nav_text {
			padding:0 3px;
		}
	#graphic .nav_text, .mini_nav .graphic a:hover {
		color:#ffb401;
	}
	#music .nav_text, .mini_nav .music a:hover {
		color:#c4c4c4;
	}
	#fine_art .nav_text, .mini_nav .fine_art a:hover {
		color:#c8aaff;
	}
.mini_nav ul {
	display:none;
	z-index:101;
}
	.mini_nav li a {
		display:block;
		background:#FFF;
		color:#000;
		border-top:1px solid #FFF;
		padding:0 0 0 10px;
	}
	.mini_nav li a:hover {
		background:#222;
		text-decoration:none;
	}
	.mini_nav .bio a {
		background:#222;
		color:#FFF;
	}
		.mini_nav .bio a:hover {
			background:#444;
		}
	#physcl .endcap, .mini_nav .physcl a, a.physcl:hover {
		background:#0FF;
	}
	#code .endcap, .mini_nav .code a, a.code:hover {
		background:#b1ff42;
	}
	#gui .endcap, .mini_nav .gui a, a.gui:hover {
		background:#ff4500;
	}
	#graphic .endcap, .mini_nav .graphic a, a.graphic:hover {
		background:#ffb401;
	}
	#music .endcap, .mini_nav .music a, a.music:hover {
		background:#c4c4c4;
	}
	#fine_art .endcap, .mini_nav .fine_art a, a.fine_art:hover {
		background:#c8aaff;
	}
.mini_nav .nav_text {
	margin:0 5px;
}

a.physcl {
	background:#87ffff;
}
a.code {
	background:#d8ffa0;
}
a.gui {
	background:#ffa27f;
}
a.graphic {
	background:#ffd980;
}
a.music {
	background:#e1e1e1;
}
a.fine_art {
	background:#c8aaff;
}

.endcap {
	position:absolute;
	width:20px; height:100%;
	border-left:1px solid #FFF;
	top:0; right:0;
}
	.endcap .arrow {
		margin:10px 0 0 5px;
	}
	
.tools li {
	float:left;
	margin-right:5px;
}

.pic_wrapper {
	position:relative;
}
.pic_cycle {
	line-height:0;
}
.pic_nav {
	font-size:11px;
	height:30px;
	letter-spacing:1px;
	margin-top:3px;
}
	.pic_nav li {
		float:left;
	}
	.pic_nav a {
		text-transform:uppercase;
		line-height:10px;
		display:block;
		border-top:3px solid #222;
		background:#DBFDFD;
		padding:5px;
		margin-left:2px;
	}
	.pic_nav a:hover {
		background:#DBFDFD;
		text-decoration:none;
	}
	
.year {
	font-size:18px;
}

#Portfolio h6 {
	text-transform:uppercase;
}
	h6 .year {
		font-size:14px;
		font-weight:normal;
	}

span.html_arrow, h6 span.html_arrow {
	font-family:monospace;
	line-height:10px;
	padding:0 2px;
	font-size:14px;
	font-weight:bold;
	color:#999;
}
	a:hover span.html_arrow {
		color:#000;
	}
	.physcl span.html_arrow {
		color:#2C9998;
	}
	.code span.html_arrow {
		color:#6D9728;
	}
	.gui span.html_arrow {
		color:#B13321;
	}
	.graphic span.html_arrow {
		color:#926B24;
	}
	.music span.html_arrow {
		color:#7D7D7D;
	}
	
a.audio_player { background-color:#DBFDFD; }
a.audio_player.current {
	color:black;
	border-bottom:1px solid #F0BD00;
	background-color:#FFF395;
}

#anathallo_media {
	position:relative;
}
#dokkoise, #dont_kid {
	position:absolute;
	top:0; right:0;
	visibility:hidden;
}

#router ul li, #rice ul li, #processingjs ul li {
	font-size:12px;
	list-style:disc outside none;
	margin-left:12px;
}
#rice a, #processingjs a, #router a, #anathallo .sans a {
	background:#DBFDFD;
}

#attachment_55 a {
	background:none;
}
	
/* ========= */
/* = ARROW = */
/* ========= */
.arrow * {
	display:block;
	background-color:#FFF;
	height:1px;
	overflow:hidden;
}
	.a9 {
		border-left:1px solid #C9C9C9;
		border-right:1px solid #C9C9C9;
		width:7px;
	}
	.a7 {
		margin:0 1px; width:5px;
		border-left:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0;
	}
	.a5 { margin:0 2px; width:5px; }
	.a3 { margin:0 3px; width:3px; }
	.a1 { margin:0 4px; width:1px; }