/* =general & repeats ================================================= */ * { /* removes global padding & margins */ margin: 0; padding: 0; } h1, h2, h3, p, pre, blockquote, form, fieldset, ul { margin: 1em 0; /* give me back my basic margins */ } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; letter-spacing: -1px; color: #f0f0f0; } h1 {font-size: 2em;} h2 {font-size: 1.9em;} h3 {font-size: 1.6em;} .entry strong, #bottom strong { color: #efb; } a {text-decoration: none;} a:active {outline: none;} a:link, a:active, a:visited {color: #f0f0f0;} a:hover {color: #B2C977;} p, li { font-size: 1.2em; line-height: 1.4em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #e8e8e8; } body { font-size: 62.5%; /* resets to 10px */ margin: -1.2em 0; background: #333; max-width: 100%; } /* =navigation ================================================= */ #header { display: block; width: 54em; height: 40em; background: #333 url("images/banner_green.jpg") no-repeat top left; } #navigation { text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: lowercase; letter-spacing: -1px; } #navigation li { float: right; width: 7.5em; list-style: none; } #navigation a { color: #666; display: block; width: 7.5em; line-height: 3.1em; padding-top: 8em; } #navigation a:hover { color: #e6e6e6; background: #95A566; border-bottom: 2px solid #e6e6e6; } /* =top page ================================================= */ #page { width: 54em; margin: 0 auto; text-align: left; } .content { margin-top: -23em; padding: 0 2% 1%; } .post { position: relative; padding-bottom: 2.5em; } /* hides from ie-mac \*/ * html .post { /* fixes ie for absolutely pos. comments button */ height: 1%; } .entrycomments { position: absolute; right: 0; bottom: 0; font-size: 0.9em; letter-spacing: -1px; } .entrycomments a { text-align: center; display: block; padding: 0.3em; line-height: 1.2em; outline: none; } .entrycomments a:link, .entrycomments a:visited { color: #4f4f4f; border: 1px solid #4f4f4f; } .entrycomments a:hover, .entrycomments a:active { color: #95A566; border: 1px solid #5f5f5f; } .entry { padding-bottom: 1em; } .entry a:link, .entry a:active, .entry a:visited { color: #B2C977; } .entry a:hover { color: #73804E; } .entry h3 { padding-left: 1.6em; background: url("images/entryleaf.gif") no-repeat top left; margin-top: 1.5em; } .entry ul { list-style-type: none; } .entry li { width: 34.5em; } .entry ul li { background: url("images/li.gif") no-repeat; padding-left: 1.3em; margin-left: 3em; background-position: 0 0.4em; } .entry ol { margin: 0 0 0 5.5em; } .entry blockquote p { margin-left: 3em; width: 34em; color: #9f9f9f; } .entrymeta { font-size: 0.9em; margin: -2.2em 0 2.6em 0; text-transform: lowercase; } /* =comments ================================================= */ .tabbedCommentslive .commentTabhide {display:none;} .tabbedCommentslive { margin-top: 1em; } ul.tabbedCommentsnav { margin:0; padding:0; text-transform: lowercase; font-weight: bold; font-size: 1.2em; letter-spacing: -1px; } .tabbedCommentsnav li { list-style: none; margin: 0; display: inline; } .tabbedCommentsnav li a { padding: 0.3em 0.5em; background: #95A566; border-top: 1px solid #484848; border-right: 1px solid #484848; border-left: 1px solid #484848; border-bottom: 1px solid #444; margin-right: 0.1em; } .tabbedCommentsnav li.tabbedCommentsactive a { background-color: #444; /* active tab */ } .tabbedCommentsnav li a:hover, .tabbedCommentsnav li.tabbedCommentsactive a:hover { color: #f0f0f0; background: #444; } .tabbedCommentslive .commentTab { background: #444; padding: 1.2em 0.5em; margin: 0.2em 0 0 0; border: 1px solid #484848; } .commentlist li { list-style: none; font-size: 1em; margin-bottom: 0.5em; background: #4f4f4f; border-top: 1px solid #555; border-bottom: 1px solid #555; width: 50.8em; } .comment { overflow: auto; padding: 0 0.5em 0.6em 0.5em; outline: none; } li.alt { background: #3f3f3f; border-top: 1px solid #444; border-bottom: 1px solid #444; } li.author { background: #95A566; border-top: 1px solid #626C4A; border-bottom: 1px solid #626C4A; } .commentmeta { text-align: right; color: #f0f0f0; } .commentmeta a:link, .commentmeta a:active, .commentmeta a:visited {color: #B2C977;} .author a:link, .author a:active, .author a:visited {color: #555;} .commentmeta a:hover, li.author a:hover, li.specialguest a:hover {color: #f0f0f0;} /* =bottom page ================================================= */ #bottom { width: 100%; background: #95A566 url("images/bottom.gif") repeat-x top left; } #bottomwrap { margin: 0 auto; padding-top: 3%; padding-left: 1.5%; width: 54em; } #bottomwrap a:hover {color: #efb;} #bottomwrap ul { margin-left: 0.6em; list-style-type: none; } #bottomwrap ul li { background: url("images/li_bottom.gif") no-repeat; padding-left: 1.3em; background-position: 0 0.4em; } .toolshed { padding-left: 1.6em; background: url("images/leaf2.gif") no-repeat top left; margin-top: 1.5em; } #bottomleft { float: left; width: 25em; position: relative; } #bottomnav li a span { display: none; } #bottomnav li a:hover span { display: inline; } #bottomright { float: right; width: 25em; overflow: hidden; } /* favicon links inspired by kristin http://www.wiphey.com/2006/02/07/wp-quicky-1-9rules-style-links-page/ */ #linkage li { background-image: none !important; /* overrides li background images */ margin-left: -1.3em; } #linkage ul { margin: 0; padding: 0; } #linkage ul li { margin: 0; padding: 0 0 0.2em 0; display: block; width: 25em; display: inline; } #linkage h2 { font-size: 1.2em; margin: 0 0 0.2em 0; padding: 0 0 0.2em 0; text-transform: lowercase; } #linkage img { padding: 2px; background: #B2C977; border: 1px solid #5F684B; width: 16px; height: 16px; } .linkageNotes a:active, .linkageNotes a:link, .linkageNotes a:visited { color: #efb; } /* =footer ================================================= */ #footer { text-align: center; padding: 0.5em 0 0.3em; text-transform: lowercase; } #footer a:hover {color: #efb;} /* =misc & images ================================================= */ img {background: #4f4f4f; border: 1px solid #95A566; padding: 2px;} .gravatar { float: right; border: 0; padding: 0; margin: 0.5em 0 0 0.5em; } abbr[title] {border-bottom: 1px dotted #999;} abbr[title]:hover {cursor: help;} .clear { /* for clearing floats */ clear: both; } .alignleft {float: left;} .alignright {float: right;} #tagcloud { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; margin-bottom: 2.8em; } .wp-smiley { border: 0; } /* =forms ================================================= */ #s { width: 15em; background: #333; border: 1px solid #B2C977; color: #f0f0f0; padding: 0.3em; } #submit, #searchsubmit, #author, #url, #email, #comment { border: 1px solid #B2C977; background: #333; padding: 0.3em; color: #f0f0f0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; } #author, #url, #email, #comment { color: #f0f0f0; border: 1px solid #4f4f4f; } .commentTab #submit { background: #95A566; border: 1px solid #4f4f4f; color: #f0f0f0; padding: 0.3em 0.3em; font-size: 0.9em; } #author, #email, #url { width: 15em; } #comment { width: 46.2em; height: 15em; overflow: auto; }