/* CSS Document */

a { text-decoration: none; color: #669966; font-weight: bold; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.photo { display: block; cursor: pointer; height: 413px; }
a img { border: none; text-decoration: none; }

acronym { 
border-bottom: none; 
text-decoration: none; 
font-style: normal; cursor: help; 
}

body { 
background: #f4f4ee url(images/pagebghome.gif) repeat-y top center; 
font: 12px/17px Georgia, 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; 
color: #333; 
margin: 0; 
padding: 0; 
text-align: center; 
}


li
 {
 list-style-type: none
 }

body#home { 
background-image:   url(images/pagebghome.gif); 
}

blockquote { 
background: #f4f4ee url(images/blockquotebg.gif) no-repeat bottom right; 
padding: 10px; 
border-bottom: 1px dashed #ACACAC; 
border-left: 1px dashed #ACACAC; 
margin: 15px 0 15px 20px; 
}

blockquote.pullquote { 
float: right; width: 150px; 
background : transparent none; 
margin: 10px 0 10px 15px; 
padding: 0; 
border: none; 
color: #333; 
font-family: georgia, palatino, serif; 
font-size: 20px; 
text-align: center; 
line-height: 24px; 
}

blockquote.pullquoteLeft { 
float: left; 
width: 150px; 
background : transparent none; 
margin: 10px 15px 10px 0; 
padding: 0; 
border: none; 
color: #333; 
font-family: georgia, palatino, serif; 
font-size: 20px; 
text-align: center; 
line-height: 24px; 
}

blockquote p { 
margin: 0; 
}

dt { 
margin: 0; 
}

dd { 
margin: 0 0 10px; 
}

h1, h2, h3, h4, p { 
margin-top: 0px; 
margin-bottom: 12px; 
}

p.testname { 
background-color: #f4f4ee; 
margin: -4px 0 24px 35px; 
padding: 5px; 
font-size: 10px; 
border-left: 3px solid #CCC; 
}

h1, h2, h3 { font-family: arial narrow, arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: normal; }
h1 { font-size: 22px; text-transform: lowercase; }
h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 5px; }
h3 { font-size: 14px; font-weight: bold; }

img { border: 0; }
img.framed { padding: 6px; border: 1px solid #CCC; background-color: #FFF; }
div#sidebar img { margin-left: -10px; background-color: #FFF; border-top: 5px solid #FFF; border-bottom: 5px solid #FFF; width: 176px; }
div#sidebar img.Framed { float: left; padding: 3px; border: 1px solid #CCC; margin: 6px 10px 0 0; background-color: #FFF; width: auto; }
div#sidebar img.NotableOldiesTN { float: left; margin: 8px 7px 0 0; border: 0; width: auto; }

ul { margin: 0 0 10px 15px; padding: 0; }
li { margin: 0; }
ul li { list-style-type: none; }
div#sidebar ul.exit li { display: block; margin: 0; padding-left: 14px; background: transparent url(images/listexit.gif) no-repeat 0 7px; list-style-type: none; position: relative; }
div#sidebar ul.exit li:hover { background: transparent url(images/listexithover.gif) no-repeat 0 7px; }

div#container { position: relative; background: #FFF; margin: 0 auto 0 auto; text-align: left; width: 730px; }

div#mainbar { position: absolute; top: 0; right: 0; width: 550px; }

ul#nav { margin: 0; padding: 0; background: url(images/navbg.jpg) no-repeat 0 0; border-bottom: 2px solid #FFF; height: 34px; width: 550px; }
ul#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
ul#nav a:link, ul#nav a:visited { float: right; font: 12px arial narrow, arial, verdana; font-weight: normal; text-decoration: none; display: block; height: 12px; margin: 8px 10px 0 0; padding: 2px 5px 5px; color: #1C6849; background-color: #FFF; border-top: 1px solid #84B9AA; border-left: 1px solid #84B9AA; }
ul#nav a:hover, ul#nav a:active { background-color: #D5F0E2; }
ul#nav a:link.selected, ul#nav a:visited.selected, ul#nav a:hover.selected, ul#nav a:active.selected { background-color: #D5F0E2; font-weight: bold; }

div#photo { width: 550px; height: 413px; background-color: #FFF; background-repeat: no-repeat; border-bottom: 2px solid #FFF; }
div#header { width: 550px; height: 200px; background-color: #FFF; background-repeat: no-repeat; border-bottom: 2px solid #FFF; }
div#content { padding: 15px 30px 10px 10px; background: #FFF url(images/contentbg.gif) no-repeat 0 0; }

div#sidebar { 
position: absolute; 
top: 0; 
left: 0; 
width: 176px; 
background: #f4f4ee url(images/sidebarbg.gif) repeat-y 0 0; 
font-size: 10px; 
}
div#sidebar h2#logo { height: 80px; width: 176px; text-indent: -9999px; margin: 0; padding: 0; }
div#sidebar h2#logo a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; background: transparent url(images/logo.jpg) no-repeat top left; text-decoration: none; }
div#sidebar h2#logo a:hover { background: transparent url(images/logo.jpg) no-repeat; }
div#sidebar p { padding: 0 10px; font-size: 10px; }
div#sidebar p#sublogo { text-align: justify; margin: 0; padding: 10px; border-top: 2px solid #FFF; }
div#sidebar p#commentcount { background: transparent url(images/commenticon.gif) no-repeat 155px 4px; padding-right: 25px; text-align: right; }
div#sidebar h3 { background: url(images/sidebarhbg.gif) repeat-y top right; margin: 0 0 10px; padding: 8px; text-transform: uppercase; color: #666; font: 13px arial narrow, arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }
div#sidebar p#footer { background: url(images/footerbg.gif) repeat-y 0 0; color: #f4f4ee; border-top: 2px solid #FFF; margin: 0; padding: 10px; }
div#sidebar p#footer a { color: #FFF; }
div#sidebar p.colors { background-color: #FFF; margin: 0; padding: 5px 0 5px; }

div#photoArchive img { padding: 1px; border: 1px solid #999; margin: 6px; }
div#photoArchive img:hover { border: 1px solid #000; }
div#colorschemes img { margin: 14px; }

ul#logos a img { height: 0; width: 0; border: none; }
ul#logos a:hover img { position: absolute; top: 355px; left: 220px; height: auto; width: auto; padding: 5px; border: 1px solid #999; }

div.comment { margin: 0 0 15px 30px; background: #f4f4ee url(images/commentbg.gif) no-repeat bottom right; }
div.comment p.comment-head { background: #E1E1E1 url(images/entryinfobg.gif) no-repeat 8px 11px; margin: 0; padding: 5px 5px 5px 17px; position: relative; font-size: 10px; border-bottom: 1px solid #FFF; }
div.comment p.comment-head a { font-size: 12px; color: #333; }
div.comment div.comment-body { padding: 8px 15px 1px 10px; }

table.comment td { padding: 5px; }
table.comment td.label { text-align: right; }

form { margin: 0; padding: 0; }
input , textarea , select { background: #f4f4ee; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; font-size: 100%; color: #333; margin: 0; }
input, textarea { padding: 3px; margin: 0 0 4px 5px; }
input#remember, input#forget { border: 0; background: none; padding: 0; }

input.button { border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; color: #333; background-color: #CCC; }
input.importantbutton { border-top: 1px solid #A66CC1; border-left: 1px solid #A66CC1; border-bottom: 1px solid #6D3887; border-right: 1px solid #6D3887; color: #FFF; background-color: #773E92; font-weight: bold; }