/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.20 helvetica, arial, sans-serif;
background-color:#e9e6c1;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
color: #393028;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em helvetica, arial, sans-serif;
font-weight:bold;
}
 
h2 {
padding:3px 0;
letter-spacing:-1px;
font:1.5em helvetica, arial, sans-serif;
font-weight:bold;
}
 
h3 {
font:1.2em helvetica, arial, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
padding:0 0 18px 30px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
table tr td {
  padding:2px;
}
  
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-middle {vertical-align:middle;} /* Vertically align icon with text line */
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.nounderline { text-decoration: underline; }

/* ====================================== */

a {
color: #9a4117;
text-decoration: none;
}
a:link {
color: #9a4117;
text-decoration: none;
}
a:visited {
color: #9a4117;
text-decoration: none;
}
a:hover {
color: #9a4117;
text-decoration: underline;
}

#outerwrapper {
width:100%;
}


#header {
width:100%;
height:146px;
background-image: url("images/header_tile.gif");
background-repeat: repeat-x;
position:relative;
min-width:960px;
}


#logo {
float: left;
width:300px;
margin-left:20px;
}

/* * html #nav {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(document.body.offsetWidth - 400);
} */

#nav {
/*float:right;*/
margin-top:0px; text-align: right;
}


#subheader {
padding:10px;
background-color:#393028;
color:#efefef;
}
#subheader h2 {
color:#efefef;
}

#portfolio-feature {
/*max-width:1180px;*/
width:960px;
margin-left:auto;
margin-right:auto;
}
#portfolio-feature-caption {
line-height:1.5em;
}
#portfolio-feature-image {
margin-left:20px;
float:right;
}
#portfolio-feature-image img {
border: 3px solid #c7c2a5;
}

/*** Begin LavaLamp Nav ***/
.lavaLamp {
position: relative;
height: 29px;
padding: 15px; margin: 10px 0;
overflow: hidden;
float: right;
}
.lavaLamp li {
float: left;
list-style: none;
}
.lavaLamp li.back {
/* background-color:#e56d07; */
background-color:#a3a3a3;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLamp li a {
position: relative; overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 14px arial;
color: #efefef; outline: none;
text-align: center;
height: 30px; top: 7px;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;
}
.lavaLamp li a:link { text-decoration: none; color: #efefef; }
.lavaLamp li a:visited { text-decoration: none; color: #efefef; }
.lavaLamp li a:hover { text-decoration: none; color: #efefef; }
/*** End Nav ***/

#content-wrapper {
margin-top:10px;
margin-bottom:10px;
width:960px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

#content {
float:left;
text-align:left;
width:660px;
margin-top:15px;
}

#sidebar {
text-align:left;
width:260px;
margin-right:10px;
/*padding-left:9px;
border-left: 2px solid #cfccab;*/
margin-left: 680px;
}
.sidebar-box {
margin-bottom:20px;
background-color:#d8d3b1;
}
.sidebar-content {
padding:5px;
background-color:#d8d3b1;
}
.sidebar-content img { margin:0; padding:0; }
#sidebar-blogposts {
margin:0;
padding:0;
}
#sidebar-blogposts li {
margin:0;
padding:0;
list-style:none;
margin-bottom:8px;
}
#sidebar-blogposts a { color:#000; }

#footer {
padding:10px;
background-color:#393028;
color:#fff;
}


div.bubble {
font-size: 0.95em;
}
div.bubble blockquote {
margin:0px;
padding:0px;
}
div.bubble blockquote p {
margin: 10px;
padding: 0px;
}
div.bubble cite {
position: relative;
margin: 0px;
padding: 7px 0px 0px 15px;
top: 6px;
background: transparent url("images/bubble_tip.gif") no-repeat 15px -5px;
font-style: normal;
}
div.bubble div.bubble-inner {
color: #000;
border: 3px solid #d9d3b1;
background-color: #d9d3b1;
}


small.postdate {
font-size:0.7em;
color:#535353;
}

.comment-avatar {
width:64px;
float:left;
}
.comment {
margin-left: 75px;
}
.comment cite {
clear:both;
}
.commentlist li {
list-style:none;
margin:0;
padding:0;
margin-bottom:20px;
}

.sidebar-content ul {
margin-left:0;
padding-left:0;
}
.sidebar-content li {
list-style:none;
margin-left:5px;
margin-bottom:3px;
}

#sidebar-blogposts h3 {
font-size: 1.1em;
}