body { 
    background-color : #eee;
    font-family : verdana, sans-serif;
    font-size : .9em;
    text-align : center;
    line-height : 1.3em;
    color : #000;
    margin-top : 36px;
    margin-bottom : 36px;
}

acronym, abbr { cursor : help; border-bottom : 1px dotted #bbb; }

a { color : #063; }
a:hover {
	color : #009;
	text-decoration : none;
}

label { cursor : pointer; cursor : hand; }

blockquote, code {
	display : block;
	padding : 6px 12px;
	border : 1px dotted #bbb;
	background-color : #eee;
}

blockquote {
    font-style : italic;
}

blockquote a {
	color : #360;
}
blockquote a:hover { color : #009; }

h3 {
    margin : 0;
    font-size : 18px;
    font-weight : bold;
    padding-top : 6px;
    padding-right : 10px;
}

h3 a, h3 a:hover {
    color : #063; 
    text-decoration : none;
}

hr {
    text-align : left;
    margin-left : 0;
    background-color : #bbb;
    color : #bbb;
    width : 90%;
    border-style: none;
}



/*  ----  ( id styles )  ---- */
#container {
    width : 765px;
    margin : 0 auto;
    border : 4px solid #bbb;
    text-align : left;
    background-color : #fff;
}

/* image.php?r=<?php echo (double)microtime()*1000000 ?> */

h1#masthead {
    margin : 0;
    padding : 0;
    height : 136px;
    background-image: url(/image/top-image.jpg);
    background-repeat: no-repeat;
    cursor : hand;
    cursor : pointer;
    border-bottom : 4px solid #bbb;
}

h1#masthead a { display : none; }
#subhead { display : none; }

#nav {
    background-color : #fff;
	margin : 0;
	padding : 4px 0;
    border-top : 4px solid #bbb;
}

#nav li {
	margin : 0; 
	padding : 0;
	display : inline;
	list-style-type : none;
}
	
#nav a:link, #nav a:visited {
	font-size : 12px;
	padding : 0 10px 0 14px;
	text-decoration : none;
    letter-spacing : 2px;
    text-transform : uppercase;
	color : #063;
}
/*
#nav a:link.active, #nav a:visited.active, #nav a:hover {
	background : url(../../image/tab-green.gif) no-repeat bottom center;
}
*/

h2 a {
    color : #063 !important;
}


p a img {
border : 1px solid #000;
margin-left : 4px;
margin-top : 8px;
padding : 0;
}

#maincontent h2 { font-size : 28px; letter-spacing : 2px; font-variant: small-caps; color : #063; margin : 0 0 10px 0; text-align : right; }

div#maincontent { 
    margin : 0;
    padding : 24px 0 0 0;
    width : 495px;
}

#nonav div#maincontent { width : 610px; }

div#sidebarcontent {
    float : right;
    width : 255px;
    margin : 36px 0 0 10px;
    padding : 0;
    background-color : #fff;
}

div#sidebarcontent h2 { 
    clear : both;
    font-size : 14px;
    text-transform : uppercase;
    letter-spacing : 2px;
    margin : 0;
    padding : 4px 4px 0 4px;
    border-top : 1px solid #bbb;
    color : #063;
    font-weight : bold;
    text-align : right;
}

div#sidebarcontent h2 a { 
    color : #553E1C;
    text-decoration : none;
}

div#sidebarcontent p {
    font-size : 11px;
    margin : 0;
    padding : 4px 4px 4px 10px;
}


div#sidebarcontent img#weathericon {
    float : left; 
    padding : 4px 6px 8px 86px; 
}

div#footercontent {
    margin : 30px 0 0 0;
    padding : 6px 0 6px 24px;
    background-color : #eee;
    border-top : 2px solid #bbb;
    font-style : italic;
    color : #222;
}

div#footercontent a {
    text-decoration : none;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#footercontent p {
    font-size : 11px;
}

#comments_form { margin : 0; padding : 0 0 0 30px; }

form#comments_form input.fields {
background-color : #EEE;
padding : 2px;
color : #063;
width : 185px;
font-size : 13px;
}

form#comments_form { font-size : 11px; }

form#comments_form textarea {
background-color : #EEE;
width : 450px;
}

input#previewbutton, input#postbutton {
font-weight : bold;
font-size : 12px;
font-style : italic;
letter-spacing : 0px;
}
form#comments_form input#bakecookie {
width : auto;
}

div#searchmenu {
text-align : right;
}

form#sitesearchform {
margin : 8px 8px 12px 8px;
}

#searchfield {
background-color : #eee;
padding : 2px;
color : #063;
width : 100px;
font-size : 11px;
}

input#searchfield { 
    padding : 2px; 
    color : #063;
    width : 100px;
    font-size : 11px;
}

input.sfdefault {
    background-color : #eee;
}

input.sfcleared {
    background-color : #fff;
}

h2.date { 
padding-left : 6px;
padding-top : 2px;
padding-bottom : 2px;
color : #063; 
text-transform: uppercase;
letter-spacing : 0px;
font-style: italic;
font-weight : bold;
font-size :130%;
margin : 0px;
}

h3.title {
margin : 0;
text-align : right;
color : #063;
text-transform : uppercase;
font-size : 105%;
padding-top : 6px;
padding-right : 10px;
}
h3.title a { text-decoration : none; }

div.commentstext { padding : 0 20px; }

#comments { border-bottom : 4px solid #eee; margin-bottom : 8px; }

div.singlecomment { border : 1px dotted #ccc; margin : 8px 0; }

.singlecomment.odd { background-color : #f4f4f4; }

div.commentwrapper { 
margin-top : 0;
padding-left : 10px;
border : 1px dotted #bbb;
margin-bottom : 12px;
}

#commentform { margin : 20px 0 4px 0 !important; border-top : 1px dotted #ccc; }

div.post p { line-height : 1.6em; padding : 2px 6px 2px 4px; }

#commentsclosed { font-style : italic; font-weight : bold; margin : 30px; padding : 10px; background-color : #063; color : #fff; }

div.post p.time, div.commentstext p.commentsby { 
margin : 2px; 
font-size : 90%;
text-align : right; 
padding-right : 10px;
padding-bottom : 6px;
}

p.commentsby { font-style : italic; }

div.post p.time a, div.commentstext p.commentsby a { text-decoration : none; }
input#gobutton {
    display : none;
    background-color : #063;
    color : #bbb;
    font-size : 11px;
    padding : 1px;
    text-transform : uppercase;
    vertical-align : 10%;
}


span.tiny {
    font-size : 9px;
    color : #bbb;
    padding-bottom : 4px;
    display : block; 
    text-align : right;
}

#formbox input { 
    padding : 2px; 
    margin : 4px 20px;
    font-family : verdana;
    font-size : 11px;
    width : 140px;
}
            
#formbox label {
    margin : 4px 0 0 20px;
    font-weight : bold;
}

#formbox textarea { 
    padding : 2px; 
    margin : 4px 20px; 
    font-family : verdana;
    font-size : 11px;
}
#formbox input#submitbutton {
    background-color : #063;
    color : #fff;
    width : 100px;
}
            
div.post {
    padding : 0;
    margin : 0 0 18px 10px;
}

p.photodate {
    clear : both;
    padding-left : 10px !important;
    font-size : 10px;
}

p.photodate a {
    font-weight : normal;
    text-decoration : none;
    color : #bbb;
}

p.time {
    margin : 0;
    padding : 8px 0;
    font-style : italic;
}

#semiperm, #ofinterest {
    margin : 6px 0 8px 0;
    padding : 0 10px;
}

#semiperm li, #ofinterest li {
 list-style-type : none;
 text-align : right;
 margin : 0;
 padding : 0;
}

#ofinterest li a, #semiperm li a {
    font-size : 11px;
    text-decoration : none;
}

#ofinterest li a:hover, #semiperm li a:hover {
    text-decoration : underline;
}

#ofinterest li a:visited {
    text-decoration: line-through;
}

#interestarchive {
    padding-right : 10px !important;
    clear : both;
}

.post h3 {
    color : #063;
    padding : 6px 3px;
    text-transform : uppercase;
    font-size : 17px;
    line-height: normal;
    margin : 0 !important;
}

#nonav div.post { padding-left : 30px; }

.posttime { 
    text-transform : lowercase;
    font-size : 11px;
    font-weight : normal;
    font-style : italic;
    display : block;
    padding : 4px 0 0 0;
}

.leftimg { 
    float : left;
    padding : 5px 10px 10px 0;
}

.rightimg {
    float : right;
    padding : 5px 0 10px 10px;
}

#heavy-rotation { padding : 6px 0; text-align : right; }
#heavy-rotation img {
    padding : 4px;
    margin : 1px;
    border : 1px solid #ccc !important; 
    background-color : #fff;
}