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

body {font-family:Helvetica, Arial, sans-serif; line-height:24px;}
#container {width:900px; margin:0 auto; color:#666; font-size:16px; overflow:hidden;}
#header, #footer, #content {width:900px; display:block; overflow:hidden;}

#header {padding:25px 0 0 0;}

#title {width:900px; color:#000;}
#title a {text-decoration:none;}
#title h1 {font-size:120px; line-height:0; padding:50px 0;}
#title h2 {font-size:58px; line-height:0; padding:30px 0 35px 0;}

ul#nav, ul.subnav {width:900px; list-style:none; overflow:hidden;}
ul#nav li, ul.subnav li {float:left; display:block; background:#000; margin:0 20px 0 0;}
ul#nav li.last, ul.subnav li.last {margin:0;}
ul#nav li h3, ul.subnav li h3 {color:#FFF; font-weight:normal; font-size:22px; line-height:50px; padding:0 0 0 10px;}
ul#nav li a, ul.subnav li a {display:block; text-decoration:none; width:210px; height:50px;}
* html ul#nav li a {width:210px;}
ul#nav li a:hover, ul.subnav li a:hover {background:#999;}

ul.subnav {width:670px;}
ul.subnav li a {width:95px; height:30px;}
ul.subnav li a.selected {background:#999;}
ul.subnav li h3 {font-size:16px; line-height:30px;}
* html ul.subnav li a {width:95px;}

#content {margin:24px 0 0 0;}
#posts {width:670px; float:left; margin:0 20px 0 0;}
#sidebar {width:210px; display:inline; float:left;}

.post, .sbar, #respond {border-top:1px solid #999; padding:24px 0 0 0; margin:0 0 24px 0;}

.post {width:670px;}
.post p {padding:16px 0 0 0;}
.post h1 {font:bold 26px Helvetica, Arial, sans-serif;}
.post h2 {font:normal 22px Helvetica, Arial, sans-serif; color:#444; padding:24px 0 0 0;}
.post h3 {font:bold 16px Helvetica, Arial, sans-serif; color:#666; padding:16px 0 0 0;}
.post ul {font-size:14px; list-style:inside disc; margin:0 -14px 0 14px;}
.post blockquote {font-size:14px; margin:14px 0 0 16px; padding:0 0 14px 16px; border-left:1px solid #999;}
.post .metadata {font-size:11px; margin:0 0 13px 0; line-height:12px;}

.post h2 + p {padding:8px 0 0 0;}

.sbar {width:210px;}
.sbar ul {list-style:outside circle; margin:0 0 0 14px; padding-left:14px;}
.sbar li {font-size:13px;}
.sbar h4 {font-weight:normal; color:#666;}

a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

#footer {border-top:1px solid #999; padding:20px 0;}
#footer p {font-size:11px;}

.clearer {width:100%; line-height:0; clear:both; margin:0; padding:0;}

a.tt-flickr-Square {padding:0; margin:0 5px 5px 0; float:left; display:inline; border:5px solid #FFF;}
a.tt-flickr-Square:hover {border-color:#666;}
div.flickr-photos {overflow:hidden; margin:12px 0 0 0;}

#respond {padding-top:13px; border-color:#DDD;}
#respond #comment {width:670px;}
#respond label {font-size:12px; line-height:24px;}
ol.commentlist {list-style:none;}
li.comment {border-left:1px solid #DDD; padding:8px 0 8px 16px; margin:16px 0 16px 16px;}
li.comment p {margin:0; padding:0;}
li.comment .commentmetadata {font-size:12px; line-height:12px; padding:0 0 12px 0;}
li.comment cite {font-style:normal;}

.focusField {}
.idleField {}
textarea {font:12px/16px Helvetica, Arial, sans-serif; color:#666; width:670px;}