html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; font-size: 62.5%; color: #CCCCCC; background: white}
ol, ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input {border: 0}
strong {font-weight: bold;}
em {font-style: italic;}
body {background: url("/images/woodybg2.jpg"); font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}
html body .clear {clear: both;}
#sidebar div#admin {padding: .5em 1em 0 2.7em; margin: 1em 0; width: 17em; height: 1.8em; background: #89e686 url("/images/accept.png") no-repeat .5em .3em;}
#wrap {width: 96em; margin: 0 auto;}
#sidebar {float: left; width: 25em;}
#sidebar h1 {text-indent: -9999px; width: 20.9em; height: 2.9em; background: url("/images/logo.jpg") no-repeat;}
#sidebar div {background: #111111; padding: 1.5em 2.4em; margin-bottom: .3em;}
#sidebar h3 {margin-bottom: 1em;}
#sidebar div.clear {margin: 0; padding: 0;}
#sidebar #logo-nav-rss {padding-top: 2.3em;}
#nav {margin: 1.5em 0;}
#nav li {border-bottom: 1px solid #222222; padding: .5em 0;}
#nav li.last {border: 0;}
#nav li a {float: left;}
#nav li span {float: right;}
#rss li {padding: .3em 2.5em; background: url("/images/rss.jpg") no-repeat 0 .3em;}
#search #search_words, #results-search #search_words {width: 13em; height: 26px; float: left; padding: .5em 0 0 .5em; background: #111111 url("/images/search.jpg") no-repeat; border: 0;}
#search form {height: 26px;}
#search #search-words {float: left; width: 16.2em; height: 26px; padding: 0; margin: 0;}
#search #search-go {float: left; width: 4em; height: 26px; padding: 0; margin: 0;}
#recent-articles h3 {text-indent: -9999px; height: 1.5em; background: url("/images/recent.jpg") no-repeat;}
#recent-articles ul li, #sidebar-categories ul li, #awesomeness ul li {padding: .5em 0;}
#sidebar-categories h3 {text-indent: -9999px; height: 1.5em; background: url("/images/categories.jpg") no-repeat;}
#sidebar-categories h3 a {width: 110px; height: 15px; display: block;}
#sidebar-categories ul li {float: left; border-top: 1px solid #222222; width: 9em; margin-right: 1em;}
#sidebar-categories ul li:hover {border-top: 1px solid #666666;}
#sidebar-categories a {float: left;}
#sidebar-categories a.delete {float: right;}
div#awesomeness {margin-bottom: 0;}
#awesomeness h3 {text-indent: -9999px; height: 1.5em; background: url("/images/awesomeness.jpg") no-repeat;}
#article-wrap {float: right; width: 69em;}
#article, #edit-wrap, #sidebar-categories, #categories, #public {background: #111111; border-bottom: 1px solid #444444; margin-bottom: 1em; padding: 2em 3em 3em 3em;}
.date {float: left;}
.date span {background: url("/images/folder.png") no-repeat 0 -.1em; padding-left: 1.7em; margin-left: 1em;}
.comments {float: left; margin-left: 1em; padding-left: 2em; background: url("/images/comment.png") no-repeat 0 -.1em;}
.article-body {margin-top: 1.5em;}
#article img.left {float: left; margin: 0; padding: 0;}
.article-body span.meta {background: #000000; padding: .2em .5em;}
.article-body div.image-left {float: left; margin-right: 2em;}
.article-body .image-left img{margin-top: 6px;}
.article-body p {margin-top: 15px;}
.article-body h2 {margin: 1em 0 .5em 0; padding-bottom: .5em; border-bottom: 1px dotted #666666;}
#categories h2 {margin: .5em 0;}
#article-wrap #categories ul li {padding: 1em 0; border-bottom: 1px solid #222222;}
#categories a, #categories p.comments {float: left; height: 1.2em;}
#categories p.comments {padding: .15em 0 0 0; background: none;}
#categories p img {margin-top: -1px; float: left;}
#categories p span {display: block; float: right; margin: .1em 0 0 .3em;}
#leave-comment {display: block; margin-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #111111;}
.comment, .admin-comment {padding: 2em 3em; border-bottom: 1px solid #111111; border-top: 1px solid #333333;}
.comment .left, .admin-comment .left {float: left; width: 20em;}
.comment .left p, .admin-comment .left p {margin: 0;}
.comment .left img, .admin-comment .left img{float: left; border: 3px solid #666666;}
.comment .comment-delete img, .admin-comment .comment-delete img {border: 0; margin: 1.5em 1em 0 0;}
.comment .name-date, .admin-comment .name-date{float: left; margin: .6em 0 0 1em;}
.comment .right, .admin-comment .right {width: 43em; float: right; padding-top: .2em;}
#notice {width: 63em; margin: 0 auto 1em auto; padding: 1em 0; background: #c1272d;}
#comment-form {width: 100%; padding-top: 3em; border-top: 1px solid #333333;}
#comment-form p {margin-left: 2.5em;}
#comment-form .required {background: #c1272d; padding: 0 .25em;}
#comment-form .error {padding: .5em .7em; background: #c1272d; margin-left: 1em; display: none;}
#comment-form input {width: 22em; height: 1.3em; padding: .3em; border-bottom: 1px solid #444444; margin: .3em 0 1em 0; background: #000000;}
#comment-form #comment_gotcha {width: 3em; margin-left: 1em; background: black;}
#comment-form textarea {width: 28em; height: 13em; margin: .3em 0 1em 0; padding: .5em; border: 0; border-bottom: 1px solid #444444; background: #000000;}
#comment-form #comment-submit {width: 110px; height: 34px; background: none; border: 0;}
.meta a {margin-left: .2em;}
#edit-wrap {float: right; width: 63em; background: #111111;}
#article_title {width: 95.5%; background: #000000; border-bottom: 1px solid #222222; padding: .2em .5em; margin-bottom: .5em;}
#article_body {width: 96.2%; height: 43.5em; background: #222222; border: 0; padding: .5em 1em;}
#edit-wrap #submit {margin-top: 1em; float: left;}
#edit-wrap p#category-dropdown {float: right; margin-top: 2em;}
#new-wrap {float: right; width: 63em; padding: 3em; padding-bottom: 2em; background: #111111;}
#new-wrap #article_body {height: 43em;}
#new-wrap #submit {margin-top: 1em; float: left;}
#new-wrap p#category-dropdown {float: right; margin-top: 1.5em;}
#new-category-form p {float: left;}
#category_name {padding: 5px 10px; width: 12em; height: 14px; float: left; background: #FFFFFF url("/images/category-field-left.jpg") no-repeat;}
#category-submit {float: left;}
#loading {margin: .4em 0 0 .5em;}
#public h2 {margin-top: 1em;}
.image-with-caption {float: right; margin-left: 2em; padding: 1em 1em .5em 1em; border: 1px solid #222222;}
.image-with-caption p {background: #222222; margin-top: .3em;}
ul.archive-ul li {padding: 1em 0; border-bottom: 1px solid #222222;}
#results li {padding: 1em 0; border-bottom: 1px solid #222222;}
#search-results-h1 {float: left;}
#results-search {float: right; margin-top: .8em;}
div.pagination {margin: 1.5em 0 2em 0;}
div.pagination span, div.pagination a {padding: .2em .5em; margin: 0; border: 3px solid #111111; background: #222222;}
#nav li a {font-size: 1.8em; text-decoration: none; color: #666666;}
#nav li a:hover {color: #df2000;}
#nav li a.this {color: #df2000;}
#nav li span {color: #df2000; font-size: 1.8em;}
#rss li a {font-size: 1.4em; text-decoration: none; color: #f9902a;}
#rss li a:hover {color: #FFFFFF;}
#search input, #results-search input {font-size: 12px; font-weight: bold; color: #111111;}
#recent-articles ul li a, #sidebar-categories ul li a, #categories ul li a, #awesomeness ul li a {font-size: 1em; color: #999999; text-decoration: none;}
#sidebar-categories a {text-transform: lowercase;}
#recent-articles a:hover{color: #FFFFFF;}
#recent-articles ul li a{line-height: 1.4em;}
#categories ul li:hover a{color: #FFFFFF;}
#article h2 a, #article h1 {font: 3em Georgia; color: #FFFFFF; text-decoration: none;}
#article h1 {color: #DF2000;}
#article p.date {font-size: 1.2em; color: #666666; text-transform: uppercase;}
#article p.date span a {color: #999999; text-decoration: none; text-transform: lowercase;}
#article p.comments a {font-size: 1.2em; color: #FFFFFF; text-decoration: none;}
.article-body h2 {font-size: 2.4em; color: #CCCCCC;}
div.article-body p, div.article-body ul, div.article-body span {font-size: 12px; color: #999999; line-height: 2em; letter-spacing: .05em;}
div.article-body a {color: #FFFFFF;}
.article-body span.meta {font: 10px "Monaco", "Lucida Console"; color: #CCCCCC;}
div.article-body pre span {line-height: 16px;}
#article ul {list-style: disc inside;}
#categories h2 {font: 1.8em Georgia; color: #FFFFFF; text-transform: lowercase;}
#article-wrap #categories a, #public ul.archive-ul li a {color: #999999; font-size: 1.2em; text-decoration: none;}
#article-wrap #categories ul li a:hover, #public ul.archive-ul li a:hover {color: #FFFFFF;}
#article-wrap #categories li:hover a {color: #999999;}
#article-wrap #categories p.comments {color: #666666;}
#leave-comment {text-align: center; font-size: 1.6em; color: #FFFFFF;}
.comment .left p.name, .comment .left p.name a, .admin-comment .left p.name, .admin-comment .left p.name a {font-size: 18px; color: #FFFFFF; text-transform: capitalize;}
.comment .left p.date, .admin-comment .left p.date {font-size: 1.2em; color: #777777;}
.comment .right p, .admin-comment .right p {font-size: 1.4em; color: #CCCCCC; line-height: 2em;}
.comment .right p a, .admin-comment .right p a {color: #FFFFFF; text-decoration: underline;}
.admin-comment .right p {font-size: 1.4em; color: #FFFFAA; line-height: 2em;}
#comment-form div#notice p {color: #FFFFFF; font-weight: bold;}
#comment-form p {font-size: 1.2em; color: #CCCCCC;}
#comment-form .required {color: #FFFFFF;}
#comment-form .error {color: #FFFFFF; font-weight: bold;}
#comment-form input, #comment-form textarea {font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana; color: #FFFFFF;}
#comment-form textarea {line-height: 1.6em;}
#article_title {font: 3em Georgia; color: #FFFFFF;}
#article_body {font: 12px "Lucida Grande"; color: #CCCCCC; line-height: 2em; letter-spacing: .5px;}
#edit-wrap p#category-dropdown, #new-wrap p#category-dropdown {font-size: 12px; color: #FFFFFF; font-weight: bold;}
p#category-dropdown span {color: #666666; font-weight: normal;}
p#category-dropdown a {color: #FFFFFF;}
#category_name {font-weight: bold;}
#public h1 {font: 3em Georgia; color: #FFFFFF;}
#public h2 {font: 2em Georgia; color: #df2000;}
#public p {font: 1.4em 'Lucida Grande', 'Lucida Sans Unicode', Verdana; line-height: 2em;}
#public .image-with-caption p {font-size: 1em; color: #666666; text-align: center;}
#public a {color: #FFFFFF;}
#results li a {font-size: 12px; color: #FFFFFF; font-weight: bold;}
#results li a:hover {color: #df2000;}
#results p.desc {font-size: 1.2em; color: #555555; line-height: 16px; font-weight: normal;}
#results p.link {font-size: 1em; color: #333333;}
div.pagination {color: #666666; font-size: 1.2em;}
div.pagination a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
div.pagination a:hover {color: #df2000;}
pre.railscasts .DiffHeader {background-color: #2F33AB}
pre.railscasts .LibraryType {color: #6E9CBE}
pre.railscasts .Constant {color: #6D9CBE}
pre.railscasts .DiffRemove {background-color: #660000; color: #E6E1DC}
pre.railscasts .Number {color: #A5C261}
pre.railscasts .Source {color: #FFFFFF}
pre.railscasts .line-numbers {color: #444444; background: #202020; padding: 3px 0 3px 2px}
pre.railscasts .DiffAdd {background-color: #144212; color: #E6E1DC}
pre.railscasts .MarkupTag {color: #E8BF6A}
pre.railscasts .StringInterpolation {color: #519F50}
pre.railscasts .LibraryConstant {color: #A5C261}
pre.railscasts .ConstantBuiltIn {color: #6E9CBE}
pre.railscasts .ClassDefinition {color: #FFFFFF}
pre.railscasts .FunctionDefinition {color: #FFC66D}
pre.railscasts .ConstantOtherVariable {color: #DA4939}
pre.railscasts {margin-top: 20px; background-color: #232323; color: #E6E1DC; font-size: 12px; overflow: auto; padding: 1px 0}
pre.railscasts .Invalid {background-color: #990000; color: #FFFFFF}
pre.railscasts .LibraryFunction {color: #DA4939}
pre.railscasts .String {color: #A5C261}
pre.railscasts .Keyword {color: #CC7833}
pre.railscasts .Variable {color: #D0D0FF}
pre.railscasts .Comment {color: #BC9458; font-style: italic}