body{
margin: 0;
background-image: url('imgs/wood-bg.jpg');
font-family: Arial, Helvetica, Verdana, sans-serif;
}
a{
color: #f85a13;
text-decoration: none;
}
a:hover{
color: #393939;
text-decoration: underline;
}
.site{
position: absolute;
top: 0;
left: 50%;
width: 881px;
margin-left: -450px;
padding: 0 0 50px 0;
}
.header{
float: left;
width: 881px;
height: 130px;
background-image: url('imgs/email.gif');
background-repeat: no-repeat;
background-position: 580px 60px;
}
.top-logo{
position: absolute;
top: 23px;
left: 50%;
width: 370px;
height: 121px;
background-image: url('imgs/ninja-logo-2.gif');
background-repeat: no-repeat;
background-position: 100px 0px;
margin-left: -430px;
z-index: 2;
}
.board{
float: left;
width: 881px;
padding: 10px 9px 9px 10px;
background-image: url('imgs/cork-bg.jpg');
border-top: 1px solid #e4b686;
border-left: 1px solid #e4b686;
border-right: 1px solid #463123;
border-bottom: 1px solid #463123;
clear: both;
}
.page-w{
float: left;
width: 880px;
border-right: 1px solid #976d56;
border-bottom: 1px solid #976d56;
}
.title-w{
float: left;
width: 880px;
height: 110px;
background-image: url('imgs/weblog-header.gif');
background-repeat: no-repeat;
}
.content-area{
float: left;
width: 800px;
padding: 20px 40px 40px 40px;
background-image: url('imgs/content-bg.jpg');
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
clear: both;
}
.footer-w{
float: left;
width: 860px;
height: 70px;
padding: 10px;
background-color: #000000;
border-top: 3px solid #f3bf1f;
clear: both;
}

#wrapper{
float: left;
width: 760px;
padding: 20px;
}
#sidebar{
float: right;
width: 180px;
padding: 10px 0 10px 19px;
}
#sidebar fieldset{
float: left;
width: 170px;
padding: 5px 4px 5px 5px;
background-color: #e2e2e2;
border-top: 0;
border-left: 0;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin: 0 0 15px 0;
}
#sidebar fieldset #search{
width: 162px;
font-size: 12px;
padding: 3px;
color: #9b9b9b;
border: 1px solid #d5d5d5;
}
#sidebar h1{
font-size: 16px;
margin: 0 0 2px 0;
border-bottom: 1px solid #e2e2e2;
}
#sidebar ul{
width: 180px;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
font-size: 12px;
}
#sidebar ul li{
width: 170px;
margin: 0;
padding: 5px;
list-style: none;
}
#sidebar ul.recent-posts{

}
#sidebar ul.recent-posts li{
width: 155px;
margin: 0;
padding: 5px 5px 5px 20px;
list-style: none;
background-image: url('imgs/icon-post.gif');
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dotted #e2e2e2;
}
#sidebar ul.tags{

}
#sidebar ul.tags li{
width: 155px;
margin: 0;
padding: 5px 5px 5px 20px;
list-style: none;
background-image: url('imgs/icon-tag.gif');
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dotted #e2e2e2;
}
#sidebar ul.archives{

}
#sidebar ul.archives li{
width: 155px;
margin: 0;
padding: 5px 5px 5px 20px;
list-style: none;
background-image: url('imgs/icon-archive.gif');
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dotted #e2e2e2;
}
#sidebar ul li{
width: 170px;
margin: 0;
padding: 5px;
list-style: none;
}
#content{
float: left;
width: 520px;
padding: 10px 40px 10px 0;
font-size: 12px;
line-height: 175%;
border-right: 1px solid #e2e2e2;
}
#content h1{
font-size: 18px;
border-bottom: 1px solid #e2e2e2;
}
#content .date{
font-size: 11px;
color: #9b9b9b;
line-height: 100%;
margin-bottom: 5px;
}
#content h2.title{
font-size: 26px;
font-weight: normal;
margin: 10px 0 10px 0;
line-height: 100%;
}
#content h2.title a{
color: #000000;
}
#content h2.title a:hover{
color: #f85a13;
text-decoration: none;
}
#content .post-divide{
height: 10px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 25px;
}
#content .info{
margin-top: 15px;
font-size: 11px;
color: #9b9b9b;
}
#content ol{

}
#content ol.comments{
list-style: none;
margin: 0;
padding: 0;
}
#content ol.comments li{
background-color: #f1f1f1;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 5px 10px 0px 10px;
list-style: none;
margin: 3px 0 3px 0;
}
#content ol.comments li blockquote{
padding: 5px;
margin: 0;
}
#content ol.comments li cite{
font-style: normal;
}
.asterick{
font-size: 11px;
color: #9b9b9b;
}
.comment-details{
font-style: normal;
font-size: 11px;
}
.james{
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
.james-headline{
font-size: 11px;
color: #7e7e7e;
}
.james-card{
padding: 10px;
background-color: #000000;
color: #FFFFFF;
line-height: 90%;
}
.s-item{
width: 170px;
font-size: 11px;
color: #9b9b9b;
padding: 5px;
border-bottom: 1px solid #e2e2e2;
}