body {
background:#cccccc url(/tales/talesarrows.gif) fixed;
margin: 0;
padding: 0;
}

#container {
margin:0 auto;
width: 728px;
text-align: center;
}

#navcontainer {
float:left;
width:175px;
position:absolute;
top:5px;
margin-left:-8px;
}

/* ------------------------------- content boxes */

#title {
position: relative;
width: 500px;
height:61px;
margin: 10px 0 3px 180px;
border: 1px solid black;
padding: 4px;
z-index: 3;
text-align: center;
background: #666 url(/tales/jakban.gif) center no-repeat;
}

#footer {
position: relative;
width: 500px;
margin: 0 0 3px 180px;
border: 1px solid black;
background-color: #666666;
padding: 4px;
z-index: 3;
text-align: center;
}

.content {
position: relative;
width: 500px;
margin: 0 0 3px 180px;;
border: 1px solid black;
background-color: #cccccc;
padding: 4px;
z-index: 3;
}

.content#story{
text-align:center;
_height:30px;
}

#navbar {

text-align: center;
/*ie hack*/
}

.tale {
position: relative;
width: 165px;
border: 1px solid black;
background-color: #666666;
padding: 4px;
text-align: center;
margin: 2px;
}

.feedback {
margin-left:10px;
text-align:left;
}


#logo {
margin-left:-3px;
}


textarea#comment {
margin:10px 0 0 0;
width:460px;
border:1px solid #000;
background:#ececec;
}

input#author, input#submit, input#email, input#url, input#response {
margin:10px 0 0 0;
border:1px solid #000;
background:#ececec;
}

img.right {
float: right;
border: 1px solid #000000;
margin: 0px 0px 2px 4px;
}

img.left {
float: left;
border: 1px solid #000000;
margin: 0px 4px 2px 0px;
}

/* ------------------------------- text */

#footer a, #navbar a {
color: #fff;
font-family: times new roman, times, serif;
text-decoration: none;
}
#footer a:link, #navbar a:link {
color: #fff;
}
#footer a:visited, #navbar a:visited {
color: #ffc;
}
#footer a:hover, #navbar a:hover {
background-color: #333;
}

.feedback a {
color: #333;
font-family: times new roman, times, serif;
text-decoration: none;
}
.feedback a:link {
color: #333;
}
.feedback a:visited {
color: #333;
text-decoration: strike-through;
}
.feedback a:hover {
background-color: #333;
color: #fff;
}

h2 {
font-family: times new roman, times, serif;
margin: 0 0 0 0;
padding: 0;
font-size: 1.2em;
text-align: center;
color:#000;
}

h2#comments, h2#postcomment {
font-size: 0.9em;
}

h3.storytitle a {
font-size: 1em;
text-align: center;
color:#000;
line-height:0;
text-decoration: none;
_line-height:1em;
}

h3.storytitle a:visited {
color:#000;
}

h3.storytitle a:hover {
color:#fff;
background:#333;
text-align: center;
}

h4 {
font-family: times new roman, times, serif;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
text-align: center;
}

p {
font-family: times new roman, times, serif;
margin: 0;
line-height: 1em;
font-size: .9em;
padding: 0;
}

p.indent {
font-family: times new roman, times, serif;
text-indent: 30px;
line-height: 1.1em;
margin: 0 0 5px 0;
font-size: .9em;
padding: 0;
text-align:left;
}

p.right {
font-family: times new roman, times, serif;
line-height: 1.1em;
margin: 0 0 5px 0;
font-size: .9em;
padding: 0;
text-align: right;
}

p.center {
font-family: times new roman, times, serif;
line-height: 1.1em;
margin: 0 0 5px 0;
font-size: .9em;
padding: 0;
text-align: center;
}

p.fine {
font-family: times new roman, times, serif;
line-height: .9em;
margin: 0 0 5px 0;
font-size: 75%;
padding: 0;
}

#logo img {
border:0;
}

ul#commentlist li {
list-style-type:none;
border-bottom:1px solid #333333;
padding: 5px 0 5px 0;
}

ul#commentlist li p {
margin:0 0 10px 0;
}

img.gravatar {
border:1px solid #000000;
float:left;
margin:0 5px 0 0;
clear:both;
}