/* JHPHOTO 'jdu' stylesheet v13, 4 Jul 08 */

/* Elements */

/* remove Pbase banner
body table td a img { display:none } 
td.thumbnails table,.thumbnails table img, .display,p.small { 
display:inline } 
end of code for removing PBase banner */

div,body,td,th,tr,table,li,ul,form,blockquote,font,
p,i,h1,h2,h3,h4,h5,h6 {
font: 10pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: darkkhaki;
background: transparent
}

body {
margin-left: 5px;
margin-right: 5px;
padding: 0px;
background: #202020;
/*scrollbar-face-color: #202020;
scrollbar-3dlight-color: khaki;
scrollbar-highlight-color: khaki;
scrollbar-shadow-color: darkkhaki;
scrollbar-darkshadow-color: darkkhaki;
scrollbar-track-color: black;
scrollbar-arrow-color: darkkhaki;*/
/*  background-image: urlhttps://www.pbase.com/image/46354892.jpg);
background-position: left;
background-repeat: repeat-y;
background-attachment: fixed */
}

table,td,th,tr,b {
margin-left : 0px;
margin-right : 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px
}

b {
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: khaki
}

hr {
color: darkkhaki;
height: 1px
}

img {
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
border-left: 1px solid darkkhaki;
border-right: 1px solid darkkhaki
}

a,a:link,a:visited,a:active,a:hover {
font-weight: bold;
text-decoration: underline
}

a:link { color: khaki }
a:active { color: khaki }
a:visited { color: khaki }
a:hover { color: darkorange }

a:hover img {
border-top: 1px solid darkorange;
border-bottom: 1px solid darkorange;
border-left: 1px solid darkorange;
border-right: 1px solid darkorange
}

h1 { font-size: 30pt }
h2 { font-size: 22pt }
h3 { font-size: 16pt }
h4 { font-size: 12pt }
h5 { font-size: 10pt }
h6 { font-size: 8pt }

h1,h2,h3,h4,h5,h6 {
color: darkkhaki;
text-align: center;
/* letter-spacing: 0.25em; */
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
padding: 5px;
margin-left: 0px;
margin-right: 0px;
background-color: black
}

h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter {
font-size: 1.5em;
/*color: khaki;*/
font-weight: bold;
/*text-transform: uppercase*/
}

td {
border: 1px none;
background: none;
border-collapse: separate;
empty-cells: show
}

/* Classes */

.white { font-weight: bold; color: white }
.black { font-weight: bold; color: black }
.red { font-weight: bold; color: red }
.orange { font-weight: bold; color: orange }
.darkorange { font-weight: bold; color: darkorange }
.yellow { font-weight: bold; color: yellow }
.lightyellow { font-weight: bold; color: #ffff80 }
.gold { font-weight: bold; color: gold; }
.goldenrod { font-weight: bold; color: goldenrod }
.green { font-weight: bold; color: green }
.lime { font-weight: bold; color: lime }
.limegreen { font-weight: bold; color: limegreen }
.blue { font-weight: bold; color: blue }
.deepskyblue { font-weight: bold; color: deepskyblue }
.cyan { font-weight: bold; color: cyan }
.magenta { font-weight: bold; color: magenta }
.mediumpurple { font-weight: bold; color: mediumpurple }
.purple { font-weight: bold; color: purple }
.indigo { font-weight: bold; color: indigo }
.violet { font-weight: bold; color: violet }

a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active {
align: center;
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
border-left: 1px solid darkkhaki;
border-right: 1px solid darkkhaki;
margin-bottom: -60px;
padding-top: 10px;
width: 182px;
display: block;
height: 217px;
background: black
}

a.thumbnail:hover {
border-top: 1px solid darkorange;
border-bottom: 1px solid darkorange;
border-left: 1px solid darkorange;
border-right: 1px solid darkorange;
background: #202020
}

table.imagetable {
margin-left: auto;
margin-right: auto
}

td.message_body { border: 1px none }

td.thumbnail {
padding: 2px;
width: 182px;
height: 237px
}

/* table.thumbnail {
width: 10%
} */

.tdslideshow {
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
border-left: 1px solid darkkhaki;
border-right: 1px solid darkkhaki;
background-color: black
}

/* #slideshow_image { 
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
border-left: 1px solid darkkhaki;
border-right: 1px solid darkkhaki
} */

img.display {
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
border-left: 1px solid darkkhaki;
border-right: 1px solid darkkhaki
}

.date,.artist,.location { font: normal 10pt }

.title {
align: center;
margin-left: 0px;
margin-right: 0px;
font: 14pt;
background: black
}

.location {
align: center;
margin-left: 0px;
margin-right: 0px
}

.caption {
align: center;
margin-left: 0px;
margin-right: 0px;
padding: 10px;
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
background: black
}

.camera {
align: center;
font-style: normal
}

.copyright {
align: center;
color: darkorange
}

/* IDs */

#commentlist table.comment { margin-bottom: 20px }

#commentlist .message_body {
color: #d0d0d0;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid darkkhaki;
border-bottom: 1px solid darkkhaki;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
background-color: black
}

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }