
html {
  background: #1e3464;
}
body {
  background: #1e3464;
  font-family: "Segoe UI", Tahoma, Verdana, Helvetica, Arial, sans-serif;
/*  color: #4d5863;*/
  padding: 0;
  margin: 0;
  text-align: center; /* For IE */
}
.clearboth {
  clear: both; padding: 0; margin: 0;
}
#header {
  width: 795px;
  height: 180px;
  background: #D8DDE1 url("images/header.jpg") no-repeat;
  margin: 0 auto;
}
#content {
/*  line-height: 1.6em;*/
  float: right;
  width: 604px;
/*  padding: 0px 0px; */
}
p {
  display: block
  margin: 0 0 0px 0;
}
  
/* menu and next styles for erica.biz a href="/" when clicking on erica.biz logo */
  
#menu a {
  position: absolute;
  height: 50px;
  width: 275px;
  top: 125px; 
  text-decoration: none;
}
  
#menu a i { visibility: hidden; }
  
a#home { left: 125px; }

.topmenu {
  position: relative; 
  left: -22px;
  top: 0px;
}

.ericapic {
  position: relative; 
  left: -22px;
  float: left;
}
  
acronym {
  /*border-bottom: 1px solid #1e3464;*/
}

.paragraph code {
  text-align: left;
  letter-spacing: -0.08em;
  width: auto; 
  padding: 0 4px;
  margin: 0;
  font-size: 1.4em;
  line-height: 1.6em;
}
  
.border {
  border-top: 6px solid #bed7ff;
  margin-right: 13px;
  margin-left: -21px;
  clear: left;
}

.bordernoclr {
  border-top: 6px solid #bed7ff;
}
  
code.block {
  display: block;
}
  
div.paragraph a {
  border: 0;
}

div.paragraph a img {
  border: 0;
}  

#content h3 {
  padding-right: 30px;
  padding-left: 30px;
  clear: both; 
  overflow: hidden;
}
#content h3 a {
  position: relative;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
#content h3 span {
  position: absolute;
  width: 100%;
  height: 100%;
}  
  
#content h4 {
/*  color: #4d5863;*/
  font-size: 1.37em;
  padding: 0 0 0 14px;
  margin: 10px 0 4px 0;
  background: url("images/bullet.jpg") no-repeat 0 50%;
}

#content h5 {
  font-size: 1.25em;
  font-weight: bold;
}
  
p.postmetadata {
  font-size: 0.8em;
  clear: both;
  text-align: left;
  display: block;  
  /*  padding-top: 3px;*/
}
  
a {
  font-weight: 600;
  text-decoration: none;
  color: #1e3464;
}
a:link {
  font-weight: bold;
  color: #1e3464;
}
a:visited {
  color: #4d5863;
  font-weight: bold;
}
a:hover, a:active {
  color: #1e3464;
  font-weight: bold;
}
ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  line-height: 1.2em;
}
  
li {
  padding-bottom: 7px; 
}
  
acronym {
  font-style: normal;
  /*border-bottom: 1px solid #666;*/
}
  
.accesskey {
  text-decoration: underline;
}
  
/* Container Styles */
  
#container {
  position: relative; 
  width: 795px;
  background: url("images/middle_bg.gif") repeat-y ;
  margin: 0 auto;
  text-align: left; /* For IE, see above */
}
  
/* Intro Styles */
h1, h2 {
  text-indent: -999em;
  margin: 0;
}
  
#quickSummary p {
  padding-right: 10px;
  font-size: 0.83em;
  line-height: 1.4em;
}
  
/* Content Text Styles */
div.paragraph {
  margin: 10px 35px 50px 0px;
  padding: 0;
}
div.paragraph h3 {
  text-align: center;
  font-size: 14pt;
  line-height: 20pt;
}
  
#content p {
  /* float: left; */
  /* ENDE */
  margin: 5px 0 5px 0;
}
  
.p1 {
  margin-right: 0px;
  padding: 0;
  font-size: small;
  line-height: 1.5em;
  /*border-top: 1px solid #708090;*/
}
.p2 {
  font-size: 0.95em;
  line-height: 1.3em;
}
.p3 {
  /* clear: both; */
}

/* NAVIGATION STYLES (for links on sidebar) */
#navlist {
  font-size: 0.85em;
  float: left;
  width: 160px;
  margin-left: 10px;
  background: url("images/nav_bg.jpg") no-repeat;
}
#navlist ul {
  margin-right: 10px;
  margin-left: 10px;
}
#navlist ul li {
  display: block;
}    
#navlist acronym {
  border-bottom: none;
}
#navlist h3 {
  color: #FFFFFF;
  margin-left: 5px;
  margin-top: 4px;
  margin-bottom: 6px;
}  
/* SEARCH --- NAVIGATION */    
#nav-search {
  border-bottom: 2px solid #fff;
}
#nav-search form {
  padding:0;
  margin: 0 10px 10px 10px;
}
#nav-search #s {
  color: #000000;
  border: 2px solid #FFFFFF;
  width: 130px;
}
#nav-search #ssubmit {
  margin-top: 5px;
  border: 2px solid #FFFFFF;
  background: #bed7ff;
  /*color: #FECC68;*/
} 
#nav-search ul {
  clear: left;
}
#nav-search li {
  text-align: left;
/*background: url("archives_bg.gif") repeat-x left bottom;*/
} 
#nav-search a:link, #nav-search a:visited {
  color: #6A0909;
}
#nav-search a:hover, #nav-search a:active {
  color: #6A0909;
}

/* CATEGORY NAVIGATION */
#nav-topics {
  border-bottom: 2px solid #fff; 
}
#nav-topics a:link, #nav-topics a:visited {
  color: #FFFFFF;
  font-weight: bold;
}
#nav-topics li {
  font-size: 0.82em;
  line-height: 1.2em;
  color: #FCFDFF;
}
/* POPULAR POSTS */
#nav-popular li {
  font-size: 0.82em;
  line-height: 1.2em;
  color: #FCFDFF;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
}
#nav-popular a:link, #nav-search a:visited {
  color: #FFFFFF;
}
#nav-popular a:hover, #nav-search a:active {
  color: #FFFFFF;
}
#nav-popular {
  border-bottom: 2px solid #fff;
}

/* RSS, ETC. LINKS */

#nav-syndicate p {
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 0.82em;
  line-height: 1.2em;
}
#nav-syndicate {
  border-bottom: 2px solid #fff; 
}
#nav-syndicate ul {
  padding-top: 10px;
}
#nav-syndicate a:link, #nav-syndicate a:visited {
  color: #000000;
}
#nav-syndicate li {
  color: #000000;
  background: url("images/photos_bg.gif") repeat-x left bottom;
  display: inline;
  font-size: 0.82em;
  line-height: 1.2em;
}
#nav-syndicate #email {
  color: #000000;
  border: 2px solid #FFFFFF;
  width: 130px;
}
#nav-syndicate #emailsubmit {
  margin-top: 5px;
  border: 2px solid #FFFFFF;
  background: #bed7ff;
}

/* RECOMMENDED LINKS */
#nav-recommend li {
  font-size: 0.82em;
  line-height: 1.2em;
  color: #FCFDFF;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
}
#nav-recommend a:link, #nav-search a:visited {
  color: #FFFFFF;
}
#nav-recommend a:hover, #nav-search a:active {
  color: #FFFFFF;
}
#nav-recommend {
  border-bottom: 2px solid #fff;
}

 /* PAGE FOOTER STYLES (THE BUTTON-SECTION) */
#footer {
  margin: 0 auto;
  float:left;
  width: 795px;
  background: url("/images/bottom_bg.gif") no-repeat;
  height: 50px;
}
#page-footer {
  clear: both;
  margin: 0 auto;
  font-size: 0.72em;
  width: 795px;
  text-align: right;
  vertical-align: top;
}
#page-footer a {
  color: #FFFFFF;
}
  
  /* EXTRAS - LISTS */
#content ol, #content ul {
  margin-left: 20px;
  text-align: left;
}
#content ul {
  list-style: square;
}
#content ol.down, #content ul.down {
  list-style-type: none;
  list-style-image: url("images/li-down.jpg");
}
#content ol.down li:hover, #content ul.down li:hover {
  list-style-type: none;
  list-style-image: url("images/li-down-hover.jpg");
}
ol.square {
  list-style-image: url("images/li-square.jpg");
}
.square li {
  list-style-type: none;
  list-style-image: url("images/li-square.jpg");
}
.square li:hover {
  list-style-image: url("images/li-square-hover.jpg");
}        

/* EXTRAS - COMMENTS */
#content ul.commentlist, #content ul.commentlist li {
  list-style-type: none;
}
#content ul.commentlist li {
  border: 3px solid #BED7FF;
  padding: 4px;
  margin-bottom: 10px;
}
#content ul.commentlist li p {    
  clear: right;
}
div.commentcount {
  text-align: right;
  width: 300px;
  float: right;
  margin-bottom: 20px;
}
div.commentcount a:link, div.commentcount a:visited {
  line-height: 1.0em;
  font-weight: normal;
  color: #C4CBD2;
  padding: 0 0 4px 4px;
}
div.commentcount a:hover {
  color: #4d5863;
  background: transparent;
}  
div.commentcount a:active, div.commentcount a:focus {
  color: #C4CBD2;
}  
div.commentcount a strong {
  font-size: 30pt;
  line-height: 1.0em;
}
div.commentcount a:link span, div.commentcount a:visited span {
  font-size: 0.97em;
  display: none;
}
div.commentcount a:hover span {
  display: inline;
}
div.commentcount a:active span, div.commentcount a:focus span {  
  display: none;
}
  h3#comments {
  margin-left: 20px;
}
  cite.authorname a {
  font-weight: bold;
  font-size: 1.5em
} 

/* EXTRAS - TEXT FORMATTING */
  blockquote.pullquote {
  float: right;
  padding: 0;
  margin: 10px 10px 0 10px;
  display: block;
  width: 300px;
  text-align: right;
  font-family: Georgia, Verdana, sans serif;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.5em;
} 