@CHARSET "UTF-8";

* { border: 0; margin: 0; padding: 0; text-decoration: none; }

body { color: #000;	line-height: 1; background: #000 center fixed url("/images/bg.jpg"); }

a { text-decoration: none; }

br { clear: both; }

h1 { font-size: 0%; color: red; background: center url("/images/title.gif") no-repeat; }
h2 { position: relative; top: -16px; left: -15px; color: #fff; font-size: 128%; }

label.field { float: left; width: 100px; }

.error { color: #f00; border: 1px solid #f00; }

#top { position: fixed; top: 0; left: 0; right: 0; height: 24px; padding: 2px; font-weight: bold; background: fixed url("/images/top.png") repeat-x; z-index: 100; }
 #top a { color: #fff; font-size: 80%; padding: 2px 2px 1px 2px; }
 #top a.archive { background: url("/images/archive.gif") no-repeat; margin-right: 10px; padding-left: 20px; }
 #top a.tags { background: url("/images/tags.gif") no-repeat; margin-right: 10px; padding-left: 22px; }
 #top a.about { background: url("/images/about.gif") no-repeat; margin-right: 10px; padding-left: 22px; }
 #top a.rss { background: url("/images/rss.gif") no-repeat; margin-right: 10px; padding-left: 24px; }

#user { float: right; color: #fff; }
 #user input { padding: 1px; font-weight: bold; font-size: 70%; }
 #user input.login { width: 100px; }
 #user #remember { margin-bottom: 2px; }
 #user button { border: 1px solid #000; background-color: #fff; padding: 1px 2px 0 2px; width: 45px; font-size: 70%; margin: 0 5px; }

#header { position: absolute; top: 24px; left: 0; right: 0; height: 100px; width: 100%; padding-top: 10px; background: center url("/images/header.jpg") no-repeat; text-align: center; z-index: 1; }

#search { width: 180px; border: 1px solid #333333; }

#menu { position: absolute; top: 145px; left: 10px; width: 211px; background-color: transparent; z-index: 1; }
 #menu .top { height: 10px; margin: 0; padding: 0; background: center top url("/images/menu-top.gif") no-repeat; }
 #menu .items { background-color: #000; color: #fff; margin: 0; padding: 0 13px; }
  #menu .items p.title { color:#fff; font-size: 120%; font-weight: bold; }
  #menu .items p a { color: #fff; }
  #menu .items p a:hover { color: #000; background-color: #fff; }
  #menu .items p a.entry { display: block; padding: 5px 3px; }
  #menu .items p.tags { padding: 2px; }
  #menu .items p a.tag { padding: 2px; }
 #menu .bottom { height: 10px; margin: 0; padding: 0; background: center bottom url("/images/menu-bottom.gif") no-repeat; }

#content { position: absolute; top: 145px; left: 235px; width: 525px; z-index: 1; }

.post { border: 1px solid #333333; background-color: #fff; color: #000; padding: 10px 15px 10px 15px; }
 .post a { color: #560001; }
 .post a:hover { border-bottom: 1px dotted #560001; }
 .post p { padding: 10px 0; text-align: justify; }
 .post .previous { float: left; padding: 0; width: 240px; text-align: left; }
 .post .next { float: right; padding: 0; width: 240px; text-align: right; }
 .post .title { float: left; width: 315px; font-weight: bold; padding: 0; text-align: left; }
 .post .date { float: right; width: 170px; font-style: italic; text-align: right; padding: 0; }
 .post .tags { display: block; width: 315px; padding: 5px 0 0 0; text-align: left; }
 .post .song { display: block; width: 400px; padding: 0; text-align: left; }
 .post .mood { float: left; width: 180px; padding: 0 0 5px 0; text-align: left; }
 .post .comment { float: right; width: 300px; text-align: right; padding: 5px 0; }

#comments { background-color: #ddd; }
 #comments .main { border: 1px solid #aaa; padding: 10px 15px 10px 15px; margin-bottom: 5px; background-color: #fff; }
 #comments .main p { padding: 10px 0; text-align: justify; }
 #comments .main .title { float: left; width: 315px; font-weight: bold; padding: 0; text-align: left; }
 #comments .main .date { float: right; width: 170px; font-style: italic; text-align: right; padding: 0; }
 #comments .main .user { width: auto; font-weight: bold; padding: 0; }
 #comments .main .user span { font-size: 80%; font-weight: normal; }
 #comments .main .reply { float: right; width: 150px; overflow: visible; text-align: right; padding: 0 5px 0 0; }
 #comments .sub { padding-left: 6px; }

#commentBox { border: 1px solid #333333; background-color: #fff; color: #000; margin: 15px 0; padding: 10px 20px 10px 15px; }
 #commentBox p { margin: 10px 0; }
 #commentBox input { border: 1px solid #000; padding: 1px; }
 #commentBox input.title { width: 350px; }
 #commentBox input.submit { width: 100px; padding: 2px; background-color: #fff; }
 #commentBox textarea { border: 1px solid #000; width: 350px; height: 150px; padding: 1px; }
 #commentBox button { border: 1px solid #000; background-color: #fff; padding: 2px; width: 100px; }

#createAccountBox { position: absolute; width: 400px; height: auto; background-color: #fff; border: 1px solid #333; padding: 5px 10px; z-index: 199; }
 #createAccountBox p { margin: 10px 0; clear: both; }
 #createAccountBox p.title { font-size: 120%; font-weight: bold; }
 #createAccountBox input { border: 1px solid #000; padding: 1px; }
 #createAccountBox button { border: 1px solid #000; background-color: #fff; padding: 2px; width: 100px; }

#cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("/images/loader.gif") no-repeat center #888;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	z-index: 200;
}