html, body, ul, ol, li, div, p, h1, h2, h3, h4, h5, h6, img, hr, code, blockquote, fieldset, input, textarea { margin: 0; padding: 0; }
fieldset, img, textarea, input { border: 0; }
body { background: #000 url('body_background.png') no-repeat top center; font-size: 0.88em; font-family: Calibri, Arial, Tahoma, sans-serif; }
#container { width: 980px; margin: 0 auto; position: relative; background: url('container_background.png'); }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ header and footer */
#header { width: 980px; height: 45px; margin: 120px auto 0 auto; background: url('headerFooter_background.png'); }
#header a { width: 238px; height: 40px; display: block; margin: 0 0 0 115px; font-size: 0; text-indent: -2000em; }
#footer { width: 980px; margin: 0 auto 40px auto; padding: 50px 0 0 0; background: url('headerFooter_background.png') no-repeat 0 -45px; }
#footer p { text-align: center; line-height: 1.5em; font-size: 0.9em; color: #cdcdcd; }
#footer a { text-decoration: none; color: #cdcdcd; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ content */
#content { width: 648px; margin: 0 0 0 27px; padding: 25px 0 0 0; float: left; background: #fff; }
#content .postDate { width: 160px; margin: 0 15px 0 0; float: right; background: url('icon_titleCalendar.gif') no-repeat right center; list-style: none; line-height: 1.5em; font-size: 0.85em; color: #838383; }
#content .postDate li { margin: 0; padding: 0 30px 0 0; text-align: right; }
h1 { width: 440px; margin: 0 0 0 12px; float: left; font-size: 2em; }
#content h1 a { text-decoration: none; font-weight: normal; color: #436d9c; }
#content h1 a:hover { color: #8e714a; }
h2 { margin: 2em 15px -0.5em 14px; clear: both; font-size: 1.4em; font-weight: normal; }
#content p { margin: 1.2em 15px; line-height: 1.2em; text-align: justify; }
#content p.center { text-align: center; }
#content .buttons { height: 7em; display: block; clear: both; }
#content .buttons span { display: none; }
#content blockquote { padding: 0 0 0 35px; background: url('icon_blockquote.gif') no-repeat 16px 3px; }
img.heading { margin: 10px 0 0 15px; padding: 7px; border: 2px solid #ebebeb; }
#content a:hover img.heading { border: 2px solid #8e714a; }
img.right { margin: 0 15px; float: right; }
img.left { margin: 0 15px; float: left; }
img.frame { padding: 3px; border: 1px solid #ebebeb; }
#content a:hover img.frame { border: 1px solid #8e714a; }
div.center { text-align: center; }
.readMoreArrow { width: 8px; height: 10px; margin: 0.2em 0; display: block; float: left; background: url('icon_readMoreArrow.gif'); }
.music_artwork { margin: 1.2em 15px 0 15px; float: right; position: relative; }
.music_artwork img { z-index: -1; }
.music_artwork object { position: absolute; right: 42px; bottom: -5px; z-index: 1; }
#content hr.separator { margin: 0 0 -0.5em 0; clear: both; border: 0; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ common content */
q { font-style: italic; }
q:before { display: none; }
q:after { display: none; }
code { padding: 1px; border: 1px solid #ebebeb; background: #f5f5f5; line-height: 1.5em; text-align: left; font-size: 0.95em; font-family: Consolas, Monaco, 'Lucida Console', 'Courier New', Courier, monospace; }
pre { display: inline; font-size: 0.95em; font-family: Consolas, Monaco, 'Lucida Console', 'Courier New', Courier, monospace; }
pre code { margin: 1.2em 15px; padding: 5px; display: block; white-space: pre-wrap; white-space: -moz-pre-wrap; line-height: 1.4em; }
acronym { cursor: help; border-bottom: 1px dotted #aaa; }
#content a, .commentContent a, #commentPreview a { text-decoration: underline; color: #436d9c; }
#content a:hover, .commentContent a:hover, #commentPreview a:hover { color: #8e714a; }
#content a:visited, .commentContent a:visited, #commentPreview a:visited { color: #5981ae; }
#content ol, #content ul, #comments ol, #comments ul, #commentPreview ol, #commentPreview ul { margin: 1.2em 15px; text-align: justify; list-style-position: inside; }
#content li, #comments li, #commentPreview li { margin: 0.8em 0; }
h4 { width: 400px; margin: 0 0 5px 12px; background: #fff; font-size: 1.6em; font-weight: normal; }
a.img { padding: 0 8px 0 0; background: url('icon_imageLink.png') no-repeat right 2px; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ sidebar */
#sidebar { width: 278px; margin: 15px 27px 0 0; float: right; }
h6 { margin: 1.4em 15px 5px 0; text-align: right; font-size: 1.6em; font-weight: normal; color: #949494; }
#sidebar a { text-decoration: none; color: #727272; }
#sidebar a:hover { text-decoration: underline; color: #525252; }
#sidebar ul { margin: 0 15px; list-style: none; font-size: 0.85em; color: #727272; }
#sAbout { width: 291px; padding: 5px 0; background: url('sidebar_aboutBackground.gif'); }
#sAbout h6 { margin: 0 27px; color: #ededed; }
#sAbout p { margin: 0.5em 27px 0.5em 15px; text-align: justify; font-size: 0.85em; color: #727272; }
#sAbout a { text-decoration: underline; color: #727272; }
#sAboutPost { width: 291px; padding: 8px 0; background: url('sidebar_aboutPostBackground.gif'); }
#sAboutPost h6 { margin: 0 27px 0.2em 0; }
#sAboutPost ul { margin: 0 27px; }
#sAboutPost li { line-height: 1.5em; text-align: right; color: #a1a1a1; }
#sAboutPost .trackback { padding: 0 10px 0 15px; background: url('icon_trackback.png') no-repeat left center; color: #61aa00; }
#sAboutPost .trackback:hover { color: #61aa00; }
#sAboutPost .permalink { padding: 0 0 0 15px; background: url('icon_permalink.png') no-repeat left center; color: #00b4c8; }
#sAboutPost .permalink:hover { color: #00b4c8; }
#search { padding: 0 15px; position: relative; }
#searchField { width: 220px; padding: 1px; border: 1px solid #dedede; }
#categoryList { }
#categoryList li { width: 105px; padding: 2px 0 2px 15px; background: url('icon_categoryList.png') no-repeat left center; }
#categoryList .category1 { float: left; }
#categoryList .category2 { float: right; }
#categoryList:after { height: 0; display: block; clear: both; content: ''; }
#archiveList { }
#archiveList li { width: 105px; padding: 2px 0 2px 15px; background: url('icon_archiveList.png') no-repeat left center; }
#archiveList .archive1 { float: left; }
#archiveList .archive2 { float: right; }
#archiveList:after { height: 0; display: block; clear: both; content: ''; }
#blogroll { line-height: 1.4em; }
#blogroll li { margin: 0 8px 0 0; padding: 0 0 0 15px; float: left; background: url('icon_blogrollList.png') no-repeat left center; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ comments */
#comments { margin: 5em 27px 0 27px; position: relative; clear: both; }
#commentPreview { width: 648px; margin: 5em 27px 0 27px; background: #fff; }
a#commentsFeed { height: 18px; padding: 2px 0 0 25px; display: block; position: absolute; top: 5px; left: 140px; background: url('icon_feed.png') no-repeat; text-indent: -2000em; text-decoration: none; }
a#commentsFeed:hover { background-position: 0 -20px; text-indent: 0; font-size: 0.9em; color: #e57a06; }
.comment { clear: both; position: relative; border-top: 1px solid #dedede; }
.commentContent { width: 648px; float: left; background: #fff; text-align: right; }
.commentContent p, #commentPreview p { margin: 0.8em 15px; text-align: justify; }
p.modified { margin: 2em 15px 0 0; display: inline; position: relative; top: 0.3em; font-size: 0.9em; }
p.modified a, p.modified a:visited { text-decoration: none; color: #e9b883; }
p.modified a:hover { color: #e57a06; }
.comment a.edit, .comment a.edit:visited { margin: 2em 15px 0 -10px; position: relative; top: 0.3em; text-decoration: none; font-size: 0.9em; color: #b56a6a; }
a.edit:hover { color: #8e1313; }
.commentInfo { width: 248px; padding: 0.8em 15px; float: right; background: #ededed url('comment_background.png') repeat-x; }
.commentInfo img { width: 16px; height: 16px; margin: 0 0 0 6px; float: right; }
.commentInfo p { text-align: right; }
.commentInfo a { text-decoration: none; }
.commentInfo p.commentTime a:hover:before { padding: 0 5px 0 0; font-size: 0.8em; color: #727272; content: '#'; }
.commentAuthor { margin: 0 0 2px 0; text-decoration: none; font-size: 0.9em; }
.commentAuthor a { color: #9f804f; }
.commentAuthor a:hover { color: #476e9a; text-decoration: underline; }
.commentInfo span { font-size: 0.8em; }
.commentHour { color: #a0a0a0; }
.commentDate { color: #727272; }
.owner .commentContent { background: #fff url('icon_pageCurl.gif') no-repeat top left; }
#comments blockquote, #commentPreview blockquote { margin: 0 0 0 15px; padding: 0 5px; background: url('icon_commentBlockquote.gif') no-repeat 0 4px; }
#comments hr.separator { height: 1px; clear: both; border: 0; background: #dedede; }
hr.commentsSeparator { height: 1px; clear: both; visibility: hidden; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ add comment form */
#addComment { margin: 5em 27px 0 27px; position: relative; }
#addComment form { width: 648px; background: #fff; }
#addComment fieldset { margin: 0 15px 10px 15px; }
#addComment textarea { width: 613px; height: 135px; padding: 2px; border: 1px solid #dedede; }
#comment_sign, #comment_webpage, #comment_captcha { width: 280px; padding: 2px; border: 1px solid #dedede; }
#addComment textarea:focus, #comment_sign:focus, #comment_webpage:focus, #comment_captcha:focus, #comment_notify:focus { border: 1px solid #b1b1b1; }
#comment_notify { width: 15px; height: 15px; padding: 2px; border: 1px solid #dedede; }
#addComment label { margin: 0 0 0 10px; font-size: 0.85em; color: #434242; }
label img { position: relative; top: 5px; }
#addComment .buttons { padding: 10px 0 0 0; }
#addComment .button { float: right; }
#addComment .bAddComment { margin: 0 0 0 5px; }
#addCommentInfo { width: 248px; position: absolute; top: 2.4em; right: 15px; background: #ededed; }
#addCommentInfo a { text-decoration: none; color: #9f804f; }
#addCommentInfo a:hover { text-decoration: underline; color: #476e9a; }
#addCommentInfo p { margin: 0 0 0.8em 0; text-align: justify; font-size: 0.85em; color: #8d8d8d; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------ menu, buttons and navigation */
#navigationHead { height: 0px; position: absolute; top: -500px; overflow: hidden; }
#navigationBottom { width: 618px; margin: 2em 0 0 27px; padding: 6px 15px 4px 15px; position: relative; clear: both; border-top: 1px solid #ededed; line-height: 1.4em; }
#navigationBottom a { text-decoration: none; font-size: 0.85em; color: #8b8b8b; }
#navigationBottom a:hover { color: #5a5a5a; }
#container .entriesNavBottom { margin-top: -2em; }
.prevLink { float: left; }
.nextLink { float: right; }
#navigationBottom:after { display: block; clear: both; content: ''; }
#menu { position: absolute; top: 0; right: 20%; }
#menu li { display: inline; }
#menu a { width: 70px; height: 17px; margin: 0 3px; display: block; float: left; cursor: pointer; font-size: 0; text-indent: -2000em; }
#menu a:hover { background-position: 0 -17px; }
.mStart { background: url('menu_start.png'); }
.mBlog { background: url('menu_blog.png'); }
.button { height: 17px; display: block; cursor: pointer; text-indent: -2000em; font-size: 0; }
.button:hover { background-position: 0 -17px; }
.bReadMore { width: 92px; margin: 0 15px 0 -10px; float: right; background: url('button_readMore.png'); }
.bComments { width: 68px; margin: 0 15px 0 0; float: right; background: url('button_comments.png'); }
.bAddComment { width: 96px; background: url('button_addComment.png'); }
.bGoToTop { width: 17px; background: url('button_goToTop.png'); }
.bGoToTop2 { position: absolute; right: 42px; bottom: 5px; }
.bPreview { width: 55px; background: url('button_preview.png'); }
.bTurnOffNotifications { width: 127px; position: absolute; left: 15px; background: url('button_turnOffNotifications.png'); }
.bSearch { width: 19px; position: absolute; top: 1px; right: 15px; background: url('button_search.png'); }
.sButtons { width: 120px; position: absolute; top: 6px; right: 15px; }
.sButtons .bAddComment, .sButtons .bGoToTop { float: right; }
.sButtons .bGoToTop { margin: 0 0 0 5px; }