/* WHOLE PAGE */

body {
  text-align:center;
  font: .85em Arial, Helvetica, Verdana, Lucida, sans-serif;
  background: #fff url(/images/banners/searocks.jpg) no-repeat 0 0;
  margin: 0;
}
#container {
  background: url(/images/backgrounds/elsewherebar.gif) repeat-y right 130px;
  position: relative;
  margin: 0;
  text-align: left;
  width: auto;
  border-bottom: 1px solid #666;
}
a:link  { color: #5e6080; }
a:visited	{ color: #736b80; }
a:hover  { color: #fc7303;  }
a:active	{ color: #fc4404;  }

acronym {cursor: help;}
code {color: #c00; font-family: monospace;}
.clear {clear: both;}
ins {color: #090; text-decoration: none; font-style: italic;}
del {color: #f00;}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}
h4 {
  margin-bottom: 0; 
  padding-bottom: 0; 
  font-size: 1em;
}

.left {
  float:left; 
  text-align: center; 
  color: #666; 
  font-weight: bold;
}


/* TOP OF PAGE
------------------ */

#banner {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  height: 134px;
}

#banner a {
  color: #fff;
  text-decoration: none;
  height: 134px;
  text-indent: -3000px;
  width: 300px;
  display: block;
  background: url(/images/banners/erseasun.jpg) no-repeat 0 0;
}
#banner a:hover {
  background: url(/images/banners/erseasun.jpg) no-repeat -300px 0;
}
#banner-commentspop {
	color: #555;
	font-size:large;
	font-weight:bold;
  padding: 5px 15px;
	}

#pagetitle {
  display:none;
}

.description {
  position: relative;
}

#searchbox {
  position: absolute;
  text-align: center;
  width: 150px;
  top: 15px;
  right: 0;
  font-size: 85%;
}

#searchbox input {
  width: 120px;
}

/* BOTTOM OF PAGE
--------------------- */

#pagefooter {
  color: #ccc;
  background: #5e6080;
  padding: 15px;
}
#pagefooter a {
  color: #fff;
}

/* CONTENT SECTION
--------------------- */

#content {
width: auto;
padding-left: 10px;
margin-right: 315px;
background: transparent;
}
#content h2 {margin: 3px 0 3px 0; padding: 0; font-size: 1.2em;}
#content h3 {margin: 6px 0 0 0; font-size: 1.1em; }
#content .indent {padding-left: 20px; font-size: 1em}
#content p.music {margin-top: 0;}
#content ul {margin-top: 0;}

.blog {
  padding:15px 5px;
  background: transparent;
}

.blog h2.title a {
  color: #5E6080;
  font: bold 1em Arial, Helvetica, Verdana, Lucida, sans-serif;
  text-decoration: none;
}
#content h2.title a:hover {
  text-decoration: underline; 
  color: #fc7303;
}

.pagenav {text-align: right;}
.date {
  font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
  color: #000;
  font-size: .9em;
  font-weight:normal;
  padding-top:0px;
}

.blogbody {
  position: relative;
  font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
  color:#000;
  line-height: 130%;
  padding: 3px;
  background: transparent;
}
.blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover {
  font-weight: normal;
  text-decoration: underline;
}

.blogbody > p:first-child:first-letter {color: #FF7B00; font: bold 160% "Times New Roman", Times, serif;}

.blogfooter {
  clear: both;
}

.posted	{
  clear: both;
  font-size: .9em;
  color: #000000;
  margin: 0 0 20px 0;
  padding: 0 0 10px 10px;
  background: url(/images/backgrounds/postfooter.jpg) no-repeat 0 bottom;
}

#contentfooter {border-top: 1px solid #fc7303; margin: 2px; padding: 4px;}

blockquote {border-left: 5px solid #fc7303; padding-left: 5px; font-size: 1em;}
ol li {margin-top: 0px; margin-bottom: 0px;}
td.centertext {text-align: center;}

.poem {
  font-family: Times, "Times New Roman", serif;
  margin-left: 20px;
}
dl.dialogue dt {
  font-weight: normal;
  color: #666;
  margin-left: 1.5em;
  padding-left: 0;
}
dl.dialogue dd {
  margin: 0 0 .5em 2em;
  padding-left: 0;
}

/* FEATURES */

#features {
  position: relative;
  float:right;
  width: 200px;
  margin: 15px 2px 2px 5px;
}
#features h2 {
  font-size: 1em;
  display: block;
  color: #5E6080;
  margin: 0;
  padding: 0 2px 3px 2px;
}
#features a {text-decoration: none;
  color: #5E6080;
}
#fwotd, #flatest, #fask {
  width: 190px;
  padding: 2px;
  margin-bottom: 2px;
  border: 1px solid #7E80AB;

}
#fwotd, #fask {
  overflow: auto;
}

#fwotd dl {margin: 0px;
padding: 10px 3px 2px 3px;}

#fwotd dd {
  margin: 3px;
  color: #666;
}
#flatest {
  overflow: hidden;
}
#flatest img {border-width: 0;}

#fask p {
  padding: 0 5px;
  margin-top: 10px;
  color: #666;
}

/* TABLES WITHIN CONTENT*/
#content table caption {font-weight: bold; margin: 1px;}
#content table thead tr {color: #fff; font-weight: bold; background: #5e6080; }
#content table tr.evenrow, #content table tr.alt  {background: #ededed;}
#content table td.rowhead {font-weight: bold; text-align: right;}
#content table.aligntop tbody td {vertical-align: top;}


/* NAVIGATION
--------------------- */
#menu {
  margin-bottom:15px;
  background:transparent;
  text-align:center;
  font-weight: bold;
}

/* OVERALL COLUMNS - NAV */

#links {
  position: absolute;
  top: -5px;
  right: 152px;
  width:160px;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background: url(/images/backgrounds/links-center.gif) repeat-y 0 0;
  border-right: 1px solid #5e6080;
}
#linkstop {margin-left: 0; display: block; width: 100%; 
  background: url(/images/backgrounds/links-top.gif) no-repeat 0 2px;
}
#linksbottom {display: block; width: 100%; 
  background: url(/images/backgrounds/links-bottom.gif) no-repeat 0 bottom;
}

#rightcol {
  position: absolute;
  top:136px;
  right: 5px;
  width:140px;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color:#000;
}

/* COLUMN HEADINGS - NAV */

.colhead {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 16px;
  color: #fff;
  padding-left: 13px;
}
#links .colhead {
  color: #000;
  margin-top: 65px;
}

/* TITLES - NAV  */

.sidetitle, .rightsidetitle {
  font-weight:bold;
  padding: 10px 2px 2px 2px;
  margin-top:5px;
  color: #444;
}
.sidetitle {margin-left: 10px;}

/* TEXT BLOCKS - NAV  */

.side, .rightside {
  font-weight:normal;
  margin: 2px 0 5px 0;
}
.side, #rcomments {
  color:#333;
  padding: 0 5px 0 10px;
}
#rcomments {margin-bottom: 30px;}

/* LISTS - NAV  */

.rightside ul {
  border: 1px solid #bba;
  background: #5e6080;
}
.side ul {
  border: 1px solid #bba;
  background: #fcf8bb;
}

.side ul, .rightside ul, #rcomments ul, .blogroll ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.side ul li, .rightside ul li, #rcomments ul li, .blogroll ul li {
  padding: 3px;
  border-bottom: 1px solid #bba;
}

/* LINKS - NAV */

#links li a, #rightcol li a {
  display: block;
  text-decoration: none;
}
#rightcol li a {
  color: #fcf8bb;
}
#links li a {
  color: #5e6080;
}
#links li a:hover, #rightcol li a:hover {
  color: #fc7303;
}

#rcomments a {display: inline;}

.side li .emph {color: #eeee00; font-weight: bold;}
.side li#currentpage .emph {color: #fff;}

/* CURRENT PAGES - NAV */

li#currentpage {
  background: #fcf8bb;
}
li#currentpage a {
  font-weight: bold;
  color: #fc7303;
}
#currentarchive {
  border-left: 5px solid #5e6080;
  border-right: 5px solid #5e6080;
  color: #5e6080;
}

/* CURRENT CATEGORY */
#family ul li a#catfamily,
#friends_and_neighbors ul li a#catfriends_and_neighbors, 
#language ul li a#catlanguage,
#miscellany ul li a#catmiscellany,
#music ul li a#catmusic, 
#photography ul li a#catphotography, 
#elf-indulgence ul li a#catself-indulgence, 
#society ul li a#catsociety, 
#technology ul li a#cattechnology,
#work ul li a#catwork
{
  color: #fc7303;
}
.syndicate, .powered {
  font-family:verdana, arial, sans-serif;
  color:#636363;
  font-size:x-small;
  line-height:140%;
  padding:2px;
  background: #fff;
}
.kit, .syndicate {
  margin-top:10px;
  margin-bottom:10px;
}
.kit, .syndicate a, .powered a {
	color: #000080;
	font-weight: normal;
	text-decoration: none;
}
.kit img {
  padding: 3px 0;
}
.powered a:hover {
	color: #7B68EE;
}
.hideme {
  display: none;
}

/* IMAGES
------------------- */

.blogbody img {
  border: 1px solid #999;
  padding: 3px;
  margin: 0px 5px 5px 0px;
}
#content img.icon {
  border: 0;
  margin: 0;
  padding-bottom: 0;
}
img.left {float: left; position: relative; padding-right: 2px;}
img.right {float: right; position: relative; margin-left: 3px; }
img.plain {border-width: 0;}

/* COMMENTS AND TRACKBACKS
------------------------------ */

textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}  

.comments-head	{
  font-size:small;
  font-weight:bold;
  color: #000;
  background:#ccc;
  border-top: 1px solid #999;
  border-right: 1px solid #aaa;
  margin-top:20px;
  margin-right: 10px;
  padding:2px 10px 5px 10px;
/* clear: both; */

}
.comments-body, .comments-odd, .comments-even {
  color: #000;
  font-size:small;
  font-weight:normal;
  padding:10px;
  margin-right: 10px;
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #aaa;
}
.comments-odd {
  background: #eee;
}
.comments-even {
  background: #fff;
}
.comments-post {
  color:#000;
}
.c-karl .comments-post a {color: #fc7303;}

#commenter-info {
  width:180px;
  padding-right:15px;
  margin-right:15px;
  float:left;
  text-align:left;
}

.trackback-url, .trackback-body, .trackback-post {
  font-family:verdana, arial, sans-serif;
  color:#666;
  font-size:small;
  font-weight:normal;
  background:#FFF;
}
.trackback-url {
  line-height:140%;
  padding:5px;
  width: 450px;
  border:1px dotted #999;
}
.trackback-body {
  line-height:140%;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:1px dotted #999;
}

div#tbwhat a:hover {
  color: red;
}
div#tbwhat a img {
  height: 0;
  width: 0;
  border-width: 0;
}
div#tbwhat a:hover img {
  top: 10px;
  left: 10px;
  height: 120px;
  width: 300px;
}

/* WORD OF THE DAY
--------------------- */

#wotdside, #pagetoc {
width: 85%;
margin: 10px;
background-color: #ededed;
}
#wotdside p, #pagetoc p, #pagetoc dl {
padding: 5px;
}
#pagetoc h3 {
background: #5e6080;
color: #fff;
padding: 3px;
margin-top: 0;
}
dt {font-weight: bold}
dd {margin-bottom: 10px;}

.wotddate {font-weight: normal; font-size: 90%;}

/* CONTACT FORM */
.formwrap {
   margin-bottom: 100px;
}
.formwrap label {
  text-align: right;
  font-weight: bold;
  clear: left;
  float: left;
  padding-top: 6px;
  width: 160px;
}
.formwrap input { 
  margin: 4px;
}
.formwrap textarea { 
  margin: 4px;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
}
.formwrap input#submit {
  margin-left: 164px;
}
.msg {
  color: #fc7303;
}


/* ROUNDED CORNERS
------------------------------ */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* MISCELLANEOUS
----------------------- */

.amazon {
margin-top: 10px;
padding: 5px 0px 0px 5px;
color:#fff;
background-color: #000;
}

.smaller {font-size: .85em;}
.albums {display: none;}
.elevenpx {font-size: 11px;}
.books {text-align: center;}
.books img {border: none;}

/* CALENDAR STYLES
-------------------------- */

.calendarbox {
  font-family: Arial, Helvetica, Lucida, sans-serif;
  text-align: left;
  line-height:140%;
  border-bottom: 1px solid #90bade;
}
.calendarhead {
  font-size:12px;
  font-weight:bold;
  padding:6px 2px 2px 7px;
}
.calendar {
  color:#000;
  font-size:10px;
  font-weight:normal;
  padding:0px;
}
.calendar a {
  color:#f23200; font-weight: bold;
}

/* ----------------------------
Alsett Clearing Method for floats 
-------------------------------*/  
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* end backslash hack */