/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; font-family: arial, helvetica, sans-serif; font-size: .8em; color: #444; background: #FFF url(images/header_bkgd.gif) repeat-x; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { font-size: 130%; }
h2 { font-size: 140%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #D8954D; }
h3 { color: #333; font-weight: bold; font-size: 100%; }
p { margin: 1em 0; line-height: 1.4; }
a { color: #D8954D; text-decoration: none; }
a:hover { text-decoration: underline; color: #68B0F1; }

/* -- Reusable Classes -- */

.search_field { background: #D8954D; border: 0; padding: 2px; }
.tag { color: #FFF; background: #68B0F1 url(images/tag_left.gif) no-repeat bottom left; padding: 5px; font-weight: bold; font-size: 90%; border-right: 2px solid #000; }
.inset_right { float: right; padding: 2px; border: 1px solid #999; margin: 10px; }
.field { background: #D8954D url(images/bkgd_field.gif) repeat-x 0 0; border: 0; padding: 2px; width: 90%; color: #4d2911; font-size: 110%; }

/* Wrapper
----------------------------------------- */	
	
#wrapper { text-align: left; margin: 0 auto; width: 400px; }

/* Header
----------------------------------------- */	

#header { height: 73px; position: relative; }
#header img { position: absolute; top: 37px; }

/* -- Navigation -- */	

#header #nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; position: absolute; bottom: 14px; left: 180px; margin: 0; padding: 0; }
#header #nav li { float: left; padding: 0 15px 0 0; }
#header #nav a { color: #FFCC99; text-decoration: none; }
#header #nav a.active, #header #nav a:hover { color: #68B0F1; }
#header #nav a.active:after { content: '*'; }

/* Content
----------------------------------------- */

#content { position: relative; }

/* -- Post -- */
	
.post { margin: 40px 0 0; padding: 0; position: relative; border-bottom: 1px dotted #999; }
#internal .post { margin-bottom: 20px; border: 0; }
.post h2 a { color: #D8954D; text-decoration: none; }
.date { position: absolute; top: 0; left: -45px; margin: 0; text-align: center; color: #4D2911; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.5; width: 30px; }
.date .month { font-weight: bold; border-bottom: 1px solid #C9BEB7; padding-bottom: 3px;  }
.date .day { color: #CE9040; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.date .year { border-top: 1px solid #C9BEB7; }
.post_footer { font-size: 90%; color: #999; background: url(images/comments_icon.gif) no-repeat 0 50%; padding: 0 0 0 13px; float: right; }
.post_footer a { color: #999; text-decoration: none; }
.post_closed_footer { font-size: 90%; color: #999; background: url(images/comments_off.gif) no-repeat 0 50%; padding: 0 0 0 13px; float: right; }
.post_footer_closed a { color: #999; text-decoration: none; }
.post_date { color: #999; margin: 0; font-size: 85%; }
.post ul { margin: 1em 2em; }
.post li { background: url(images/bullet_white.gif) no-repeat 0 2px; padding-left: 13px; margin-bottom: .5em; }

/* -- Archive Content -- */

#archive_content { margin: 40px 0; }
#archive_content a { color: #D8954D; text-decoration: none; }
#archive_content a:hover { text-decoration: underline; color: #68B0F1; }
#archive_list dt { margin-top: 1em; font-weight: bold; color: #4d2911; }
#archive_list dd span { font-weight: bold; }

/* -- Search Content -- */

#search_content { margin: 40px 0; }
#search_list { margin: 10px 0; }
#search_list a { color: #D8954D; text-decoration: none; }
#search_list a:hover { text-decoration: underline; color: #68B0F1; }
#search_list dt { margin-top: 1em; font-weight: bold; color: #4d2911; background: url(images/bullet_white.gif) no-repeat 0 2px; padding-left: 13px; }
#search_list dd { padding-left: 13px; }

/* Column1
----------------------------------------- */	
	
#column1 { width: 200px; float: left; clear: both; }
#flickr {  }
#flickr img { padding: 2px; border: 1px solid #CCC; margin: 8px; }

/* -- itunes list -- */

#itunes { margin: 10px 0 20px; padding-top: 3px; width: 198px; background: url(images/itunes_header.gif) no-repeat 0 0; }
#itunes h2 { background: #66A7E2 url(images/itunes_headphones.gif) no-repeat 10px 4px; padding: 12px 5px 15px 40px; color: #FFF; font-size: 90%; }
#itunes ul { background: url(images/itunes_footer.gif) no-repeat bottom left; padding-bottom: 6px; }
#itunes li { background: #e1eefb url(images/itunes_bullet.gif) no-repeat 12px 10px; padding: 6px 5px 6px 24px; }
#itunes li.alternate { background-color: #f1f6fd; }
#itunes a { color: #4D2911; text-decoration: none; }
#itunes a:hover { color: #66A7E2; }

/* Column2
----------------------------------------- */	
	
#column2 { margin-left: 220px; }

/* -- del.icio.us list -- */	
	
#delicious { margin: 10px 0 20px 5px; color: #999; font-size: 90%; line-height: 1.5; }
#delicious li { margin: 0 0 10px 0; }
#delicious a { color: #D8954D; text-decoration: none; font-weight: bold; }

/* -- Comments -- */

.comment_post { border-bottom: 1px dotted #D8954D; margin-bottom: 1.5em; }
.comment_number { float: left; color: #68B0F1; font-size: 150%; margin: 0; }
.comment_content { color: #FFF; line-height: 1.2; margin: 0 0 0 20px; }
.comment_id { color: #D8954D; float: right; background: url(images/bullet_brown.gif) no-repeat 0 4px; padding-left: 12px;  }
.comment_id a { color: #D8954D; text-decoration: none; font-weight: bold; }
.comment_id a:hover { text-decoration: underline; }
#post_comment { color: #FFF; margin-top: 5px; }
#post_comment dt { margin-bottom: 3px; }
#post_comment dd { margin-bottom: 12px; }
#post_comment textarea { font-family: arial; font-size: 100%; }

#submit { background: url(images/bkgd_submit.gif) no-repeat 0 0; border: 1px solid #190000; padding: 5px 10px; color: #26445B; margin-top: 5px; }

/* -- footer -- */

#footer { background: url(images/footer_strip.gif) repeat-x bottom left; padding-bottom: 5px; color: #FFF; margin-top: 10px; }
#footer a { color: #FFF; }
#footer #footer_column1 { width: 180px; float: left; }
#footer #footer_column2 { margin-left: 200px; padding-left: 20px; border-left: 1px dotted #D8954D; }
#footer_content, #footer_comment_content { width: 400px; margin: 0 auto; background: #4D2911 url(images/bkgd_footer.gif) repeat-x 0 0; padding: 20px; text-align: left; }
#footer_content h2.comments { margin-bottom: 1em; }
#archives { color: #FFF; line-height: 1.3; margin-top: 7px; }
#archives dt { font-weight: bold; background: url(images/bullet_brown.gif) no-repeat 0 2px; padding-left: 13px; }
#archives dd { margin-bottom: 7px; padding-left: 13px; color: #D8954D; }
#archives a { color: #FFF; text-decoration: none; }
#archives a:hover { color: #66A7E2; }
#rant, #been_said { color: #FFF; line-height: 1.2; }
#rant h2, #been_said h2 { margin: 1em 0 0; }
#rant p, #been_said p { margin-top: .5em; }
#been_said blockquote { margin-top: .5em; padding-left: 25px; background: url(images/quote.gif) no-repeat 0 0; }
#been_said p { text-align: right; }
#been_said a { color: #D8954D; text-decoration: none; }
#been_said a:hover { text-decoration: underline; color: #68B0F1; }
#footer_content:after, #content:after, .post:after, .comment_id:after, .comment_post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */