body {
background:url('images/pink.jpg') no-repeat fixed right bottom;
font-family:verdana;
font-size:12px;
color:#ff3399;
margin:10px;
}

#nav {
font-size:85%;
color:#ff3366;
border:0;
float:right;
margin:0 10px -12px 0;
}

#nav a {
text-decoration:none;
}

#nav a:hover {
letter-spacing:.1em;
color:#000000;
}

#title {
font-variant:small-caps;
background:url('images/head.jpg') no-repeat center bottom;
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1.5em;
font-size:200%;
text-align:center;
margin:0 auto 20px;
}

a {
color:#ff6699;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#window {
width:640px;
margin:0 auto;
}

#panel {
width:200px;
float:right;
}

#panel ul {
list-style-type:none;
margin:0;
padding:0;
}

#panel h2 {
font-family:Verdana;
text-align:center;
font-size:125%;
color:#ff3366;
border-bottom:1px dashed #ff99cc;
}

#panel p {
text-align:justify;
font-size:90%;
line-height:20px;
}

#panel a {
line-height:25px;
}

#panel a:hover {
text-decoration:none;
background:url('images/head.jpg') repeat-x;
background-color:#ffccff;
letter-spacing:.2em;
color:#000000;
}

#content {
float:left;
width:400px;
border-right:2px dashed #ff99cc;
padding:15px;
}

#content h3 {
font-family:Trebuchet MS, Arial, Verdana;
text-align:left;
font-size:150%;
color:#ff3366;
border-bottom:1px dashed #ff99cc;
}

.date {
float:left;
width:60px;
text-align:center;
background:#FFF5FD;
border:1px dashed #ff99cc;
margin-right:10px;
}

.postdate {
font-size:20px;
}

#content p {
color:#999;
line-height:25px;
text-indent:2em;
text-align:justify;
}

.storycontent a {
text-decoration:underline;
}

.storycontent a:hover {
text-decoration:none;
}

#content li {
text-indent:2em;
line-height:1.5em;
list-style-image:url('images/li.jpg');
}

.meta,.commentmeta {
clear:both;
width:100%;
font-style:italic;
font-size:80%;
text-align:right;
color:#999;
border-top:1px dashed #999;
}

#footer {
clear:both;
width:400px;
border-top:2px dashed #ff99cc;
font-size:75%;
text-align:center;
margin:20px auto 0;
}

#footer a {
color:#ff3366;
}

#footer a:hover {
letter-spacing:.3em;
color:#000000;
}

blockquote,input,textarea,select {
background:#FFF5FD;
border:1px dashed #ff99cc;
color:#999;
padding:0 5px;
}

a img {
border:0;
}

#content img {
max-width:400px;
}

#content,#panel {
overflow:hidden;
}

.alignleft {
text-align:left;
margin:5px;
}

.alignright {
text-align:right;
margin:5px;
}

.aligncenter {
text-align:center;
margin:5px auto;
}