body {
   margin:0px;
   padding:0px;
   background-image: url(images/bg.gif);
   background-repeat: repeat;
   background-position: top; /* firefox shows well; IE does not. */   
   font-family: verdana, arial, helvetica, sans-serif;
}

/* Link Stuff - stuff pertaining to links */
a:link, a:visited {text-decoration: none;font-weight: bold;color: #00CCFF;}
a:hover {text-decoration: none;}

#navbar a:link, #navbar a:visited {color: #ffffff;word-spacing: none;}
#navbar a.current {color: #00CCFF;}
#navbar a:hover {color: #FFF;}

#main-title a:hover {color: #FFF;}

#main-text a{font-weight: normal;color: #000;}
div.chapter_part {border:1px solid #FFF;}
div.chapter_part:hover {text-decoration: none;border:1px dashed #000;}

#main-text a.footspot, #posted_by a{text-decoration: underline;color: #0033FF;}

#footer a:link, #footer a:visited {color: #ffffff;text-decoration: none;}
#footer a:hover {text-decoration: underline;color: #ffffff;}

/* Link Stuff - stuff pertaining to links */

#container {
  width:1019px; /*is 800px plus 110 left-side graphic and 109 right-side graphic*/
  margin: 0px auto 0px auto;
}

#container_right {
  background-image: url(images/right_side.gif);
  background-repeat: repeat-y;
  background-position: top right;
}

#container_left {


  background-image: url(images/left_side.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

#main-title {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 25px;
background-color: #333333;
color: #ffffff;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}


#header-image {
background-color: #4d80b9;
background-repeat: no-repeat;
background-position: left top;
height: 177px;
border-top: 2px #00CCFF solid;  /* #ff4700 */
border-bottom: 2px #00CCFF solid;  /* #ff4700 */
margin-left: 110px;
margin-right: 110px;
}

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #333333;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #00CCFF solid;
}




#headline {
font-size: .7em;
padding-top: 30px;
text-align: justify;
background-color: #F2F2F2;
padding-left: 100px;
padding-right: 100px;
Padding-bottom:50px;
margin-left: 110px;
margin-right: 110px;
margin-bottom: 0;
line-height: 1.5em;
border-bottom: 2px #00CCFF solid; }


p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 110px;
margin-right: 110px;
font-size: .8em;
padding-bottom: 3px;
padding-top: 23px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #00CCFF solid;
letter-spacing: 5px;
font-weight: bold;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}




#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
line-height: 1.8em;
background-color: #ffffff;
}




#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

.tip{border-top:1px solid #336633;border-bottom:1px solid #336633;margin:10px 50px;padding:5px 0px;}
.warning{border-top:1px solid #CC0000;border-bottom:1px solid #CC0000;margin:10px 50px;padding:5px 0px;}
.note{border-top:1px solid #0000CC;border-bottom:1px solid #0000CC;margin:10px 50px;padding:5px 0px;}


img.floatmiddle{  /*Center the image...*/
    margin: 0px auto 0px auto; text-align:center; display:block;
    }

img.floatleft{  /*Float the image Left...*/
    float: left;
    margin: 5px 5px 5px 5px;
    }

img.floatright{  /*Float the image Right...*/
    float: right;
    margin: 5px 5px 5px 5px;
    }

.green {
  color:Green;
}

.purple {
  color:Purple;
}
 .blue {
  color:Blue;
}

 .brown {
  color:Brown;
}

pre.code {   /*for monospaced code text that spans multiple lines*/
  font-size: 1.5em;
	background-color: #deeff7;
  border: #336699 1px solid;
  margin: 20px 20px 20px 50px;
  padding: 0px 5px 5px 5px;
  width:80%;
  overflow:auto;
}

code {  /*for monospaced code text that is just one line or word*/
  font-size: 1.5em;
}

.cap {
    float: left;
    width: auto;
    font-size: 60px;
    line-height: 45px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
 .cap-br {
  display: block !important;
}

/*These are for pics WITH A caption.*/
.picncaption_left{float:left;padding:5px 15px 10px 15px;text-align: center;}
.picncaption_left img {display:block;}
.picncaption_left span {font-size: 1em;}
.picncaption_right{float:right;padding:5px 15px 10px 15px;text-align: center;}
.picncaption_right img {display:block;}
.picncaption_right span {font-size: 1em;}
.picncaption{display: block;text-align: center;}
.picncaption img {display:block;margin: 0px auto 0px auto;}
.picncaption span {margin: 0px auto 0px auto;font-size: 1em;}

abbr, acronym{
  cursor: text;
  border-bottom-style: dotted;
  border-bottom-width: 1px
}




.footnote {
   display:none;
}


h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 3px;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol, table {
margin-top: 17px;
margin-bottom: 0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

h4 {
    font-size:10px;
    padding-right:20px;
    margin:50px auto 40px 100px;
}

h4#posted_by {
  margin-left:50px;
}


#footer {
text-align: center;
margin-bottom: 0px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
margin-top: 20px;
padding-right: 50px;
background-color: #000;
color: #ffffff;
font-weight: bold;
border-bottom: 1px #000 solid;
border-top: 2px #00CCFF solid;
}


.right {
float: right;
text-align: right;
width: 50%;
}
.left {
float: left;
text-align: left;
padding-left: 50px;
}
.right h3 {
margin-top: 0px;
font-size: 90%;   
}

.comment_sender, .comment_body, .comment_hr {
  margin-left:50px;margin-right:50px;
}

input#submit:hover, input#reset:hover {
    cursor: pointer;}

h5 {
  margin-left:50px;
}

/* Beginnin' o' de blockquotes */
blockquote {
font-family:Georgia, 'Times New Roman', Times, serif;
font-style: italic;
font-size: 14px;
line-height: 2.0em;
letter-spacing: 0.25em;
margin:0px;
padding-bottom:20px;
text-align: center;
}
blockquote .quotes {font-size: 25px;vertical-align: middle; }
.text {font-weight: lighter;}
/* End o' de blockquotes */