/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ html{color:#000;background:#FFF;}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;}li{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;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* General Style */ body {font-family: Arial, sans-serif; color: #4f4f4f;} #container {width: 972px; margin: 70px 0px 0px 28px;} #header {border-bottom: dotted 1px #d6d6d6; height: 50px; position: relative;} #brand {position: absolute; bottom: 15px; left: 15px;} #main-nav {font-family: Georgia, Times, serif; float: right; font-size: 116%; margin: 16px 0px 0px 0px;} #main-nav li {float: left; margin: 0px 0px 0px 16px;} #main-nav a {display: block; color: #999999;} #main-nav a:hover {color: #000000;} #main-nav a.selected {color: #000000;} #footer {border-top: dotted 1px #a2ac98; margin: 0px 0px 56px 0px; padding: 13px 0px 0px 0px; color: #919e86; font-family: Georgia, Times New Roman, Serif; font-size: 85%} #footer .copyright {float: left;} #footer .hello {float: right;} h1 {font-family: Georgia, Times, serif; font-size: 182%; color: #000000; margin: 0px 0px 23px 0px;} h2 {font-family: Georgia, Times, serif; font-size: 182%; color: #000000; margin: 0px 0px 23px 0px;} h3 {font-family: Georgia, Times, serif; font-size: 123.1%; color: #000000; margin: 0px 0px 12px 0px;} h4 {font-family: Georgia, Times, serif; font-size: 116%; color: #000000; margin: 0px 0px 12px 0px;} h5 {font-family: Georgia, Times, serif; font-size: 116%; color: #000000; margin: 0px 0px 12px 0px;} h6 {font-family: Georgia, Times, serif; font-size: 116%; color: #000000; margin: 0px 0px 12px 0px;} h1 .quote-source {color: #999999; font-style: italic;} a {text-decoration: none; color: #7f8e72;} a:link {} a:hover {color: #437609;} .section-link {position: absolute; left: 23px; bottom: 23px;} .readmore-link {position: absolute; right: 23px; bottom: 23px;} .nevermind {text-decoration: line-through;} .back-to-top {text-align:right; float:right; display:block; margin: 46px 0px 0px 0px;} p {line-height: 1.60;} /* Homepage */ #hm-blog { } #hm-blog-recent {position: relative; width: 597px; float: left; border-right: dotted 1px #d6d6d6; padding: 33px 23px 56px 23px;} #hm-blog-recent h1 a {color: #000000;} #hm-blog-recent h1 a:hover {color: #437609;} #hm-blog-recent-entries {width: 282px; float: left; padding: 33px 23px 0px 23px;} #hm-blog-recent-entries ul { } #hm-blog-recent-entries ul li { } #hm-blog-recent-entries ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} #hm-blog-recent-entries ul li:first-child a {border-top: dotted 1px #d6d6d6;} #hm-blog-recent-entries ul li a:hover { color: #7f8e72; } #hm-work {border-top: dotted 1px #d6d6d6; padding: 0px 0px 23px; display: none;} #hm-work-list {float: left; margin: 33px 0px 0px 0px; width: 370px;} #hm-work-list ul { } #hm-work-list ul li { } #hm-work-list ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} #hm-work-list ul li:first-child a {border-top: dotted 1px #d6d6d6;} #hm-work-list ul li a:hover { color: #7f8e72; } #work {border: 1px #d6d6d6 solid; width: 450px; height: 350px; margin: 23px 54px 23px 23px; float: left;} #work:hover {border: 1px #7aad23 solid; float: left;} #hm-extra {border-top: dotted 1px #d6d6d6; padding: 0px 0px 0px;} #hm-extra #quotes {position: relative; float: left; width: 278px; min-height: 245px; padding: 23px 23px 0px 23px;} #hm-extra #quotes .source {display: block; float: right; margin: 6px 0px 0px 0px; font-style: italic;} #hm-extra #reading {position: relative; float: left; width: 389px; min-height: 245px; padding: 23px 23px 0px 23px; border-left: dotted 1px #d6d6d6;} #hm-extra #reading #booklist { margin: 23px 0px 0px 0px;} #hm-extra #reading #booklist li { } #hm-extra #reading #booklist li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} #hm-extra #reading #booklist li:first-child a {border-top: dotted 1px #d6d6d6;} #hm-extra #reading #booklist li a:hover { color: #7f8e72; } #hm-extra #socialize {position: relative; float: left; width: 171px; min-height: 245px; padding: 23px 0px 0px 23px; border-left: dotted 1px #d6d6d6;} #hm-extra #socialize a {color: #000000;} #hm-extra #socialize a:hover {color: #437609;} .rss {display:block; background: url(./themes/site_themes/dorian/images/icons/feed.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .delicious {display:block; background: url(./themes/site_themes/dorian/images/icons/delicious.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .facebook {display:block; background: url(./themes/site_themes/dorian/images/icons/facebook.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .flickr {display:block; background: url(./themes/site_themes/dorian/images/icons/flickr.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .linkedin {display:block; background: url(./themes/site_themes/dorian/images/icons/linkedin.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .myspace {display:block; background: url(./themes/site_themes/dorian/images/icons/myspace.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} .twitter {display:block; background: url(./themes/site_themes/dorian/images/icons/twitter.png) no-repeat 0px 50%; padding: 5px 0px 5px 23px;} /* Subpage */ #sub-container {position: relative;} #sub-main-title {padding: 23px 23px 0px 23px; border-bottom: dotted 1px #d6d6d6; } #sub-sub-title {padding: 23px; border-bottom: dotted 1px #d6d6d6; } #sub-sub-title h2 {font-size: 123.1%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #4f4f4f;} #sub-content { padding: 23px; } #sub-content p { padding: 0px 0px 6px 0px; } #sub-content h1:first-child,h2:first-child,h3:first-child {margin: 0px 0px 12px 0px;} #sub-content h1,h2,h3 {margin: 12px 0px 12px 0px;} #sub-content h4,h5,h6 {margin: 0px 0px 12px 0px;} /* Journal */ #journal-container {} #journal-posts {float: left; width: 649px; padding: 23px; border-right: dotted 1px #d6d6d6; min-height: 500px;} #journal-container div.wide {float: left; width: 714px; padding: 23px; border-right: dotted 1px #d6d6d6;} #journal-posts .entry {} #journal-posts .entry .entry-actions {padding: 12px 0px 0px 0px; margin: 23px 0px 0px 0px; border-top: 1px dotted #d6d6d6;} #journal-posts .entry .entry-actions li {float: left;} #journal-posts .entry .entry-actions li a { display: block; margin: 0px 0px 0px 6px; color: #7f8e72; } #journal-posts .entry .entry-actions li a:hover { color: #437609; } #journal-posts .entry .entry-actions li a:before {content: "| "; color: #999999;} #journal-posts .entry .entry-actions li:first-child a:before {content: " "; } #journal-posts .entry p { padding: 0px 0px 12px 0px; } #journal-posts .entry h1:first-child,h2:first-child,h3:first-child {margin: 0px 0px 12px 0px;} #journal-posts .entry h1,h2,h3 {margin: 12px 0px 12px 0px;} #journal-posts .entry .blog-title {margin-bottom: 23px; font-size: 150%;} #journal-posts .entry img {margin: 12px 0px 12px 0px;} #journal-posts .entry ul.bloglist { margin: 3px 0px 12px 0px; padding: 9px 9px 0px 9px;} #journal-posts .entry ul.bloglist li {border-top: 1px dotted #d6d6d6; margin: 0px 0px 3px 0px; padding: 9px 9px 9px 9px; line-height: 1.60; color: #444444;} #journal-posts .entry ul.bloglist li:first-child {border-top: none; padding: 6px 9px 9px 9px;} #journal-posts .entry .bquote {font-size: 167%; color: #444444; padding: 12px 23px 12px 23px; margin: 0px 0px 12px 0px;} #journal-posts .entry .updated {color: #444444; padding: 12px 23px 12px 23px; margin: 0px 0px 12px 0px; background-color: #fffeb4; border: 1px dotted #d6d6d6; } #journal-posts .entry .limg {float: left; border: 6px solid #f4f4f4; margin: 12px 12px 0px 0px;} #journal-posts .entry .rimg {float: right; border: 6px solid #f4f4f4; margin: 12px 0px 0px 12px;} #journal-bar {float: left; width: 276px; padding: 4px 0px 23px 0px; } #journal-container div.narrow {float: left; width: 211px; padding: 4px 0px 23px 0px; } #journal-posts .entry-preview {position: relative; margin: 17px 0px 0px 0px;} #journal-posts .entry-preview:first-child {margin: 0px 0px 0px 0px;} #journal-posts .entry-preview h2 { font-size: 131% } #journal-posts .entry-preview h2:first-child { } #journal-posts .entry-preview .viewentry-link { position: relative; display: block; float: right; margin: 12px 0px 0px 0px; } #journal-posts #comments {padding: 0px 12px 12px 12px; border: 6px solid #f4f4f4; margin: 23px 0px 0px 0px;} #journal-posts #comment-entries {border-bottom: 1px dotted #d6d6d6; padding: 23px 23px 23px 23px;} #journal-posts #comment-entries .comment-content {} #journal-posts #comment-entries .comment-content dt {padding: 0px 0px 12px 0px;} #journal-posts #comment-entries .comment-content .posted-by {display: block; float: left;} #journal-posts #comment-entries .comment-content .comment-date {display: block; float: right; color: #999999} #journal-posts #comment-entries .myresponse {color: #000000;} #journal-posts #comment-entries .myresponse dd {font-size: 123.1%;} #journal-posts #comment-entries .odd {} #journal-posts #comment-entries .even {} #journal-posts #comment-form {padding: 12px 23px 23px 23px; margin: 12px 0px 0px 0px;} #journal-posts #comment-form label {display: block; padding: 0px 0px 6px 0px;} #journal-posts #comment-form input {} #journal-posts #comment-form h4 {margin: 0px 0px 23px 0px} #journal-posts #comment-form .fieldgroup {margin: 0px 0px 6px 0px} #journal-posts #comment-form .fieldgroup .actionbutton {margin: 9px 0px 0px 0px;} #journal-posts #comment-form .fieldgroup label {display: block; padding: 6px 6px 0px 0px;} #journal-posts #comment-form .fieldgroup input[type="text"], textarea {display: block; margin: 6px 0px 3px 0px; padding: 3px; width: 300px;} #journal-posts #comment-form .fieldgroup textarea {margin: 6px 0px 9px 0px;} #journal-posts #comment-form .wordverify {margin: 23px 0px 12px 0px} #journal-posts #comment-form .wordverify label {font-weight: bold; margin: 0px 0px 6px 0px;} #journal-posts #comment-form .wordverify .captcha {float: left; margin: 4px 9px 0px 0px;} #journal-posts #comment-form .wordverify input.captchainput {float: left; width: 145px;} #journal-posts #comment-form .required input[type="text"] {background: url('./themes/site_themes/dorian/images/icons/required.png') no-repeat 97% 50%;} /* Journal Widgets */ .widget {padding: 23px; border-bottom: dotted 1px #d6d6d6;} .search-box {} .related-posts {} .related-posts ul {} .related-posts ul li {} .related-posts ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} .related-posts ul li:first-child a {border-top: dotted 1px #d6d6d6;} .related-posts ul li a:hover {color: #7f8e72;} .tag-cloud {} .tag-cloud ul {} .tag-cloud ul li {} .tag-cloud ul li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} .tag-cloud ul li:first-child a {border-top: dotted 1px #d6d6d6;} .tag-cloud ul li a:hover {color: #7f8e72;} /* Quote Archive */ #quote-list {font-family: Georgia, Times, serif; font-size: 116%; line-height: 138.5%; } #quote-list tr td {border-top: dotted 1px #d6d6d6;} #quote-list tr:first-child td {border-top: none;} #quote-list .quote-date {display: block; margin-bottom: 6px;} #quote-list .qoute-item-source {font-style: italic; color: #999999;} .quote-item-left {width: 446px; vertical-align: top; border-right: dotted 1px #d6d6d6; padding: 23px 23px 23px 0px;} .quote-item-right {width: 446px; vertical-align: top; padding: 23px 0px 23px 23px;} /* Bookshelf */ #bookshelf {} #shelf-left {width: 414px; float: left; padding: 0px 23px 0px 0px;} #shelf-right {width: 415px; float: left; padding: 0px 0px 0px 23px;} #reading-list {} #reading-list li {} #reading-list li:first-child a {border-top: dotted 1px #d6d6d6;} #reading-list li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} #reading-list li a:hover {color: #7f8e72;} #perm-list {} #perm-list li {} #perm-list li:first-child a {border-top: dotted 1px #d6d6d6;} #perm-list li a {display: block; color: #000000; font-size: 93%; border-bottom: dotted 1px #d6d6d6; padding: 6px 0px 6px 0px;} #perm-list li a:hover {color: #7f8e72;} .perm-label {background: url('./themes/site_themes/dorian/images/icons/recommend-label.png') no-repeat 50% 58%;} .favorite {background: url('./themes/site_themes/dorian/images/icons/recommend.png') no-repeat 98% 50%;} /* Work */ #wk-list { } #wk-list h2 { font-size: 123.1%; border-bottom: 1px #d6d6d6 dotted;} #wk-list dl { margin: 23px 0px 0px 0px; } #wk-list dl:first-child { margin: 0px 0px 0px 0px; } #wk-list dl dt { float: right; width: 568px; } #wk-list dl dt a { display:block; width: 566px; height: 400px; border: 1px #e5e5e5 solid; } #wk-list dl dt a:hover { border: 1px #99cc00 solid; } #wk-list dl dt img { } #wk-list dl dd { float: left; width: 278px; padding: 23px 0px 0px 0px; } #wk-list dl dd .wk-desc-title { color: #000000; } #wk-list dl dd h3 {color: #4f4f4f;} #wk-list dl dd p { padding: 5px 0px 5px 0px; border-top: 1px #d6d6d6 dotted; } #wk-list dl dd p:first-child { border-top: 1px #000000 dotted; } #wk-list dl dd p a { display:block; margin: 18px 0px 0px 0px; } #wk-list .wk-blurb { margin: 0px 0px 12px 0px; line-height: 1.60; } #wk-details { } #wk-details #wk-images {padding: 0px 0px 17px 14px; } #wk-details #wk-images .wk-col-1 {float: left; width: 479px;} #wk-details #wk-images .wk-col-2 {float: left; width: 479px;} #wk-details .back-link { display: block; margin: 23px 0px 0px 23px; } #wk-details #wk-images img { border: 1px #e1e1e1 solid; margin: 9px; padding: 0px; } #wk-details #wk-content { } #wk-details #wk-content .desc-1 { float: left; width: 278px; padding: 23px; } #wk-details #wk-content .desc-2 { float: left; width: 278px; padding: 23px; } #wk-details #wk-content #wk-specs{ float: left; width: 278px; padding: 23px; } #wk-details #wk-content #wk-specs .label { color: #000000; } #wk-details #wk-content h1 { font-size: 123.1%; margin-bottom:12px; } #wk-details #wk-content h1 .worktype{ color: #999999; } #wk-details #wk-content p { }