body {
text-align:center;
padding-top:0.3em;
}

div#container {
width:800px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
font-family:Verdana, Arial;
position:relative;
}

div#header {
width:800px;
height:215px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div#sidebar {
float:left;
width:210px;
font-size:9px;
text-align:left;
margin:0;
padding:5px;
}

div#posts {
float:left;
width:573px;
font-size:11px;
text-align:left;
margin:8px 2px 0 5px;
padding:0;
}

div#postsddn {
float:left;
width:573px;
font-size:10px;
text-align:left;
margin:8px 2px 0 5px;
padding:0;
}

div#content {
float:left;
font-size:11px;
width:558px;
text-align:left;
margin:0 2px 0 5px;
padding:0 0 0 15px;
}

img {
border:0;
}

A:hover {
color:#369;
text-decoration:underline;
}

img#toplogo {
margin-top:5px;
margin-left:10px;
border:0;
}

div#header ul#topnav {
position:absolute;
top:185px;
right:0;
width:798px;
text-align:right;
background-color:#cbd1c3;
background-repeat:no-repeat;
height:20px;
border-style:solid;
border-width:1px 0;
margin:0;
padding:0;
}

div#header ul#topnav li {
display:inline;
padding:0 0 0 23px;
}

div#header ul#topnav li a {
color:#000;
font-size:11px;
font-variant:small-caps;
font-weight:700;
text-decoration:none;
padding:3px 8px;
}

div#header ul#topnav li a:hover {
text-decoration:none;
background-color:#e1e5db;
}

div#header ul#topnav li a.selected {
background-color:#e1e5db;
}

div#sidebar .menutitle {
font-weight:700;
font-variant:small-caps;
color:#000;
padding-top:2px;
padding-bottom:5px;
}

div#sidebar .menu {
font-size:9px;
color:#333;
margin:0 0 15px;
padding:0 0 3px;
}

div#sidebar .menudashed {
font-size:9px;
border-bottom:dashed 1px #000;
color:#333;
padding-bottom:3px;
margin-bottom:15px;
}

div#sidebar .menudashed p {
margin:0 0 1px;
}

div#sidebar .menudashed ul {
margin:0 0 0 5px;
}

div#sidebar .menudashed ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:1px;
}

.post {
border-left:solid 1px #369;
text-align:left;
margin:0 0 25px;
padding:0 5px;
}

.post .date {
font-size:9px;
color:#777;
}

.post .posttitle {
font-weight:700;
font-variant:small-caps;
color:#cc0014;
}

.postmetadata,.commentmetadata {
font-size:9px;
color:#777;
margin:0;
}

div#content h2 {
font-size:13px;
font-weight:700;
font-variant:small-caps;
color:#444;
border-bottom:solid 1px;
margin:0 0 20px -15px;
padding:10px 5px 10px 0;
}

div#content h3 {
font-size:11px;
font-weight:700;
font-variant:small-caps;
color:#cc0014;
margin:15px 0 0;
padding:0;
}

.entrytext {
font-size:11px;
}

.entrytext ul,.post ul {
list-style:none;
text-align:left;
margin:0;
padding:0;
}

.entrytext ul li,.post ul li {
display:inline;
padding:0 0 0 0;
}

.navigation {
font-size:10px;
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

div#footer {
position:absolute;
top:650px;
right:0;
width:798px;
text-align:center;
background-color:#cbd1c3;
background-repeat:no-repeat;
height:20px;
border-style:solid;
border-width:1px 0;
margin:0;
padding:0;
}

div#footerpage {
position:absolute;
left:0;
width:798px;
text-align:center;
background-color:#cbd1c3;
background-repeat:no-repeat;
height:20px;
border-style:solid;
border-width:1px 0;
}

A:link,A:visited {
color:#369;
text-decoration:none;
}

.gallerycontainer1{
position:absolute;
left:242px;
top:-2px
}

.gallerycontainer2{
position:absolute;
left:242px;
top:90px
}

.thumbnail1 img{
border: 0px solid white;
margin: 0 -1px 1px 0;
}

.thumbnail1:hover{
background-color: transparent;
}

.thumbnail1:hover img{
border: 1px solid blue;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -100px; /*position where enlarged image should offset horizontally */
top: 205px;
z-index: 50;
}

.thumbnail2 img{
border: 0px solid white;
margin: 0 -1px 1px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -100px; /*position where enlarged image should offset horizontally */
top: 113px;
z-index: 50;
}