html {
min-height: 100.1%;
}

body {
margin: 0;
padding: 0;
background:#0F0A44 url('http://twinpeak.org/images/background.jpg') fixed bottom left no-repeat;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
color: #0f0a44;
text-align: center;	
}

#bottom { 
height: 200px;
}

a {
text-decoration: none;
}

a:link, a:visited {
color: #8c0000;
}

a:active, a:hover {
color: #0f0a44;
text-decoration: underline;	
}
#container {
margin: 10px auto;
padding: 0;
width: 700px;
background: #FFF;
border: 1px solid #FFF;
text-align: left;
}
#banner {
height: 150px;
background: #8C0000 url('http://twinpeak.org/images/header.jpg') right center no-repeat;
border-bottom: 1px solid #FFF;
}
#center {
float: left;
width: 500px;
}
.content {
padding: 15px 15px 5px;
}
#right {
float: left;
width: 200px;
}

.content p, td {
margin-bottom: 10px;
}


h1, h2, h3 {
margin: 0 0 10px;
padding: 0;
font-weight: lighter;
font-family: Verdana, Arial, sans-serif;
color: #0F0A44;
}
.content h2 {
font-size: 18px;
}
.content h3 {
font-size: 16px;
}

.content p.posted {
margin-top: 15px;
margin-bottom: 25px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #8c0000;
}

.sidebar {
padding: 15px 15px 15px 35px;
}
.sidebar h2 {
padding-bottom: 4px;
font-family: Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #0F0A44;
}
.sidebar ul {
list-style-type: none;
margin: 0 0 30px;
padding-left: 0;
}
.sidebar li {
margin-top: 10px;
color: #8c0000;
}
.sidebar img {
border: 3px solid #FFF;
}

.photo {
margin-bottom: 20px;
text-align: left;
}

.link-note {
margin-bottom: 15px;
padding: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

#powered {
margin-top: 50px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #0F0A44;
}

#comment-data {
float: left;
margin-right: 15px;
padding-right: 15px;
width: 180px;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

td { 
background: #efefef;
}

.cmnt { text-align:right; }