body {background:#FFF url(images/body.gif) repeat-x 0 48px; font:normal 12px/14px Arial, Sans-serif; color:#000; text-align:center; margin:0;} code {float:left; margin:0 0 20px 0;} #wrapper {margin:0 auto; padding:14px 0 0 0; width:898px; text-align:left;} #page {margin:20px 49px 0 49px; padding:0; background:#FFF; width:800px; overflow:hidden;} #content {width:595px; float:left; margin-bottom:20px;} #sidebar {width:195px; float:right; margin-bottom:20px;} /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ #header {margin:0 0 0 49px; padding:0; height:261px; position:relative;} #header h3 {margin:0; padding:0;} #header h3 a {overflow:hidden; border:none; position:absolute; background:transparent url(images/logo.png) no-repeat top left; text-indent:-9000px; top:50px; left:0; width:135px; height:181px;} #header h4 {margin:0; padding:0; position:absolute; background:url(images/h4.png) no-repeat top left; text-indent:-9000px; top:-4px; left:209px; width:640px; height:248px;} /*-------------------------------------------------------------- Navigation And Search --------------------------------------------------------------*/ #nav {margin:0; padding:0; position:relative; list-style-type:none; text-indent:-9090px; top:207px; left:209px; width:590px; height:40px;} #nav li {list-style:none; float:left; margin:0 10px 0 0; padding:0;} #nav li#nav-home {display:none;} #nav li#nav-contact {margin:0;} #nav li a {display:block; overflow:hidden; width:140px; height:40px; border:none; text-indent:-9090px; background-image:url(images/nav.png);} #nav-articles a {background-position:0 0;} #nav-portfolio a {background-position:-150px 0;} #nav-about a {background-position:-300px 0;} #nav-contact a {background-position:-450px 0;} #nav-articles a:hover {background-position:0 -40px;} #nav-portfolio a:hover {background-position:-150px -40px;} #nav-about a:hover {background-position:-300px -40px;} #nav-contact a:hover {background-position:-450px -40px;} #articles #nav li.nav-on a, #articles #nav li.nav-on a:hover {background-position:0 -80px;} #portfolio #nav li.nav-on a, #portfolio #nav li.nav-on a:hover {background-position:-150px -80px;} #about #nav li.nav-on a, #about #nav li.nav-on a:hover {background-position:-300px -80px;} #contact #nav li.nav-on a, #contact #nav li.nav-on a:hover {background-position:-450px -80px;} #tags, #authors {display:none;} /*-------------------------------------------------------------- Content --------------------------------------------------------------*/ #content h1, #content h2, #content h3, #content h4, #content h5 {line-height:1; font-family:arial, sans-serif;} #content .page_content h1, #content .page_content h2, #content .page_content h4, #content .page_content h5, #content .page_content p, #content .page_content ul {margin-left:8px; padding-right:20px;} #content h1 {font-size:30px; margin:20px 0 20px 8px; color:#0158D4;} #content h1.first {margin:0 0 20px 8px;} #content h1 a {color:#0158D4;} #content h1 a:hover {text-decoration:underline; color:#0158D4;} #content h2 {font-size:22px; margin:0 0 0.3em;} #content h3 {font-size:14px; letter-spacing:0; margin:20px 0; padding:0.3em 0 0.3em 8px; background:#0057D1 url(images/content-h3.gif) repeat-x 0 0; color:#FFF;} #content h3.first {margin:0 0 20px 0;} #content h4 {font-size:18px; color:#0057D1; margin:1.2em 0 0.3em;} #content h4 a {color:#0057D1;} #content h5 {font-size:18px; color:#0158D4; margin:1.2em 0 0.3em;} #content h5 a {color:#0158D4;} #content p {line-height:2; margin:0 0 1em;} #content img {margin:7px 0; border:5px solid #0066CC;} #content img:hover {border-color:#FF9900;} #content .im img {margin:0; padding:0 5px; background:transparent;} .right {float:right !important;} .top {margin:0 0 10px 0 !important;} #content ul, #content ol, #content dd {margin:1em; padding:0;} #content dd h3 {background:none; margin:0 -1em; font-size:20px; color:#111;} #content dd h4 {color:#0066CC;} #content ul {list-style-type:square; color:#FF9900;} #content li {color:#111; line-height:2; margin:0 0 0.5em; padding:0;} #content li strong {color:#FF9900;} #content li span.normal {color:#111;} #content blockquote {color:#555; border-left:5px solid #ccc; margin:1.3em 1em; padding:0 1em;} #content code {font:normal 14px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;} #content pre {color:#63FF00; background:#000; overflow:auto; font:normal 16px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif; margin:0.9em 0; padding:8px;} #content .item {padding:0 20px 0 85px;} #content .item_meta {color:#333;} /*-------------------------------------------------------------- Article Entries (class names based on http://microformats.org/wiki/hatom]) --------------------------------------------------------------*/ #content .atomentry {margin:0 0 3em 0;} #content .atomentry .title {font-size:32px; line-height:94%; margin:0;} #content .atomentry .title .comment_count {display:none;} #content .atomentry .author {color:#bbb; font:normal 16px/14px arial, verdana, sans-serif; letter-spacing:-1px; margin:0 0 1em;} #content .atomentry .author cite a, #content .atomentry .author cite a:hover { /* author mailto: link (if any) */ color:#aaa; background:transparent; text-decoration:none;} #content .atomentry .author abbr { /* posted date */ font-weight:bold; color:#aaa;} #content .atomentry ul.meta {font-size:12px; background:#eee; margin:0; padding:5px; border:1px solid #ddd; list-style-type:none;} #content .atomentry ul.meta li {line-height:13px; margin:0; padding:0;} #content .atomentry .meta a:link, #content .atomentry .meta a:visited {color:#555; text-decoration:underline;} #content .atomentry .meta a:hover, #content .atomentry .meta a:active {text-decoration:none;} /*-------------------------------------------------------------- Comments and Trackbacks --------------------------------------------------------------*/ #content ol.comments, #content ol.trackbacks {list-style-type:none; margin:0; padding:0;} #content .comment, #content .trackback {font-size:12px; border:2px solid #ddd; margin:0 0 1.5em; padding:1em;} #content .comment.preview {background:#ffc; border:3px solid #fab444;} #content .comment .author, #content .trackback .author {font-weight:bold; margin-bottom:1em;} #content .comment .author cite, #content .trackback .author cite {font-size:12px; letter-spacing:-1px;} #content .comment .author abbr, #content .trackback .author abbr {color:#999;} #content .comment .author .gravatar {margin:0 0 0.5em 0.5em; float:right;} #comments .comment_content {margin:10px 0; padding:0 10px; border-left:3px ridge #0066CC;} #comments .even {border-left:3px ridge #FF9900;} #comments .comment_body {margin-top:8px;} /* uncomment to enable a default gravatar #content .comment .author div {margin:0 0 0.5em 0.5em; width:60px; height:60px; background:url(/images/theme/gravatar.gif) no-repeat left top; float:right;} */ #content form.comments {background:#f2f2f2; border-top:1px solid #ddd; padding:1em 0.5em;} #content form.comments fieldset {border:none;} #content form.comments legend {display:none;} #content form.comments label {font-weight:bold;} #content form.comments textarea {width:90%; height:150px; padding:3px;} .ror_error {font-size:10px; color:red;} #comments .errorExplanation {font-size:12px; line-height:16px; color:#bd0200; padding:10px; border:1px solid #bd0200; margin:5px 0; background-color:#fffaf9;} #comments .errorExplanation h2 {font-size:14px; margin-top:0; color:#bd0200; font-weight:bold;} #comments .errorExplanation ul {margin:0;} /*-------------------------------------------------------------- Sidebar --------------------------------------------------------------*/ #sidebar {float:right; margin:0 0 20px 0; padding:0; width:195px; text-align:left;} #sidebar img {float:left; margin:7px 0; border:3px solid #0066CC; display:inline;} #sidebar img:hover {float:left; border-color:#FF9900;} #sidebar h3 {float:left; font-family:arial, sans-serif; letter-spacing:0; padding:0.3em 0 0.3em 8px; font-size:14px; margin:0.5em 0; width:100%; background:#0057D1 url(images/content-h3.gif) repeat-x 0 0; color:#FFF;} #sidebar h3 a {color:#FFF;} #sidebar .first h3 {float:left; margin:0 0 0.5em 0;} #sidebar .first p {margin:0; padding:0;} #sidebar h3 a:hover, #sidebar h3 a:active {background:transparent; text-decoration:underline;} #sidebar p.currently {float:left; padding:0 10px;} #sidebar ul {float:left; list-style-type:none; margin:0 0 2em; padding:0;} #sidebar li {margin:0; padding:6px 0 6px 8px;} #sidebar em {font-style:normal;} #sidebar .hire-me p {margin:0; line-height:1.5; padding:6px 8px 0 8px;} #sidebar .portfolio {text-align:center;} /* Live-search and results */ #sidebar .search {float:left; text-align:center;} #sidebar .search {float:left; margin:0;} #sidebar .search p input {float:left; font-size:11px; width:92%;} #sidebar .search .loading {float:left; background:url(images/spinner.gif) no-repeat left 50%; margin:1em 0; padding:0 0 0 20px; height:15px;} #results {float:left; display: inline;} #results ol {float:left; margin:0; padding:0 0 0 28px;} #results ol li {float:left; margin:0; padding:6px 0 6px 8px;} /* Flickr sidebar-node */ #sidebar #flickr {margin:0 0 2em; float:right;} #sidebar #flickr div {float:left; margin:0 0 5px; border:1px solid #ddd; float:right; clear:both} #sidebar #flickr img {float:left; border:4px solid #fff; display:block;} #sidebar #flickr img:hover {border:4px solid #ffc;} #sidebar #flickr a {border:none;} /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ #footer {margin:0; padding:0; width:800px; background:#CC6600 url(images/footer.gif) no-repeat 0 0; text-align:center; clear:both;} #footer-top {background:url(images/footer-top.gif) no-repeat top left;} #footer-bottom {background:url(../images/footer-bottom.gif) no-repeat bottom left;} #footer ul {background:transparent; margin:0; padding:1.2em 18px;} #footer li {color:#FFF; display:inline; text-decoration:none; line-height:1; padding:0 .5em; margin:0; border-left:1px solid #FFF;} #RSS {padding-left:30px !important; background:transparent url(images/rss.gif) no-repeat 8px 50% !important;} #footer li.first-item {border-left:none;} #footer a {color:#FFF; padding:0; margin:0;} /*-------------------------------------------------------------- Application.css Imports all stylesheets; sets defaults for bare elements --------------------------------------------------------------*/ @media print{ #sidebar {display:none;} #content pre {color:#000; background:#eee;} #content form.comments {display:none;} } input, textarea {font:normal 12px "bitstream vera sans", verdana, sans-serif;} abbr {border:none;} cite {font-style:normal;} a img {border:none; padding:0; margin:0;} a:link, a:visited {color:#111; font-weight:bold; text-decoration:none;} a:hover, a:active {text-decoration:underline;} .day_04_04 {background:url(images/0404.gif) no-repeat 8px 0;} .day_04_16 {background:url(images/0416.gif) no-repeat 8px 0;} .day_05_01 {background:url(images/0501.gif) no-repeat 8px 0;} .day_05_02 {background:url(images/0502.gif) no-repeat 8px 0;} .day_05_14 {background:url(images/0514.gif) no-repeat 8px 0;} .day_05_15 {background:url(images/0515.gif) no-repeat 8px 0;} .day_07_15 {background:url(images/0715.gif) no-repeat 8px 0;} .day_08_31 {background:url(images/0831.gif) no-repeat 8px 0;} .day_09_01 {background:url(images/0901.gif) no-repeat 8px 0;} .day_09_02 {background:url(images/0902.gif) no-repeat 8px 0;} .day_09_03 {background:url(images/0903.gif) no-repeat 8px 0;} .day_09_04 {background:url(images/0904.gif) no-repeat 8px 0;} .day_09_05 {background:url(images/0905.gif) no-repeat 8px 0;} .day_09_06 {background:url(images/0906.gif) no-repeat 8px 0;} .day_09_07 {background:url(images/0907.gif) no-repeat 8px 0;} .day_09_08 {background:url(images/0908.gif) no-repeat 8px 0;} .day_09_09 {background:url(images/0909.gif) no-repeat 8px 0;} .day_09_10 {background:url(images/0910.gif) no-repeat 8px 0;} .day_09_11 {background:url(images/0911.gif) no-repeat 8px 0;} .day_09_12 {background:url(images/0912.gif) no-repeat 8px 0;} .day_09_13 {background:url(images/0913.gif) no-repeat 8px 0;} .day_09_14 {background:url(images/0914.gif) no-repeat 8px 0;} .day_09_15 {background:url(images/0915.gif) no-repeat 8px 0;} .day_09_16 {background:url(images/0916.gif) no-repeat 8px 0;} .day_09_17 {background:url(images/0917.gif) no-repeat 8px 0;} .day_09_18 {background:url(images/0918.gif) no-repeat 8px 0;} .day_09_19 {background:url(images/0919.gif) no-repeat 8px 0;} .day_09_20 {background:url(images/0920.gif) no-repeat 8px 0;} .day_09_21 {background:url(images/0921.gif) no-repeat 8px 0;} .day_09_22 {background:url(images/0922.gif) no-repeat 8px 0;} .day_09_23 {background:url(images/0923.gif) no-repeat 8px 0;} .day_09_24 {background:url(images/0924.gif) no-repeat 8px 0;} .day_09_25 {background:url(images/0925.gif) no-repeat 8px 0;} .day_09_26 {background:url(images/0926.gif) no-repeat 8px 0;} .day_09_27 {background:url(images/0927.gif) no-repeat 8px 0;} .day_09_28 {background:url(images/0928.gif) no-repeat 8px 0;} .day_09_29 {background:url(images/0929.gif) no-repeat 8px 0;} .day_09_30 {background:url(images/0930.gif) no-repeat 8px 0;} .day_10_01 {background:url(images/1001.gif) no-repeat 8px 0;} .day_10_02 {background:url(images/1002.gif) no-repeat 8px 0;} .day_10_03 {background:url(images/1003.gif) no-repeat 8px 0;}