/********
http://stackoverflow.com/questions/168992/make-h1-tag-the-same-maximum-width-regardless-of-capitalization-of-text-within
This
********/



/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
 
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
 
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
 
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
 
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
 
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
 
/* de-italicize address */
address { font-style:normal }
 
/* more varnish stripping as necessary... */
 
 
body
  {
    background:#000;
    font-family:Verdana,Serif;
    color:#444;
  }

div#content
  {
    font-size:0.75em;
  }
 
 
h1, h2, h3
  {
    font-family:Georgia,Serif;
    margin-left: 1em;
    margin-bottom: -.5em;
    //color: #549fc9;
    color: #A30000;
  }
 
h1
  {
    font-size: 1.4em;
    padding-top: 0.6em;
  }
 
h2
  {
    margin-left:1.1em;
    font-size: 1.3em;
    margin-bottom: -.5em;
  }
 
h3
  {
    font-size: 1.1em;
  }
 
p
  {
    margin: 1.5em;
    margin-top: .5em;
    font-family:Verdana,sans-serif;
  }
 
a
  {
    color: #F66;
    font-family:/*Arial,*/Verdana,Sans-serif;
    //font-family:Georgia,Serif;
  }




div#wrap
  {
    width: 850px;
    margin:0 auto;
    background:#FFF;
  }



/**BEGIN HEADER STYLING**/
div#header
  {
    width:850px;
    height:375px;
    position:relative;
    background:#000;
  }

#header img
  {
    position: absolute;
  }


img.add-bottle
  {
    right: .55em;
    bottom: .5em;
    z-index: 0;
  }

img.spiral-top
  {
    bottom: -190px;
    right: -280px;
  }

img.spiral-left
  {
    bottom: -550px;
    left: -155px;
  }

span.black
  {
    color:black;
    z-index:1;
  }

span.red
  {
    color:red;
    z-index:5;
  }

span.large
  {
    margin:0 0 0 -.18em;
  }

#header .large
  {
    font-size:2.6em;
    font-family:Georgia,Serif;
  }

span.small
  {
    margin:0 0 0 -.3em;
    font-family:Georgia,Serif;
  }

#header .small
  {
    font-size:1.25em
  }

#header .medium
  {
    font-size:.9em;
    font-weight:300;
    color:black;
    text-color:black;
    z-index:1;
  }

#primary-nav
  {
    position:absolute;
    left: 0em;
    bottom: 0em;
  }

#primary-nav a
  {
    color:#B00;
    font-family:Georgia,Serif;
    font-size: 1.4em;
  }

#header li
  {
    display: inline;
    margin: 0 1.5em 0 0;
  }

#site-name
  {
    position:absolute;
    bottom: 75px;
    right: 95px;
    z-index:2;
  }

#tagline
  {
    position:absolute;
    bottom: 50px;
    right: 80px;
    z-index: 1;
  }
/**END HEADER STYLING**/



div#left-nav
  {
    float: left;
    background: #FFF;
    width: 160px;
  }

 
#left-nav ul li
  {
    margin-bottom: .3em;
  }
 

#left-nav a
  {
    font-size: .9em;
  }
 
 
/***this assumes that content will always be longer than left nav***/
div#content
  {
    float: right;
    background: #FFF;
    width: 680px;
    display: inline;
  }
 
 
#content-inner
  {
    border-left-width: 4px;
    border-left-style:solid;
    border-left-color:#000;
  }

#content-inner h1, #content-inner h2
  {
    margin-bottom:.15em;
  }
 


 
#footer
  {
    clear:both;
    background: #000;
  }

#footer li
  {
    display:inline;
  }

#footer a
  {
    color:#B00;
    font-family:Georgia,Serif;
    font-size: .8em;
    margin-left: 20px;
  }

#footer span
  {
    margin-left:300px;
  }

p#last-paragraph
  {
    margin-bottom:0px;
  }

#content-inner ul, #content-inner ol
  {
    padding-left:1.7em;
    margin-left:0px;
    list-style: disc url(bullet-point.png) inside;
    padding-bottom:1.5em;
  }

.left-nav-ad
 {
    margin:0;
 }