/*  
Theme Name: Kim
Theme URI: http://kimelliott.net
Description: Kim's Theme
Version: 1
Author: Oliver Francis
Author URI: http://embeddedstream.com/
*/


/*    General HTML styling                    */
/*--------------------------------------------*/

* {margin: 0; padding: 0}

body {
   font: 72% / 1.5em verdana, sans-serif;
   background: black;
   color: #383838}

hr {display: none}

h1, h2, h3, h4, h5 {color: #40241c; margin-bottom: 0.5em}

h2 {font-size: 1.7em;} 
h3 {font-size: 1.5em;} 
   
h3 a {text-decoration: none}
   
a {color: #40241c;}

code {font: 1em verdana, sans-serif}
cite {font-style: normal}

p {margin: 0.9em 0}

.nonvisual {position: absolute; left: -5000px}
.clear {clear: both}

#wrapper {
   position: relative;
   width: 798px;
   margin: 30px auto;
   background: white}

/*---------------------------------------*
/*    Header
 *---------------------------------------*/
#header {
   height: 419px;
   background: url(images/header.jpg) no-repeat}

#header a {
   position: absolute;
   left: 445px;
   top: 317px;
   background: url(images/title.jpg) no-repeat;
   text-indent: -5000px;
   font-size: 1px;
   width: 203px;
   height: 34px;
   text-decoration: none}

/*---------------------------------------*
/*    Navigation
 *---------------------------------------*/
#nav {
   position: absolute;
   right: 0;
   top: 11px}

#nav li {list-style: none}
#nav a {
   text-decoration: none;
   text-indent: -5000px;
   display: block;
   width: 211px; height: 42px;
   margin-bottom: 3px;
   overflow: hidden}

#nav a:hover, #nav a:active, #nav a:focus {
   background-position: -211px 0}
   
#nav-home {background: url(images/nav-home.gif) no-repeat;}
#nav-fiction {background: url(images/nav-fiction.gif) no-repeat;}
#nav-bio {background: url(images/nav-bio.gif) no-repeat;}     
#nav-archive {background: url(images/nav-archive.gif) no-repeat;}     
#nav-contact {background: url(images/nav-contact.gif) no-repeat;}
    

/*---------------------------------------*
/*    Main Content
 *---------------------------------------*/
#main {
   padding: 30px 70px 50px;
   min-height: 400px}   

/*---------------------------------------*
/*    Posts
 *---------------------------------------*/
#posts li {list-style: none;}

.post {
   margin: 0 -70px 20px;
   padding: 0 70px 20px;
   background: url(images/divider.gif) repeat-x bottom left}

.post h2 {margin-bottom: 5px}
.post h2 a {
   text-decoration: none;
   color: #40241c;} 
   
.meta {margin-bottom: 10px}   
.meta li {display: inline; margin-right: 20px}

/*---------------------------------------*
/*    Comments
 *---------------------------------------*/
#comments {
   background: url(images/divider.gif) repeat-x bottom left;
   margin: 20px -70px 10px;
   padding: 0 70px 20px}

.comment {
   list-style: none;
   margin: 20px 0 20px}
   
/*---------------------------------------*
/*    Forms
 *---------------------------------------*/
form {padding: 5px 0}
form p {margin: 0; padding: 0}
form p.notes {margin: 1.5em 0 1em}

textarea {width: 380px}
label {display: block; margin: 0.8em 0 0.2em; cursor: pointer}
.button {margin-top: 10px;}
.actions {width: 383px; text-align: right;}
.error {color: rgb(180,0,0);}

.protected form input {margin: 10px 0 0 145px}
.protected label {margin-top: 15px}
.protected label input {margin: 0}

/*---------------------------------------*
/*    Admin links
 *---------------------------------------*/
#admin {
  position: absolute; top: 355px; left: 495px;
  display: none;}

#admin a {
  color: white;
  font-weight: bold}
  
#admin.show {display: block}
#admin li {display: inline; margin-left: 15px}

/*---------------------------------------*
/*    Divider section
 *---------------------------------------*/
.section {
   background: url(images/divider.gif) repeat-x bottom left;
   margin: 0 -70px;
   padding: 0 70px 20px}

/*---------------------------------------*
/*    Archive
 *---------------------------------------*/
#generalList li {list-style: none}

/*---------------------------------------*
/*    Stories
 *---------------------------------------*/
#stories a {
  display: block;
  width: 296px;
  height: 125px;
  text-align: center;
  font-size: 1.6em;
  background: url(images/panel.gif) no-repeat;
  text-decoration: none;
  line-height: 1.4em}
  
 #stories a span {
  display: block;
  padding: 20px 30px 30px 30px;}
 
 #stories a:hover {background-position: 0 -150px} 
 
 #stories li {
  float: left; 
  margin: 14px 14px 0 0; 
  list-style: none}