body {
 background: #000 url(/img/bg.png) repeat-x;
}
header h1 {
 font: 3em/1em Corbel, 'Lucida Grande', 'Lucida Sans', 'DejaVu Sans', Sans-serif;
 letter-spacing: 3px;
 margin: 1em 0 1em 15px;
}
header h1 a:link,
header h1 a:visited {
 border: 0 none;
 color: #dee;
 text-shadow: 0 0 0.2em #eff;
}
header h1 a:hover,
header h1 a:active {
 color: #eff;
 text-shadow: 0 0 0.3em #fff;
}

.button,
.button:link,
.button:visited {
 background-color: rgba(128,255,255,0.05);
 border: 2px solid #344;
 border-bottom: 2px solid #344;
 color: #677;
 cursor: pointer;

 -webkit-border-radius: 1em;
 -moz-border-radius: 1em;
 border-radius: 1em;
}
.button:hover,
.button:active,
.button:focus {
 background-color: rgba(128,255,255,0.1);
 border: 2px solid #677;
 color: #9aa;
 outline: none;
}

#back_to_top {
 background-color: rgba(0,8,8,0.8);
 bottom: 40px;
 padding: 1em 2em;
 position: fixed;
 right: 5%; 
 z-index: 100;
}
#back_to_top:before {
 content: url(/img/arrow_up_8x8_off.png)' ';
}
#back_to_top:hover:before,
#back_to_top:active:before,
#back_to_top:focus:before {
 content: url(/img/arrow_up_8x8_on.png)' ';
}

nav {
 overflow: hidden;
}
nav ul {
 float: left;
 list-style: none;
 overflow: hidden;
}
nav li {
 float: left;
 text-align: center;
}
#sections {
 width: 800px;
}
#sections li {
 font-size: 11px;
 letter-spacing: 2px;
 line-height: 1;
 margin: 0 20px;
 text-transform: uppercase;
 width: 160px;
}
#sections a {
 display: block;
 padding: 1em 0;
}
	#nav_portfolio:before {
	 content: url(/img/lightbulb_5x8_off.png)' ';
	}
	#nav_portfolio:hover:before,
	#nav_portfolio:active:before,
	#nav_portfolio:focus:before {
	 content: url(/img/lightbulb_5x8_on.png)' ';
	}

	#nav_about:before {
	 content: url(/img/user_6x8_off.png)' ';
	}
	#nav_about:hover:before,
	#nav_about:active:before,
	#nav_about:focus:before {
	 content: url(/img/user_6x8_on.png)' ';
	}

	#nav_contact:before {
	 content: url(/img/mail_12x9_off.png)' ';
	}
	#nav_contact:hover:before,
	#nav_contact:active:before,
	#nav_contact:focus:before {
	 content: url(/img/mail_12x9_on.png)' ';
	}
	#hokuten:after {
	 content: ' 'url(/img/new_window_8x8_off.png);
	}
	#hokuten:hover:after,
	#hokuten:active:after,
	#hokuten:focus:after {
	 content: ' 'url(/img/new_window_8x8_on.png);
	}

#networks {
 background-color: black;
 border: 0px solid transparent;
 margin-left: 20px;
 width: 84px;

 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
}
#networks li {
 height: 40px;
 margin-left: 4px;
 width: 36px;
}
#networks .linkedin {
 background: url(/img/linkedin.png) 50% 50% no-repeat;
}
#networks .twitter {
 background: url(/img/twitter.png) 50% 50% no-repeat;
}
#networks a {
 background-color: rgba(0,0,0,0.5);
 display: block;
 height: 0;
 padding-top: 40px;
 width: 40px;
}
#networks a:hover,
#networks a:active {
 background-color: transparent;
}
#networks a:focus {
 background-color: transparent;
 outline: none;
}

section {
 border: 0px transparent solid;
 float: left;
 padding: 10px 20px 20px;
 position: relative;

 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;
}
section.active,
section:target {
 background: rgba(128,255,255,0.05);
}
section h2 {
 color: #233;
 display: block;
 font-size: 20px;
 margin-bottom: 0.5em;
 text-shadow: 1px 1px 1px #011;
}
section.active h2,
section:target h2 {
 color: #011;
 display: block;
 font-size: 2em;
 text-shadow: 1px 1px 1px #233;
}
section .show_more,
section .hide_more {
 border: 0;
 display: block;
 font-size: 11px;
 height: 0;
 line-height: 2;
 margin: 1em auto;
 overflow: hidden;
 outline: none;
 padding: 1.5em 0.5em 0.5em;
 position: absolute;
 right: 1em;
 text-align: center;
 top: 0;
 width: 16px;
}
section .show_more { background: url(/img/plus_alt_12x12_off.png) center center no-repeat; }
section .show_more:hover,
section .show_more:active,
section .show_more:focus { 
 background: url(/img/plus_alt_12x12_on.png) center center no-repeat; 
}
section .hide_more { background: url(/img/minus_alt_12x12_off.png) center center no-repeat; }
section .hide_more:hover,
section .hide_more:active,
section .hide_more:focus { 
 background: url(/img/minus_alt_12x12_on.png) center center no-repeat; 
}
section div.additional {
 display: none;
}

section#featured {
 width: 100%;
}

section#portfolio {
 font-size: 12px;
 line-height: 1.62em;
 margin: 20px 20px 0 0;
 width: 500px;
}
#portfolio .note {
 color: #677;
 font-size: 11px;
}
#portfolio .project {
 border-bottom: 1px dotted #233;
 clear: left;
 padding-bottom: 1em;
 overflow: hidden;
}
#portfolio .project:last-child {
 border: 0 none;
 padding: 0;
}
#portfolio .project div:first-child {
 float: left;
 margin: 10px 0;
 text-align: center;
 width: 210px;
}
#portfolio .project div:first-child a.thumb  {
 border: 2px solid #344;
 display: block;
 height: 0;
 line-height: 1;
 overflow: hidden;
 padding-top: 200px;
 width: 200px;
 
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;
}
	#trainday { background: url(/img/thumbs/trainday.png) no-repeat; }
	#tour { background: url(/img/thumbs/tour.png) no-repeat; }
	#webinno { background: url(/img/thumbs/webinno.png) no-repeat; }
	#shards { background: url(/img/thumbs/shards.png) no-repeat; }
	#albanypdpsi { background: url(/img/thumbs/albanypdpsi.png) no-repeat; }
	#kgoldblatt { background: url(/img/thumbs/kgoldblatt.png) no-repeat; }
	#stylewars { background: url(/img/thumbs/stylewars.png) no-repeat; }
	#bahrain { background: url(/img/thumbs/bahrain.png) no-repeat; }
	#aaa { background: url(/img/thumbs/aaa.png) no-repeat; }
	#chemistry { background: url(/img/thumbs/chemistry.png) no-repeat; }
	#carss { background: url(/img/thumbs/carss.png) no-repeat; }
	#truth { background: url(/img/thumbs/truth.png) no-repeat; }
	#truth_arcade { background: url(/img/thumbs/truth_arcade.png) no-repeat; }

#portfolio .project div:first-child a[rel=external]:link,
#portfolio .project div:first-child a[rel=external]:visited { /* must be a "see it live" link */
 display: block;
 margin: 0.5em;
 }
#portfolio .project div:first-child a[rel=external]:link:after,
#portfolio .project div:first-child a[rel=external]:visited:after {
 content: ' 'url(/img/new_window_8x8_off.png);
}
#portfolio .project div:first-child a[rel=external]:hover:after,
#portfolio .project div:first-child a[rel=external]:active:after,
#portfolio .project div:first-child a[rel=external]:focus:after {
 content: ' 'url(/img/new_window_8x8_on.png);
}

#portfolio .project div:last-child {
 float: left;
 margin: 10px 0 10px 20px;
 width: 270px;
}
#portfolio h3 {
 line-height: 1.2em;
}
	.used {
	 border-top: 1px #122 dotted;
	 font-size: 10px;
	 line-height: 11px;
	 padding-top: 1em;
	}

section#about {
 margin: 20px 0 0 0;
 width: 360px;
}
#about p {
 border-bottom: 1px dotted #233;
 font: 18px/1.62 Tahoma, Verdana, Sans-serif;
 padding-bottom: 1em;
}
#about p:first-line {
 font-size: 80%;
 text-transform: uppercase;
}
#about p:last-child {
 border: 0;
}
#about em {
 background-color: #233;
 padding: 1px 4px;
}

#about a.arnold:link,
#about a.arnold:visited {
 border: 0 none;
 color: #f24732;
 font-weight: 700;
}
#about a.arnold:link span,
#about a.arnold:visited span {
 color: #d8d8d8;
 margin-left: -0.2em;
 text-transform: lowercase;
}

#about a.linkedin:link,
#about a.linkedin:visited {
 background: #fff;
 border: 0 none;
 color: #000;
 font-size: 14px;
 font-weight: 700;
 padding-left: 0.3em;

 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 border-radius: 0.3em;
}
#about a.linkedin:link span,
#about a.linkedin:visited span {
 border: 1px #069 solid;
 background: #0074a6;
 color: #fff;
 margin-left: 0.3em;
 padding: 0.1em 0.3em;
 text-transform: lowercase;

 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 border-radius: 0.3em;
}

#about a.facebook:link,
#about a.facebook:visited {
 background: #3b5998;
 /* border-bottom: 1px #3b5998 solid; */
 border: 0 none;
 /* color: #3b5998; */
 color: #fff;
 font-size: 14px;
 font-weight: 700;
 padding: 0.1em 0.3em;
 text-transform: lowercase;
}

#about a.flickr:link,
#about a.flickr:visited {
 border: 0 none;
 color: #0063dc;
 font-weight: 700;
 text-transform: lowercase;
}
#about a.flickr:link span,
#about a.flickr:visited span {
 border: 0 none;
 color: #ff0084;
}

#about a.twitter:link,
#about a.twitter:visited {
 border-bottom: 0;
 color: #3cf;
 font-weight: 700;
 text-transform: lowercase;
 }

#about a.youtube:link,
#about a.youtube:visited {
 background: #fff;
 border: 0 none;
 color: #000;
 font-size: 14px;
 padding: 0.1em 0 0.1em 0.2em;

 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 border-radius: 0.3em;
}
#about a.youtube:link span,
#about a.youtube:visited span {
 background-color: #f00;
 color: #fff;
 margin-left: 0.2em;
 padding: 0.1em 0.2em 0.1em 0.1em;
 
 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 border-radius: 0.3em;
}

#contact {
 background: #122;
 padding: 10px 20px 20px;	/* override section's padding */
 width: 360px;
}
#contact p {
 font-size: 12px;
}
#contact div {
 clear: both;
 margin: 1em 0 0;
}
#contact .form_text,
#contact .form_field {
 float: left;
}
#contact .form_text {
 color: #677;
 font-size: 11px;
 line-height: 18px;
 text-transform: uppercase;
 width: 80px;
}
#contact .form_field {
 width: 280px;
}
#contact input[type=text],
#contact input[type=email],
#contact textarea {
 background: #233;
 border: 1px solid #344;
 color: #eff;
 font-family: Corbel, 'Lucida Grande', 'Lucida Sans', 'DejaVu Sans', Sans-serif;
 font-size: 12px;
 line-height: 18px;
 padding: 0 2px;
 width: 270px;
}
#contact input[type=text],
#contact input[type=email] {
 height: 22px;
}
#contact textarea {
 height: 150px;
}
#contact input[type=submit] {
 margin: 1em auto;
 padding: 0.5em 3em;
}
#contact label.error {
 color: #d21;
}

.hidden {
 display: none;
}

footer {
}
footer .wrapper {
 margin: 2em auto;
}
footer p {
 margin: 0;
}
	#copyright {
	 text-align: center;
	}
	#markup {
	 color: #455;
	 text-align: center;
	}
	
.darkTip {}
.darkTip .content {
 border: 0px transparent; 
 background: #000;
 margin: 0;
 padding: 5px 10px;

 -moz-border-radius: 8px; 
 -webkit-border-radius: 8px; 
 border-radius: 8px; 
}
.darkTip .bottom { }