* { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; text-rendering: optimizeLegibility; }

IMG { border: 0px; }

.form TD { padding: 4px; }

BODY { background: #5789af url(../images/page-bg.png) top center repeat-x; font: 300 15px/1.5 "Helvetica Neue", Corbel, Helvetica,  Sans-Serif; font-size: 14px; margin-bottom: 25px; }

BLOCKQUOTE { padding-left: 25px; }

B, strong { font-weight: bold; }

#page { width: 968px; margin: 0 auto; }

#top { box-shadow: 0px 2px 8px #426886; -moz-box-shadow: 0px 2px 8px #426886; -webkit-box-shadow: 0px 2px 8px #426886; border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-background-clip: padding-box; border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-background-clip: padding-box; }
#top A { color: white; text-decoration: none; }
#top A:hover { text-decoration: underline; }

#inset { background: #132431; color: #FFF; text-align: center; border-left: 2px solid #426886; border-right: 2px solid #426886; height: 100px; padding: 5px; overflow: hidden; }
#inset A { font-size: 11px; color: #FFF; }

#logo { float: left; margin-top: 13px; margin-left: 8px; }

#banner_advert { float: right; width: 768; height: 90; }

#your_ad { float: right; margin-top: 8px; margin-right: 3px; }

#display_area { background: #82b2d7; padding-bottom: 5px; padding-top: 3px; padding-right: 0px; padding-left: 0px; border: 2px solid #426886; border-top: 0px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-background-clip: padding-box; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-background-clip: padding-box; }

#logo_area { /* background: $dk_blue; */ margin: 0px; padding-top: 0px; padding-left: 17px; vertical-align: center; height: 35px; }

#updates_on { float: right; color: #426886; /*  height: 35px;*/ }
#updates_on DIV { position: relative; width: 200px; }
#updates_on SPAN { position: absolute; top: 13px; margin-top: -8px; font-size: 11px; line-height: 11px; height: 35px; }

#top_navigation { float: left; margin-top: 7px; }
#top_navigation A { float: right; background-repeat: no-repeat; background-position: 0px 0px; text-decoration: none; height: 26px; padding: 0px; margin-right: 20px; }
#top_navigation A:hover, #top_navigation A.hover { background-position: 0px -26px; text-decoration: none; }
#top_navigation A SPAN { visibility: hidden; }

#nav_new_readers { background-image: url(../images/nav-new-readers.png); width: 117px; }

#nav_store { background-image: url(../images/nav-store.png); width: 50px; }

#nav_buy_sketch { background-image: url(../images/nav-buy-a-sketch.png); width: 120px; }

#nav_blog { background-image: url(../images/nav-blog.png); width: 40px; }

#nav_extra { background-image: url(../images/nav-extra.png); width: 52px; }

#nav_archive { background-image: url(../images/nav-archive.png); width: 68px; }

#nav_links { background-image: url(../images/nav-links.png); width: 47px; }

#comic_actions { float: right; margin-right: 10px; }
#comic_actions A { display: inline-block; text-decoration: none; margin-right: 10px; }
#comic_actions A:hover { text-decoration: underline; }
#comic_actions A SPAN { /* visibility: hidden; font-size: 6px; 
*/ }
#comic_actions .flattr { margin-top: 2px; float: right; }

#comic { background: white; text-align: center; padding: 5px; border-top: 2px solid #426886; border-bottom: 2px solid #426886; z-index: 999; }

#strip { clear: both; }

#pager { background: #426886; padding: 5px 0px; padding-top: 6px; margin-bottom: -5px; text-shadow: 1px 1px 0px #132431; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-background-clip: padding-box; border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-background-clip: padding-box; }

#pager_controls { display: inline-block; padding-left: 10px; }
#pager_controls A { float: left; text-decoration: none; margin-left: 10px; }
#pager_controls A:hover { text-decoration: underline; }

#share_comic { margin-right: 7px; margin-top: 5px; float: right; }

.share-post { float: right; margin-top: 2px; }

#comic_title { text-align: left; color: #777; /*text-shadow: 2px 2px 2px $dk_blue; */ font-size: 16px; padding: 0px 10px; padding-top: 8px; display: block; }
#comic_title A { color: #444; /*    border-bottom: 1px solid #999; */ }

#bottom { padding-top: 25px; clear: both; }

#left { float: right; width: 200px; margin-left: 20px; }

#center { /*/margin: 0px 200px;
margin-right: 380px;*/ width: 550px; }

#right { float: right; width: 180px; text-align: center; margin-left: 20px; }

#right_inset { background: #132431; color: #FFF; text-align: center; min-height: 550px; /*   width: 170px; */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; box-shadow: 0px 2px 5px #426886; -moz-box-shadow: 0px 2px 5px #426886; -webkit-box-shadow: 0px 2px 5px #426886; }
#right_inset A { font-size: 11px; color: #FFF; }

#clear_all { clear: both; }

#inline_inset { padding: 10px; background: #132431; color: #FFF; text-align: center; margin-bottom: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; box-shadow: 0px 2px 5px #426886; -moz-box-shadow: 0px 2px 5px #426886; -webkit-box-shadow: 0px 2px 5px #426886; }
#inline_inset A { font-size: 11px; color: #FFF; }

#footer_advert { min-height: 50px; }

#footer { font-size: 90%; padding: 10px; background: #426886; color: #D5E4F6; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; box-shadow: 0px 2px 5px #426886; }
#footer A { color: #D5E4F6; }
#footer A:hover { color: #FFF; }

/* ================ */
/* = Left Sidebar = */
/* ================ */
#tactless_badge { margin-bottom: 20px; }

#donate { margin-top: 25px; }

.box { background: #426886; /* $blue; */ margin-top: 25px; /*border: 2px solid $dk_blue;*/ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; }
.box .icon { float: left; margin: 6px; margin-top: -6px; }
.box .title { padding: 8px 15px; color: #FFF; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 0px #426886; }
.box .body { padding: 10px; font-size: 85%; color: #FFF; }
.box .body P { padding-bottom: 10px; }
.box .body A { color: #cbdef4; text-shadow: 1px 1px 0px #132431; }
.box .body A:hover { color: #FFF; }
.box .body .zdc { text-align: center; }
.box .footer { padding: 4px 10px; color: #FFF; font-size: 85%; text-align: center; text-shadow: 1px 1px 0px #426886; }
.box .footer A { color: #fff; text-decoration: none; padding: 3px; text-shadow: 1px 1px 0px #132431; }
.box .footer A:hover { color: white; text-shadow: #426886 1px 1px 1px; }
.box .footer.empty { padding: 0px; font-size: 0%; display: none; }

#twitter_update_list { list-style: none; border-top: 1px dashed #5789AF; }
#twitter_update_list:last-child { /*border-bottom: 0px;*/ }
#twitter_update_list LI { border-bottom: 1px dashed #5789AF; padding: 5px 10px; }

#twitter_feed { margin-top: 0px; }
#twitter_feed .body { padding: 0px; }

#subscribe_to_email .email-element { width: 100%; }

#lastest_strip { margin-bottom: 25px; margin-top: 0px !important; }

#shopping_cart { margin-bottom: 25px; margin-top: 0px !important; }
#shopping_cart A { color: #FFF; text-decoration: none; }
#shopping_cart TABLE { margin-top: -5px; border-collapse: collapse; }
#shopping_cart TABLE TH { font-size: 85%; color: #5789af; text-align: left; font-weight: normal; padding: 1px 3px; border-bottom: 1px solid #5789af; }
#shopping_cart TABLE TBODY TR:nth-child(odd) { background-color: #3a5b75; }
#shopping_cart TABLE TBODY TR:nth-child(evet) { background-color: #4a7597; }
#shopping_cart TABLE TBODY TR.total { background-color: #426886; border-top: 3px double #5789af; }
#shopping_cart TABLE TBODY TR.total .label { color: #5789af; }
#shopping_cart TABLE TBODY TD { padding: 1px 3px; }
#shopping_cart .icon { margin-bottom: 0px; }
#shopping_cart .body { padding: 0px; }
#shopping_cart .buttons { text-align: center; padding-bottom: 8px; }
#shopping_cart .buttons input, #shopping_cart .buttons button { padding: 4px; }

/* =========== */
/* = Content = */
/* =========== */
.post-pager, .post-entry-pager { background: #426886; /* $blue; */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; padding: 5px 10px; font-size: 12px; min-height: 27px; }
.post-pager A, .post-entry-pager A { padding: 2px 3px; color: #cbdef4; }
.post-pager A:hover, .post-entry-pager A:hover { color: #FFF; }
.post-pager .current, .post-entry-pager .current { color: #FFF; text-decoration: none; background-color: #82b2d7; }
.post-pager .clear, .post-entry-pager .clear { display: none; overflow: hidden; height: 1px !important; }

.post-entry-pager { margin-bottom: 25px; }
.post-entry-pager A { padding: 0px 5px; text-decoration: none; }
.post-entry-pager A:hover { text-decoration: underline; }
.post-entry-pager .prev-post { float: right; }

.post-pager { margin-bottom: 25px; text-align: center; }

.post { background: #82b2d7; border: 2px solid #426886; margin-bottom: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; }
.post .icon { float: left; margin: 6px; margin-left: 12px; margin-top: -3px; /* -15px */ }
.post .title { padding: 4px 10px; color: #FFF; text-shadow: 1px 1px 0px #426886; }
.post .title h3 { font-size: 16px; font-weight: normal; }
.post .title A { color: white; text-decoration: none; }
.post .title A:hover { text-decoration: underline; }
.post .meta { padding: 0px 20px; background: #FFF; /* #D5E4F6 */ font-size: 90%; color: #426886; padding-right: 0px; }
.post .meta A { color: #426886; }
.post .body { padding: 20px; background: #FFF; /* #D5E4F6 */ padding-top: 5px; }
.post .body object { margin: 0 auto; }
.post .body H2 { color: #426886; padding: 10px 0; line-height: 1.5em; }
.post .body P { color: #284052; padding: 10px 0; line-height: 1.5em; }
.post .body A { color: #426886; }
.post .body A:hover { color: #000; text-shadow: #fff 1px 1px 1px; }
.post .body A:visited { color: #747474 !important; }
.post .body A:active { color: red !important; }
.post .body UL, .post .body OL { padding: 10px 25px; }
.post .body IMG { max-width: 500px; }
.post .body .imgly-image-container { clear: none !important; }
.post .footer { background: #426886; padding: 4px 10px; color: #FFF; text-shadow: 1px 1px 0px #426886; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-background-clip: padding-box; border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-background-clip: padding-box; }
.post .category { font-size: 12px; float: right; }
.post .category A { color: #cbdef4; }
.post .category A:hover { color: #FFF; }
.post .twitter-share-button { float: right; margin-top: 3px; }

.leave-a-comment { font-size: 90%; background: url(../images/comment-mini-icon.png) top left no-repeat; display: block; display: inline-block; color: #fff; text-decoration: none; padding-left: 28px; height: 21px; line-height: 21px; }
.leave-a-comment:hover { color: white; text-shadow: #426886 1px 1px 1px; }

.comic-title { font-weight: bold; }

.comic-comment { font-size: 80%; padding-left: 15px; }
.comic-comment A { color: #999 !important; text-decoration: underline !important; }

#read-more { display: block; color: #FFF; text-decoration: none; margin: 25px; }

.news-listing { padding-left: 50px; margin-bottom: 5px; }
.news-listing A { color: #FFF; }
.news-listing .title { color: white; padding: 0px; }

.content-spacer { margin-bottom: 25px; }

.comic-archive { width: 500px; height: 78px; margin-bottom: 20px; }
.comic-archive:hover { background-color: #f5f9fd; background: -webkit-gradient(linear, left top, right top, from(#cbdef4), to(white)); }
.comic-archive DT { float: left; width: 153px; padding-left: 3px; padding-top: 3px; text-align: right; font-family: Georgia; font-size: 24px; /*    color: #777; */ color: #82b2d7; }
.comic-archive DD { float: left; margin-left: 15px; width: 320px; }
.comic-archive DD h4 { font-size: 130%; padding-top: 4px; }
.comic-archive DD h4 A { color: #426886 !important; }
.comic-archive DD A { color: #82b2d7 !important; }
.comic-archive DD DIV { font-size: 85%; color: #82b2d7; }

.clear { clear: left; }

.comments A { color: white; }

.cast TD { padding: 3px; }

#disqus_thread * { clear: none !important; }

.dsq-comment-message { /*   color: black !important;*/ }

.dsq-request-user-info, .dsq-append-post { clear: none !important; }

.sketch-order { border-left: 2px solid #426886; }
.sketch-order TD { padding-left: 15px; }
.sketch-order .info { color: #426886; display: block; width: 250px; font-size: 75%; }
.sketch-order select { font-family: "monaco", monospace; }

#description { width: 250px; }

A.view-story { font-size: 95% !important; color: #82b2d7 !important; }

/* ================= */
/* = Firefox Hacks = */
/* ================= */
.gecko .post .title h3 { font-size: 18px; }
.gecko .box .title { font-size: 14px; }

/* ============================= */
/* = Firefox 3.1 Readjustments = */
/* ============================= */
.gecko-new .post .title h3 { font-size: 14px; }
.gecko-new .box .title { font-size: 11px; }

/* ============ */
/* = IE Hacks = */
/* ============ */
.ie #comic_actions { /*  clear: both;*/ z-index: 9999; zoom: 1; }

/* Graphic Novelist Styles */
.script { width: 500px; margin: 0 auto; font-family: Courier New; font-size: 10pt; }
.script TD { padding-top: 4px; padding-bottom: 4px; }
.script .page-header { text-align: left; font-weight: bolder; font-size: 125%; background-color: #F0F0F0; }
.script .page-header A { text-decoration: none; color: black; }
.script .character { text-align: right; min-width: 100px; vertical-align: top; white-space: nowrap; padding-left: 10px; padding-right: 5px; border-right: 1px dotted silver; }
.script .character SPAN { text-decoration: underline; }
.script .character .parenthetical { color: gray; font-size: 85%; text-decoration: none !important; }
.script .dialog { padding-left: 5px; vertical-align: top; width: 75%; }
.script .dialog-count { padding-left: 10px; padding-top: 5px; vertical-align: top; color: gray; font-size: 75%; }
.script .action { padding-top: 15px; padding-bottom: 15px; }
.script .action .panel { font-style: italic; font-weight: bold; }

.cart-items TABLE { border-collapse: collapse; margin-bottom: 15px; }
.cart-items TH { text-align: left; color: #999; font-weight: normal; vertical-align: top; font-size: 90%; }
.cart-items TD { vertical-align: top; }
.cart-items INPUT { padding: 2px; }
.cart-items .name { font-weight: bold; }
.cart-items .desc { padding-left: 15px; color: #555; font-size: 90%; }
.cart-items .total TD { border-top: 3px double #cbdef4; }
.cart-items .total .label { text-align: right; }
.cart-items .total .amount { font-weight: bold; }

.contact-info { margin-bottom: 15px; }

FORM TD SPAN { color: red; }
FORM .buttons { padding: 10px; }
FORM .buttons .right { float: right; }
FORM .buttons .right INPUT { font-weight: bold; }
FORM .buttons .right FORM { float: right; display: inline !important; }
FORM .buttons .right FORM INPUT[type=image] { display: inline; }

.cart-review .buttons { padding-top: 15px; margin-bottom: 15px; }
.cart-review .buttons .right SPAN.click-to-pay { float: right; display: inline-block; line-height: 31px; font-size: 85%; padding-right: 10px; color: maroon; }
.cart-review .buttons .right .arrow { color: red; }
.cart-review .buttons .right FORM { float: right; display: inline !important; padding: 0; margin: 0; margin-right: 10px; }
.cart-review .buttons .right FORM INPUT[type=image] { display: inline; }

.store label { display: block; }
.store .buttons { text-align: right; }
.store FIELDSET { border: 1px solid #cbdef4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; }
.store FIELDSET LEGEND { margin-left: 25px; padding: 0px 3px; }
.store FIELDSET .body { background: none; padding: 0px; padding-left: 15px; }

FIELDSET.errors { border: 1px solid #ff8080; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; font-size: 90%; margin-bottom: 15px; }
FIELDSET.errors LEGEND { margin-left: 15px; font-size: 120%; font-weight: bolder; color: #800000; padding: 0px 3px; }
FIELDSET.errors .body { padding: 0px 15px; background: none; }
FIELDSET.errors .body P { padding: 0; margin: 0; }
FIELDSET.errors .body DT { font-weight: bold; padding-top: 8px; text-transform: capitalize; }
FIELDSET.errors .body UL { margin: 0; }

.print-preview { margin: 25px; padding: 25px; border: 1px solid #DDD; box-shadow: 0px 1px 5px #444444; -moz-box-shadow: 0px 1px 5px #444444; -webkit-box-shadow: 0px 1px 5px #444444; }
.print-preview .preview-title { font-size: 75%; }
.print-preview IMG { max-width: 400px !important; display: block; margin: 0 auto; }

div#rb-redbubble-clothing { width: 100%; float: left; }
div#rb-redbubble-clothing img { border: none; }
div#rb-redbubble-clothing ul { list-style-type: none; margin: 0; padding: 0; float: left; }
div#rb-redbubble-clothing ul li { display: block; float: left; width: 139px; height: 180px; margin: 0 8px 8px 0; padding: 0 0 8px 0; }
div#rb-redbubble-clothing ul li a { display: block; text-align: center; text-decoration: none; font-size: 11px; }
div#rb-redbubble-clothing ul li a.rb-thumbnail img { width: 135px; height: 135px; padding: 2px; background: white; border: 1px solid #ccc; }