@charset "UTF-8";
/* CSS Document */

body,
p,
#content p {
	font: 12px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
}

p.commentauthor {
	background: #fd8f9d;
}


h1 {
	font: 16px/14px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0px;
	margin-bottom: 3px;
	padding-left: 3px;
}

h2#comments,
h2#postcomment {
	font: 16px/14px Georgia;
	text-transform: lowercase;
	color: #333;
	padding-left: 3px;
}

h3 {
	font: 12px/14px Tahoma, Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}


span.hide {
	position: absolute;
	top: -500px;
	left: -500px;
}

#header p {
	margin: 0px;
	padding: 30px 0px 10px 10px;
}

#header a:hover {
	background: none;
}

#content p a:hover {
	background: #eee;
}

#hello {
	font: 110px/110px Georgia, "Times New Roman", Times, serif;
	color: #eee;
}

#twitter_div {
	font: 18px/23px Verdana, Tahoma, sans-serif;
	color: #999;
}

#twitter_div h3 {
	font: 10px/14px Tahoma, Helvetica, Arial, sans-serif;
	color: #ddd;
	margin-top: 5px;
	text-transform: uppercase;
}

#twitter_update_list a {
	border-bottom: 1px dotted #ccc;
	color: #999;
}

#twitter_update_list a:hover {
	background: #efefef;
}

#content a.flickr,
#content .caption {
	font: 9px/10px Tahoma, sans-serif;
	color: #bbb;
	margin: 0 5px 30px 0;
	padding: 0;
}

/**************************** NAVIGATION ****************************/

#nav h2 {
	border-top: 3px solid #eee;
	padding: 15px 0 5px 5px;
}

#nav h2,
#nav h2 a {
	font: 13px/13px Tahoma, Verdana, sans-serif;
	color: #000;
	text-transform: uppercase;
}

#nav h2.slideheader {
	border: none;
	padding: 0;
	padding-left: 5px;
}

#nav h2.slideheader:hover,
#nav h2 a:hover,
#nav h2 a:active {
	cursor: pointer;
	color: #777;
}

#nav h3 {
	font: 11px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav p {
	font: 11px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

#nav ul li {
	font: 11px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
}

#nav ul li a {
	font: 11px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	padding: 1px 2px 2px 0px;
}

#nav ul li a:hover {
	background: #eee;
}

#nav li.current_page_item {	
	background: url('/images/navarrow.gif') no-repeat;
}

#nav h2.current,
#nav h2.current a {
	color: #777;
}


#postnav,
#pagenav {
	font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#archivelist h3 {
	font: 13px/13px Tahoma, Verdana, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 8px 5px;
}

#archivelist h3:hover {
	cursor: pointer;
}

#archivelist ul li a {
	margin-left: -1px;
}

#archivelist ul li a:hover,
#archivelist ul li a:active {
	background: none;
	color: #777;
}

#archivelist h2 {
	border: none;
	font: 13px/13px Tahoma, Verdana, sans-serif;
	color: #777;
}


/**************************** PROJECTS *****************************/

#projectdesc p {
	font: 18px/22px Georgia, "Times New Roman", Times, serif;
	color: #aaa;
}

#projectdesc p span.projectsize,
#projectdesc p span a,
#projectdesc p span a:hover {
	font: bold 13px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	letter-spacing: 1px;
}

#projectimg p {
	font: 10px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}

#projectdesc a,
#projectdesc a:hover {
	font: 18px/22px Georgia, "Times New Roman", Times, serif;
	color: #ccc;
}


/***************************** FOOTER *****************************/ 

#footer p {
	font: 9px/14px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}


/**************************** HOMEPAGE ****************************/ 
	
h1.homepage { /* RECENT PROJECTS & BLOG & FLICKR */
	font: 10px/15px Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #333;
	padding: 8px 0 20px 0;
	margin: 0;
}

h1.homepage span a { /* RECENT PROJECTS & BLOG & FLICKR */
	color: #999;
	text-align: right;
}

h2.indextitle {
	margin: 5px 0 10px 0;
}

h2.indextitle a {
	font: 11px/18px Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
	margin: 0;
}

h2.indextitle a:hover {
	border-bottom: 1px dotted #333;
}

h2.indextitle span.newsdate {
	font: 11px/18px Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #999;
	margin: 0;
}

#recentposts p,
#recentprojects p {
	color: #777;
}

#resume a {
	font: 10px/15px Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	color: #333;
	display: block;

	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	margin: 0;
	padding: 10px 0 10px 0;
	background: #fafafa;
}

#resume a:hover {
	background: #f0f0f0;
	color: #777;
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
}

#resume h1 {
	margin: 0;
	padding: 0;
}

.more a {
	font: 10px/15px Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 1px;
	font-weight: bold;
	color: #333;
	display: block;

	border-top: 4px solid #eee;
	margin: 0;
	padding: 10px 0 10px 0;
}


	
#content h2.storytitle a {
	text-decoration: none;
	font: 12px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: #777;
	padding: 2px 6px 2px 6px;
	letter-spacing: 1px;
}

#content h2.pagetitle {
	font: 42px/49px Helvetica, Arial, sans-serif;
	color: #eee;
	padding: 0;
	margin: 0px 0px 22px -5px;
	text-transform: uppercase;
}

.storytitle {
	margin: 0px 0px 10px 0px;
}

#content span.newstime {
	font: bold;
}

#content h2.storytitle span.newsdate {
	font: bold 12px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #777;
	padding: 2px 6px 2px 6px;	
	letter-spacing: 1px;
	
}

.meta {
	font: 9px/14px Helvetica, Arial, sans-serif;
	padding-bottom: 30px;
	border-bottom: 4px solid #eee;
	margin: 15px 0px 35px 0px;
	text-transform: uppercase;
}

a,
.meta a,
#archive ul.archive li a {
	color: #777;
	text-decoration: none;
}

.meta a:hover,
#archive ul.archive li a:hover {
	background: #f3f3f3;
}

#search,
#archive {
	font: bold 12px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

#archive ul.archive {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	
}

#archive ul.archive li {
	display: inline;
	margin: 0px;
	margin-right: 3px;
	padding: 0px;
	list-style: none;
}

#commentlist {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	border-bottom: 4px solid #eee;
}