/*  CSS Document */

* { padding: 0; margin: 0; }

body { font-size: 62.8%; color: #333; font-family: Helvetica, Arial, san-serif; }

#header { height: 190px; background: url(/images/header_bg.png) repeat-x; position: relative; }
#header h1 { width: 713px; height: 56px; background: url(/images/storytotell.png) no-repeat; position: absolute; right: 0; top: 125px; text-indent: -999999em; }

#nav { display: block; height: 50px; background: url(/images/nav_bg.png) repeat-x; list-style: none;}
#nav li { float: left; font-size: 1.4em; text-transform: uppercase; }
#nav li.author { color: #F9ECC0; text-align: right; height: 25px; width: 160px; background: url(/images/author.png) bottom right no-repeat; padding:25px 100px 0 0; }
#nav li a { text-decoration: none; color: #999; margin: 20px 20px 0 0; display: block; padding: 5px;}
#nav li a:hover, #nav li a.active { color: #fff;}

#content { background: url(/images/content_bg.png) repeat-x; padding-top: 20px; position: relative;}

#main { margin: 0 10px 0 230px;}
#sidebar {  position: absolute; top: 20px; width: 190px; padding: 10px; background: url(/images/sidebar_bg.png) repeat-x #4196bb; color: #fff;}

#content p, #content li, #content table { line-height: 1.45em; font-size: 1.4em; margin: 0.5em 0; }
#content blockquote { margin: 1.5em; font-style: italic; border: 1px solid #eee; padding: 0.5em; background: #efefef; font-size: 1.4em;}
#content em { font-style: normal; font-weight: bold;}
#content li { margin:0.25em 0 0.25em 1.5em; }

#content ol li { padding-bottom: 0.5em;}

#main a { text-decoration: none; color: #4196bb;}
#main a:hover { color: #369; text-decoration: underline;}

#content p.meta { font-size: 1em; color: #999; margin-bottom: 1.5em;}

#main h2 { font-size: 4em; border-bottom: 1px dashed #444;}
#main h3 { font-size: 2.5em; border-bottom: 1px dashed #444;}

#sidebar h3 { font-size: 3em; color: #333; }
#sidebar a { color: #cff; text-decoration: none;}
#sidebar a:hover { color: #fff; text-decoration: underline;}
#sidebar li { line-height: 1em;}

.clearer { clear: both; }

#footer { height: 75px; margin-top: -80px; padding: 175px 10px 0 10px; background: url(/images/footer_bg.png) repeat-x #6395b8; font-size: 1.4em;}

.UltraViolet { font-size: 1.5em; margin-left: -50px; margin-bottom: -1em; font-family: Consolas, Verdana, fixed;}
#content pre code { font-size: 1.5em; font-family: Consolas, Verdana, fixed;}
.album .cover { height: 200px; width: 200px;  float: left;}
.album .description { float: left;}

.heading-num { margin-right: 0.5em;}


table { border: 1px solid black; border-collapse: collapse; }
thead { background-color: lightgrey; }
td, th { border: 1px solid black; padding: 0 1em; }
.numeric { text-align: right; }
.odd { background: #EFEFEF; }