

/* base styles */

body {
margin:0;
padding:0;
background:#fff;
font-family:'Courier New', Courier, monospace;
font-size:12px;
line-height:1.2em;
text-align:center;
color:#0d0d0d;
}

a {
color:#0d0d0d;
}

a:hover {
text-decoration:none;
}

a img {
border:none;
}

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

p {
margin:0;
padding:0 0 1.2em 0;
}

h2 {
margin:0;
padding:0;
text-transform:uppercase;
}

h2.pagetitle {
border-bottom:1px solid #000;
margin:0 0 40px 0;
padding:0 0 10px 0;
font-family:"Times New Roman", Times, serif;
font-size:26px;
text-align:center;
text-transform:none;
font-weight:normal;
letter-spacing:2px;
}

h3 {
border-top:1px solid #dfddda;
border-bottom:1px solid #dfddda;
margin:20px 0 20px 0;
padding:6px 0 6px 0;
font-family:"Times New Roman", Times, serif;
font-size:20px;
text-align:center;
text-transform:none;
font-weight:normal;
letter-spacing:1px;
}

hr {
display:none;
}

form {
margin:0;
padding:0;
}

input,
select,
textarea {
font-family:'Courier New', Courier, monospace;
font-size:12px;
}

input.text,
textarea {
padding:2px;
}

input.submit {
cursor:pointer;
}

label {
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:1.3em;
letter-spacing:1px;
}

blockquote {
margin-bottom:1.2em;
padding-bottom:0;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
line-height:1.4em;
}

.negative {
color:#fff;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* page container */

#page {
position:relative;
margin:auto;
padding:40px 0 25px 0;
width:900px;
height:450px;
line-height:1.4em;
}


/* header styles */

#header {
position:relative;
width:900px;
height:250px;
background:#0d0d0d url("images/bg_header.jpg") no-repeat top left;
}

#title {
position:absolute;
top:75px;
left:275px;
width:350px;
height:100px;
background:#fff url("images/bg_title.gif") no-repeat top left;
text-align:center;
}

#title h1 {
margin:20px 0 5px 0;
padding:0;
font-size:21px;
letter-spacing:4px;
text-transform:uppercase;
font-weight:normal;
}

#title h1 a {
text-decoration:none;
}

#title p.alas {
margin:0;
padding:0;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:13px;
cursor:default;
}

#title p.description {
margin:0;
padding:5px 0 0 0;
font-family:"Times New Roman", Times, serif;
line-height:1.2em;
letter-spacing:1px;
font-size:17px;
font-style:italic;
cursor:default;
}

#notice {
width:95px;
height:95px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
text-align:center;
line-height:1.3em;
}

#notice {
position:absolute;
top:-26px;
right:-25px;
background:url("images/bg_notice.gif") no-repeat top left;
color:#fff;
}

#notice a {
text-decoration:none;
color:#fff;
}

#notice a:hover {
text-decoration:underline;
}

#notice p {
padding:25px 0 0 5px;
}

#categories {
position:absolute;
top:201px;
left:275px;
width:350px;
}

#categories ul {
margin:0;
padding:0;
}

#categories li {
float:left;
margin:0;
padding:0;
width:86px;
list-style:none;
font-family:"Times New Roman", Times, serif;
font-size:17px;
letter-spacing:1px;
}

#categories li a {
display:block;
padding:3px 1px 3px 1px;
text-decoration:none;
color:#fff;
}

.subpage #categories li.on a,
#categories li a:hover {
background:#fff;
color:#0d0d0d;
}

#categories li#cat1 {
border-right:1px solid #fff;
text-align:left;
width:87px;
}

#categories li#cat2 {
text-align:center;
width:87px;
}

#categories li#cat3 {
border-left:1px solid #fff;
text-align:center;
}

#categories li#cat4 {
border-left:1px solid #fff;
text-align:right;
}


/* content */

.narrowcolumn {
float:left;
border-right:1px solid #dfddda;
margin:40px 0 0 0;
padding:0 17px 0 15px;
width:640px;
text-align:left;
}


/* tags */

#tags {
position:relative;
margin:20px 130px -20px 130px;
height:105px;
}

#tags #tagsTitle {
padding-left:190px;
cursor:default;
}

#tags .correct,
#tags .incorrect {
float:left;
margin:0 1px 0 0;
padding:1px 3px 1px 3px;
font-size:16px;
text-transform:uppercase;
font-weight:normal;
background:#dfddda;
}

#tags .empty {
float:left;
}

#tags .correct {
margin:4px 1px 0 0;
background:#dfddda;
}

#tags p {
margin:0;
}

#tags p a {
position:absolute;
}

#tags p a#tag1 {
top:40px;
left:135px;
font-size:15px;
}

#tags p a#tag2 {
top:60px;
left:225px;
}

#tags p a#tag3 {
top:62px;
left:310px;
}

#tags p a#tag4 {
top:30px;
left:380px;
font-size:14px;
}

#tags p a#tag5 {
top:35px;
left:465px;
font-size:15px;
}

#tags p a#tag6 {
top:38px;
left:255px;
font-size:17px;
}

#tags p a#tag7 {
top:50px;
left:385px;
font-size:14px;
}

#tags p a#tag8 {
top:60px;
left:520px;
}

#tags p a#tag9 {
top:60px;
left:430px;
font-size:17px;
}


/* post */

.post {
position:relative;
padding:0 0 25px 0;
width:100%;
}

.post h1,
.post h2,
#sidebar h1,
#sidebar h2 {
background:#dfddda;
margin:0 0 10px 0;
padding:3px 150px 2px 2px;
font-weight:normal;
font-size:18px;
letter-spacing:2px;
}

.post h1 a,
.post h2 a {
display:block;
text-decoration:none;
}

.post h1 a:hover,
.post h2 a:hover {
font-weight:bold;
}

.post small {
position:absolute;
top:2px;
right:10px;
width:200px;
text-align:right;
font-size:12px;
cursor:default;
}

.post .entry {
border-bottom:1px dashed #0d0d0d;
padding:0;
height:auto !important;
min-height:100px;
height:100px;
}

.page .entry {
border-bottom:none;
}

.post .entry li {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:5px;
}

.post .entry li a,
.post .entry p a {
background:#0d0d0d;
color:#fff;
text-decoration:none;
}

.postmetadata {
/*margin:5px 0 0 144px;*/
margin:5px 0 0 10px;
padding:7px 0 15px 55px;
background:url("images/pointer_1.gif") no-repeat top left;
font-family:"Times New Roman", Times, serif;
font-size:15px;
line-height:1.3em;
color:#444;
cursor:default;
}

.postmetadata a {
padding:0 5px 0 5px;
}

.navigation {
padding:0 0 35px 0;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
}

.navigation a {
text-decoration:none;
}

.navigation a img {
margin-bottom:-10px;
}

.navigation .previous {
float:left;
width:50%;
text-align:right;
}

.navigation .previous a img {
margin-left:-10px;
}

.navigation .next {
float:left;
width:50%;
text-align:left;
}

.navigation .next a img {
margin-right:-10px;
}


/* overfiew sidebar */

#sidebar {
float:left;
padding:40px 0 0 17px;
width:195px;
text-align:left;
overflow:hidden;
}

#sidebar h2 {
padding:1px 150px 1px 2px;
font-size:13px;
background:#0d0d0d;
color:#fff;
}

#searchform {
margin:0 0 20px 0;
width:100%;
}

#searchform input.text {
margin:0 10px 0 0;
width:125px;
}

#searchform input {
float:left;
}

.size-medium {
display:block;
padding:0;
margin:0;
}

.size-small {
display:block;
float:left;
display:inline;
padding:0;
margin:0;
}

#sidebar ul {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:25px;
}

#sidebar li {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:3px;
margin-left:-10px;
}


/* comment form */

#commentPointer {
float:left;
padding:0 50px 50px 0;
width:130px;
background:url("images/bg_comment.gif") no-repeat top right;
}

#commentArea {
float:left;
margin:5px 0 0 0;
padding:15px 0 15px 15px;
width:445px;
background:#dfddda;
}

#commentArea textarea {
width:420px;
}

.comment {
padding:0 0 10px 0;
}

.commentAuthor {
float:left;
padding:0 50px 0 0;
width:130px;
background:url("images/bg_comment.gif") no-repeat top right;
}

.commentText {
float:left;
margin:5px 0 0 0;
padding:15px;
width:430px;
background:#dfddda;
}

.commentmetadata {
font-family:"Times New Roman", Times, serif;
font-size:11px;
line-height:1.3em;
}

.commentmetadata a {
text-decoration:none;
}

td label {
float:left;
width:195px;
}

td input.text {
width:200px;
}

#commentSubmit {
padding:25px 0 25px 180px;
}


/* footer */

#footer {
display:none;
}