html {
background: #fff;
background: url('http://chris.smeder.com/essays/background2.png');
}

body {
background: transparent url(http://chris.smeder.com/essays/overlay.png) no-repeat 50% 0%;
};

h1, h2, h3, h4, h5 {
	background: #F4F3DB;
	color: #555;
}

p, ol  {
font-family:"Palatino Linotype", Georgia, 'Times New Roman', serif;
color: #333;
font-size: 13px;
line-height: 1.4em;
}

p a, ol a { 
color: #c84e52;
text-decoration: none; 
line-height: 1; 
padding: 0 2px; 
}

p a:hover, p a:focus,  ol a:hover, ol a:focus{ 
background-color: #c84e52; 
color: #FEFEF6; 
}

#main {
width:550px;
margin: 8px auto 0px;
padding:10px 50px 50px 50px;
}

#main { 
background-color: #FEFEF6;  
-moz-box-shadow: 0px 3px 6px #575757; 
-webkit-box-shadow: #575757 0px 3px 6px; box-shadow: 0px 3px 6px #575757; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

#main { 

/* IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6ED', endColorstr='#FEFEF6');

/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6ED), to(#FEFEF6)); 

/* Firefox 3.6+ */
background: -moz-linear-gradient(top,  #F6F6ED,  #FEFEF6);  
}


#date {
font-weight:normal;
font:8px;
margin-top:0px;
margin-bottom:50px;
}

body, h1, h2, h3, h4, h5, #nav, #comment, #date { 
font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica Arial, sans-serif;
}

h1, h1 a:link, h1 a:visited  {
color: #c84e52;
}

h1 a:link, h1 a:visited, h1 a:hover, h1:active {
text-decoration: none;
}

h1 {
margin-top:45px;
margin-bottom:4px;
}

h2{
font-size:20px;
line-height: 1.5em;
font-weight: 200; 
color: #555;
}

h5 {
margin-top:0px;
margin-bottom:0px;
}

#nav {
width:650px;
margin: 18px auto 30px;
color: #8299aa;
}

#nav a:link, #nav a:visited  {
background-color: #FEFEF6;
color: #c84e52;
text-decoration: none;
padding: 5px;
}

#nav a:hover, #nav a:focus  {
background-color: #c84e52; 
color: #FEFEF6; 
}

#nav ul, #nav ol {
  padding-left: 0px;
  line-height: 24px;
  font-size: 12px;
}

#nav ul {
  list-style: none;
  color: #637985;
}

#nav li { padding-top: 5px;}

#nav a.highlight, .highlight{ 
color: #c84e52;
background: #fff3a2; 
}

#nav a:hover.highlight {
background: #fff06f;
}

#prenotes { background: #FFFF9F; 
            margin: 20px;
	    padding:20px;}

#comment {
float:right;
}

#comment a:link, #comment a:visited  {
color: #c84e52;
background: #fff3a2;
padding:10px;
text-decoration: none;
}

#comment a:hover {
background: #fff06f;
padding:10px;
text-decoration: none;
}

#date {
font-size: 12px;
}