body
   {
    text-align:center;
    background: #000000
   }

.container
   {
    position: relative;
    width: 800px;
    margin: 30px auto 0px auto;
    padding: 0;
    border: 0px
   }

.header
   {
    width: 800px;
    margin: 0px;
    padding: 0px;
    border: 0px
   }


/* subhead sits inside header */

#subhead a
   {
    position:absolute;
    left: 628px;
    top: 253px;
    z-index: 1;
    width: 170px;
    height: 40px;
    background-image: url(images/sprites.png);
    background-repeat: no-repeat;
    text-align: center;
    border: solid 1px #1D26E4;
   }

#subhead-home        {background-position: 0px -232px;}
#subhead-works       {background-position: 0px -332px;}
#subhead-novels      {background-position: 0px -432px;}
#subhead-stories     {background-position: 0px -532px;}
#subhead-awards      {background-position: 0px -632px;}
#subhead-author      {background-position: 0px -732px;}
#subhead-bio         {background-position: 0px -832px;}
#subhead-photos      {background-position: 0px -932px;}
#subhead-interview   {background-position: 0px -1032px;}
#subhead-blog        {background-position: 0px -1132px;}
#subhead-read        {background-position: 0px -1232px;}
#subhead-subscribe   {background-position: 0px -1332px;}
#subhead-connect     {background-position: 0px -1432px;}


.menu_left
   {
    position: relative;
    float: left;
    text-align:left;
    width: 145px;
    margin: 0;
    padding: 0;
    border: 0;
   }

.content_center
   {
    text-align:left;
    margin: 0px 235px 0px 145px;
    padding: 15px 10px 0px 25px;
    border-left: solid 1px #1D26E4;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent
   }


/* list for general items in the main content category */

ul.center
   {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.center li {margin: 0px 0px 35px 0px;}


.sidebar_right
   {
    text-align: left;
    float: right;
    width: 200px;
    padding: 0px 0px 0px 10px;
   }

.footer
   {
    float: clear;
    height: 30px;
    padding: 35px 0px 0px 0px;
    margin-left: 145px;
    border-left: solid 1px #1D26E4;
    border-top: solid 1px transparent;
    border-bottom: solid 1px #1D26E4;
    text-align: center;
   }


/* list for left navigation menu */

ul.nav
   {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.nav li  {display: inline}

ul.nav li a
   {
    float: left;
    outline: none;
    overflow: hidden;
    height: 30px;
    width: 140px;
    background-image: url(images/sprites.png);
    background-repeat: no-repeat;
    text-indent: -9999px;   
   }

li.nav-works-static           {background-position: -140px 0px;}
li.nav-author-static          {background-position: -700px 0px;}
li.nav-blog-static            {background-position: -1260px 0px;}
li.nav-works-static  a        {background-position: -140px 0px;}
li.nav-author-static a        {background-position: -700px 0px;}
li.nav-blog-static   a        {background-position: -1260px 0px;}
li.nav-works-static  a:hover  {background-position: -140px 0px;}
li.nav-author-static a:hover  {background-position: -700px 0px;}
li.nav-blog-static   a:hover  {background-position: -1260px 0px;}

li.nav-home      a {background-position: 0px 0px;}
li.nav-works     a {background-position: -140px 0px;}
li.nav-novels    a {background-position: -280px 0px;}
li.nav-stories   a {background-position: -420px 0px;}
li.nav-awards    a {background-position: -560px 0px;}
li.nav-author    a {background-position: -700px 0px;}
li.nav-bio       a {background-position: -840px 0px;}
li.nav-photos    a {background-position: -980px 0px;}
li.nav-interview a {background-position: -1120px 0px;}
li.nav-blog      a {background-position: -1260px 0px;}
li.nav-read      a {background-position: -1400px 0px;}
li.nav-subscribe a {background-position: -1540px 0px;}
li.nav-connect   a {background-position: -1680px 0px;}

li.nav-home      a:hover {background-position: 0px -40px;}
li.nav-works     a:hover {background-position: -140px -40px;}
li.nav-novels    a:hover {background-position: -280px -40px;}
li.nav-stories   a:hover {background-position: -420px -40px;}
li.nav-awards    a:hover {background-position: -560px -40px;}
li.nav-author    a:hover {background-position: -700px -40px;}
li.nav-bio       a:hover {background-position: -840px -40px;}
li.nav-photos    a:hover {background-position: -980px -40px;}
li.nav-interview a:hover {background-position: -1120px -40px;}
li.nav-blog      a:hover {background-position: -1260px -40px;}
li.nav-read      a:hover {background-position: -1400px -40px;}
li.nav-subscribe a:hover {background-position: -1540px -40px;}
li.nav-connect   a:hover {background-position: -1680px -40px;}

li.nav-home-bold      a {background-position: 0px -80px;}
li.nav-works-bold     a {background-position: -140px -80px;}
li.nav-novels-bold    a {background-position: -280px -80px;}
li.nav-stories-bold   a {background-position: -420px -80px;}
li.nav-awards-bold    a {background-position: -560px -80px;}
li.nav-author-bold    a {background-position: -700px -80px;}
li.nav-bio-bold       a {background-position: -840px -80px;}
li.nav-photos-bold    a {background-position: -980px -80px;}
li.nav-interview-bold a {background-position: -1120px -80px;}
li.nav-blog-bold      a {background-position: -1260px -80px;}
li.nav-read-bold      a {background-position: -1400px -80px;}
li.nav-subscribe-bold a {background-position: -1540px -80px;}
li.nav-connect-bold   a {background-position: -1680px -80px;}


/* list to place to blue marker in left menu; uses marker.jpg and marker-empty.jpg */

ul.marker
   {
    list-style-type: none;
    height: 30px;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.marker li  {display: inline}


/* styles tweets on index page */

#twitter_div
   {
    margin: 0px;
    font-family: Georgia;
    font-weight: normal;
    font-size: 90%;
   }

#twitter_div ul
   {
    list-style-type: none;
    padding: 0px;
   }

#twitter_div ul li    
   {
    margin-bottom: 1em;
    padding: 3px 7px 0px 7px;
    background: url('images/twit-bkgd.jpg') repeat-y;
   }

#twitter_div ul li span
   {
    text-align: right;
    color: black;
   }

#twitter_div ul li span a
   {
    display: inline;
    text-align: left;
    text-decoration: none;
    line-height: 1;
    color: #FFD324;
   }

#twitter_div ul li span a:link     {color: #007A18; font-style:italic}
#twitter_div ul li span a:visited  {color: #007A18; font-style:italic}
#twitter_div ul li span a:hover    {color: red; font-style:italic}

/* timestamp is outside the span, so style it separately here.
   Note that declarations have to be reset in the spans, above. */

#twitter_div ul li a
   {
    text-decoration: none;
    color: #007a18;
    display: block;
    text-align: right;
    line-height: 2;
   }


/* styling for the photo page */

ul.gallery
   {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.gallery li
   {
    display:inline;
    outline:none;
   }

img.gallery 
   {
    border: solid 1px #212cff;
    margin: 0px 0px 30px 50px;
   }


/* general button styling */

ul.buttons
   {
    list-style-type: none;
    list-style-position:inside;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.buttons li  {display: inline}

ul.buttons li a
   {
    float: left;
    outline: none;
    overflow: hidden;
    height: 32px;
    width: 190px;
    text-indent: -9999px;   
   }

/* styling for "follow mike on twitter" */

li.buttons-twit  a       {background: url('images/sprites.png') no-repeat -200px -200px;}
li.buttons-twit  a:hover {background: url('images/sprites.png') no-repeat -200px -235px;}


/* styling for the up-arrow in footer */

a.uparrow
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -495px;
    float:left;
    margin: 0px 0px 0px 300px;
    display:inline;
    text-indent:-9999px;
    height:25px;
    width:30px;
    outline:none;
   }

a.uparrow:hover {background-position: -200px -525px}


/* styling for award images */

li.awards {padding: 25px 0px 25px 0px;}

a.shamus
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -580px;
    float:left;
    display:inline;
    text-indent:-9999px;
    height:170px;
    width:150px;
    outline:none;
   }

a.itw
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -760px;
    float:left;
    display:inline;
    text-indent:-9999px;
    height:85px;
    width:150px;
    outline:none;
   }

a.derringer
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -850px;
    float:left;
    display:inline;
    text-indent:-9999px;
    height:150px;
    width:110px;
    outline:none;
   }




/* styling for email address image on Connect page */

a.addr
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -279px;
    float:left; 
    display:inline;
    text-indent:-9999px;
    height:13px;
    width:160px;
    outline:none;
   }

a.addr:hover {background-position: -200px -301px}


/* styling for "Subscribe" button on blog/read pages */

a.subscribe
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -340px;
    float:left; 
    display:inline;
    text-indent:-9999px;
    height:30px;
    width:158px;
    outline:none;
   }

a.subscribe:hover {background-position: -200px -380px}


/* styling for "Tweet this post" button on blog/read pages */

a.tweetpost
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -200px -420px;
    float:left; 
    display:inline;
    text-indent:-9999px;
    height:22px;
    width:110px;
    outline:none;
   }

a.tweetpost:hover {background-position: -200px -450px}



/* general text styling */

H1, H2, H3, P, TD  
   {
    color: #03CFEE; 
    font-family: Verdana;
    line-height: 1.4;
    letter-spacing: .2px;
    border: none;
    font-size: 90%;
   }

H2.twit  /*for the tweets header on main page */
   {    
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    color: #03d9f9;
    background-color: #212cff;
   } 

H1 {font-style: italic; font-weight: normal; font-size: 125%; color: #212cff}

h2 {color:212cff; font-size: 100%}

P  {font-style: normal; font-weight: normal}

P.hilite {color: green}

P.question {color:#ffd324; font-weight:normal}  /* used on Interview page */

A:link  {color: #FFD324}

A:VISITED {color: #FFD324}

A:HOVER {color: red}

/*
.alignleft {text-align: left}
.alignright {text-align: right}
*/

/* blog styling */

.blog_entry
   {
    background-image: url('images/blog-bkgd.jpg');
    background-position: 15px 20px;
    background-repeat: repeat-y;
    text-align:left;
    margin: 0px 220px 0px 145px;
    padding: 0px 10px 0px 35px;
    border-left: solid 1px #1D26E4;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
   }

div.blog_entry p
   {
    color: black; 
    font-family: Georgia;
    font-size: 95%;
    line-height: 1.3;
    letter-spacing: normal;
   }

div.blog_entry p a:link     {color: #007A18}
div.blog_entry p a:visited  {color: #007A18}
div.blog_entry p a:hover    {color: red}

div.blog_entry h1  
   {
    color: black; 
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin-top: 40px;
   }

div.blog_entry h1 a:link     {color: #007A18;text-decoration:none;}
div.blog_entry h1 a:visited  {color: #007A18;text-decoration:none;}
div.blog_entry h1 a:hover    {color: red;text-decoration:none;}

div.blog_entry h2  
   {
    color: black; 
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin-top: 40px;
   }

div.blog_entry h3  
   {
    color: black; 
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
   }

div.blog_entry p.info
   {
    color: black; 
    font-family: Verdana;
    font-size: x-small;
    font-style: normal;
    line-height: 1;
   }

div.blog_entry p.info a:link     {color: #007A18}
div.blog_entry p.info a:visited  {color: #007A18}
div.blog_entry p.info a:hover    {color: red}

.commentlist {list-style-position: outside;}

.comment-author {font-family: Verdana; font-size: 90%; font-weight: 600}
.comment-author a:link     {color: #007A18}  
.comment-author a:visited  {color: #007A18}
.comment-author a:hover    {color: red}

.comment-meta {color: black; font-family: Verdana; font-size: x-small; font-style: normal;}
.comment-meta a:link     {color: #007A18}  
.comment-meta a:visited  {color: #007A18}
.comment-meta a:hover    {color: red}

.cat-head
   {
    text-align:left;
    margin: 0px 220px 0px 145px;
    padding: 0px 10px 0px 20px;
    border-left: solid 1px #1D26E4;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
   }

ul.sidebar_right
   {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    outline: none;
   }

ul.sidebar_right li
   {
    display: inline;
   }

#search
   {
    margin: 25px 0px 0px 0px;
   }

#search label  
   {    
    font-family: verdana;
    color: #212cff;
    font-weight: bold;
   }

#s
   { 
    width: 100%;
    background-color: #03E3F8;
    font: black Verdana x-small;
    margin: 0px 0px 10px 0px;
    border: 2px solid #03D9F9;
   }

input#searchsubmit
   {
    background:url('/images/sprites.png') no-repeat;
    background-position: -200px -1010px;
    float:left; 
    display:inline;
    text-indent:-9999px;
    height:17px;
    width:53px;
    outline:none;
    border:none;
   }

input#searchsubmit:hover {background-position: -200px -1030px}

input#subscribesubmit
   {
    background:url('images/sprites.png') no-repeat;
    background-position: -195px -1058px;
    display:inline;
    text-indent:-9999px;
    height:20px;
    width:78px;
    outline:none;
    border:none;
   }

input#subscribesubmit:hover {background-position: -195px -1078px}

ul.wppp_list
   {
    list-style-type:decimal;
    font-family: Verdana;
    font-size: 90%;
    color: #03E3F8;
    line-height: 1.3;
   }

ul.wppp_list a:link     {color: #03E3F8}
ul.wppp_list a:visited  {color: #03E3F8}
ul.wppp_list a:hover    {color: #007A18}

ul.wppp_list li
   {
    display:block;
    padding: 0px 0px 6px 0px;
    line-height:1.2;
   }

ul.categories
   {
    font-family: Verdana;
    font-size: 90%;
    color: #03E3F8;
    line-height: 1.3;
   }

h2.cat {color: #212cff}

ul.categories a:link     {color: #03E3F8}
ul.categories a:visited  {color: #03E3F8}
ul.categories a:hover    {color: #007A18}