body {
  background: #fffff9 ;
  color: #100060 ;
  width: 100% ;
  text-align: center ;
}

img {
  border: 0 ;
}

a {
  text-decoration: none ;
}

a:hover {
  text-decoration: underline ;
  color: #00f ;
}
hr {
 color: #380096 ;
 height: 1px ;
}

td {
  vertical-align: top ;
}


/* Our top mega container */

#everything {
  margin-left: 10px ;
  margin-right: 2%;
  text-align: left ;
  height: 100%  ;
} 


/* The top bit - has 'banner' which encompasses 'logo' with 'menu'
 * alongside. */

 #logo{
   width: 150px ;
   height: 82px ;
 }

 #menu{
   height: 82px ;
   vertical-align: bottom ;
   text-align: center ;
   background: url(/images/eutonystave.gif) repeat-x top left ;
   width: 100% ;
 }

.menucell{
  text-align: center ;
  vertical-align: middle ;
  color: #3366cc;
  text-decoration: none ;
  width: 105px ;
  position: absolute ;
}

a.mc{
 color: #380096 ;
}

#menucell1{
  top: 10px ;
  left: 160px ;
}

#menucell2{
  top: 20px ;
  left: 268px ;
}
#menucell3{
  top: 31px ;
  left: 376px ;
}
#menucell4{
  top: 42px ;
  left: 484px;
}
#menucell5{
  top: 53px ;
  left: 592px ;
}
#menucell6{
  top: 64px ;
  left: 700px ;
}

#nomenucell{
  width: 100% ;
  text-align: center ;
}

/* The main section is in the big 'main' container */

/* left bit */

 /* outside container */
 #left{
   width: 148px ;
 }

   #leftcontent{
     background: url(/images/eutony-bg.gif) repeat-y left top ;
   }

   #leftTopScroll {
     text-align: center ;
     color: #380096 ;
     background: url(/images/eutony-bgtop.gif) no-repeat left top ;
     padding-top: 10px ;
     width: 148px ;
     height: 12px ;
   }

   #leftHeading {
     color: #380096 ;
     text-align: center ;
     WIDTH: 120px ;
   }

   #leftMain {
     position: relative ;
     top: 0px ;
     left: 5px ;
     WIDTH: 120px ;
   }

   .headerlink {
     color: #380096;
     text-decoration: none ;
   }

   .links {
     text-align: center ;
   }

   .eutonyLinks {
     text-align: left ;
     position: relative ;
     left: 10px ;
   }

   .sublinks {
     color: #666666 ;
     text-decoration: none ;
     font-size: smaller ;
     padding-bottom: 10px ;
   }

   #leftBottom {
     width: 100% ;
     background: url(/images/eutony-bgbot.gif) no-repeat left bottom ;
     padding-left: 10px ;
   }

/* End of left */
/*
 * Main Content
 */

 #center {
   border-left: thin groove ;
   border-right: thin groove ;
   padding: 10px ;
   width: 100% ;
 }

 #right {
    width: 170px ;
    text-align: center ;
       padding-left: 10px ;
    }

  /* And the formatting for various items */

 .centerTitle {
   font-weight: bold ;
   border-bottom: thin solid black ;
   font-size: 125% ;
 }

 .rightHeading {
   border-top: thin #006 solid ;
   border-bottom: thin #006 solid ;
   font-weight: bold ;
   background: #fffbcd ;
 }

 .rightLinks {
   border-bottom: thin #066 solid ;
 }

 #rightBottom,.linkBox {
   border-top: thin #006 solid ;
   border-bottom: thin #006 solid ;
   background: #fffbcd ;
 }

 #bottomright {
   vertical-align: bottom ;
   text-align: right ;
 }

.entryTitle {
  font-weight: bold ;
  border-top: thin #006 solid ;
  border-bottom: thin #006 solid ;
  text-align: left ;
  padding-bottom: 2px ;
}

.entryDate {
  font-weight: normal ;
  font-style: italic ;
  text-decoration: underline ;
  font-size: smaller ;
  color: #f00 ;
}


.entry{
  text-align: justify ;
  padding-left: 5px ;
  padding-right: 5px ;
  padding-top: 5px ;
}

.entry:first-line {
  font-variant: small-caps;
}

.entryFooter {
  border: thin solid #100060 ;
  background: #ffffd7 ;
  padding: 2px ;
  font-size: smaller ;
}

.entryTags {
  color: #100060 ;
}

.hideComments {
  float: left ;
  color: #380096 ;
}

.hideComments:hover {
  text-decoration: underline ;
  color: #00f ;
}

.postComment {
  clear: both ;
  text-align: right ;
  width: 100% ;
}

.commentCount {
  float: right ;
}

.permalink {
  text-align: center ;
}

.frontRight {
  border-left: thin solid black ;
  border-right: thin solid black ;
}

#twitter_div {
  background: #fffbcd ;
  color: #000 ;
  text-align: left ;
  padding: 2px ;
  width: 170px ;
}

.tweet {
  border-bottom: thin solid black ;
  font-size: 10pt ;
}

.tweetTxt {
}

.tweetMeta,.tweetMeta a{
  color: #050 ;
  font-size: 85% ;
}

.tweetMeta a#hover{
  text-decoration: underline;
}

.frontNews {
  background: #ddf;
  border: thin #006 solid ;
  padding-bottom: 5px ;
  color: #000 ;
  font-size: 9pt ;
  text-align: center ;
}

.frontNewsDate {
  font-style: italic ;
}

.frontNewsTitle {
  padding-left: 3px ;
  font-weight: bold  ;
  text-align: center ;
}

.frontNewsEntry {
  padding-left: 3px ;
  padding-right: 3px ;
  text-align: justify ;
}

.frontReviewTitle {
  border-top: thin #066 solid ;
  text-align: center ;
  font-weight: bold  ;
  font-size: smaller ;
  font-family: sans-serif ;
}

.frontReviewFormat {
  font-style: italic ;
  text-align: center ;
  font-size: smaller ;
}

.frontReviewEntry {
  padding-left: 3px ;
  padding-right: 3px ;
  font-size: smaller ;
  text-align: justify ;
}


.reviewTitle {
   text-align: center ;
   font-weight: bold  ;
   border-bottom: thin solid black ;
   border-top: thin solid black ;
   font-family: sans-serif ;
}

.reviewEntry {
  font-weight: normal ;
  border-bottom: thin solid black ;
  text-align: left ;
}

.reviewEntry:first-line {
  font-variant: small-caps;
  font-weight: bold ;
}


.reviewFormat {
  background: #ddf ;
  font-style: italic ;
  text-align: center ;
  padding: 3px ;
  margin: 3px ;
  float: right ;
}

.toSeeHead {
  background: #ddddff ;
  font-weight: bold ;
  text-align: center ;
}

.toSee {
  background: #ddddff ;
  text-align: left ;
  font-size: smaller ;
  width: 100% ;
}

.miniHeading {
  text-align: center ;
  font-style: italic ;
  text-decoration: underline ;
  color: #ff0000 ;
  border-top: thin solid gray;
  padding-top: 4px
}

.searchResult {
  background-color: #ff0 ;
}

.bibleref {
  font-size: small ;
  text-align: right ;
}

.fancybq {
  display: block;
  padding-top: 0px ;
  padding-right: 30px ;
  text-align: justify ;
}
.fancybq:before, .fancybq:after {
  color: #3366cc;
  display: block;
  font-size: 300%;
  width: 20px;
  padding: 0px ;
  margin: 0px ;
}

.fancybq:before {
  content: open-quote;
  height: 15px ;
  margin-left: -0.55em;
}

.fancybq:after {
  width: 108% ;
  height: 40px ;
  text-align: right ;
  content: close-quote;
  margin-top: -50px;
}

.spaced { line-height: 1.4em; }
.spaced SUB, .spaced SUP { line-height: 0px; }

.psalmPara { margin-left: 2em ;}
.psalmFirst { margin-left: -2em ;}

.createComment { color: #999999;}
.createError { color: #cc0000;}

.loginError { color: #cc0000;}

.comments {
  color: black ;
  margin-right: 2em ;
  border-top: thin dashed #888 ;
}

.comment {
  margin-left: 1em ;
}

.commentAuthor {
  color: #555;
}

.commenttxt {
  border-bottom: thin dashed #888 ;
}

.commentpost {
  float: right ;
  clear: right ;
  font-size: 80% ;
  color: #555;
}

.commentpost a{
  color: #555;
}

.commentdate{
  color: #555;
  font-size: 80% ;
  float: right ;
}

.commentFormInput {
  width: 75% ;
}