@charset "UTF-8";
/* CSS Document */

html { height: 100%; }

a:link, a:visited { color: #839906; text-decoration: none; }
a:hover, a:active { color: #1a180d; text-decoration: underline; }
p { font: 13px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom: 20px; }
strong { font-weight: bold; }
h1 { line-height: 0; }
h2, h2 a { color: #1f1c0f !important; font-size: 24px; font-family: "MuseoSans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h3 { font-weight: bold; line-height: 18px; margin: 0 0 10px 0; }
li { font: 13px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.error { background: #f2cece; border-color: #e5c3c3; border-style: solid; border-width: 1px 0 1px 1px; margin: 0 0 20px 0; padding: 3px 10px; width: 588px; }
.input-error { background: #f2cece url(/images/bg-input-error.png) no-repeat 4px 9px; border-color: #e5c3c3 !important; }

body { height: 100%; background: #1f1c0f url(/images/bg_body.gif) no-repeat top left; background-attachment: fixed; }
#wrapper { float: left; min-width: 990px; padding-bottom: 50px; }
	* html #wrapper { width: 990px; }

#header_left { width: 350px; height: 100%; left: 0; padding: 74px 0 0 0; position: fixed; top: 0; }
	* html #header_left { float: left; }
	#header_left ul li { float: right; clear: both; }
#siteId { padding: 0 0 11px 0; }
#altId { padding: 0 20px 16px 0; float: right; }
#header_right { margin: 100px 0 0 0; position: fixed; right: 0; top: 0; }
	* html #header_right { position: absolute; }

#nav li a { display: block; color: #fff; height: 20px; margin-bottom: 6px; text-indent: -9999px; width: 158px; }
li#navPortfolio a { background: url(/images/btn_nav.gif) no-repeat -4px -3px; }
	li#navPortfolio a:hover { background-position: -170px -3px; }
	li#navPortfolio a.active { background-position: -336px -3px; }
li#navBlog a { background: url(/images/btn_nav.gif) no-repeat -4px -29px; }
	li#navBlog a:hover { background-position: -170px -29px; }
	li#navBlog a.active { background-position: -336px -29px; }
li#navAbout a { background: url(/images/btn_nav.gif) no-repeat -4px -56px; }
	li#navAbout a:hover { background-position: -170px -56px; }
	li#navAbout a.active { background-position: -336px -56px; }

#main { background-color: #e9e7d6; float: left; margin-left: 350px; padding-top: 100px; width: 630px; }
	#main h1 { background-color: #cecab9; display: block; height: 41px; text-indent: -9999px; width: 100%; }
#page-1 { background: url(/images/hdr_transmissions.gif) no-repeat top left; }
#page-2andup { background: url(/images/hdr_further.gif) no-repeat top left; }
#portfolio { background: url(/images/hdr_welcome.gif) no-repeat top left; }
#about { background: url(/images/hdr_about.gif) no-repeat top left; }
	
.txt_column { float: left; padding: 20px 0 30px 20px; }
.column_header { margin-bottom: 27px; }
#about_txt { width: 210px; }
#contact_txt { width: 140px; }
.mainImage { float: right; margin-top: 80px; }
#lastfm, #twitter { margin-bottom: 20px; }

.post p, .post .entryHeader, .post meta { width: 370px; }
.post { padding: 20px 0 30px 20px; }
	.post:after { content:  "."; display:  block; height:  0; clear:  both; visibility:  hidden; }
	.post .entryHeader { float: left; margin-bottom: 30px; position: relative; }
	.post .entryHeader .post-number { font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; position: absolute; right: 0; top: 0; width: auto; }
	.post .entryHeader h2 { }
	.post p { clear: none; }
	.post .meta { font-size: 11px; line-height: 11px; padding: 0; }
	.post .talk-bubble { margin-right: 3px; position: relative; top: 1px; }
	.post .postImg { float: right; }
  	.post .entryContent { float: left; width: 100%; }
  		.post .entryContent img { float: right; }
  		.post .entryContent img.wide { float: none; margin: 20px 0; }
.newerOlder { font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#olderLink { padding-left: 20px; float: left; }
#newerLink { padding-right: 20px; float: right; }

#comments { margin-left: 20px; }
.commentlist { margin-left: 20px; }
	.commentlist .comment { background-color: #cecab9; margin-bottom: 20px; padding: 10px 10px 0 10px; position: relative; }
		.commentlist .comment a { color: #faf9f5; }
		.commentlist .comment .vcard { background-color: #b3afa1; margin-bottom: 10px; padding: 5px; width: 100%; }
		.commentlist .comment .commentmetadata { font-size: 10px; position: absolute; right: 15px; top: 15px; }

#commentform { margin: 0 0 0 20px; }
	#commentform li { list-style: none; margin: 0 0 10px 0; }
	#commentform input { border-color: #fff; border-style: solid; border-width: 1px; }
	#commentform textarea { border-color: #fff; border-style: solid; border-width: 1px 0 1px 1px; width: 589px; }
	#commentform #submit { border: none; }
#comment { border: 0; padding: 10px; width: 590px; }
#submit { background-color: #f3641a; cursor: pointer; font-weight: bold; }
#respond h3 { margin-left: 20px; }

/*.art { padding: 20px 0 30px 20px; }*/
	.art p { width: 210px; }
	.art .artImg { float: right; }

#footer { width: 590px; margin-top: 40px; padding: 20px; float: left; background: #cecab9; }
	#footer:after { content:  "."; display:  block; height:  0; clear:  both; visibility:  hidden; }
	* html #footer { height: 1%; }
	#footer ul { float: left; list-style: none; margin: 0; padding: 0 0 20px 0; }
	#footer ul a { display: block; padding: 0 10px 0 0; color: #1a180d; font-weight: bold; float: left; clear: left; }
	#footer ul li ul li { float: left; clear: none; }
		#footer ul li ul li a { font-weight: normal; }
	#footer #rss { float: right; }
#blog_nav { float: left; width: 100%; }
.categories { min-height: 30px; }
#poweredBy { float: left; }
#thanks { float: right; }

#rss { float: right; }