/* -----------------------------------------------------------------------
 * Copyright (c) 2005-2009 Stone Steps Inc. All rights reserved.
 * http://www.stonesteps.ca
 * -----------------------------------------------------------------------
 */

body {font: 10pt Verdana, sans-serif; background-color: #F5F5F5; color: black; padding: 0; margin: 0;}
table {font: 10pt Verdana, sans-serif}
img {border-style: none}

/* posts */
div.post_div {margin: 1.5em 0;}

div.post_info {font-size: 9pt; margin: 0;}
div.post_info span.draft {color: red;}
div.post_info span.post-date {}
div.post_info span.post-name {}
div.post_info span.post-category {}

div.post_text {margin: 1.2em auto;}
div.post_text samp {color: green;}
div.post_text li {margin-bottom: 5px;}
div.post_text blockquote {font-style: italic; color: #555; border-top: 1px dashed #777; border-bottom: 1px dashed #777; margin-top: 1.5em; margin-bottom: 1.5em}
div.post_text pre {border: 1px dashed #777; padding: 3px 5px; background-color: #F5F5F5}
div.post_text h1 {font: bold 14pt Verdana, sans-serif}
div.post_text h2 {font: bold 10pt Verdana, sans-serif}
div.post_text h3 {font: italic normal 10pt Verdana, sans-serif}
div.post_text span.doctype {color: #4682B4;}
div.post_text span.start-tag, span.end-tag {color: purple}
div.post_text span.attribute-name {color: black;}
div.post_text span.attribute-value {color: blue;}
div.post_text span.comment {color: green;}
div.post_text span.pi {color: gray;}

div.post_button_div {margin: 1em auto;}
div.post_button_div input {width: 80px;}
div.post_button_div button {width: 70px; background-color: #9CF;}

div.post_footer {padding: 5px 0; margin: 1em 0; border-bottom: 1px solid black;}
div.post_footer p.modified {font-size: 8pt; color: #777;}

div.post_index {margin: 1em auto; padding: 2px 5px; border: 1px solid #CCC; background-color: #F5F5F5;}
div.post_index a {text-decoration: none;}
div.post_index div.post_title {font-size: 12pt;}
div.post_index div.post_info {font-size: 8pt;}

/* post comments */
div.comments div.comment-form {margin: 2em auto;}
div.comment-header {font-size: 9pt; margin: 0 auto; padding: 3px; border: 1px solid #BBB; border-bottom: none; background-color: #EEE;}
div.comment-header span.comment-date {}
div.comment-header span.comment-name {}
div.comment-header span.comment-name {}
div.comment-header span.comment-ipaddress {}
div.comment-header span.comment-link a {text-decoration: none; color: black;}
div.comment-footer {padding: 5px 0; background-color: white;}
div.comment-body {margin: 0; padding: 0 3px; border: 1px solid #BBB; background-color: #FBFBFB;}
div.comment {margin: 1.2em auto;}

/* blog page */
div.page_title {width: 86%; height: 90px; margin: 15px auto 1em; padding: 0; background-color: #DDD; border: 1px solid #AAA;}
div.page_title div.blog_title {font-size: 18pt; font-weight: bold; margin: 5px 20px;}
div.page_title div.blog_tagline {font: bold 11pt Verdana, sans-serif; margin-left: 20px;}
div.page_title a {text-decoration: none; color: black;}

table.page_content {border-collapse: collapse; width: 86%; height: 480px; margin: 0 auto; padding: 0; background-color: white; color: black; border: 1px solid #AAA;}
table.page_content th.nav_th {vertical-align: top; padding: 1.5em 15px 1.5em 0; text-align: left;}
table.page_content td {vertical-align: top; padding: 0 30px 0 20px;}

div.page_footer {width: 86%; margin: 2px auto 0;}

div.post_header {margin: 1.5em 0 0; padding: 0;}
div.post_title {margin: auto; font: bold 14pt Arial, sans-serif;}

/* blog menus */
div.menu {font: 9pt Verdana, sans-serif;}

div.menu a {margin: 0; text-decoration: none;}
div.menu a:hover {text-decoration: underline;}

div.sub_menu {border: 1px solid #AAA; background-color: #FAFAFA;}
div.sub_menu div {margin: 5px 3px; padding: 1px 5px;}

div.main_menu {margin: 0 auto;}

div.archive_menu {margin: 15px auto;}

div.cat_menu {margin: 15px auto;}

div.new_comments_menu {margin: 15px auto; border: 1px solid #777; font-size: 8pt; font-weight: normal;}
div.new_comments_menu div {margin: 5px 2px; padding: 0;}

/* message and warning boxes */
div.title_box {margin: .5em auto; padding: 0 5px 4px;}
div.title_box div {margin: 0 -5px 4px; padding: 2px 5px; font-weight: bold;}

div.blue_title_box {border: 1px solid #39C;}
div.blue_title_box div {border-bottom: 1px solid #39C; background-color: #E0EEFF; color: #039;}

div.warning_box {border: 1px solid red; background-color: #FFC; color: red; margin: auto 25%;}
div.warning_box div {border-bottom: 1px solid red; background-color: #FFE4B5;}

div.message_box {border: 1px solid #39C; margin: auto 25%;}
div.message_box div {border-bottom: 1px solid #39C; background-color: #E0EEFF; color: #039;}

div.warning_div {border: 1px solid red; padding: 2px 5px; margin: 1.5em 25%; color: red; background-color: #FFC; text-align: center;}
div.message_div {border: 1px solid #39C; text-align: center; padding: 2px 5px; margin: 1.5em 20%; background-color: #E0EEFF;}

/* users */
div.login_form {font: 8pt Verdana, sans-serif; margin: 0 auto; padding: 2px;}
div.login_form input {width: 100px; font-size: 8pt;}
div.login_form div {margin: 5px 0; padding: 0; font-size: 8pt;}

/* forms */
form {margin: 0; padding: 0; border-style: none;}

form.login_form {margin: 1.5em auto; padding: 0; clear: both;}
form.login_form table {border-collapse: collapse; background-color: #F5F5F5; width: 420px; margin: 0 auto;}
form.login_form table th {font-weight: normal; text-align: right; padding: 2px 5px; border: 1px solid #999;}
form.login_form table td {padding: 2px; width: 302px; border: 1px solid #999; background-color: white; vertical-align: middle;}
form.login_form table thead th {text-align: left; font-weight: bold; background-color: #CCC;}
form.login_form input.text_input {width: 300px; margin: 0;}
form.login_form td.buttons_td {background-color: white; text-align: right; padding: 0; margin: 0; border-top: 1px solid #999; width: auto; padding: 5px 3px;}

form.usercp {width: 500px; margin: 2em auto;}
form.usercp table {border-collapse: collapse; margin: 0; width: 100%; border: 1px solid #777; background-color: #F7F7F7;}
form.usercp tr {border-top: 1px solid #777;}
form.usercp th, form.usercp td {text-align: right; padding: 3px 5px;}
form.usercp th {background-color: #E5E5E5; border-right: 1px solid #777;} 
form.usercp td input.editbox {width: 100%; margin: 0}

/* ads */
div.google_234x60_ad {position: absolute; top: 30px; right: 8%;}
div.google_468x60_ad {position: absolute; top: 30px; right: 8%;}