/* Reset */
* { margin: 0; padding:0;} 
body {font-family: arial, georgia, tahoma, verdana, trebuchet ms, times new roman, arial, serif, times;}
img {border: 0px;}
ul, ol {list-style-type: none; margin: 0 0 1em 0;}
li {margin-bottom: 5px;}
a { color: #094A84; }
p {line-height: 1.4em; margin-bottom:1em;}
h1, h2, h3 { margin: 0 0 10px 0; color: #094A84; font-weight: normal; }
/* End of reset */

#page { width: 50em; margin: 10px auto; overflow: hidden; border: 2px solid #c00; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#header, #footer, .navigation, #navigation, #content, #logo, #title, #description, .postMetaData .commentCount, .postMetaData .date { float: left; }
#header, #footer, #description, #content, #navigation, .navigation { width: 48em; padding: 1em 1em 0 1em; }

#title { float: right; width: 23em; text-align: right;  }
#title a { text-decoration: none; font-size: 2em; margin-bottom: 1em; color: #c00; font-family: georgia; }
#title .description { font-size: 1em; color: #094A84; font-weight: bold; margin: 5px 0 10px 0; }

#content { padding-top: 10px; }
#content .post { float: left; width: 16em; height: 23em; background: url(images/post_bg_bot.gif) no-repeat 10px 100%; margin-bottom: 20px; position: relative; }
#content .post h2, #content .post p { margin: 0 0 10px 10px; }
#content .post h2 { background: url(images/header_bg_top.gif) no-repeat top left; padding: 17px 0 0 0; font-size: 1.4em; float: left; }
#content .post h2 span { float: left; background: url(images/header_bg_bot.gif) no-repeat bottom left; padding: 0 1em 0.6em 1em; height: 5em; width: 8.6em; }
#content .post h2 a { color: #fff; text-decoration: none; }
#content .post h2 a:hover { color: #333; text-decoration: none; background: #e5f971; }
#content .post .date { padding: 0 0 0 10px; color: #fff; font-weight: bold; font-size: 0.8em; }
#content .post .excerpt p { padding: 1em 1.6em 1em 1.3em; color: #fff; }
.entry ul, .entry ol {margin:0 0 1em 10px;}
.entry ul li, .entry ol li {background: url(../i/icons/bullet2.gif) no-repeat 0px 5px;padding-left: 15px;line-height:1.4em;}
.entry ol li { list-style-type: decimal; margin-left: 0.8em; }

#navigation { background: #094a84; padding: 5px 10px 5px 18px; width: 772px; }
#navigation li { float: left; margin: 0 10px 0 0; padding: 0 1em 0 0; }
#navigation a { color: #fff; text-decoration: none; font-weight: bold; }
#navigation a:hover { text-decoration: underline; } 

#footer { padding-bottom: 0; color: #094A84; text-align: center; font-size: 0.8em; width: 774px; }
#footer a { color: #c00; }

input, textarea { border: 2px solid #ccc; font-size: 1em; font-family: georgia; }
input { padding: 3px; }
#commentform #comment {width: 45.8em;}

.postMetaData { position: absolute; bottom: 15px; right: 22px; }
.postMetaData .commentCount {  background: url(images/cloud.png) no-repeat top left; height: 54px; width: 54px; margin: 0 0 0 20px; text-align: center; }
.postMetaData .commentCount a { color: #333; font-weight: bold; position: relative; top: 11px; display: block; width: 54px; height: 50px;  }
.postMetaData .date { line-height: 96px; height: 58px; width: 130px; }

.navigation { padding: 0 2em; width: 46em }
.navigation li { float: left; width: 23em; }
.navigation li.next { text-align: right; }
.navigation li a { color: #094A84; font-weight: bold; text-decoration: none; }

#content form#commentform li { list-style-type: none; }
#content form#commentform li label { float: left; width: 100%;  font-weight: bold; margin: 5px 0 0 0; }

ol.commentlist li, #respond { border: 2px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; }
.comment-author { font-weight: bold; color: #c00; }
.even { background: #fef; }

.comment .vcard { display: inline; }
.vcard img { border: 2px solid #ccc; }
.gravatar { background: url(images/avatar_bg.gif) no-repeat top left; float: right; display: block; width: 56px; height: 56px; padding: 2px;}
.gravatar img { margin: 2px; }

ul.bull { list-style-type: disc; margin: 0 0 1em 0; }
ul.bull li { margin: 0 0 5px 2em; padding: 0; }