html
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	background: #333333;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

/* Links */

a:link { color: #335577; text-decoration: none; }

a:visited { color: #557799; text-decoration: none; }

a:hover, a:active { color: #993333; }

/* Html Elements */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 5px 0 10px; padding: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h1 { font-size: 28px; }

h2 { font-size: 26px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

ul, ol, blockquote, pre
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

ul
{
	list-style-type: square;
}

blockquote, pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #466b85; }

del { color: #555555; }

/* Structure */

body
{
	width: 750px;
	margin: 0 auto;
	padding: 0 25px;
	background: #f9f9f9 url(images/bg.png) top left repeat-y;
}

#topnav
{
	width: 100%;
	float: left;
	color: #999999;
	background-color: #2c231e;
}

#header
{
	clear: both;
	border-top: 2px solid #000000;
}

#wrapper
{
	float: left;
	width: 100%;	
	color: #444444;
}

#content-wrapper
{
	width: 60%;
	float: left;
	padding: 10px 0;
}

#content
{
	float: left;
	padding: 10px;
}



#sidenotes-wrapper
{
	width: 80%;
	float: left;

}

#sidenotes
{
	float: left;
	padding: 10px;
}

#footer
{
	clear: both;
	color: #777777;
	padding: 20px 0;
	text-align: center; 
	background-color: #eeeeee;
	border-top: 5px solid #e5e5e5;
	border-bottom: 15px solid #dddddd;
}





/* Content
----------------------------------------------- */
@media all {
  #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:410px;
    float:left;
    }
  #sidebar {
    width:220px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }



/* Top-Nav */

#topnav ul { float: right; list-style-type: none; margin: 0; padding: 0 10px; width: 95%; line-height: 1.0em; }

#topnav li { float: right; margin: 0; padding: 0; }

#topnav a { display: block; float: left; margin: 10px 0; padding: 0 10px; border-left: 1px solid #777777; }

#topnav a:link, #topnav a:visited { color: #988d87; }

#topnav a:hover, #topnav a:active { color: #ddd8d5; }

#topnav li#skip a { border-left-width: 0; }

/* Header */

#header img
{
	border-bottom: 2px solid #000000;
}

/* Wrapper */

#wrapper a:link { font-weight: bold; border-bottom: 1px dotted #335577; } 

#wrapper a:visited { font-weight: bold; border-bottom: 1px dotted #557799; } 

#wrapper a:hover, #wrapper a:active { border-bottom: 1px solid #993333; }



/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border:1px solid #444;
    padding:5px;
 	 background-color:#fff;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
	 background-color:#fff;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#000;
  }
.post-title a {
  text-decoration:none;
  color:#000;
  }
.post-title a:hover {
  color:#ad9;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }




/* Sidebar */

#sidebar ul { list-style-type: none; margin: 0; padding: 0; }



#sidebar ul { recently }
{

	border-left: 0px solid #b1bad0;
	border-right: 0px solid #b1bad0;
	background-color: #e3e6ee;

}


#sidebar li
{
	border-left: 5px solid #b1bad0;
	border-right: 5px solid #b1bad0;
	background-color: #e3e6ee;
}

#sidebar li.header
{
	border-left-color: #8d9aba;
	border-right-color: #8d9aba;
	background-color: #687aa4;
	border-top: 1px solid #687aa4;	
}

#sidebar li.first
{
	border-top: 1px solid #687aa4;	
}

#sidebar li a
{
	border-left: 1px solid #9ca8c3;
	border-right: 1px solid #9ca8c3;
}

#sidebar li.header a
{
	border-left-color: #687aa4;
	border-right-color: #687aa4;
	background-color: #687aa4;
}

#sidebar a:link,
#sidebar a:visited
{
	display: block;
	padding: 2px 5px;
	border-bottom-width: 2;
}






/* Footer */