* { margin: 0; padding: 0; }

html
{
        
       
	background:#000000 url(images/bg_main.gif) 100% 0 repeat-x; 
	font: normal 13px "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
}

/* Links */

a { text-decoration: none; }
a:link { color: #335577; }
a:visited { color: #557799; }
a:hover, a:active { color: #000000; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal;  }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 20px; }
hr { clear: both; height: 1px; visibility: hidden; }

/* Structure */

body {width: auto; margin: 0 auto;	line-height: 1.6em;}
#skip {height: 17px;text-indent: -9999px;background: transparent url(images/navigation.png) top left repeat-x;}
#header {float: left;width: 100%;height: 66px;position: relative;  background: url(images/header.gif) top left repeat-x;}

#navigation 
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 30px;
	list-style-type: none;
	border-top: 1px solid #40403F;
	background: transparent url(images/navigation.png) top left repeat-x;
}
#wrapper { width: 100%; float: left; background-color: #ffffff; }
#content-wrapper { width: 65%; float: left; }
#content { float: left; padding: 30px 0 20px; }
#sidebar-wrapper { width: 35%; float: left; }
#footer 
{
	clear: both;
	float: left;
	width: 100%;
	color: #ffffff;
	background: #000000 url(images/separator.gif) top left repeat-x; 
}

/* Header */

#header h1 
{ 
	height: 38px;
	width: 140px;
	overflow: hidden;
	line-height: 20px;
	margin-top:20px;
        margin-left:5px;
	background: transparent url(images/logo.gif) 0 -2px no-repeat; 
}

#header h1 a { width: 140px; height: 38px; position: absolute; text-indent: -9999px; }

#header h2 { }

/* Navigation */

#navigation ul { float: left; list-style-type: none; width: 60%; }

#navigation li { float: left; }

#navigation li a
{
	float: left;
	height: 30px;
	display: block;
	color: #ffffff;
	padding: 0 10px;
	line-height: 25px;
}

#navigation li a:hover,
#navigation li a:active
{
	background: transparent url(images/navigation_hover.gif) 50% -1px no-repeat;
}

body#bhome li#lhome a,
body#bjournal li#ljournal a,
body#bportfolio li#lportfolio a,
body#barchives li#larchives a,
body#babout li#labout a,
body#bcontact li#lcontact a
{
	background: transparent url(images/navigation_active.gif) 50% 100% no-repeat;
}

/* Search */

#search { float: right; width: 40%; }

#search p { margin: 0; }

#search label { visibility: hidden; }

#search input#keywords
{
	width: 262px;
	margin-top: 4px;
	padding: 0.1em 0.2em;
	border: 1px solid #0b236c;
	background: #ffffff url(images/input.gif) 0 0 repeat-x;
}

#search input#search-submit { visibility: hidden; }

/* Content */

#content ul { list-style-type: square; margin: 20px 20px 20px 55px; }

/* About */

.about 
{ 
	margin-bottom: 2em; 
	padding-left: 40px; 
	padding-right: 90px; 
}

.about a { text-decoration: underline; }

.about h3 { padding: 0.3em 0 0.5em; }

.about h3 a
{
	color: #050d24;
	margin-bottom: 0.2em;
	text-decoration: none;
}

.about .vcard{ padding-right: 30px; text-decoration: none; background: transparent url(images/icon_vcard.gif) 100% 60% no-repeat; }

/* Posts */

#content .post-content h3, 
#content .post-content h4, 
#content .post-content h5, 
#content .post-content h6
{
	margin: 10px 0 15px; 
}

#content .post-content ul, 
#content .post-content ol,
#content .post-content dl
{
	padding: 10px 25px 15px 35px;
}

#content .post-content ol
{
	padding-left: 60px; 
}

#content blockquote,
#content pre
{
	margin: 10px 25px 15px;
}

#content .post-content p { margin: 15px 0 10px; }

#content code { font-family: Consolas, Verdana, "Courier New"; font-size: 11px; color: #72d40c; }

#content ins { text-decoration: none; font-style: font-size: 10px; font-weight: bold; }

#content del { color: #555555; font-size: 11px; } 

#content abbr, #content acronym, #content cite { cursor: help; border-bottom: 1px dotted #333333; }

.post
{
	padding-left: 40px; 
	margin-right: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.post .post-meta { margin: 10px 0; }

.post .post-meta em, 
.post .post-meta a.comments
{
	color: #2f63b3;
	padding-left: 20px; 
	padding-right: 0.7em;
}

.post .post-meta em
{
	font-style: normal;
	background: transparent url(images/icon_date.gif) center left no-repeat;
}

.post .post-meta a.comments
{
	background: transparent url(images/icon_comment.gif) center left no-repeat;	
}

.post .post-meta a.comments:hover,
.post .post-meta a.comments:active
{
	text-decoration: underline; 
}

.post .post-content { }

.post a.more
{
	padding-right: 14px;
	background: transparent url(images/icon_more.gif) 100% 60% no-repeat;
}

.latest
{
	padding-top: 20px;
	margin-right: 30px;
	background: #dce6ff url(images/separator2.gif) top left repeat-x;
}

.latest .post
{
	margin-right: 0;
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: transparent url(images/separator2.gif) bottom left repeat-x;
}

/* Comments */

div.comments
{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
}

.comments .comment
{
	clear: both;
	min-height: 90px;
	margin-left: 40px;
	margin-right: 40px;
	position: relative;
	padding: 1em 0 0.1em 40px;
	border-top: 1px solid #dce6ff;
}

.comments .comment.alternate
{
	background: #ffffff url(images/bg_comment.gif) 100% 0 repeat-y;
}

.comments .comment p 
{
	margin-left: 40px;
	margin-bottom: 1em;
	padding-right: 1.5em;
}
.comments .comment h4 { color: #2f63b3; font-size: 13px; margin-left: 40px; } 
#content .comments .comment h4 cite 
{
	display: block;
	color: #030612;
	font-weight: bold;
	font-style: normal;
	border-bottom-width: 0;
}

.comments .comment h4 a
{
	color: #030612;
}

.comments .comment .gravatar {left: 0; top: 1em; margin-left: 0; position: absolute; width: 62px; height: 62px;	background: transparent url(images/gravatar.gif) center left no-repeat;}

.comments .comment .gravatar img { margin: 15px; text-indent: -9999px; color: #ffffff; }

/* Comment Form */

#comment-form {clear: both;	margin: 100px 30px 20px; padding: 10px 20px;background: #dce6ff url(images/separator2.gif) top left repeat-x;}
#comment-form h3 {margin: 10px 0;}
#comment-form p { margin: 10px 0; }

/* Sidebar */

#sidebar-wrapper h2 {background: transparent url(images/separator3.gif) repeat-x 0 100%;}
#sidebar-wrapper a { color: #050d24; }
#sidebar-wrapper .more {float: left; border-bottom-width: 0; background: transparent url(images/icon_more.gif) 90% 50% no-repeat;}

/* Rss */

#sidebar-wrapper .rss {padding: 30px 10px 10px;	min-height: 83px; margin-bottom: 3em;background: transparent url(images/feeds.gif) 100% 100% no-repeat;}
#sidebar-wrapper .rss h2 { padding: 0.3em 5px; font-size: 24px; background: none; }
#sidebar-wrapper .rss ul {clear: both;padding-left: 5px;margin-bottom: 5px;line-height: 2.0em;padding-bottom: 2em;list-style-type: none;}
#sidebar-wrapper .rss a {padding-left: 22px;background: transparent url(images/icon_rss.gif) 0 50% no-repeat;}

/* Sidenotes */

.sidenotes { margin: 1.0em 0 1.5em; }
.sidenotes h2 { padding: 0.3em; font-size: 24px; }
.sidenotes ul { list-style-type: none; line-height: 1.6em; }
.sidenotes a {display: block;color: #000000;padding: 0.5em 30px 0.5em 0;border-bottom: 1px solid #dceaf9;}
#sidebar-wrapper .sidenotes ul a:hover strong, 
#sidebar-wrapper .sidenotes ul a:active strong {text-decoration: underline;}
#sidebar-wrapper .sidenotes strong {display: block;font-weight: bold;padding-left: 15px; background: transparent url(images/icon_link.gif) 0 50% no-repeat;}
.sidenotes span {color: #2f63b3;display: block;}
#sidebar-wrapper .sidenotes .fresh strong {background-image: url(images/icon_sidenotes_fresh.gif);}

/* Footer */

#extras { clear: both; float: left; width: 100%; }
#extras .block {margin: 0;float: left;width: 240px;position: relative;padding: 1em 0 1em 25px;}
#extras .recently { width: 270px; }
#extras .destinations { width: 240px; }
#extras .bookmark { width: 220px; }
#extras .block h3 {	margin: 1em 0;}
#extras .block h3 em {color: #999B9A;font-style: normal;}
#extras .block ul {float: left;width: 100%;list-style-type: none;}
#extras .block li {width: 100%;}
#extras .block li a {color: #ffffff;display: block;white-space: nowrap;padding: 0.3em 0;margin-top: -1px;border-top: 1px solid #383838;border-bottom: 1px solid #383838;}
#extras .block li a:hover, #extras .block li a:active {background-color: #999B9A;}
#extras .block li a span {right: 0;color: #ffffff;padding-left: 1em;position: absolute;padding-right: 0.5em;}

/* Meta */

#meta {float: left;clear: both;width: 100%;font-size: 90%;overflow: hidden;padding: 1.5em 0;background-color: #000000;}
#meta a:link, #meta a:visited { color: #a8cbff; }
#meta a:hover { color: #ffffff; }
#meta a:active { color: #9ad202; }
#meta p, #meta ul { padding-left: 25px; }
#meta ul { clear: both;	padding-top: 10px;padding-right: 40px;list-style-type: none;}
#meta li {display: inline;line-height: 1em;margin-right: 0.5em;}
#meta li a {padding: 0.2em 0;padding-left: 20px;background: transparent url(images/icon_valid.gif) 0 50% no-repeat;}