/*this is the background blue ship tile*/
body{ 
margin:0; padding:0; 
text-align:center; 
background: url(../images/bg_tile.jpg) #191970;                
font-family: Verdana, Arial, Helvetica, sans-serif;
min-width:700px;
} 

/*this is a narrow horizontal slice of the blue background and borders that repeats in a vertical stack*/ 
#wrap{ 
width:780px; 
background: repeat-y center url(../images/background_middle_04.gif) transparent;
text-align:left; 
margin-left:auto; margin-right:auto; 
} 

/*this defines the overall size and shape of the header*/ 
#header{ 
height:121px; 
width:100%; 
background-color: #8CBAE7; 
position:relative;
margin-left:15px;
width:751px;
} 

/*this is the keelhauling logo in the upper right*/
#topbanner {
background: #8CBAE7 url(http://s92443876.onlinehome.us/MT/keelhauling/images/KH_name.gif) top right no-repeat;
width:100%;
height:121px;
margin-right:0px;
border-bottom:1px solid #8CBAE7;
}	

/*this is the blue header banner 495px wide*/
#topbanner h1 {
margin: 0px; padding:0px;
background: #8CBAE7 url(../images/h1_04.jpg) top left no-repeat;
width:495px;
}

/*this brings up the image in the header on the left*/
#topbanner h1 a:link, #topbanner h1 a:visited, #topbanner h1 a:hover {
background: #8CBAE7 url(../images/h1_04.jpg) top left no-repeat;
height: 121px;
width:85%;
margin: 0px; padding:0px;
display: block;
}

/*this blanks out the keelhauing plaintext name for CSS-capable sites*/
#topbanner h1 span {
display: none;
}

#topbanner h2 {
margin: 0px; padding:0px;
}

#topbanner h2 a:link, #topbanner h2 a:visited {
background: #8CBAE7 url(../images/h1_04.jpg) top left no-repeat;
height: 121px;
width:85%;
margin: 0px; padding:0px;
display: block;
}

#topbanner h2 span {
display: none;
}

/*for individual entries*/
 
 
#rightcol{
position:relative; 
margin-left:515px;
} 
 
#rightinner{
margin:5px 20px 5px 5px; padding:0px 0px 0px 0px;
border:1px #ccc solid;
border-bottom:0px;
background:#d6ffff;
}

#footer{
background:#fff;
border-top:1px solid #999;
margin:0; padding:10px 5px;
width:740px;
margin-left:15px;
margin-bottom:-10px;
height:100px;
} 

#footerinner {
padding: 5px 10px;
border:1px solid #ccc;
background-color:#d6ffff;
}

#footer p{
font-size:65%;
line-height:125%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#outermain{ 
float: left; 
width:490px;
position: relative; 
padding-left:12px; padding-right:0px;
margin-bottom:-5px;
}
 
#maincol{ 
width: 485px;  
background-color:#ffebcd;
margin:12px 10px 10px 10px;
border: 1px solid #ccc;
}
 
 
/*nav style*/
 
#navcontainer {
position: absolute;
top: 92px;
margin: 10px 0 0 20px; padding: 0;
height: 20px; 
width:475px;
}

#navcontainer ul {
border: 0;
margin: 0; padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0; margin: 0;
border-right: 1px solid #d6ffff;
}

#navcontainer ul li a {
width: 75px;
border: 1px solid #d6ffff; border-right-width: 0px;
padding: 4px 0px 4px; margin: 0px 0px 10px -2px;
color: #d6ffff;
display: block;
background-color: #191970;
font-family: "Times New Roman", serif;
text-transform: uppercase;
font-size: 75%;
line-height:100%;
font-style: normal;
font-weight: lighter;
}

#navcontainer ul li a:hover {
color: #191970;
background: #FFEBCD;
}

#navcontainer a:active {
background: #191970;
color: #fff;
}

#navcontainer li#active a {
background: #191970;
border: 1px solid #d6ffff;
color: #fff;
}


/*onstates*/

#parkers #navparkers  a, #home #navhome  a, #archives #navarchives  a, #links #navlinks  a, #photos #navphotos a, #games #navgames  a{
color: #191970;
background: #d6ffff;
font-weight:bold;
}


/*content styles */
a {
color:#7a4754;
}

a:active {
color:#7a4754;
}

a:visited {
color:#836F74;
}

a:hover {
color: #191970;
}


a img {
border-width:0; border-style:none; 
color:#fff;
}

#maincol .postinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
font-variant:small-caps;
margin-top: 4px; margin-bottom: -12px; margin-left:13px; margin-right:0;
color:#999;
font-weight:bold;
}

#maincol h2 {
padding: 0px;
margin-top: 16px; margin-bottom: 0px; margin-left:5px; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 135%;
text-align:left;
font-weight:bold;
color:#191970;
}

#maincol h2 a {
color:#191970;
text-decoration:none;
}

#maincol h2 a:visited {
color:#191970;
text-decoration:none;
font-weight:bold;
}

#maincol h2 a:hover {
color:#191970;
text-decoration:none;
}

/*for individual entries*/

#maincol h1 {
padding: 0px;
margin-top: 16px; margin-bottom: 0px; margin-left:-2px; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 135%;
text-align:left;
font-weight:bold;
color:#191970;
}

#maincol h1 a {
color:#191970;
text-decoration:none;
}

#maincol h1 a:visited {
color:#191970;
text-decoration:none;
font-weight:bold;
}

#maincol h1 a:hover {
color:#191970;
text-decoration:none;
}

/*end for individual entries*/

#maincol h3 {
padding: 0px;
margin-top: 14px; margin-bottom: 0px; margin-left:-2px; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 115%;
text-align:left;
font-weight:bold;
}

.entry h3, .entryplain h3 {
padding: 0px;
margin-top: 14px; margin-bottom: 0px; margin-left:-2px; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 115%;
text-align:left;
font-weight:bold;
color:#191970;
}

.entry h3 a, .entryplain h3 a {
color:#191970;
text-decoration:none;
}

.entry h3 a:visited, .entryplain h3 a:visited {
color:#191970;
text-decoration:none;
font-weight:bold;
}

.entry h3 a:hover, .entryplain h3 a:hover {
color:#191970;
text-decoration:none;
}


#maincol li {
padding:2px 10px 2px 0px;
}

#maincol blockquote {
border-top: #333 dotted 1px;
background: #d6ffff;
padding:5px;
margin:5px 15px;
}

#maincol blockquote.blank {
border-top: #333 dotted 1px;
padding:5px;
background: #d6ffff;
margin:5px 15px;
}

#maincol blockquote.code {
border-top: #333 dotted 1px;
padding:5px;
background: #d6ffff;
margin:5px 15px;
text-align:left;

}

#maincol code, #maincol pre {
text-align:left;
font-size:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#191970;
overflow: auto;
}

.clear {
clear: both;
height: 10px;
margin:0; padding:0;
}

.entry  {
font-size: 75%;
line-height:150%;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
background-image: url(../images/bottom_mark_04.gif);
background-repeat: no-repeat;
background-position: center bottom;
text-align:justify;
}

.entryplain  {
font-size: 75%;
line-height:150%;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
text-align:justify;
}

.nobullet {
list-style: none; 
margin:0px;
padding:0px;
margin-top:5px;
}

.nobullet li {
padding-bottom:5px;
line-height:190%;
}

.details {
font-weight:bold;
text-align:left;
margin:1px 0;
}

.amazonimage {
border:1px solid #000;
padding:2px;
margin-right:6px;
margin-left:3px;
float:left;
}

div.clearer {clear: none; line-height: 0; height: 25px;}

.albumimage {
border:1px solid #333;
padding:5px;
margin-right:6px;
}

.aw {
border:1px solid #ccc;
padding:5px;
background:#fff;
width:200px;
margin:0 auto 5px;
}

.awplain {
padding:5px;
margin:0 auto 5px;
}

div>div.awmain {
padding:5px;
border:1px solid #ccc;
background:#fff;
margin:4px 0 0 -8px;
width:440px;
}

div>div.dtb {
padding:1px;
border:1px solid #ccc;
background:#000;
margin:4px 0 0 -8px;
width:444px;
}

#rightcol h2 {
margin-top: 6px;margin-bottom:0px; margin-left:0; margin-right:5px;
font-size: 90%;
text-align:left;
color:#333;
padding-left:5px; padding-right:0px;
height:23px;
line-height: 19px;
font-family: georgia, "Times New Roman", serif;
}

#rightcol p {
line-height: 130%;
font-size: 65%;
padding-left:10px;padding-right:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#rightcol a:link {
color:#7a4754;
}

#rightcol a:active {
color:#7a4754;
}

#rightcol a:visited {
color:#836F74;
}

#rightcol a:hover {
color: #191970;
}

#rightcol ul {
list-style: none; 
margin:0px;
padding:0;
margin-left:10px;
}

#rightcol li {
line-height: 15px;
background: url(../images/bullet.gif) no-repeat 0 .15em;
padding-left:16px; padding-right:5px;
font-size: 65%;
padding-bottom:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#rightcol ul.go li  {
line-height: 15px;
background: url(../images/bullet.gif) no-repeat 0 .15em; padding-left:24px; padding-right:5px;
font-size: 65%;
padding-bottom:2px;
}

#sow {
margin:0px 18px 0px -1px;padding:0;
background-color:#8CBAE7;
border-bottom:1px solid #8CBAE7;
}

#recent {
border:1px solid #ccc;
background-color:#d6ffff;
width:420px;
font-size: 75%;
padding:5px 15px;
margin-top:10px;margin-left:12px; margin-bottom:10px;
}

#recent h2 {
margin-top:0; margin-left:0px;
}

.sitelink {
padding-left:10px;
margin-top:-3px;
}

a[rel~="met"]:after {content: " *";}

.number {
color:#000;
padding-right:3px;
color:#191970;
font-size:135%;
}

#comments  {
font-size:75%;
line-height:150%;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
text-align:justify;
}

#comments h2 {
margin-bottom:5px;
}

#comments h3  {
color:#000;
}

#comments h3 a  {
color:#191970;
}

#comments img {
   	margin-right:0px;
   	margin-left:-9px;
       float:left;
       border:1px solid #000;
      width:430px;
}

.comgrey {
background:#d6ffff;
border:1px solid #ccc;
padding:0 10px;
margin:5px 0;
}

.comwhite {
border:1px solid #ccc;
padding:0 10px;
margin:5px 0;
}

.comgreyjohn, .comwhitejohn {
background: url(../images/side_grade.gif) #fff repeat-x;
border:1px solid #7a4754;
padding:0 10px;
margin:4px 0;
}

.gray {
background-color:#fff;
color:#fff;
padding:5px;
margin-right:10px;
}

.gray a, .gray a:visited, .gray a:hover {
background-color:#666;
color:#fff;
}

.white {
margin-right:10px;
color:#000;
padding:5px;
background-color:#d6ffff;
}

.sideone {
background-color:#d6ffff;
margin:0;
padding:2px 0;
border-bottom:1px solid #999;
}

.sidetwo {
background: url(../images/side_grade.gif) #d6ffff repeat-x;
margin:0;
padding:2px 0;
border-bottom:1px solid #999;
}


.sidetwo p{
padding: 4px 0px 4px; margin: 0px 0px 10px -2px;
text-decoration: none;
font-family: "Times New Roman", serif;
font-size: 75%;
line-height:100%;
font-style: normal;
font-weight: lighter;
}


.bannerad {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin: 0 -16px;
}

/*from AListApart.com's CSS dropshadows tutorial*/
.img-shadow {
float:left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
 
.p-shadow {
width: 90%;
float:left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.p-shadow div {
background: none !important;
background: url(shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0 6px 6px 0;
}

.p-shadow p {
color: #777;
background-color: #fff;
font: italic 1em georgia, serif;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -6px 6px 6px -6px !important;
margin: 0;
}