/*
Theme Name: Art Deco
Theme URI: http://www.asmallerocean.net/
Description: Graphic intensity with light Javascript and integrated comics pager/gallery viewer
Version: 2
Author: William Cook
Tags: single column, fixed width, dark, grey, orange, 768
*/

/* Plugin stuff */
#galendar { margin: 0; padding: 0; }
#galendar { line-height: 0; }

/*body { margin: 0; padding: 0; background: url('img/backdrop.gif') no-repeat top center #f2eed1; }*/
body { margin: 0; padding: 0; background: url('img/backdrop.gif') repeat-y center #bfbfbf; }

/* Position */
#splashbar {}
#gutter, #menu-contents, #menu-button { top: 11px; }
#latest-comic-banner { top: 43px; }
#featured-images { top: 218px; }
#latest-images-banner { top: 250px; }
#blog { top: 350px; }

/* Specific positioning */
#menu-button, #menu-contents { right: 0; }
#open-menu-title { right: 164px; }
#menu-actual { margin-top: 50px; }

/* Dimensions */
#layout-boundary,
#heading,
#splashbar,
#gutter,
#menu-contents,
#featured-images,
#latest-comic-banner,
#latest-images-banner,
#featured-news,
#blog
{ width: 768px; }

#featured-images
{ height: 32px; }

#latest-comic-banner
{ height: 175px; }

#featured-news
{ height: 35px; overflow: hidden; }

/* Layering */
* { z-index: 0; }
#menu-actual, #menu-contents { z-index: 3; }
#menu-button { z-index: 2; }
#latest-comics-banner, #heading { z-index: 1; }

/* Design */

#layout-boundary { margin: auto; }

#heading { position: absolute; top: 0; }

#splashbar { height: 11px; }

#gutter { height: 32px; background: repeat-x url('img/gutter.gif'); }

#menu-button { position: absolute; }
#menu-contents { position: absolute; width: 350px; background: repeat-x url('img/gutter.gif'); display: none; }
#open-menu-title { position: absolute; }
#close-menu { display: inline; float: right; }
#menu-actual li a { font-size: 8pt; }
#menu-actual h2 { margin: 1.5em 0 0.2em 0; padding: 0; font-size: 16pt; font-weight: normal; }
#menu-actual li { list-style-type: none; margin-bottom: 0.2em; }
#menu-actual .xoxo, #menu-actual .blogroll { margin: 0; padding: 0; }
#menu-actual .separator { margin: 0.3em 0 0.3em 1em; list-style-type: none;}

#latest-comic-banner { position: absolute; overflow: hidden; }

#featured-images { position: absolute; }
#latest-images-banner { position: absolute; overflow: hidden; height: 100px; }
#latest-images-banner img { border: 1px solid black; }

#blog { position: absolute; }
/*
#blog .post, #blog-comment { margin: 2em 5em 0 5em; }
#blog .post { border-bottom: 1px solid; padding-bottom: 1.5em; }
#blog .post p { text-indent: 2em; }
#blog .post h3 a { font-weight: normal; }

#blog-pager { text-align: center; margin: 2em 0 2em 0; }

#blog-comment { text-align: left; }
*/

.year { text-align: right; padding: 5px 50px 5px 0; }
.year img { margin: 0 2px 0 2px; }
.post { background: url('img/post-backdrop.png') repeat-y 0 0 #1c1c1c; }
.post { clear: both; overflow: hidden; border-bottom: 1px solid;}
.post .date { float: left; text-align: right; width: 120px; height: 249px; }
.post .attachment { margin-left: 120px; height: 249px; }
.post .content { float: right; width: 398px; }
.post .content-sans { float: right; width: 605px; }
.post .content .container, .post .content-sans .container { padding: 20px; }
.post .date .container { padding-top: 1em; padding-right: 1em; }

/*a[rel~=attachment] img { width: 100%; height: auto; }*/
.post a img[width] { width: 100%; height: auto; }

#blog-pager { padding: 3em; text-align: center; }

.commentmetadata a { font-style: italic; }

#respond input { border: 1px solid; }

#comment-system { padding: 1em; }
#disqus_thread { padding: 1.5em; }

#footer { padding: 2em; }
#footer h2 { margin-bottom: 0.5em; }
#footer, #footer *, #footer h2, #footer a, .metadata, .commentmetadata * { font-size: 8pt; }
#footer a { font-weight: bold; }
#footer ul { margin: 0; padding: 0; }
#footer li { display: inline; list-style-type: none; }

#footer .footer-widgets { margin-top: 1em; font-size: 8pt; }
#footer .footer-widgets div { margin-top: 1em; }
#footer .aktt_more_updates { display: block; margin-top: 0.5em; }
#footer .aktt_more_updates a { font-weight: normal; }

.wp-caption { border: 1px solid; }
.wp-caption img { margin: auto; margin-top: 5px;}
.wp-caption-text { font-size: 8pt; }
.alignleft { text-align: left; float: left; }
.alignright { text-align: right; float: right; }
.aligncenter { text-align: center; margin: auto; }

.comment, #respond h3, #comments-title { font-size: 14pt; font-weight: bold; }
.comment-body { font-size: 10pt; font-weight: normal; }
.bypostauthor .vcard a { font-weight: bold; }
.vcard .avatar { float: left; padding: 5px 10px 10px 10px; }

* { font-family: 'verdana',sans-serif; font-size: 10pt; }
a { text-decoration: none; font-weight: bold; }
li a { font-weight: normal; }
img { border: 0; }
h2, h2 a { margin: 0; padding: 0; font-size: 14pt; }
h3, h3 a { margin: 0 0 1em 0; padding: 0; font-size: 8pt; font-weight: normal; font-style: italic; }

/* Color */

#heading
{ background-color: #ffa500; }

#menu-actual li a:hover, a:hover, #blog .post p a, .commentmetadata a:hover, .comment-body em
{ color: #ffa500; }

a
{ color: #ffc251; }

#latest-images-banner, #latest-comic-banner
{ background-color: #000000; }

#featured-images, #featured-news
{ background-color: #101010; }

.post .date
{ background-color: #1c1c1c; }

#menu-contents, #gutter, #footer, #respond input, #respond textarea
{ background-color: #202020; }

#blog-pager
{ background-color: #252525; }

.post
{ border-color: #2f2f2f; }

#comment-system
{ background-color: #303030; }

#latest-jumps, #menu-actual .separator
{ color: #404040; }

#blog
{ background-color: #404040; }

.comment, #respond h3, .separator
{ color: #606060; }

#respond input, #respond textarea, #comment-system
{ border-color: #606060; }

#blog .post h3, .wp-caption, .commentmetadata *, #comments-title
{ color: #a0a0a0; }

#blog p.wp-caption-text
{ color: #b0b0b0; }

body, #blog .post h2, #blog .post h2 a, #menu-actual, #blog p, #menu-actual li a, #footer, #featured-news-header h3
{ color: #ffffff; }