/*
Theme Name: Espresso @ Midnight
Theme Author: Parker Torrence
Description: There is always a need for a 'Black' layout. Converted to WP by <a href="http://grabatheme.com">Grab A Theme</a>
*/

@import url(base-weblog.css);

body { 
 font: 62.5%/2em "Trebuchet MS", Verdana, Helvetica, arial, sans-serif; 
 background: #000 url('images/bg_page.gif') repeat -1px -1px;
 color: #979456;
 margin: 0;
 padding: 0;
}

img { border:none; }

a {
 color: #67772a;
 text-decoration: none;
 padding-bottom: 2px;
 background: url(none);	
}
a:hover {
 color: #d8bb86;
 text-decoration: none;	
 padding-bottom: 2px;
 background: url('images/hover.gif') repeat-x left bottom;
}
h1, h2, h3, p {
 margin: 0.5em 3%;	
}
h2, h3 {
 font-weight: 600;	
}
h2 {
 font-size: 1.8em;	
}
.entry a, #more a {
padding: 0;	
}

.entry a:hover, #more a:hover {
 background: url('images/hover_blink.gif') no-repeat 0 100%;
 text-decoration: none;
 padding: 0;	
}
#container
{
 width: 760px;
 margin: 0 auto;
 padding: 0;
}
#banner {
 background: #000 url('images/bg_page.gif') no-repeat 100% 0; 
 border: 3px dotted #111;
 margin: 17px 0 17px 100px;
 height: 98px;
 width: 600px;
}
#banner-inner {
 margin: 7px 11px 5px -3px;
 background: #080808;
 border: 2px dotted #222;	
 height: 94px;
}
h1#banner-header {
 margin: 0;
 padding: 15px 0 0 50px;
 font-size: 2.4em; 
 text-transform: uppercase;
 word-spacing: 0.5em;
}
h2#banner-description {
 margin: 0;
 padding: 20px 0 0 75px;
 font-size: 2em;
 font-variant: small-caps;
 font-style: oblique;
}
#pagebody { 
 border: 3px dotted #111;
}
#pagebody-inner {
 width: 756px;
 margin: 0 auto;	
}
#beta {
 width: 150px;
 margin: 0 5px;
}
#alpha { 
 width: 400px; 
 margin-left: 15px;
 margin-right: 10px;
 background: #080808;
 }
#beta-inner {
 margin: 0 3px;	
}
/* entry elements */
.entry { 
 background: #111;
 margin-right: 4px;
 width: 394px;	
 text-align: justify;
 letter-spacing: 0.05em;
}
* html .entry {
 margin-left: 3px;
 margin-right: 3px;	
}
.entry img {
 padding: 5px;
 background: #000;	
}
h2.date-header {
 color: #978d67;
 font-size: 1.3em;
 font-variant: small-caps;
}
h3.entry-header {
 font-size: 1.3em;
 text-transform: uppercase;	
}
.entry-body {
 font-size: 1.1em;
}
.entry-body p:first-line {
 font-size: 1.1em;	
} 
.entry-body p:first-letter {
 font-size: 1.5em;
 font-weight: 600;
 margin-right: 0.15em;	
}
.entry ul {
 list-style: url('images/icon_box.gif');
}
.entry li {
 color:	 #978d67;
}
.entry ol {
 margin-left: 7%;
 padding-left: 0;	
}
.entry blockquote {
 background: #080808;	
}
.entry blockquote:first-letter {
 font-weight: 500;
 margin-left: 0;	
}
#more {
 font-size: 1.1em;
 padding-top: 10px;
 background:  url('images/bg_page.gif') repeat-x 0 0;
}
#more p:first-line {
 font-size: 1.2em;
 font-weight: 500;	
}
p.entry-more-link:first-letter {
 font-size: 1em;
 font-weight: 500;	
 margin-left: 0;
}
p.entry-more-link:first-line {
 font-size: 1em;
 font-weight: 500;	
}
p.entry-more-link {
 font-style: oblique;
 text-indent: 1em;
}
p.entry-footer {
 text-align: center;
 font-size: 0.9em;
 color: #978d67;
 margin: 0.5em 0 0;
 padding: 0 0 15px 0;	
 background: url('images/bg_page.gif') repeat-x 0 100%;
}
p.entry-footer:first-letter {
 font-size: 1em;
 font-weight: 500;
 margin-right: 0;	
}
p.entry-footer:first-line {
 font-size: 1em;
 font-weight: 500; 	
}
p.entry-footer a {
 color: #b69e77;
 text-decoration: none;	
}
p.entry-footer a:hover {
 color: #978d67;
 text-decoration: none;	
}

/* side bars */
h2.module-header {
 font-weight: 300;
 text-transform: uppercase;
}
.module-calendar {
 background: #000;
}


#beta li{
 list-style: none !important;
 }

 .module-content ul li {
  margin-left: 5px;
 }
#beta ul li a {
  background: url('images/icon_li.gif') no-repeat left center;
  padding-left: 12px;
 } 
  .module-content ul li a:visited,
  .module-content ul li a:hover {
  background: url('images/icon_li_v.gif') no-repeat left center;
  }
 .module-content ul li ul li {
  background: url('images/icon_li_sub.gif') no-repeat left center;
  padding-left: 12px;
 } 
  .module-content ul li ul li a:visited,
  .module-content ul li ul li a:hover {
  background: url('images/icon_li_sub_v.gif') no-repeat left center;
  }
/* Search Form Elements */
.module-search h2 {
 display: none;	
} 
.module-content form input {
 display: none;	
}
.module-content form {
 background: #000;
 border: 1px solid #181818;	
 width: 120px;
}
.module-content form label {
 font-size: 0.9em;	
 width: 120px;
 color: #777436;
}
.module-content form input#search {
 display:block;
 border: none;
 border-top: 1px solid #181818;
 background: #030303;	
 width: 120px;
 color: #997;
 margin: 0;
 padding: 0;
}
.module-content form input:focus#search {
 background: #181818;
 color: #ffd;	
}
/* Comments */
.comment {
 font-size: 1.2em; 
 background: #000 url('images/bg_page.gif') repeat-x 0 2px;
 padding-top: 11px;	
 margin-bottom: 1em;	
}
* html .comment {
 padding-top: 0;
}
* html .comment p {
 padding-top: 12px;	
}
.comment-footer {
 text-align: right;
 font-size: 0.9em;	
}
/* Comments Form elements */
#comments-open, .comments-open {
 clear: both;
 background: #111;
 margin: 0 3px;
}
h2.comments-open-header {
 margin: 1em 2% 0.5em;
 font-variant: small-caps;
 line-height: 2em;
}
#comments-open-data p,
 p#comments-open-text {
 clear: both;
 width:400px;
}
#name-email {
 clear: both;
 margin-bottom: 0.5em;	
}
#comments-open-data label,
#comments-open-text label {
 display: block;
 float: left;
 width: 125px;
 text-align: right;
 margin-right: 5px;	
 font-size: 0.9em;
 color: #777436;
}
#comments-open-data input,
#comments-open-text textarea {
 display: block;
 float: left;
 width: 230px;
 margin-bottom: 0.5em;
 border-left: 0;
 border-right: 0;
 border-top: 1px solid #181818;
 border-bottom: 1px solid #181818;
 background: #030303;
 color: #997;
 overflow: auto;
}
lable input#comment-bake-cookie {
 display: inline;
 width: 300px;	
}
input#comment-bake-cookie {
 display:inline;
 float: right;
 margin-bottom: 0.5em;
 border: 0;
 background: #030303;
 color: #997;	
 width: 20px;
 margin-left: 5px;
}
#comments-open-data input:focus,
#comments-open-text textarea:focus {
 background: #181818;
 color: #ffd;		
}
#comments-open-footer {
 width: 220px;
 margin: 0.5em 0 0.5em 147px;
}
* html #comments-open-footer,
* html .comments-open-footer {
 clear:both;
 width: 275px;
 margin: 0; 
 padding: 0 0 0 135px;
}
#comments-open-footer input#comment-preview,
#comments-open-footer input#comment-post {
 width: 100px;
 margin: 0.5em 7px 1em 0;
 border: 3px double #000;
 background: #181818;
 color: #997;	
 font-variant: small-caps;
 cursor: pointer;
}
* html #comments-open-footer input#comment-preview,
* html #comments-open-footer input#comment-post {
 cursor: hand;	/* this is not valid css but IE needs it to look good */
 width: 40%;
 padding: 0;
}
#comments-open-footer input:hover#comment-preview,
#comments-open-footer input:hover#comment-post {
 background: #000;
 border: 3px double #181818;
}


/* body.layout-one-column adjustments */

body.layout-one-column #pagebody {
 background: #080808;
 width: 600px;
 margin-left: 100px;	
}
body.layout-one-column #pagebody-inner {	
 width: 596px;
}
body.layout-one-column #alpha {
 width: 580px;;
}
body.layout-one-column .entry { 
 width: 580px;	
 margin-left: 5px;
}


/* body.layout-two-column-right adjustments */

body.layout-two-column-right #banner {
 margin-left: 12px;
 width: 570px;	
}
body.layout-two-column-right #alpha {
 width: 570px;
 margin-left: 10px;
 margin-right: 10px;
 background: #080808;
}
body.layout-two-column-right #beta {
 width: 150px;
 margin: 0 5px;
 background: transparent;
}
body.layout-two-column-right .entry { 
 width: 555px;	
 margin-left: 5px;
}
.content-nav a {
 white-space: nowrap;	
}