body {
   color:white;
   background-color:black;
   background-image:url(clockworksaint_logo.png);
   background-repeat:no-repeat;
   background-position:12px 12px;
}

// * {
//   border: solid 1px red;
//}

h3 {
   margin:0;
}

#related {
   color:#aaaaaa;
   position:absolute;
   top:180px;
   left:10px;
   // jhvjkv border:solid 1px red;
   margin:0;
   padding:0;
}

#related .related {
   background-image:url(related_box_body2.png);
   background-repeat:y;
   background-position:0px 0px;
   margin-bottom: 20px;
}

#related .related:hover {
   background-image:url(related_box_body.png);
}

#related .related div ul {
   list-style-type: none;
   margin-left: 0px;
   padding-left: 13px;
}

#related .related a {
   color:#aaaaaa;
}

#related .related div h1 {
   font-size: 16px;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 3px;
}

#related .related div {
   padding:0px 9px;
   margin:0px;
   width:79px;
   font-size: 14px;
   border:solid 0px;
}

#related .related .start {
   padding:0;
   height:10px;
   width:97px;
   //background-color:green;
   background-image:url(related_box_top2.png);
   background-repeat:no-repeat;
   background-position:0px 0px;
   font-size: 6px;
   border:0px;
}

#related .related:hover .start {
   background-image:url(related_box_top.png);
}

#related .related .stop {
   padding:0;
   height:10px;
   width:97px;
   background-image:url(related_box_bottom2.png);
   background-repeat:no-repeat;
   background-position:0px 0px;
   font-size: 6px;
}

#related .related:hover .stop {
   background-image:url(related_box_bottom.png);
}

#container {
   color:white;
   width:680px;
   position:absolute;
   top:110px;
   left:120px;
}

#navigation {
   height:20px;
   width:680px;
   //background-image:url(div_top.png);
   //background-repeat:no-repeat;
   //background-position:0px 41px;
}

#navigation div a {
   display:block;
   position:absolute;
   top:0px;
   width:72px;
   height:30px;
}

#navigation div a span {
   display:none;
}

/* JOURNAL TAB */

#nav_journal a {
   left:10px;
   background-image:url(btn_journal_low.png);
}

#nav_journal a:hover {
   background-image:url(btn_journal_hover.png);
}

#journalpage #nav_journal a {
   background-image:url(btn_journal_high.png);
}



/* GALLERY TAB */

#nav_gallery a {
   left:90px;
   background-image:url(btn_gallery_low.png);
}

#nav_gallery a:hover {
   background-image:url(btn_gallery_hover.png);
}

#gallerypage #nav_gallery a, #gallerypage #nav_gallery a:hover {
   background-image:url(btn_gallery_high.png);
}

/* ABOUT TAB */

#nav_about a {
   left:170px;
   background-image:url(btn_about_low.png);
}

#nav_about a:hover {
   background-image:url(btn_about_hover.png);
}

#aboutpage #nav_about a, #aboutpage #nav_about a:hover {
   background-image:url(btn_about_high.png);
}





.content {

   width:680px;
   background-color:white;
   color:black;
   margin-bottom:20px;

}

.content * {
   //color:black;
}

.content {
   color:black;
}

.content table {
   color:black;
}


a[href]:link {
   color:#cc0000;
}

a[href]:visited {
   color:#990000;
}

a[href]:hover {
   color:#ff0000;
}


.content div {
   padding:0.5em 1em;
}

.content .start {
   padding:0;
   height:10px;
   width:680px;
   background-image:url(div_top.png);
   background-repeat:no-repeat;
   background-position:0px 0px;
   font-size: 6px;
}

.content .stop {
   padding:0;
   height:10px;
   width:680px;
   background-image:url(div_bottom.png);
   background-repeat:no-repeat;
   background-position:0px 0px;
   font-size: 6px;
}

.talklinks {
   font-variant: small-caps;
   font-size: small;
}