/* Style for http://mystic1800.com, since: Sep 17, 2009 */

* { padding:0; margin:0; line-height:1em; font-family: Georgia, "Palatino Linotype", "Times New Roman", "Nimbus Roman No9 L", Norasi, "Book Antiqua", Palatino, Times, serif; }
html { background: url(wood_background.jpg) repeat fixed; }
body { color: #232735; background: url(bottom_leafs.png) no-repeat center bottom; font-size: 18px; }

.left { float: left; }
.right { float: right; }

small { font-size: 0.8em; }
a { color: #a40100; }
a:hover { color: #b74b2a; }

h1 { font-size: 92px; font-variant: small-caps; font-weight: normal; width: 100%; text-align: center; }
h1 a, h2 a { color: #232735; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #a40100; }

h2 { font-size: 48px; border-bottom: 4px double #6a6a6a; font-weight: normal; font-variant: small-caps; padding-left: 25px; margin-bottom: 10px; }

h3 { font-size: 30px; font-weight: normal; margin-bottom: 10px; }
h3 a { color: #a40100; text-decoration: none; }
h3 a:hover { text-decoration: underline; }

/* General */

#top-noise { position: absolute; top: 0; height: 123px; width: 100%; background: url(header_bck_noise.png) no-repeat center top; z-index: 1; }

#page { width: 1080px; margin: 0 auto; background: url(page_background.png) repeat-y left top; z-index: 2; overflow: hidden; }
#page .header { width: 100%; background: url(page_header.jpg) no-repeat left top; overflow: hidden; padding-top: 90px; }

#main-content { float: left; width: 675px; margin-left: 40px; }

#side-content { float: right; width: 285px; margin-right: 40px; margin-top: 45px; min-height: 360px; }
#side-content .content { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px dashed #735746; }
#side-content h3 { font-size: 36px; margin-bottom: 0px; padding-left: 65px; padding-top: 6px; }
#side-content h3 a { text-decoration: none; color: #232735; }
#side-content h3 a:hover { color: #a40100; }
#side-content p { line-height: 1em; }
#side-content small.sright { float: right; margin-right: 25px; margin-top: 6px; color: #5d5e62; font-size: 12px; }


#navigation { margin-bottom: 25px; float: left; padding: 0 25px; width: 625px; height: 49px; background: url(navigation_lines.png) repeat-x left top; }
#navigation a { color: #232735; text-decoration: none; font-size: 18px; }
#navigation .left a { float: left; padding: 8px; margin-top: 6px; margin-right: 2px; }
#navigation .left a.now { background: #a40100 url(navigation_a_now.png) no-repeat right top; color: #f1ede3; }
#navigation .left a.now:hover { text-decoration: underline; color: #f1ede3; }
#navigation .left a:hover { text-decoration: underline; color: #a40100; }
#navigation .right #rss-button { float: right; margin-top: 14px; background: url(icons/feed.png) no-repeat left center; padding-left: 20px; }
#navigation .right #rss-button a:hover { text-decoration: underline; }

.content { float: left; width: 100%; clear: both; margin-bottom: 40px; }
.content p { line-height: 1.2em; }
.content .column_a { float: left; width: 285px; }
.content .column_b { float: right; width: 350px; }
.content .column_c { float: right; width: 285px; }

#pagination { width: 100%; height: 57px; background: url(pagination.jpg) no-repeat left top; padding-top: 10px; font-size: 16px; margin-top: -40px; color: #6a6a6a; text-align: center; }
#pagination small { font-size: 12px; }
#pagination span { color: #4a4a4a; }
#pagination .left { margin-left: 25px; }
#pagination .right { margin-right: 25px; }
#pagination a { color: #6a6a6a; text-decoration: none; }
#pagination a:hover { color: #efd76d; text-decoration: underline; }

/* Messages */

.mItem { font-size: 12px; float: left; width: 100%; padding: 8px 0; }
.mItem .mIco span { display: none; }
.mItem .mMsg { margin-top: 2px; }
#tWAR, #tERR { background: url(messages_err_bck.png) repeat; border-left: 2px solid #a46d65; }
#tWAR .mIco, #tERR .mIco { float: left; width: 25px; height: 16px; background: url(icons/smiley-eek.png) no-repeat center top; }
#tOK { background: url(messages_ok_bck.png) repeat; border-left: 2px solid #758767; }
#tOK .mIco { float: left; width: 25px; height: 16px; background: url(icons/smiley-cool.png) no-repeat center top; }

/* lightBox */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #000d1a url(wood_background.jpg) repeat; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background: transparent; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 200px; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; margin-left: 25px; }
#lightbox-nav-btnNext { right: 0; float: right; margin-right: 25px; }
#lightbox-container-image-data-box { background: transparent; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #ece7d9; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; font-size: 18px; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 16px; color: #ece7d9; }
#lightbox-secNav-btnClose { width: 15px; float: right; margin-right: 10px; }

/* Front Page */

#folioSlider .container { width:675px; height:518px; overflow:hidden; position:relative; background: url(folio_slides_background.jpg) no-repeat bottom center; color: #ece7d9; }
#folioSlider .slides { position:absolute; top:0; left:0; }
#folioSlider .slides div { position:absolute; top:0; width:667px; display:none; float: left; padding-top: 4px; padding-left: 4px; overflow: hidden; height: 514px; }
#folioSlider .slides div p { margin-top: 10px; margin-left: 21px; }
#folioSlider .slides div p a { color: #efd76d; }
#folioSlider .slides div p small { color: #5d5e62; }
#folioSlider .slides div a.img, #folioSlider .slides div a img { background-color: transparent; border: none; }

#folioSlider .pagination { position: absolute; bottom: 78px; left: 25px; list-style: none; }
#folioSlider .pagination li { float: left; }
#folioSlider .pagination li a { font-size: 14px; line-height: 11px; color: #e3dcce; text-decoration: none; text-align: center; margin-right: 2px; float: left; display: block; width: 15px; height: 15px; background: url(folio_slide_pagination.png) no-repeat right top; }
#folioSlider .pagination li.active a { background-position: left top; }

#latest-posts .body p { padding-bottom: 10px; margin-bottom: 10px; }
#latest-posts .body { background: url(div_line_double.png) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 20px; }
#latest-posts h3 { margin-bottom: 4px; }
#latest-posts .description { font-size: 12px; color: #2a2a2a; margin-bottom: 10px; }

/* Blog Posts */

.post { padding-bottom: 18px; margin-bottom: 50px; background: url(div_line_double.png) repeat-x bottom left; overflow: hidden; }
.post .posted-on { color: #6a6a6a; font-size: 24px; }
.post h2 { border: none; color: #a40100; margin-bottom: 4px; }
.post h2 a { color: #a40100; }
.post .post-info { margin-left: 25px; }
.post .post-info small { font-size: 12px; float: left; }
.post .post-info small.tags { padding-right: 6px; padding-left: 20px; margin-right: 6px; border-right: 4px double #232735; line-height: 16px; height: 16px; background: url(icons/tags.png) no-repeat left center; }
.post .post-info small.comments { padding-left: 20px; line-height: 16px; height: 16px; background: url(icons/comments.png) no-repeat left center; }
.post .body { float: left; margin-top: 15px; clear: both; }
.post .body p { padding-bottom: 10px; line-height: 1.3em; float: left; }
.post .body p.read-more { font-size: 14px; float: right; margin-right: 25px; padding: 0; }

.post .body div.img { text-align: center; background: url(img_bck.jpg) repeat-y center top; width: 100%; float: left; padding: 10px 0; margin: 10px 0; }
.post .body div.img small { display: block; clear: both; margin-top: 6px; font-size: 12px; }
.post .body img { border: 1px solid #d0c5af; outline: 3px solid #2b2b2b; }

.post .body h3, .post .body h4, .post .body h5 { margin-left: 25px; font-weight: normal; float: left; }
.post .body h3 { font-size: 36px; margin-top: 45px; }
.post .body h4 { font-size: 28px; margin-top: 40px; margin-bottom: 5px; }
.post .body h5 { font-size: 24px; margin-top: 35px; margin-bottom: 5px; }

.post .body blockquote { float: left; margin-bottom: 20px; margin-top: 10px; padding-left: 25px; background: url(blockquote_bck.jpg) no-repeat left top; color: #4a4a4a; font-size: 16px; }
.post .body blockquote p { margin: 0; padding: 0; }
.post .body blockquote small { display: block; color: #6a6a6a; clear: both; margin-left: 40px; margin-top: 4px; }

.post .body ol, .post .body ul { float: left; margin-left: 25px; font-size: 14px; list-style-position: inside; margin-bottom: 10px; }

.post .body pre.code { float: left; margin-bottom: 10px; padding-left: 25px; padding-top: 1px; background: url(code_bck.png) repeat left top; line-height: 15px; font-size: 12px; font-family: "Lucida Console", Monaco, "Courier New", Courier, FreeMono, "Nimbus Mono L", monospace; }

/* Blog Post */

#blog-post .post { background: none; }

/* Folio */

#folio img { border: 1px solid #d0c5af; outline: 3px solid #2b2b2b; margin-bottom: 13px; float: left; clear: both; }
#folio #pagination { margin-top: 10px; float: left; clear: both; }

/* Archive */

#archive div.year { float: left; clear: both; margin-bottom: 40px; width: 100%; }
#archive a.archive_item { line-height: 1.2em; margin: 2px 0; padding-bottom: 4px; padding-top: 4px; border-bottom: 1px solid #6a6a6a; float: left; clear: both; padding-left: 20px; width: 100%; color: #232735; text-decoration: none; }
#archive a.archive_item:hover { color: #a40100; text-decoration: underline; }
#archive a.archive_item.im_post { background: url(icons/notebook.png) no-repeat left center; }
#archive a.archive_item.im_folio { background: url(icons/picture.png) no-repeat left center; }

/* About-Me */
#about-me .post { background: none; }

/* Sidebar Contents */

#sb-about-me.content { background: url(human_sidebar.jpg) no-repeat right bottom; }
#sb-about-me p { font-size: 24px; }
#sb-about-me small { font-size: 14px; }

#sb-tweets h3 { background: url(icons/tweeter.png) no-repeat left bottom; }
#sb-tweets p { font-size: 14px; margin: 8px 0; float: left; }

#sb-last-fm h3 { background: url(icons/last_fm.png) no-repeat left center; padding-top: 6px; padding-bottom: 6px; }
#sb-last-fm ul { list-style: none; font-size: 14px; margin-top: 4px; }
#sb-last-fm ul li { padding: 2px 0; /*text-transform: lowercase;*/ }
#sb-last-fm ul li small { font-size: 12px; padding-left: 10px; }

#sb-shelfari h3 { background: url(icons/shelfari.png) no-repeat left center; padding-top: 6px; padding-bottom: 6px; }
#sb-shelfari p { font-size: 14px; margin: 8px 0; float: left; }
#sb-shelfari p small { font-size: 12px; display: block; margin-top: 4px; }
    #shelfari { margin-top: 10px; }
    #shelfari a { color: #232735; text-decoration: none; }
    #shelfari a:hover { color: #a40100; text-decoration: underline; }
    #shelfari div div { margin-bottom: 8px; font-size: 12px; }
    #shelfari img { background: url(messages_err_bck.png) repeat left top; overflow: hidden; padding: 0; margin: 5px 5px 0 0; }
    #shelfari .title { font-weight: normal; padding: 4px 0; font-size: 14px; }
    #shelfari .pbs { display: none; }

#sb-tags h3 { background: url(icons/tags_big.png) no-repeat left center; padding-top: 0px; padding-bottom: 0px; }
#sb-tags p { font-size: 24px; margin-top: 6px; }
#sb-tags p a { color: #232735; text-decoration: none; }
#sb-tags p a.now { color: #e7e2d3; background: #a40100 url(navigation_a_now.png) no-repeat right top; padding: 0 6px; }
#sb-tags p a.now:hover { color: #e7e2d3; text-decoration: underline; }
#sb-tags p a:hover { color: #a40100; text-decoration: underline; }
#sb-tags p small { font-size: 18px; }

#sb-subscribe h3 { background: url(icons/rss.png) no-repeat left bottom; padding-top: 10px; padding-bottom: 2px; margin-bottom: 4px; }

#sb-comments-latest h3 { background: url(icons/comment.png) no-repeat left bottom; padding-bottom: 2px; }
#sb-comments-latest p { font-size: 14px; margin: 8px 0; float: left; padding: 4px; width: 100%; clear: both; }
#sb-comments-latest p.odd   { background: url(comment_odd_bck.jpg) repeat center; }
#sb-comments-latest p.admin { background: url(comment_admin_bck.jpg) repeat center; }
#sb-comments-latest .sright a { color: #6a6a6a; clear: both; }
#sb-comments-latest .sright a:hover { color: #a40100; text-decoration: underline; }

#sb-comments-post h3 { background: url(icons/comment.png) no-repeat left bottom; padding-bottom: 2px; }
#sb-comments-post p { font-size: 14px; margin: 8px 0; float: left; padding: 4px; width: 100%; clear: both; }
#sb-comments-post p.odd   { background: url(comment_odd_bck.jpg) repeat center; }
#sb-comments-post p.admin { background: url(comment_admin_bck.jpg) repeat center; }
#sb-comments-post .sright a { color: #6a6a6a; clear: both; }
#sb-comments-post .sright a:hover { color: #a40100; text-decoration: underline; }

#sb-comment-form h3 { background: url(icons/cloud_comment.png) no-repeat left bottom; padding-bottom: 2px; }
#sb-comment-form p { font-size: 14px; margin: 8px 0; float: left; padding: 4px; }
#sb-comment-form .sright { text-align: right; }
#sb-comment-form .sright a { color: #6a6a6a; }
#sb-comment-form .sright a:hover { color: #a40100; text-decoration: underline; }
#sb-comment-form .mItem { margin-bottom: 10px; }
#sb-comment-form form { float: left; clear: both; width: 100%; }
#sb-comment-form form * { color: #232735; }
#sb-comment-form form div { float: left; clear: both; width: 100%; margin-bottom: 8px; }
#sb-comment-form form label { font-size: 12px; float: left; }
#sb-comment-form form input[type=text], #sb-comment-form form textarea { font-size: 12px; float: right; width: 210px; padding: 2px; background: transparent url(input_bck.png) repeat-x left top; border-top: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; border-bottom: none; border-right: none; outline: 1px solid #fff; }
#sb-comment-form form textarea { height: 180px; }
#sb-comment-form form button { margin-left: 70px; font-size: 16px; cursor: pointer; padding: 4px 12px; background: transparent; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; }
#sb-comment-form form button:active { border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; }

#sb-archive h3 { background: url(icons/clock.png) no-repeat left bottom; padding-bottom: 2px; }
#sb-archive p { font-size: 24px; }
#sb-archive p small { font-size: 18px; }
#sb-archive p a { color: #232735; text-decoration: none; }
#sb-archive p a.now { color: #e7e2d3; background: #a40100 url(navigation_a_now.png) no-repeat right top; padding: 0 6px; }
#sb-archive p a.now:hover { color: #e7e2d3; text-decoration: underline; }
#sb-archive p a:hover { color: #a40100; text-decoration: underline; }

#sb-contact-form h3 { background: url(icons/mail.png) no-repeat left center; padding-bottom: 4px; }
#sb-contact-form p { font-size: 14px; margin: 8px 0; float: left; padding: 4px; }
#sb-contact-form .sright { text-align: right; }
#sb-contact-form .sright a { color: #6a6a6a; }
#sb-contact-form .sright a:hover { color: #a40100; text-decoration: underline; }
#sb-contact-form .mItem { margin-bottom: 10px; }
#sb-contact-form form { float: left; clear: both; width: 100%; }
#sb-contact-form form * { color: #232735; }
#sb-contact-form form div { float: left; clear: both; width: 100%; margin-bottom: 8px; }
#sb-contact-form form label { font-size: 12px; float: left; }
#sb-contact-form form input[type=text], #sb-contact-form form textarea { font-size: 12px; float: right; width: 210px; padding: 2px; background: transparent url(input_bck.png) repeat-x left top; border-top: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; border-bottom: none; border-right: none; outline: 1px solid #fff; }
#sb-contact-form form textarea { height: 180px; }
#sb-contact-form form button { margin-left: 70px; font-size: 16px; cursor: pointer; padding: 4px 12px; background: transparent; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; }
#sb-contact-form form button:active { border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; }

/* Bottom */

#bottom { height: 520px; width: 100%; float: left; background: url(page_bottom.jpg) no-repeat left bottom; color: #6a6a6a; font-size: 14px; }
#bottom a { color: #efd76d; }
#bottom a:hover { color: #f1eba3; }
#bottom .content { margin: 162px 40px 0 40px; float: left; width: auto; }
#bottom .content .column_b { float: left; margin: 0 40px; }

#bottom #leafs-inside { width: 1080px; height:77px; background: url(bottom_leafs_inside.png) no-repeat left top; position: absolute; margin-top: 137px; }
#bottom h4 { color: #6a6a6a; font-weight: normal; font-size: 18px; margin-left: 25px; margin-bottom: 14px; }
#bottom p { line-height: 1.3em; }
#bottom small { font-size: 10px; }