body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;/* *font-size:100% */}
legend{color:#000} 
strong{font-weight:bold}
em{font-style:italic}
small{font-size:80%;color:#999;letter-spacing:-0.05em;font-weight:normal}
p.hide{opacity:0;filter:alpha(opacity=0)}
blockquote{display: block;margin: 10px 60px;padding:10px;border:1px dotted #999;background:#eee}

/*blockquote:before, blockquote:after {color: #d70000;display: block;font-size: 700%;width: 50px;font-family:Times New Roman}
blockquote:before {content: open-quote;height: 0;margin-left: -0.55em;}
blockquote:after {content: close-quote;height: 0px;margin-top: 0px;margin-left: 410px;}*/

/* BODY + STICKY FOOTER */

html {height:100%;background:#fff;overflow-y:scroll;background: url(/images/layout/tab.gif) repeat-x 0 -199px;}
body{font-size:75%;line-height:1.4;width:1006px;_width:1030px;margin:0 auto;height: 100%; }
#work{}
#wrapper {min-height:100%;height:auto !important;height: 100%;margin: 0 auto -5.5em;/*background: url(/images/layout/final.gif) repeat-y*/}
#footer, .push {height: 5.5em;clear: both;}

/* FONTS */

body{font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;color:#222}
#main .date, h2, h3, #nav, #footer {font-family: "Courier New", Courier, monospace;letter-spacing:0.12em;}
h3 a, h2 a{padding:2px 0 1px;}
h3, h2 {line-height:25px;}
h1.logo{font-family: "Courier New", Courier, monospace;}
h1.logo a:hover{font-family:"Lucida Console", "Courier New", monospace}
#intro{font-size:34px;line-height:1.3;}

/* LINKS */

a{color:#d70000;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover, a:focus{color:#fff;background:#d70000;border:none;text-decoration:none;}
a:active{position:relative;top:1px;}
#nav a:focus{color:#fff;border:none;}
#nav a:active{position:static;padding:15px 0 0;}
.entry:hover a, #subnav p:hover a, #paging:hover a, #twitter:hover .tweet a {border-bottom:1px dotted #d70000;} 

/*LOGO */

h1.logo{text-transform:uppercase;font-size:26px;line-height:0.7;width:262px;margin:0;letter-spacing:-0.01em;float:left;clear:left;}
h1.logo{font-size:105px;padding-top:17px;} /* make this #landing only to make the rest small */
h1.logo a{color:#222;display:block;padding:0.05em;text-decoration:none;-text-shadow: 1px 1px 3px #666}
h1.logo span{color:#D70000;}
h1.logo a:hover, h1.logo a:focus{color:#fff;-text-shadow: none;background:#d70000;}
h1.logo a:hover span, h1.logo a:focus span{color:#222;}

/* TOP NAV + FOOTER */

#nav{margin:0 0 0 372px;font-size:20px;font-weight:bold;} 
#nav li, #footer li{float:left;width:76px;margin-right:17px;}
#nav li a{text-align:center;background: #fff url(/images/layout/tab.gif) repeat-x 0 100px;display:block;padding:17px 0 1px;margin-top:1px;}
#nav li a:hover{font-family:"Lucida Console", "Courier New", monospace;color:#d70000;}
#footer li{display:block;margin-top:20px;}
#footer li a{text-align:center;}
#footer li.cr{width:372px;margin:20px 0 0 0 ;}
.notready:hover{cursor:default !important;color:#000 !important;text-decoration:line-through !important;}

#landing .tolanding{cursor:default !important;background:#d70000 !important;color:#fff !important;}
#blogpage .toblog{cursor:default !important;background:#d70000 !important;color:#fff !important;}
#info .toinfo{cursor:default !important;background:#d70000  !important;color:#fff !important;}
#work .towork{cursor:default !important;background:#d70000  !important;color:#fff !important;}
#cv .tocv{cursor:default !important;background:#d70000  !important;color:#fff !important;}

/* LANDING PAGE */

#landing #intro{line-height:1.2;width:634px;margin:117px 0 0 110px;float:left;height:2.4em;overflow:hidden;position:relative;}
#landing #intro p{position:absolute;top:0;left:0;background:#fff;display:block;width:100%}
#landing #intro small{display:block;padding-bottom:5px;}
#landing h3{border-bottom:1px solid #d70000;font-weight:bold;font-size:170%;margin:0 0 8px;width:260px;}
#twitter, #flickr, #lastfm{display:block;width:279px;float:left;margin:34px 93px 0 0;}
#twitter{margin-right:0;width:262px;height:387px;overflow:hidden;}
#twitter .tweet{margin:0 0 10px 0;color:#666;_color:#222}
#twitter .tweet:hover{color:#222}
#twitter .tweet small{font-style:italic;color:#999}
a.image-container{opacity:0.7;filter:alpha(opacity=70);display:block;overflow:hidden;height:77px;width:77px;float:left;margin:0 15px 15px 0;}
a.image-container:hover{opacity:1;filter:alpha(opacity=100);height:73px;width:73px;border:solid 2px #d70000;background-color:#222;}
#twitter{margin-right:0}
.loading{margin:120px 0 0 97px;}

/* MAIN CONTENT AREA */

#main{width:634px;float:right;margin-top:98px;min-height:500px;_height:500px;}
#main .entry{position:relative;clear:both;width:634px;}
#main h3{border-bottom:1px solid #d70000;font-weight:bold;font-size:170%;margin:20px 0 10px 0}
#main h4{font-weight:bold;font-size:110%;margin:20px 0 10px;}
#main .date{position:absolute;top:-3.1em;left:-50px;font-weight:bold;letter-spacing:0.12em;color:#999;display:block;text-align:center;padding:4px 2px;}
#main .date .day{display:block;font-size:220%;line-height:0.7}
#main .date .month{display:block;font-size:125%;line-height:0.8}
#main .date .year{display:block;font-size:90%;line-height:0.8}
#main p{margin-bottom:10px;}
#main ul{list-style:url(/images/layout/999list.gif);padding-left:15px;margin:0 0 10px 88px;width:438px;}
#main ol{list-style:decimal;padding-left:15px;margin-left:88px;width:438px;}
#main li{padding-bottom:5px;}

#main dl ul{margin:0 0 10px 73px}
#main dt{font-weight:bold;font-size:110%;position:relative;}
#main dd{margin:5px 0 15px 10px}

#main .next{float:right;padding:10px 0 30px}
#main .prev{float:left;padding:10px 0}
#main .comment{margin-top:20px;padding-top:20px;border-top: 1px solid #999;}
#main .posted{color:#999;}
#main .paginate{float:right;margin:10px 0 0;clear:both;}

/* SUBNAV */

#subnav{width:261px;float:left;margin:57px 0 0 ;}
#subnav h2{border-bottom:1px solid #999;font-weight:bold;color:#666;margin:25px 0 10px 0;font-size:120%;}
#subnav p{color:#666;text-align:justify;margin-bottom:10px;}
#subnav #randomthought{margin-top:40px;color:#666;padding:10px;border:1px dotted #999;text-align:center;}

ul#archive{font-size:10px;margin-top:20px;}
ul#archive span{visibility:hidden;}
ul#archive ul{margin-left:2px;}
ul#archive ul li, ul#archive ul{display:inline;}
ul#archive li{padding:2px 0;}
ul#archive ul li a, ul#archive span{padding:2px;}

ul#paging{display:none;line-height:1.4;font-size:110%;}

/* 404 ERROR PAGE */

#main.error404{margin-top:99px;width:629px;float:right;}
#main.error404 p{font-size:140%;}
p.huge{font-size:400px;line-height:0.8;font-family:"Lucida Console", "Courier New", monospace;letter-spacing:0.12em;display:block;float:left;margin:60px 0 0 20px;color:#d70000}

/* PORTFOLIO */

#work .thumb{height:169px;width:169px;float:left;margin:0 17px 17px 0;cursor:pointer;position:relative;overflow:hidden}
#work .thumb img{width:169px;}
#work .thumb p{position:absolute;top:0;width:149px;background;margin:0;padding:10px;background:#eee;background: rgba(238,238,238,0.9);font-weight:bold;}

#work #main h3{margin-bottom:0}
#work #main{position:relative;margin-top:118px;}
#work #main .entry{}
#work .illus img{width:634px;}
#work .entry:hover a.illus, #work .illus:hover{border:none;}

#work .entry{top:0;left:0;z-index:999;}
#work .entry .slides{margin:0 auto;width:634px;overflow:auto;position:relative;}
#work .entry .slides img{margin:0 auto;width:614px;}
#work .entry h3{margin:0;background:transparent;}
#work .entry .left, #work .entry .right{font-family: "Courier New", Courier, monospace;position:absolute;cursor:pointer;z-index:999;top:250px;left:-50px;font-size:80px;color:#d70000;font-weight:bold;}
#work .entry .right{right:-50px;left:auto;text-align:right;}
#work .entry p, #work .entry .date{position:absolute;top:0;left:0;right:auto;width:258px;margin:0 278px 0 0;padding:10px;background:#eee;background: rgba(238,238,238,0.9);}
#work .entry .date{right:0px;left:auto;margin:0;width:57px;}
#work .entry ul{margin:0;padding:0;position:absolute;top:8px;z-index:999;right:0;width:auto;}
#work .entry ul li{display:inline;}
#work .entry ul li:after{content:','}
#work .entry ul li:last-child:after{content:''}

/* CV */
#cv #main .date{top:-0em;left:-90px;padding:0;text-align:right;width:76px;letter-spacing:-0em;}

/* FORMS (old styles) */

.input{border-top:1px solid #999;border-left:1px solid #999;height:1.6em;padding:.3em 0 0 2px;margin-top:6px;margin-bottom:3px;}
.textarea{border-top:1px solid #999;border-left:1px solid #999;margin-top:3px;margin-bottom:3px;}
.checkbox{margin:3px;padding:0px;border:0px;}
.submit{background-color:#fff;font-family:Arial, Verdana, Sans-serif;font-weight:normal;letter-spacing:.1em;padding:1px 3px 1px 3px;margin-top:6px;margin-bottom:4px;color:#999;}