/* common */
html,body {margin: 0; width: 100%; font-family: Verdana, sans-serif; color: #333333; font-size: 14px}
a {color: #333333}
a:hover {text-decoration: none}
a img {border: 0}
.container {position: relative; min-height: 100%; margin: 0 3% 0 3%}
/* header */
.header {padding: 0px; margin: 0; background-color: #ffffcc; display: table; width: 100%; overflow: hidden; border-bottom: 1px solid #ffff66; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px}
.header .logo {margin: 0; font-size: 44px; display: table-cell; padding: 10px 10px 10px 20px; width: 250px; font-weight: bold}
.header .logo span {font-size: 12px; font-weight: normal; display: block}
.header .logo a {text-decoration: none}
.header .logo a {color: #333333}
.header div.tags {display: table-cell; vertical-align: middle; text-align: center}
.header div.tags a, .header div.tags a:visited {color: #555555; text-decoration: none}
.header ul.links {width: 100px; display: table-cell; vertical-align: middle; padding-right: 20px;}
.header ul.links li {list-style-type: none; font-weight: bold; white-space: nowrap}
.header ul.links li img {width: 20px; vertical-align: middle; padding-bottom: 5px}
.header ul.links li a {text-decoration: none}
/* main */
.main {padding: 0; width: 100%; padding: 20px 0 20px 30px; margin-top: 20px}
.panel {width: 300px; padding-top: 0; vertical-align: top}
.panel h3 {font-size: 14px; border-bottom: 1px solid; margin: 0 0 3px 0px; font-weight: normal; padding: 0 5px 1px 5px;}
.panel h3 span {float: right; font-size: 12px;}
.panel h3 span a {text-decoration: none}
.sections {background-color: #ffffcc; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px; padding: 10px; margin-bottom: 20px}
.sections ul {margin: 0; padding: 0 10px 0 10px}
.sections li {list-style-type: none; padding: 2px 5px 2px 20px; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px}
.sections li:hover {background-color: #ffffff}
.simpleBlock {margin-top: 20px;}
.simpleBlockContent {padding-left: 20px;}
#twiStatuses {font-size: 11px; border-left: 1px solid #ffff66;}
#twiStatuses li {list-style-type: none; margin-bottom: 5px; border-bottom: 1px solid #ffffcc}
.interestingLinks li {list-style-type: none; text-align: center}
.content {padding: 0 20px 30px 0; font-size: 13px; vertical-align: top}
.content a {color: #333333}
.content a:visited {color: #999999}
.content h1 {margin: 0 0 3px 0; padding-bottom: 5px; border-bottom: 2px solid #ffffcc}
.content h2 {font-size: 18px; margin: 0}
.content h2 a:visited {color: #333333}
.post .info {font-size: 11px; color: #555555}
.post .info a {color: #555555}
.post .summary {margin: 10px 0 20px 0}
.post .summary span {border: 2px solid #ffffff; background-color: #eeeeee; padding: 1px 5px 1px 5px; font-weight: bold;-moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px;}
.body {padding-top: 10px;}
.body img {max-width: 50%; max-height: 500px; padding: 5px; display: block; width:expression(document.body.clientWidth < 1024? Math.round(document.body.clientWidth/3) + "px":"auto" )}
.body img[align=left] {text-align: left; padding-right:0}
.body img[align=right] {text-align: right; padding-left: 0}
.body h3 {font-size: 14px; color: #555555}
.body blockquote {padding-left: 10px; margin-left: 0; border-left: 1px dotted #555555; margin-left: 10px}
.comment {margin-bottom: 10px}
.comment div, .comment div a {font-size: 11px; color: #555555; margin-bottom: 3px}
.comment p {background-color: #dddddd; padding: 5px; margin: 0; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px}
.comments form label {display: block; font-weight: bold; font-size: 11px; margin-top: 10px}
.comments form input {display: block; width: 35%; min-width: 150px; max-width: 300px;-moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px;}
.comments form textarea {height: 150px; width: 70%; display: block; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px; min-width: 300px; max-width: 600px;}
.comments form input[type=submit] {width: 100px; margin-top: 10px}
/* footer */
.footer {position: absolute; bottom: 0; left: 0; right: 0; height: 20px; background-color: #ffffcc;
         border-top: 1px solid #ffff66; -moz-border-radius: 5px;-webkit-border-radius: 5px; boder-radius: 5px;
         text-align: right; padding-right: 20px; font-size: 12px; font-weight: bold}