* {
margin : 0;
padding : 0;
}
a {
color : #682;
}
a:hover {
color : #9a6;
}
body {
background : #655a46 url('img/bg.gif') repeat-y center top;
color : #333;
font : normal 100% "Lucida Sans Unicode", sans-serif;
}
input {
color : #555;
font : normal 1.1em "Lucida Sans Unicode", sans-serif;
}
p, cite, code, ul {
font-size : 1.2em;
padding-bottom : 1.2em;
}
ul {
margin-left : 1.2em;
}
.content ul li {
list-style-image : url('img/li.gif');
}
.content ol li {
margin-left : 15px;
}
h1 {
font-size : 1.4em;
}
blockquote {
background-color : #fff;
border-bottom : 1px solid #eee;
border-top : 1px solid #eee;
color : #333;
display : block;
font-size : 0.9em;
margin-bottom : 1.2em;
padding : 6px 12px;
}
blockquote p {
padding : 3px 0;
}
h1, h2, h3 {
color : #654;
}
.clearer {
clear : both;
}
.container {
background : url('img/bgcontainer.gif') repeat-y;
margin : 0 auto;
width : 702px;
}
.header {
background : url('img/header.jpg') no-repeat;
height : 180px;
margin : 0 auto;
width : 630px;
}
.top {
background-color : #567300;
font : normal 2.4em Verdana, sans-serif;
height : 60px;
margin : 0 auto;
width : 630px;
}
.top a:hover {
background : #688b00;
color : #fff;
}
.top a {
color : #fff;
display : block;
line-height : 60px;
text-decoration : none;
width : 100%;
}
.top span {
padding-left : 24px;
}
.item {
clear : both;
}
.item .date {
background : url('img/bgdate.gif') no-repeat;
color : #fdd;
float : left;
height : 40px;
text-align : center;
width : 36px;
}
.item .date div {
padding-top : 4px;
}
.item .date span {
font : normal 1.6em serif;
}
.item .content {
float : left;
width : 420px;
}
.item h1 {
background-color : #567300;
color : #fff;
line-height : 40px;
padding-left : 16px;
}
.item h1 a {
background-color : #567300;
color : #fff;
text-decoration : none;
}
.item h1 a:visited {
background-color : #567300;
color : #fff;
text-decoration : none;
}
.item h1 a:hover {
background-color : #567300;
color : #fff;
}
.item .body {
padding : 12px 18px;
}
.main {
float : left;
}
.navigation {
float : left;
margin-left : 1px;
width : 208px;
}
.navigation h1 {
background-color : #81ac00;
color : #fff;
font-size : 1.3em;
line-height : 40px;
padding-left : 12px;
}
.navigation ul {
margin : 0;
padding : 0;
}
.navigation li {
border-bottom : 1px solid #d5e8ad;
list-style : none;
}
.navigation li a {
background : #e8f6bf url('img/bgnavigation.gif') repeat-x;
color : #553;
display : block;
padding : 8px 4px 8px 12px;
text-decoration : none;
}
.navigation li a:hover {
background-color : #f0ffc6;
color : #553;
}
.footer {
background : url('img/bgfooter.gif') repeat-x;
color : #fff;
font-size : 1.1em;
line-height : 40px;
margin : 0 auto;
text-align : center;
width : 626px;
}
.footer a {
color : #fff;
}
.footer a:hover {
color : #fafcb0;
}
.item {
margin : 0 0 25px 0;
}
.item .info {
padding : 2px 3px 3px 8px;
background-color : transparent;
font-size : 0.9em;
color : #505050;
}
ol.commentlist {
margin-left : 2em;
}
#commentlist li {
margin-bottom : 1.5em;
padding-bottom : 1em;
border-bottom : 1px solid #700000;
}
#commentform {
margin : 2em 2em;
background : #f7fbf3;
width : 280px;
}
#commentform textarea {
background : #f7fbf3;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform textarea:hover {
background : #f7fbf3;
border : 1px solid #d6d3d3;
}
#commentform textarea:focus {
background : #f7fbf3;
border : 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size : 1.1em;
background : #f7fbf3;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size : 1.1em;
background : #f7fbf3;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size : 1.1em;
background : #f7fbf3;
border : 1px solid #939793;
width : 280px;
}
#commentform input {
margin-bottom : 3px;
}
#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}
#lightboxDetails {
font-size : 0.8em;
padding-top : 0.4em;
}
#lightboxCaption {
float : left;
}
#keyboardMsg {
float : right;
}
#closeButton {
top : 5px;
right : 5px;
}
#lightbox img {
border : none;
clear : both;
}
#overlay img {
border : none;
}
#overlay {
background-image : url(overlay.png);
}