.navi { margin-bottom: 10px; }
.no-top-margin { margin-top: 0px !important;  }

/* sidebar */
#sidebar { float:left; margin-bottom: 25px; position: relative; margin-right: 25px; width: 105px; margin-top: 20px; }

#sidebar h3, #sidebar h2 { margin: 20px 0px 5px 0px; font-style: normal; font-size: 13pt; color: #8BB9DF; padding-left: 10px; text-shadow: 1px 1px 3px #CCCCCC; }
#sidebar ul { list-style: none;  }
#sidebar ul ul { background-color: #eaeaea; padding-top: 2px; } 
#sidebar ul li ul li { margin-left: -20px; }
#sidebar ul li ul li a { color:#555;  padding-left: 30px; padding-right: 5px; display: block; }
#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active 
	{ background: url(../images/blog-navi-over-arrow.jpg) 0px no-repeat; text-decoration: none; color: black; }

.blog-navi-tile { height: 6px; width: 100%; display: block; }
.blog-navi-tile span { display:block; }
/* .blog-navi-top-left, .blog-navi-top-right, .blog-navi-top-right span, .blog-navi-bottom-left, .blog-navi-bottom-right, .blog-navi-bottom-right span { display:block; } */
.blog-navi-top-left {  background: url(../images/blog-navi-topleft.jpg) #eaeaea left no-repeat; padding: 0px; }
.blog-navi-top-right { background: url(../images/blog-navi-topright.jpg) right no-repeat; }
.blog-navi-bottom-left { background: url(../images/blog-navi-bottomleft.jpg) #eaeaea left no-repeat; }
.blog-navi-bottom-right { background: url(../images/blog-navi-bottomright.jpg) right no-repeat; }
/* ---------------------- */

/* second sidebar */
#second-blog-column { float: left; width:250px; margin-left: 25px; color:#6F6F6F; }
#second-blog-column h3 { font-size: 13pt; color: #8BB9DF; }

h3 a:link, h3 a:visited { color: #6B93BF; }

.reader-publisher-module ul { list-style: none; }
.reader-publisher-module a { color: #555; }
.reader-publisher-module .s a { color: #888; }

#microblog a { }
#microblog a:hover, #microblog a:active { text-decoration: underline; color: #333; }

h3 img { margin-bottom: -3px; margin-right: 3px; }
/* ----------------- */

/* post block */
.post h2 a { color:#0F457F; }
.post h2 { margin-top: 10px; }

h3.storytitle { border-bottom: 1px solid white; margin-bottom: 5px; font-size: 1.8em; text-shadow: 1px 1px 3px #ccf; }
h3.storytitle a { display: block; padding-bottom: 5px; }
div.meta-inner, h3.storytitle a { padding-left:10px;  }
div.comments-number { width: 33px;  height: 30px;  float: right; margin: 5px 5px 8px 5px; padding-left: 20px; }
div.comments-number-inner { height: 30px; width: 30px; border: 1px solid #EAEAEA; margin-top: 1px; }
div.comments-number a { display: block; width: 30px; height: 30px; padding-top: 5px; font-size: 1.5em; text-align: center; color:#999; }
div.comments-number a:hover, div.comments-number a:active { padding-left: 7px; font-size: 1.2em; text-decoration: none; color:black; background: url(../images/comment.gif) no-repeat 1px center; }
div.comments-number-inner:hover { background: white; }

#post-holder { float: left; width: 545px; }
/* ---------------- */

div.meta, #page-navigation { border: 1px solid #EAEAEA; background: #F5F5F5; }
#page-navigation { padding: 2px; }
#page-navigation a, #page-navigation span { display:block; float: left; padding: 1px 3px; border: 1px solid transparent; }
#page-navigation a:hover, #page-navigation a:active { text-decoration: none; border: 1px solid #bbb; background-color: #ddd; }

/* single post page */
.storycontent img {  }
.post { margin-bottom: 10px; }
.storycontent img.wp-smiley, .storycontent table img { width: auto; }
.storycontent h3 { font-size: 11pt; }
.storycontent ul, .post ul, .storycontent ol, .post ol { margin-left: 25px; }
.storycontent table { margin: 0 auto; }
.storycontent table td { padding: 5px; }
a#stumble-it { display: block; padding: 2px; text-decoration: none; color:#999; width: 70px; }
a#stumble-it:hover, a#stumble-it:active { color:black; }
a#stumble-it img { margin-bottom: -2px; }
/* --------------- */

/* social icons */
div#misc { }
div#misc a { display: block; float: left; height: 16px; width: 16px; background: url(../images/social.jpg) 0px 0px no-repeat; margin-right: 5px; }
div#misc a#thanks-komodo { background: none; float: none; display: inline; }

div#misc a#facebook-social, div#misc a#facebook-social { background-position: 0px 0px; }
div#misc a#facebook-social:hover, div#misc a#facebook-social:active { background-position: 0px -16px; }

div#misc a#lastfm-social, div#misc a#lastfm-social { background-position: -16px 0px; }
div#misc a#lastfm-social:hover, div#misc a#lastfm-social:active { background-position: -16px -16px; }

div#misc a#linkedin-social, div#misc a#linkedin-social { background-position: -32px 0px; }
div#misc a#linkedin-social:hover, div#misc a#linkedin-social:active { background-position: -32px -16px; }

div#misc a#stumble-social, div#misc a#stumble-social { background-position: -48px 0px; }
div#misc a#stumble-social:hover, div#misc a#stumble-social:active { background-position: -48px -16px; }

div#misc a#twitter-social, div#misc a#twitter-social { background-position: -64px 0px; }
div#misc a#twitter-social:hover, div#misc a#twitter-social:active { background-position: -64px -16px; }

div#misc a#youtube-social, div#misc a#youtube-social { background-position: -80px 0px; }
div#misc a#youtube-social:hover, div#misc a#youtube-social:active { background-position: -80px -16px; }

div#misc a#feed-social, div#misc a#feed-social { background-position: -96px 0px; width: 83px; }
div#misc a#feed-social:hover, div#misc a#feed-social:active { background-position: -96px -16px; }
/* ------------ */

/* comments list */
h2#comments, h2#postcomment { margin: 20px 0px 30px 0px; text-align: right; padding-right: 566px;}
#commentlist li { display: block; width: 991px; color:#737373; margin-bottom: 10px; }
#commentlist li .second-column { padding-top: 0px; }
#commentlist { list-style: none; }
#comments-block { }
div.comment-header { float: right; width: 568px; background: white; }
div.comment-header-content { background: white; }
div.comment-header-bottom { width: 568px; height: 11px; background:  url(../images/esk2_comment_head_bottom.jpg) no-repeat  }
div.comment-header-top { width: 568px; height: 11px; background:  url(../images/esk2_comment_head_top.jpg) no-repeat  }
div.author { float:left; }
div.author span { font-weight: bold; font-size: 1.1em; }
div.timestamp { float:right; text-align: right; width: 160px; }
div.author, div.timestamp { padding: 0px 10px; }
div.comment-body {}
div.avatar-holder { float: right; } 
div.avatar-holder img { border: 4px solid #eaeaea; margin-top: -5px; }
/* ------------------ */

/* post comment form */
#post-links { padding-top: 0px; }
#author-data-input { width: 238px; float: right; }
#comment-form-holder .first-column, #comment-form-holder .second-column { padding-top: 0px; margin-top: 0px; }
#commentform textarea { width: 100%; margin-top:11px; }
#commentform textarea, #commentform input { background: #eaeaea; border: 1px solid #bbb; }
#commentform input { padding: 2px; color: #777; width: 238px; }
#commentform .i-text:focus { background-color:white; border:1px solid #999; }
#commentform table { border: none; width: 100%; }
#commentform td.margin { padding-left: 25px; }
#commentform input:hover { color:#333; }
span.req { color: red; }
/* ---------------- */


.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }