@media screen { html, body { height: 100%; } body { margin: 0; background: #fff; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; color: #000000; } #wrapper{ min-width: 900px; position: relative; min-height: 100%; } p { margin: 0px 0px 10px 0px; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal; margin-bottom: 10px; color: #688848; } a { border: 0px; color: #115588; text-decoration: none; } a:hover { color: #4477bb; text-decoration: underline; } img { border: 0px; } hr { color: #FFF; height: 0px; border: 1px dotted #ccc; margin-top: 3px; margin-bottom: 3px; } code { font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace; padding: 15px; border: #cde9a7 1px solid; background: #e9ffcb; display: block; } #header { color: #FFFFCC; clear: both; height: 100px; border-top: 10px #72954f solid; background: #7AA055 url(data:image/gif;base64,R0lGODlhAQBkANUAAHSYUX6lV3OWUG6PTHaaUnOXUIOrWnGUT3CTTm2OS3CSToGpWXWaUnieVHuhVW6QTXSZUXyiVXaaUXidVG+STXGTToKqWYOsWnqfVX+mWIOsW32jVnqfVHGUTn+nWHSYUHmfVYStW4CoWHmeU3KWT32kV3ebUnqgVG2OTHCSTXyjVoCoWYKrWm2PTG+RTXmfVHKVT26QTHmeVHWZUXqgVXidU3abUnecUwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAGQAAAZTQJqQhgG9jjJZozGp1W7Qm21KYDBmMwgA8CkUBAISbHw4dCoIhEKRorjej5h8MGjZUYkEVkKYmm5OIzIcJw4OESobJQEBGR4iKwsLFiwGBhcaIUEAOw==) left repeat-x; margin-bottom: 15px; } #header h1 { font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; letter-spacing: -1px; font-size: 250%; padding: 12px 0px 0px 0px; margin: 0; line-height: 90%; } #header h2 { font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 160%; padding: 1px 0px 0px 0px; margin: 0px; } #header a, #header a:hover, #header a:active, #header a:visited { color: #FFFFCC; text-decoration: none; border: 0; } #header a img { border: 0; } #header-logo { float: left; width: 111px; height: 100px; background: #7AA055 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABkCAIAAAAHYPn0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtBJREFUeNrsXVuOEzEQdLtNhMT5OABC4gYrscsvoJW4AOILbokWJo0fmWzyiaYsTbbKa63yZWlqqqu6PBPHHn6+TRqgkQWB0BSaBKOkEAg4NAUmlJsip3RTaMqF/n9EW5BLPaz/Dd1Ejq/vPlLhePf9c/acvfHHzKCe3te6+/GFBMpvHz49PS1eoiTPbvXyMxRMxvbguBzrjHbxAdXNuPhPopiVkcc6Iy2R3LD9Jh83KyHr6NQ0dUhYDpXA8SkoU1Wj5TrFTWUhoUmRLAOndqelmOQzRp95GuKmKn2/la7mHRP/+iwKlhsv+XKq0sGVrjCECkPiJrjflAnhpFP7mwgs1w+qdKwLiZywQp+wv0mHpfY3bydZspEzyYWm9Zu4/U2+jjOuwpD2kKCurkpHDqGJ1U1tIW30CvWbN5Qs+Vz9nCzVvQNtXc+FkHhKN3ee01lbd3XvN+DptJtIesqGLPQZ3wEmftlDuokcQhPqQvCtCuanbMrpyE5GlS7dpEiWtEMd0hxPFwa4/l3clAsRuRBxTp9xuhSbFKt7n1Tpr98cYPeoZ35/5UTwHdppM+55fBA3oeCagVc0JvisHztznoXs8mdBOmYRmIBKXPGUbmJ1UxjAqFl1E29DTDeouU+cbaiYyLkdz3VKN3febxovN9VvQvtN6ebWQoxLbgpNDC/brNw0/O0iAtOiZ/Ux5On79nS2Srdr3VSLtFE3u2SespD4tdOcHpyl/rxpDNVNe75dXHgqp0/ydMNyk8qFGnoRa7uJfZJB6GjXNoTXzcf39zxgRiPmiELwPSRLD78e//xeguMUhXGg9gnLGXtIpXg6pOXvcoyXfzLFsBwv2YvlbIObyPXdU+rvkLSfNXn5PynWEGwvzHjuwEK52f2tKXG4U2C5InrOluCcXheuMFr7sR2uN2gGivicPjjP2b0rC0FNWE8yoGgKTmhOFwiw8U+AAQAcVDghehRBhQAAAABJRU5ErkJggg==) left no-repeat; border: 0; } #header-logo-gravatar { margin: 11px 0 0 27px; } #header-title { margin: 0 0 0 126px; text-align: left; height: 65px; border: 0; } #header-navi { border: 0px; height: 35px; font-size: 130%; padding: 0; margin: 0px 1px 0px 117px; vertical-align: middle; } #header ul { margin: 0; padding: 0; float: left; } #header-navi ul li { line-height: 35px; text-align: center; float: left; list-style: none; } #header-navi li a { padding: 0px 9px; } #header-navi li a:hover { background: #FFF; color: #688848; } #header-navi a, #header-navi a:active, #header-navi a:visited { color: #cde9a7; text-decoration: none; display: block; } #content-wrapper { margin-bottom: 1em; float: right; width: 79%; display: inline; } #content { width: 73%; float: left; font-size: 120%; line-height: 150%; display: inline; } #content h1 { margin-top: 0; font-size: 190%; line-height: 115%; } #content h2 { font-size: 160%; line-height: 120%; } #content h3 { font-size: 130%; line-height: 120%; font-weight: bold; } #content blockquote { background-color: #e9ffcc; border-left: 3px solid #cde9a7; margin: 0 0 5px 15px; padding: 5px 10px 1px 8px; } #content h1 a:hover, #content a:hover h1, #content h2 a:hover, #content a:hover h2, #content h3 a:hover, #content a:hover h3 { border-bottom: 1px dotted; text-decoration: none; } #content .pagetitle { margin-bottom: 20px; border-bottom: 1px dotted #688848; } #content ul, #content ol { padding: 0 0 0 20px; } #content ul { list-style: square; } #content ul li, #content ol li { margin: 3px 0 3px 0; padding: 0; } #sidebar-left { list-style: none; float: left; width: 18%; margin-left: 15px; line-height: 125%; font-size: 110%; display: inline; } #sidebar-right { list-style: none; float: right; width: 23%; margin-right: 15px; font-size: 110%; line-height: 125%; display: inline; } #sidebar-left h2, #sidebar-right h2 { margin-top: 0px; font-size: 120%; font-weight: normal; color: #cde9a7; background-color: #7aa055; border-top: 4px solid #72954f; border-bottom: 4px solid #84ad5b; padding: 1px 0 1px 10px; } #sidebar-left h2 a, #sidebar-right h2 a{ color: #cde9a7; text-decoration: none; } #sidebar-left ul, #sidebar-right ul { list-style: none; margin: 0 0 15px 0; padding: 0; } #sidebar-left ul li, #sidebar-right ul li { background-color:#F8F8F8; margin:0 0 15px; padding:0 0 1px; } #sidebar-left ul ul, #sidebar-right ul ul { padding: 0 0 0 10px; } #sidebar-left ul ul li, #sidebar-right ul ul li { margin: 0 0 6px 0; } #postmeta { font-size: 80%; margin-bottom: 30px; padding-bottom: 3px; border-bottom: 1px dotted #688848; color: #688848; clear: both; line-height: 100%; } #postmeta p { line-height: 100%; } #postmeta img { vertical-align: middle; margin: 0 4px 0 0; } #postmeta .editlink { float: right; margin-top: 5px; } .postnav { width: 86%; float: left; list-style: none; line-height: 110%; margin-top: -10px; margin-bottom: 20px; padding: 0; } .postnav li.left { display: block; float: left; padding: 0; margin: 0; } .postnav li.right { display: block; float: right; padding: 0; margin: 0; } #comments { } #comments ul li, #comments ol li { margin-bottom: 40px; border-bottom: 1px dotted #688848; } #comment-area { } #comment-form { } .commenter { color: #688848; } .comment-moderation { color: red; } .comment-info { } #footer { position: relative; margin: -25px 0 0; clear: both; height: 17px; line-height: 17px; color: #FFFFCC; padding: 0 15px 0 15px; font-size: 110%; border-top: 4px solid #72954f; border-bottom: 4px solid #84ad5b; background: #7AA055; } #footer a { color: #cde9a7; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { margin: 0; } #footer-left { float: left; text-align: left; } #footer-right { float: right; text-align: right; } .hasFloat:after { content: ""; display: block; clear: both; } #searchform input { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background-color:#84ad5b; margin: 0 0 3px 0; padding: 2px 4px 2px 4px; border:#688848 1px solid; color:#e9ffcb; } #searchform input:hover { cursor:pointer; background-color:#688848; border:#567635 1px solid; color:#fff; } #searchform #s { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; margin: 0 0 3px 0; background-color:#e9ffcc; padding: 3px 4px 3px 4px; border:#688848 1px solid; color:#222; } #searchform #s:hover { background-color:#e9ffcb; color:#222; } img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 5px 10px 5px 0px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } #header { *background-image:url(/wp-content/themes/emerald-stretch/img/header_back.gif)} #header-logo { *background-image:url(/wp-content/themes/emerald-stretch/img/left_logo.png)} } @media screen {.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px dotted #ccc; color: #0066cc; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px dotted #ccc; color: #0066cc; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi a:hover { border: 1px solid #666; color: #666; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px dotted #ccc; color: #0066cc; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #666; border: 1px solid #666; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #666; color: #666; background-color: #FFFFFF; font-weight:bold;font-size:90%; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #666; color: #666; background-color: #FFFFFF; font-weight:bold;font-size:90%; } #header { *background-image:url(/wp-content/themes/emerald-stretch/img/header_back.gif)} #header-logo { *background-image:url(/wp-content/themes/emerald-stretch/img/left_logo.png)} }