html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html,body{font-family:Verdana, Arial, sans-serif;font-size:16px}
.gallery a{font-family:Times;font-style:italic}
h1{font-style:italic}
h1,h2,h3,h4,h5,h6{font-family:Times}
h1{font-size:3em}
h2{font-size:2em}
h3{font-size:1.75em}
h4{font-size:1.5em}
h5{font-size:1.16em}
h6{font-size:1.16em}
span.date{font-family:Times;font-size:1.16em;font-weight:bold}
ol{list-style:decimal}
ul{list-style:disc}
li{margin:4px 0px 8px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
img{border:none}
.poster{font-style:italic}
#masthead a{font-style:normal}
#masthead a.selected{font-style:italic}
#blog cite{font-weight:bold}
.stream p a{font-style:italic}
p{line-height:1.66em;font-family:Verdana, Helvetica, sans-serif}
#masthead a{font-family:Helvetica}
code{font-family:Courier}
h2 a{text-decoration:none}
body{width:960px;margin:0;padding:0}
#content{margin:0 0 20px 20px}
ul,li{list-style:none}
blockquote,q{font-style:italic;line-height:2em;margin:10px;padding:10px 20px}
.rss{position:absolute;right:6px;top:3px}
#masthead{width:940px;min-height:60px;overflow:hidden;margin:0 0 20px;position:relative}
#masthead img{width:auto;display:block}
#masthead ul{position:absolute;left:0px;bottom:5px;margin:0 10px;padding:0}
#masthead li{display:inline;list-style:none;margin:0px;padding:0px}
#masthead li a{padding:5px;margin:0px}
#about .column{width:280px;height:100px;padding:10px;background:#FFF;margin-bottom:20px}
#about h1{margin-bottom:10px}
#footer{clear:both;margin:20px 10px;font-size:10px}
#works{width:960px;margin:-5px}
#projects .more{width:80px;padding:0 50px 0 10px;float:left}
#projects{width:940px}
#project_container{width:780px;margin:0 -18px 0 0;float:right}
#flickr_container{width:780px;margin:0 0 0 10px;float:left}
#flickr,#vimeo{margin:20px 0;width:940px}
#flickr .more{width:80px;padding:0 50px 0 10px;margin-right:10px;float:left}
#vimeo .more{width:80px;padding:0 50px 0 10px;margin-right:10px;float:left}
div.photo{float:left;width:60px;margin:0 20px 0 0;font-size:66%}
div.photo.last{margin-right:0px}
img.flickr{width:100%}
div.video{margin:0 10px;width:220px;float:left}
#writing .more{margin-left:10px}
#writing{width:460px}
.posts{width:440px;padding:20px 10px}
.posts h4{margin:0 0 0.25em 0}
.shortform{width:220px;margin:0 10px}
#writing img{width:100%}
#blog{width:940px;margin:0 10px 0 0}
#blog .post{width:600px;margin:0 10px 20px 0;padding:20px 10px}
#blog .comments{float:right;width:280px;margin:0 0 20px 10px;padding:10px}
.comments textarea{height:140px;width:260px}
.comments small{font-size:66%}
#blog .navigation{width:620px;clear:left}
#blog .navigation a{width:285px}
#blog cite{margin:-10px 0 10px 0}
#sidebar{clear:right;float:right;width:280px;margin:0 0 0 10px;padding:10px}
#blog .post .date{float:left;margin:0 0 0.25em 0}
#blog .post .categories{float:right}
#blog .post h1{clear:both}
#maincontent{width:620px;margin:0 10px 0 0}
/**/ #loadIndicator img{width:36px;height:36px;border:none}
#secondary_content .column{margin-bottom:40px}
.more{margin:0;position:relative}
#twitter,#github,#delicious,#timespentalone{margin:0 0 60px 0}
#twitter h6,#github h6,#delicious h6,#timespentalone h6{margin:0 0 0.5em}
#twitter p,#github p,#delicious p,#timespentalone p{margin-left:10px}
.items{width:200px;padding:10px}
.project{width:920px;padding:10px}
.project img{margin:0 0 20px;display:block}
.poster{position:relative;float:left;text-align:right;font-size:66%;width:172px;height:258px;margin:0 10px 20px;background:#FFF}
#works .poster{margin:0 9px 20px}
.poster img{width:172px;height:258px;margin:0;padding:0;border:none}
.poster div{position:absolute;right:0px;bottom:0px}
.poster p{margin:0}
.poster .title{color:#333;background:transparent url(../images/white-80.png) repeat;padding:5px}
.poster .date{position:absolute;right:0px;top:-35px;color:#777;background:transparent url(../images/white-80.png) repeat;padding:5px}
img.overlay{position:absolute;left:0px;top:0px;margin:-4px;width:100%;height:100%}
.navigation{width:940px;padding:0;margin:20px 0;height:4em;position:relative;clear:both}
.navigation a{position:absolute;padding:0 5px;width:445px;font-size:1em;line-height:4em;height:4em;background:#FFF;overflow:hidden}
.navigation a:hover{background:#333;color:#FFF}
.navigation .next a{right:0;text-align:right;padding-right:10px}
.navigation .prev a{left:0;padding-left:10px}
.post:after{content:".";visibility:hidden;display:block;height:0;clear:both}
#blog:after{content:".";visibility:hidden;display:block;height:0;clear:both}
#projects:after,#flickr:after,#vimeo:after{content:".";visibility:hidden;display:block;height:0;clear:both}
html{color:#333;background:#EEE url(../images/pattern/white_diagonal.gif)}
body{background:transparent}
html,body{color:#333}
.gallery img{z-index:1}
.gallery a,.gallery a:hover{color:#FFF}
.gallery p:hover{background:#08C}
.gallery p{background:#222}
a{color:#030303}
a:hover{color:#08C}
#subnav a{color:#666;background:transparent url(../images/white-80.png) repeat;text-decoration:none}
#subnav a:hover{color:#FFF;background:#08C}
h4,h5{color:#666}
h6{color:#999}
#projects,.stream{position:relative;background:transparent url(../images/pattern/skew.gif) repeat-x}
.more a{color:#CCC}
.rss{background:transparent url(../images/icons/feed-sprite-12.png) left top no-repeat;width:12px;height:12px;overflow:hidden;font-size:8px;text-indent:-500px;display:block}
.rss:hover{background:transparent url(../images/icons/feed-sprite-12.png) left -12px no-repeat}
#searchform{background:#FFF;border:1px solid #CCC;width:140px;position:absolute;right:10px;bottom:5px}
#masthead input{border:none}
#search #s{background:transparent url(../images/icons/search_grey.gif) 0px center no-repeat;padding:2px 0 2px 18px;width:118px;color:#CCCCCC;font-size:.9em}
#search #s:hover{color:#000}
.search-excerpt{margin:0}
.posts{background:#FFF}
.gallery img{z-index:1}
.gallery a,.gallery a:hover{color:#FFF}
.gallery p:hover{background:#08C}
.gallery p{background:#222}
a{color:#030303;text-decoration:none;font-style:italic}
a:hover{color:#08C}
img.overlay{border:4px solid #FFF}
img.overlay:hover{border:4px solid #08C;background:transparent url(../images/black-10.png) repeat}
#subnav a{color:#666;background:transparent url(../images/white-80.png) repeat;text-decoration:none}
#subnav a:hover{color:#FFF;background:#08C}
.selected{font-style:italic;font-weight:bold}
#subnav .cat-item a{font-weight:bold;font-size:80%;color:#AAA}
#subnav .cat-item a:hover{color:#FFF}
.post{background:#FFF}
#sidebar{background:#FFF}
.comments{background:#FFF}
.date{color:#999}
#cv .location{color:#555}
.navigation{background:transparent}
#about{width:360px;padding:10px;background:#FFF}
#about img{margin:-10px 0 20px -10px}
#friends{width:280px;padding:10px;background:#FFF}
#related{width:200px;padding:10px;background:#FFF}
#related ul{margin-left:0px;width:inherit}
.links{font-size:80%}
.links h4{margin:0}
.links ul{width:130px;padding:0px;margin:0 10px 20px;float:left}
.links li{margin:10px 0}
.links .first{margin-left:0px}
.links .last{margin-right:0px}
#cv{clear:left;font-size:75%;margin:20px 0;width:600px;padding:10px;background:#FFF}
#cv ol{padding:0em}
#cv li{margin:0.2em 0em 0.7em;position:relative;height:4em}
#cv li div{position:absolute;top:0px;left:160px;width:440px}
#cv p{margin:0}
#cv h5{display:inline}
.post .full{width:920px;float:left}
.half{float:left;width:450px;margin:0 10px}
.two_third{float:left;width:590px;margin:0 10px}
.third{float:left;width:290px;margin:0 10px}
.sixth{width:140px;margin:0 10px}
.quarter{float:left;width:210px;margin:0 10px}
.three_quarter{float:left;width:690px;margin:0 10px}
.flow img{float:left;display:inline;padding:5px}
.section{clear:both}
.column{float:left;margin:0px 10px;overflow:hidden}
.first{margin-left:0px}
.last{margin-right:0px}