/* BASICS -----------------------------------------------------------------------------*/ body { margin:0; padding:0; background: #000 url("/img/body-bg.jpg") no-repeat top left; } #wrap { padding:0; margin: 50px auto; width:960px; } /* LAYOUT -----------------------------------------------------------------------------*/ #main { float:left; width:640px; margin-left:0px; margin-right:20px; } #sub { float:left; width:280px; margin-left:0px; margin-right:20px; } .item { margin-bottom:40px; } /* TYPOGRAPHY -----------------------------------------------------------------------------*/ body { font-size:13px; font-family: "helvetica neue", helvetica, arial, sans-serif; color:#ccc; } #main { font-size:13px; line-height: 20px; } #sub { font-size:12px; line-height: 18px; color:#aaa; } h1,h2,h3,h4,h5,h6,p { margin:0; margin-bottom:1.2em; } h1 { color:#fff; font-size: 40px; line-height: 33px; font-family:georgia,times,serif; font-weight:normal; margin-bottom:1em; } h2 { color:#fff; font-size: 22px; line-height: 22px; font-family:georgia,times,serif; font-weight:normal; margin-bottom:.5em; } h3 { color:#fff; font-size: 18px; line-height: 17px; font-family:georgia,times,serif; font-weight:normal; margin-bottom:.5em; } h4 { color:#fff; font-size: 14px; line-height: 17px; font-family:inherit; font-weight:normal; margin-bottom:.5em; } p + h3 { margin-top:1.5em; } p + h2 { margin-top:1.6em; } p.posted { margin-bottom:.5em; font-size:12px; font-style:italic; color: #888; } pre, code, kbd { font-family:monaco,courier,"Courier New",monospace; color:#fff; } pre { color:#fff; padding:5px; border:1px solid #aaa; background:#333; width:450px; overflow:auto; } blockquote { border-left:1px solid #ccc; padding-left: 10px; margin-left:20px; } /* LISTS & DEFINITION LISTS -----------------------------------------------------------------------------*/ ul, ol { margin-top:0; } ul li, ol li { margin-bottom:.6em; } ul.links-short { margin:0; padding:0; list-style-type:none; } ul.links-short li { margin:0; padding:0; } /* LINKS -----------------------------------------------------------------------------*/ a:link { color:#EF9035; text-decoration:none; } a:visited { color:#D27E2D; text-decoration:none; } a:hover { color:#FFFFFF; text-decoration:underline; } a:active { color:#EF9035; } a img { border:0; } /* FORMS -----------------------------------------------------------------------------*/ form { margin-top:0; } form .item { margin-bottom:1em; } form label.block { display:block; } #search-input input[type=text] { width:180px; } /* NAV -----------------------------------------------------------------------------*/ #nav { width:740px; margin:auto; color:white; font-size:12px; } #nav p { margin-left: 340px; margin-top: 60px; font-weight:bold; margin-bottom: 5px; } #nav p span { font-weight:normal; color:#aaa; } #nav ul { margin:0; padding:0; margin-left: 340px; list-style-type: none; } #nav li { margin-bottom: 5px; } #nav li a { color:#EF9035; text-decoration:none; } #nav li a:hover { color:#FFFFFF; text-decoration:none; } #nav li a:hover:after { content: " {" attr(title) "}" ; } #default #nav li#n-default a { font-weight:bold; } #about #nav li#n-about a { font-weight:bold; } #notebook #nav li#n-notebook a { font-weight:bold; } #projects #nav li#n-projects a { font-weight:bold; } #contact #nav li#n-contact a { font-weight:bold; } /* SPECIFICS -----------------------------------------------------------------------------*/ #about #sub h1 { visibility:hidden; } #about #portrait { padding:10px 10px 20px 10px; width:100px; background: white; } #default h1 { font-size:13px; text-transform:uppercase; letter-spacing:.1em; font-weight:normal; margin-bottom:15px; } #default .excerpt { margin-bottom:1.2em; } #default h2 { margin-bottom:.2em; } #default .posted { margin-bottom:.5em; } #default .more { font-size:12px; } #default #sub h2 { font-size:13px; font-family:verdana,"Lucida Grande","Lucida Sans",geneva,arial,sans-serif; font-weight:bold; margin-bottom:.2em; line-height:16px;} #default #sub h2 a { color:white; } #default #sub .item { margin-bottom:20px; } #default #about-short img { float:right; margin: 4px 0 10px 10px; width:50px; height:50px; border:1px solid #ccc; } #default #about-short p { /*margin-left:62px;*/ } #notebook .single .posted { font-size:13px; } #notebook #sub h1 { visibility:hidden; } #notebook .list h1 { font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:normal; margin-bottom:25px; } #notebook .list h2 { margin-bottom:.2em; } #notebook .list.item { margin-bottom:20px; } #notebook .excerpt { } #notebook #sub ul { list-style-type:none; margin:0; padding:0; } #notebook #sub li { margin:0; padding:0; } #notebook #sub h2 { font-size:13px; font-family:verdana,"Lucida Grande","Lucida Sans",geneva,arial,sans-serif; font-weight:bold; margin-bottom:.2em; line-height:16px;} #notebook #sub .item { margin-bottom:20px; } #comments h1, #comment-form h1 { margin-bottom:.2em;} #comments ol { margin:0; padding:0; margin-bottom:40px; list-style:none; } #comments li { margin-bottom:2em; } #comments dl { margin:0; } #comments dt { margin: 0 0 .2em 0; padding:0 0 0 20px; font-weight:bold; color: white; background: url("/img/comment-icon.gif") no-repeat left; } #comments dd { margin: 0 0 1.5em 0; padding:0 0 0 20px; } #comment-form input[type=text], #comment-form textarea { width:99%; } #search .search-result { margin-bottom:25px; } #search #sub h1 { visibility:hidden; } #search h2 { margin-bottom:.2em; } #flickr { } .flickr_badge_image { display:inline; margin-right:5px; } #sub .related h3 { margin:.5em 0 0 0; font-family:verdana; font-size:12px;} #sub .related p { margin-bottom:0.6em; } #sub #tweets ul, #sub #tweets ul li { margin:0 0 0.5em 0; padding:0; list-style:none; } /* FOOTER -----------------------------------------------------------------------------*/ #footer { clear:both; border-top:1px solid #999; padding: 20px 0; text-align:left; font-size: 12px; width:700px; color: #444; } #footer a { color: #aaa; } /* MISC -----------------------------------------------------------------------------*/ .clear { clear:both; } .hide { display:none; } /* LEGACY RULES ------------------------------------------------------------------------------- These rules are here specifically to patch IE 5.x, bless it's little black heart -----------------------------------------------------------------------------*/ body { text-align: center; } /* allows the #wrap div to be centered inside the body */ #wrap { text-align: left; } /* resets #wrap div text align to left */ #nav { text-align: left; } /* resets #nav div text align to left */