body {background:#000000 url(../images/layout/page-bg.jpg) no-repeat 0px 0px; background-attachment:fixed; padding:0; margin:0; font:70%/1.4 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
body * {margin:0; padding:0;}

h1 {font-size:130%;padding-left:3px;color:#4f0403;}
h2 {font-size:120%;padding-left:3px;color:#4f0403;}
h1.salutation {padding-top:10px;}


#container {margin:0 0 0 110px; width:660px; background-color: rgba(255,255,255,0.7);}
#container p {}
#container a {color: #000000; text-decoration:underline;}
#container a:hover {color:#985c5c;}
#banner {background:transparent url(../images/layout/banner.png) no-repeat 0px 0px;  height:160px; width:660px;}

#primary-nav {width:658px; margin:0; padding: 2px 1px 1px 1px; background-color:#985c5c; height:25px;}
#primary-nav ul {margin:0; padding:0;}
#primary-nav ul li {padding:3px 3px 3px 2px; color:#ffead9; list-style-type: none; float:left;}
#primary-nav ul li a {font-size:110%; padding:3px; color:#ffead9; text-decoration:none;}
#primary-nav ul li a:hover, #primary-nav ul li a.current{padding:3px; color:#4f0403; text-decoration:none;background:transparent url(../images/layout/off-white-bg.png) repeat 0px 0px;}

#main {clear:both;}

#left {width:470px; margin:5px 0 0 3px; float:left;}
#left p {padding:3px; margin-bottom:3px;}

#right {margin:10px 10px 0 0; padding:0; float:right;}

#latest-blog {margin-bottom:10px;}

div.blog-header {width:460px; background-color:#985c5c; margin:0 0 0 3px; padding:6px;}
div.blog-header h1 {color:#ffffff;}
div.blog-preview {width:460px; background:transparent url(../images/layout/off-white-bg.png) repeat 0px 0px; margin:0 3px 0 3px; padding:6px; position:relative; clear:both; display:block;}
div.blog-title {font-size:130%; color:#4f0403; font-weight:bold; clear:both;}
div.blog-date {font-size:80%; clear:both; border-bottom:solid 1px #4f0403;}
div.blog-description {margin:6px; clear:both;}
div.blog-description img {border:solid 10px #ffffff;}
div.blogger-post-footer img {border:none;}
div.blog-link {clear:both;}
div.blog-link a {color:#000000;}
div.blog-link a:hover {color:#985c5c;}

div.boxed-header {width:154px; background-color:#985c5c; margin-top:10px; padding:3px;}
div.boxed-header p {color:#ffffff; padding:0 0 0 3px;}
div.boxed {width:154px; background:transparent url(../images/layout/off-white-bg.png) repeat 0px 0px; padding:3px;}
div.boxed p {padding:0 3px 3px 3px;}
div.boxed li {padding:0 3px 3px 3px; list-style-type:none;}
div.boxed li.twitter-feed {border-bottom:solid 1px #4f0403;}
div.boxed li a {color: #000000; text-decoration:underline;}
div.boxed li a:hover {color: #985c5c;}
div.boxed h2 { height:25px; font-size:120%; font-weight:normal; padding:2px 0 0 12px; color:#ffead9; background:transparent url(../images/layout/test-box-header.png) no-repeat 0px 0px;}

.fairtilizer-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/fairtilizer_16.png) no-repeat 0px 0px; height:16px;}
.fairtilizer-icon a{margin-left:18px;}
.twitter-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/twitter_16.png) no-repeat 0px 0px; height:16px;}
.twitter-icon a{margin-left:18px;}
.facebook-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/facebook_16.png) no-repeat 0px 0px; height:16px;}
.facebook-icon a{margin-left:18px;}
.blogger-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/blogger_16.png) no-repeat 0px 0px; height:16px;}
.blogger-icon a{margin-left:18px;}
.lastfm-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/lastfm_16.png) no-repeat 0px 0px; height:16px;}
.lastfm-icon a{margin-left:18px;}
.myspace-icon{padding:0 0 2px 0; text-decoration:none;background:transparent url(../images/layout/myspace_16.png) no-repeat 0px 0px; height:16px;}
.myspace-icon a{margin-left:18px;}

fieldset {background:transparent url(../images/layout/off-white-bg.png) repeat 0px 0px; margin:10px 10px 0 3px; padding:10px 8px 15px 8px; border:none;}
fieldset div.form-row {padding:4px;}
fieldset label.form-label {display:block; width:100px; float:left; margin-top:2px;}
fieldset input.form-text {width:196px; border:solid 1px #808080; margin:0; padding:1px 1px 1px 4px; font:100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
fieldset select.form-select {width:202px; border:solid 1px #808080; margin:0; padding:1px; font:100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
fieldset textarea.form-textarea {width:200px; border:solid 1px #808080; margin:0; padding:1px; font:100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
fieldset div.form-row input.form-button {float:right; border:solid 1px #4f0403; color:#4f0403; font:100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

#footer {clear:both; padding:10px 0 10px 0; text-align:center;}