body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {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;}

html, body { height: 100%; } 
body { background: #000300 url(images/bg_earth.jpg) top repeat-x; text-align: center; font-size: 100.01%; }

#page { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -262px; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; text-align: left; }

#branding { height: 100px; }
h1 { position: relative; top: 13px; width: 83px; height: 73px; margin: 0 auto; overflow: hidden; }
h1 a { display: block; width: 83px; height: 73px; } 
h1.earth span { position: absolute; top: 0; left: 0; width: 83px; height: 73px; background: transparent url(images/logo_earth.jpg) no-repeat; }

#menu { position: relative; width: 800px; height: 45px; margin: 0 auto; text-align: left; }

#navi { position: absolute; top: 0; left: 195px; width: 409px; height: 45px; background: transparent url(images/nav_earth.jpg) no-repeat; }
#navi li { position: absolute; top: 0; overflow: hidden; }
#navi li, #navi a { display: block; height: 35px; }
#navi a { position: absolute; width: 100%; z-index: 20; }  
#navi span { display: block; width: 0; height: 0; overflow: hidden; }

.nav-home { left: 0; width: 115px; }
.nav-home a:hover { background: url(images/nav_earth.jpg) 0 -45px no-repeat; }
.nav-home-hover { position: absolute; top: 0; left: 0; width: 115px; height: 35px; background: url(images/nav_earth.jpg) 0 -45px no-repeat; }
.nav-work { left: 116px; width: 89px; }
.nav-work a:hover { background: url(images/nav_earth.jpg) -116px -45px no-repeat; }    
.nav-work-hover { position: absolute; top: 0; left: 0; width: 89px; height: 35px; background: url(images/nav_earth.jpg) -116px -45px no-repeat; }
.nav-blog { left: 205px; width: 91px; }
.nav-blog a:hover { background: url(images/nav_earth.jpg) -205px -45px no-repeat; }
.nav-blog-hover { position: absolute; top: 0; left: 0; width: 91px; height: 35px; background: url(images/nav_earth.jpg) -205px -45px no-repeat; cursor: default; }
.nav-info { left: 296px; width: 110px; }
.nav-info a:hover { background: url(images/nav_earth.jpg) -296px -45px no-repeat; }
.nav-info-hover { position: absolute; top: 0; left: 0; width: 110px; height: 35px; background: url(images/nav_earth.jpg) -296px -45px no-repeat; cursor: default; }

#content { width: 800px; margin: 0 auto; color: #fff; padding-top: 18px; }
h3 { font-size: 1.8em; color: #13cc00; margin: 1em 100px 0.5em 0; line-height: 1em; clear: both; }
h3 a { color: #13cc00; text-decoration: none; outline: none; }
h3 a:hover, h4 a:hover { text-decoration: underline; }
h4 { position: relative; height: 22px; font-size: 1.1em; color: #777; margin: 0 0 1.636em; line-height: 2.1em; background: transparent url(images/earth_hr.gif) top left no-repeat; }
h4 span { position: absolute; right: 15px; text-align: center; line-height: 1.636em; } 
h4 a { color: #777; text-decoration: none; outline: none; }
#content h5 { color: #ddd; font-size: 1.4em; line-height: 1.286em; font-weight: bold; margin: 0; padding: 0; height: auto; }
#content p { font-size: 1.2em; color: #ddd; line-height: 1.667em; margin: 1.5em 0; }
#content p a { color: #ddd; outline: none; }
#content pre { font-size: 1.6em; line-height: 1.5em; }
#content p a:hover { color: #13cc00; text-decoration: none; }
#content a span.more { float: right; display: block; width: 127px; height: 20px; line-height: 20px; background: transparent url(images/earth_leaf_icon.gif) left no-repeat; color: #13cc00; text-decoration: none; margin: 1em 0 30px; cursor: pointer; text-align: right; }
#content a:hover span.more { text-decoration: underline; }
#content ul { color: #ddd; list-style-type: inherit; margin-bottom: 1.5em; }
#content ul li { font-size: 1.2em; line-height: 1.5em; }

div.posts { width: 550px; float: left; margin-right: 50px; }
div.post-img { float: left; border: 1px solid #042b00; padding: 5px; margin: 3px 15px 1em 0; width: 200px; height: 200px;  }

blockquote { display: block; width: 250px; float: right; font: 1.4em/1.286em Georgia, "Times New Roman", Times, serif; text-align: right; margin: 0 0 15px 20px; padding: 0 5px 5px; }
#content blockquote p { margin: 0; padding: 0; } 
cite { font-size: 11px; font-style: italic; }

#sidebar { width: 200px; float: left; margin-top: 50px; }
#sidebar form { position: relative; } 
#searchform input.box { border: 1px solid #042b00; background-color: #b2b2b2; padding: 3px 28px 3px 4px; width: 142px; } 
#searchform input.btn { position: absolute; top: 2px; left: 155px; }
#sidebar h3 { position: relative; color: #ccc; font-size: 1.2em; font-weight: bold; line-height: 1.667em; text-transform: uppercase; padding: 0 5px; }
#sidebar p.rss a { display: block; width: 40px; color: #ccc; font-weight: bold; text-decoration: none; padding-left: 35px; line-height: 35px; background: transparent url(images/earth_rss_icon.gif) left no-repeat; margin-bottom: 2em; outline: none; }
#sidebar p.rss a:hover { color: #13cc00; text-decoration: underline; }

#sidebar ul { background: transparent url(images/earth_sidebar_hr.gif) top left no-repeat; margin-bottom: 2em; list-style-type: none; }
#sidebar ul li { border-bottom: 1px solid #032200; margin-right: 21px; }
#sidebar ul li a { display: block; color: #808180; text-decoration: none; padding: 5px; outline: none; }
#sidebar ul li a:hover { color: #fff; background-color: #042b00; }

#respond a { text-decoration: none; }
#respond a:hover { text-decoration: underline; } 
#respond h3 span a { font-size: 12px; color: #eee; }
#respond h3 span a:hover { color: #13cc00; }

#content ol.comments p { font-size: 12px; line-height: 20px; }
ol.comments li { margin: 0 250px 5px 0; }
ol.comments li div.comment-header, ol.comments li div.comment-footer { text-align: right; font-size: 11px; line-height: 16px; background-color: #0b7c00; padding: 5px; }
ol.comments li div.comment-footer { padding: 3px 5px; }
ol.comments li div.comment-header a, ol.comments li div.comment-footer a { color: #eee; text-decoration: none; }
ol.comments li div.comment-header a:hover, ol.comments li div.comment-footer a:hover { text-decoration: underline; }
ol.comments li div.comment-body { padding: 0 10px; }
ul.children li div.comment-header, ul.children li div.comment-footer { background-color: #085c00; }
ul.children li { margin-left: 20px; }
ul.children ul.children li div.comment-header, ul.children ul.children li div.comment-footer { background-color: #053800; }
ul.children ul.children li { margin-left: 40px; }

hr.postbreak { width: 550px; height: 1px; border: none; background-color: #085800; text-align: left; margin: 0; padding: 0; overflow: hidden; }
#commentform { width: 550px; }
#commentform label span.req { color: #13cc00; }
#commentform input, #commentform textarea { border: 1px solid #042b00; background-color: #b2b2b2; padding: 3px 4px; width: 175px; margin-bottom: 5px; }
#commentform textarea { width: 482px; }
#commentform #submit { background: #040404 none; border: 1px solid #7c7c7c; width: auto; color: #7c7c7c; text-transform: uppercase; }
#commentform #submit:hover { color: #b2b2b2; border-color: #b2b2b2; }

p.sharethis { float: right; }

.wp-pagenavi { font-size: 1.2em; margin-bottom: 25px; text-align: center; }
.wp-pagenavi a { color: #ddd; padding: 4px; border: 1px solid #042b00; text-decoration: none; margin-right: 4px; outline: none; }
.wp-pagenavi a:hover { color: #13cc00; border: 1px solid #13cc00; }
.wp-pagenavi span.pages { padding: 2px 6px;  margin: 2px; color: #ddd; }
.wp-pagenavi span.current { padding: 4px; color: #ddd; border: 1px solid #13cc00; margin-right: 4px; }

#sidebar ul.twitter li { border-bottom: none; }
.twitter-timestamp { display: block; color: #808180; font-size: 11px; text-align: right; }

#footer { background: url(images/bg_earth_stage.jpg) repeat-x; border-top: 1px solid #085300; }
div.footer-content { width: 740px; height: 230px; margin: 0 auto; text-align: left; }
h5 { position: relative; width: 397px; height: 31px; margin: 0 auto; }
h5 span { position: absolute; bottom: 0; left: 0; width: 397px; height: 31px; background: url(images/bg_earth_footer_gap.jpg) no-repeat; }
#footer, .push { height: 261px; clear: both; }
br.clear { display: block; width: 0; height: 0; clear: both; }