@import "nav.css";

html, body {
height: 100%;
}

body {
margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.76em;
text-align: center;
background: url(images/bg.gif) 50% 0 repeat-y #fff;
}

h1, h2, h3, h4, h5, h6 {
margin: 0; padding: 0;
font-size: 16px;
}

p {
margin-top: 0;
}

hr {
display: none;
}

#header {
margin: 0 auto; padding: 30px 15px 0;
width: 718px;
background: url(images/bg_header.jpg) 0 0 no-repeat;
text-align: left;
}

#header h1 {
margin: 0; padding: 0;
width: 254px; height: 54px;
text-indent: -999em;
background: url(images/stonhams_logo.gif) 0 0 no-repeat;
}

#header .description { display: none; }

a, a:visited, a:active {
color: #efefef;
}

#sidebar a {
font-weight: bold;
color: #2765AB;
}

a img {
border: 0;
}


/*
CONTENT
---------------------------------*/
#content {
margin: 0 auto; padding: 1em 0;
width: 700px;
text-align: left;
}


#left {
float: left;
width: 465px;
font-size: 12px;
line-height: 1.6em;
color: #fff;
position: relative; /* MAKE FOOTER STICK TO BOTTOM */
min-height: 100%;
}


#sidebar {
float: right;
margin: 0; padding: 0 0 20px;
width: 209px;
background: url(images/bg_sidebarbody.gif) right top repeat-y #fce9c8;
border-left: 1px solid #fd9e28;
border-bottom: 1px solid #fd9e28;
}

#sb-fill {
display:block;
margin: 0; padding: 0;
width: 209px;
height: 10px;
_height: 6px;
background: url(images/bg_sidebartop.gif) right top no-repeat #2766ab;
}

#sidebar ul {
margin: 0; padding: 0 10px;
list-style-type: none;
}

#sidebar li {
padding-bottom: 15px;
}

#sidebar ul ul {
margin: 0; padding: 0;
list-style-type: none;
}

#sidebar li li{
margin: 0; padding: 0;
font-size: 11px;
}


#footer {
padding: 15px 0;
text-align: center;
}


/*
POST
---------------------------------*/
#left h2 a, #left h3 a {
display: block;
margin: 0; padding: 0 0 4px;
font-size: 18px;
text-decoration: none;
color: #fd9e28;
}

div.post h2, div.post h3 {
border-bottom: 2px solid #73A5E7;
}

.post div.date {
font-size: 11px;
color: orange;
}

div.navigation {
font-size: 11px;
}

div.navigation .alignleft {
float: left;
}

div.navigation .alignright {
float: right;
}

#left .metastuff {
font-size: 11px;
}

.readicon {
display: block;
padding: 8px 0;
padding-left: 25px;
background: url(images/icon_read.gif) 0 50% no-repeat;
}

.archicon {
display: block;
padding: 8px 0;
padding-left: 30px;
background: url(images/icon_arch.gif) 0 50% no-repeat;
}

.postmetadata {
color: silver;
background: url(images/dots.gif) left top repeat-x;
}

.postmetadata div {
padding: 10px;
background: url(images/dots.gif) left bottom repeat-x;
}

/*
SIDEBAR
---------------------------------*/
#sidebar h2, #sidebar h3, #sidebar h4 {
margin: 0; padding: 0;
}

#sidebar h2 {
margin-bottom: 4px;
padding-bottom: 4px;
font-size: 12px;
color: #023C81;
text-transform: uppercase;
background: url(images/dots.gif) left bottom repeat-x;
}

#sidebar h2 span {
display: block;
width: 110px; height: 15px;
text-indent: -999em;
}

#sidebar h2#search span { background: url(images/search.gif) left top no-repeat; }
#sidebar h2#categ span { background: url(images/categories.gif) left top no-repeat; }
#sidebar h2#recent span { background: url(images/recent.gif) left top no-repeat; }
#sidebar h2#arch span { background: url(images/archives.gif) left top no-repeat; }


#sidebar #s {
width: 145px;
font-size: 12px;
border: 1px solid orange;
}

#sidebar #searchsubmit {
width: 35px;
font-size: 11px;
font-weight: bold;
color: #fff;
border: 1px solid orange;
background-color: orange;
}


/* COMMENTS LIST
--------------------------------*/
h3#comments, h3#respond {
font-size: 14px;
}

#commentform {
font-size: 11px;
}

#commentform p {
margin: 0 0 5px; padding: 0;
}

#commentform label {
display: block;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
font-size: 11px;
border: 1px solid orange;
}

.ctop {
padding-top: 10px;
width: 462px; background: url(images/ctop.gif) 0 0 no-repeat;
}

.cbg {
padding-bottom: 25px;
font-size: 11px;
color: #333;
background: url(images/cbtm.gif) left bottom no-repeat;
}

.cbg div {
padding: 0 15px;
background: url(images/cbg.gif) 0 0 repeat-y;
}

.commentmetadata {
font-size: 11px;
color: orange;
}

.commenter, .commenter a {
color: orange;
}


/* FOOTER
--------------------------------*/
#footer {
margin: 2em auto 0; padding: 2em 0;
width: 738px;
font-size: 11px;
color: #fff;
background-color: #73A5E7;
}

#footer p {
margin-top: 0;
}

/*
CLEAR FLOAT
---------------------------------*/
.clr {
clear: both;
margin: 0; padding: 0;
font-size: 1px;
line-height: 0;
height: 0;
}


.lft { float: left; }
.rgt { float: right; }

small { font-size: 11px; }