body {
background-color:#fff;
font: 9px/20px verdana, Helvetica, Arial, sans-serif;
color:#818181;
margin:0px;
padding:0px;
padding-bottom:20px;
height:100%;
background-image:url(../images/bglight.jpg);
background-attachment: fixed;
background-repeat: repeat-x;
}

html, body {
min-height:100%;
font-size: 10px;
font-family:Arial;
}

a:link {
color: #666;
text-decoration: none;
font-size: 10px;
font-family:Arial;
}

a:visited {
text-decoration: none;
font-size: 10px;
font-family:Arial;
color: #666;
}
a:hover {
color: white;
text-decoration: none;
font-size: 10px;
font-family:Arial;
}
a:active {
text-decoration: none;
color: #a8a8a8;
font-size: 10px;
font-family:Arial;
}

a:active, a:focus {
outline: 0;
}

a.cont:link {
color: #000;
}

a.cont:visited {
color: #000;
}

a.cont:hover {
color: #ccc;
}

a.cont:active {
color: #ccc;
}

h2 {
font-size:18px;
}

h3 {
font-size:16px;
}

h4 {
font-size:14px;
}

h2 h3 h4 {
color:#fff;
}

h5 {
font-size:12px;
color:#666;
}

.title-heading{
font-size: 24px;
font-weight: normal;
color: #333;
letter-spacing: -1px;
}

#logo {
height:90px;
/*background-image:url(../images/logo_dark.gif);
background-repeat: no-repeat;
background-position: left top;*/
position:relative;
}

#corner {
position:fixed;
top: 2px;
left: 5px;
width: 400px;
height: 30px;
background: url('../images/logo_light.png');
}

#title {
position:absolute;
bottom:0;
padding-bottom:0px;
padding-left:3px;
}

#notes {
text-align: justify;
margin-top: 10px;
font: 9px/12px verdana, helvetica, arial, sans-serif;
}

#announce {
background-image:url(../images/toplight.png);
padding: 8px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
color:#555;
text-align: justify;
margin-bottom:10px;
}

#styleswitcher {
height:30px;
top:0px;
left:0px;
z-index:100px;
position:fixed;
width:100%;
text-align:right;
background-image:url(../images/toplight.png);
padding-top: 5px;
text-transform: uppercase;
letter-spacing: 0px;
}

#about{
text-align: justify;
padding:0px;
margin:0px;
}

#about h3 h4 {
color:white;
}

#about .about {
margin:0 10px 5px 0;
float:left;
border:5px solid #ccc;
}

#news{
text-align: justify;

}

#footer {
margin: 5px;
}

p {
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}

#title a:hover {
background-color:#f0eeee;
}

#title .current {
color:white;
}


#top-nav {
text-align: right;
font-weight: normal;
}

#top-nav a {
padding:2px;
}

#top-nav a:hover {
background-color:#f0eeee;
}

#top-nav .current {
color:white;
}

#thumbnails{
text-align: center;
margin: 6px 0px 10px 4px;
clear: both;
width:34px;
}

.thumbnails {
border:1px solid #ccc;
margin:0 1px 2px 1px;
filter:alpha(opacity=33);
-moz-opacity:.33;
opacity:.33;
}

.current-thumbnail{
border:solid 1px #ccc;
margin:0 1px 2px 1px;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.thumbnails:hover {
border:1px solid #ccc;
margin:0 1px 2px 1px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.cat {
background: url('../images/toplight.png');
}

#browse_thumbs .thumbnails {
border:none;
margin:0 2px 4px 2px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#browse_thumbs .thumbnails:hover {
background-color:#000000;
border:none;
margin:0 2px 4px 2px;
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;
}

#photobox {
text-align:center;
background:#f0eeee url(../images/loading_d.gif) no-repeat center;
padding:7px;
}

#image-border {
position: relative;
margin: 0;
}

#menu_browse{
position: absolute;
margin: 0px;
margin-right:-10px;
padding: 0px;
top: 0px;
left: 0px;
z-index:10;
}

#menu_browse a{
outline: none;
}

#menu_browse_prev, #menu_browse_next{
width: 50%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#menu_browse_prev {
left: 0px;
top: 0px;
float: left;
}

#menu_browse_next {
right: 0px;
top: 0px;
float: right;
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
background: url('../images/prevImage.png') no-repeat center center;
cursor: pointer;
}

#menu_browse_next:hover, #menu_browse_next:visited:hover {
background: url('../images/nextImage.png') no-repeat center center;
cursor: pointer;
}

#slide-out { background-color: #f0eeee; position: absolute; top: 90px; z-index: 1000;
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
overflow:auto;
}

#slide-out2 { background-color: #f0eeee; position: absolute; top: 90px; z-index: 900;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
}

#slide-out-in {
padding:5px;
}

/* Comments */

#comments-wrapper {
text-align:left;
padding-left:10px;
padding-right:10px;
color:#999;
}

#commentbox {
margin:0px auto;
}

#comment-top {
padding:20px 5px;
color:#FFF;
}

#comments {
margin:0px auto;
text-align:left;
}

#comment-top h2 {
font-weight:normal;
letter-spacing:2px;
font-size:11px;
text-transform:uppercase;
text-align:center;
}

#comment-middle h2 {
font-weight:normal;
letter-spacing:2px;
font-size:11px;
text-transform:uppercase;
}

#comment-middle {
padding:20px 0px;
margin-bottom:7px;
}

#addcomment {
text-align:left;
width: 35%;
float: left;
margin-top: 5px;
}


.formfield{
width:90%;
padding:2px;
margin:0px auto;
font:10px verdana, arial, helvetica, sans-serif;
color:white;
border:1px solid #464646;
background:#e8e8e8;
}

.formfield:hover, .formfield:focus{
border:1px solid #666;
background:#fff;
color:#666;
}

.formbutton{
font:10px verdana, arial, helvetica, sans-serif;
padding:5px;
margin:0px auto;
color:#7D7D7D;
background:#e8e8e8;
border:1px solid #464646;
}

.formbutton:hover{
color:#666;
background:#fff;
border:1px solid #666;
}

#image_comments {
width:55%;
float:right;
margin-top:8px;
margin-bottom:15px;
padding: 0 5px 15px 15px;
border-left:1px solid #333;
text-align:left;
background:#f0eeee;
font: 9px/14px verdana, Helvetica, Arial, sans-serif;
}

#image_comments ul {
padding:0px;
margin:0px;
list-style:none;
}

#image_comments li {
color:#999;
margin:0px 0px 15px 0px;
padding-left:16px;
background: url(../images/comment.gif) no-repeat;
}

#image_comments h5 {
margin:15px 0 10px 0;
}

#warchives {
margin-top:5px;
/*width:280px;
float:left;*/
text-align:justify;
}

#rcomments {
width:277px;
float:right;
margin-top:8px;
margin-bottom:15px;
padding: 0 5px 15px 15px;
text-align:left;
background:#f0eeee;
}

#rcomments ul {
padding:0px;
margin:0px;
list-style:none;
}

#rcomments li {
color:#666;
margin:0px 0px 15px 0px;
padding-left:16px;
background: url(../images/comment.gif) no-repeat;
}

#categories {
text-align:left;
margin-left:7px;
}

#categories a:link{
color: #a9a9a9;
}

#categories a:visited{
color: #a9a9a9;
}

#categories a:hover{
color: #fff;
background-color: #222;
}

#categories a:active{
color: #a9a9a9;
}

#categories img{
border:none;
}

#categories ul {
padding:0px;
margin:0px;
list-style:none;
}

#categories li {
margin:0px 0px 15px 0px;
}

#contact {
margin-left:8px;
}

.style8 {
color: #a8a8a8;
font-weight: bold;
}

#top {
width: 100%;
height: 21px;
background-image:url(../images/toplight.png) repeat-x;
}

#imglogo {
margin-top: 25px;
}

#menu {
margin-right: 20px;
margin-top: 3px;
}

#close {
bottom: 5px;
left: 5px;
position: absolute;
}

.style5 {
color:#a8a8a8;
}

.spacing {
padding-left: 12px;
padding-right: 12px;
}

.spacing_downstate {
color:#000000;
padding-left: 12px;
padding-right: 12px;
}

.catagories {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.current {
color:#FFCC00;
}
.topinfo {
font-size: 10px;
letter-spacing: 0px;
}
.exif {
color: #b2b2b2;
}