/* Layout ******************/

* {
   margin: 0;
   padding: 0;
}

#header {
   height: 100px;
   position: relative;
}

#header .user-menu {
   float: right;
   padding: 0.5em 1em 0;
}

#navigation {
   position: absolute;
   bottom: 0px;
   right: 0px;
}

#navigation li {
   float: left;
   padding: 0.4em;
}

#adsense {
   position: absolute;
   right: 0; top: 100px;
   width: 130px;
   padding: 5px;
}

#content {
   position: relative;
   overflow: hidden;
   padding: 0.5em;
}

#debug {
/*   display: none; */
   border: 1px solid;
   padding: 0.5em;
   overflow: auto;
}

img.logo {
   padding-left: 10px;
}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
   margin-top: 1em;
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *,
.metadata + h1, .metadata + h2, .metadata + h3, .metadata + h4, .metadata + h5, .metadata + h6 {
   margin-top: 0.25em;
}

.subtitle {
    opacity: .70;
}

p + p {
   margin: 0.5em 0;
}

th, span.required {
/* free place for asterisk in required fields */
   padding-left: 12px;
}

textarea {
   width: 45em;
   height: 45em;
}

.comment {
   margin-top: 1em;
   margin-bottom: 1em;
}

.text {
   clear: both;
}

.comment-time {
   float: right;
}

.author {
   float: left;
   font-weight: bold;
}

.comment {
   clear: left;
   padding: .2em;
}

p.form-help {
   display: inline;
   font-size: 0.8em;
}

.newline {
   display: block;
}

.inline {
   display: inline;
}

.hide {
   display: none;
}

.post p {
   padding: 0.3em;
}

#content ul {
   margin: 0.5em;
   list-style: none;
}

#description, .post, #text {
   line-height: 1.35em;
}

#discography ol {
   margin-left: 3em;
}

.extended ul>li {
   margin-bottom: 1em;
}

.hide {
   display: none;
}

/* Fonts *******************/

body {
   font-family: Verdana, sans-serif;
}

#navigation, h1, h2, h3, h4, h5, h6 {
   font-family: Helvetica, sans-serif;
}

#artists ul, #genres ul {
   list-style: square;
}

#user-menu {
   font-size: 0.8em;
   list-style: none;
}

#navigation {
   list-style: none;
   font-weight: bold;
}

#desc {
   text-align: justify;
}

.metadata {
   font-size: .8em;
   padding: .2em;
}

th {
   font-weight: normal;
   text-align: left;
}

:link, :visited {
   text-decoration: none;
}

#letters {
   font-size: 0.8em;
   text-transform: uppercase;
}

.logo {
   font-size: 1.7em;
   font-weight: bold;
   color: #00B;
}

/* Colors and borders ******************/

body {
   background-color: #FFFFF8;
}

#header {
   background-color: #FFC;
   border-bottom: 1px solid #BB9;
}

#navigation {
   background-color: #FFFFF8;
   border-top: 1px solid #BB9;
   border-left: 1px solid #BB9;
}

#user-menu {
   border-bottom: 1px solid #BB9;
}

#content {
   background-color: #FFFFF8;
}

#artists, #genres {
   border: solid 1px #BB9;
   background-color: #FFA;
}

#artists h2, #genres h2 {
   border-bottom: solid 1px #994;
   background-color: #FFC;
}

.metadata {
   background-color: #FFE;
   border-top: 1px dashed #808080;
   border-bottom: 1px dashed #808080;
}

:link, :visited {
   color: #A50;
}

:link:hover, :visited:hover {
   color: #A50;
   text-decoration: underline;
}

.active:link, .active:visited {
   color: #000;
}

.nonexistent:link, .nonexistent:visited {
   color: #F00;
}

.required {
   background: url(/media/asterisk.gif) left top no-repeat;
}

img {
   border: none;
}

abbr.egg {
   border-bottom: none;
}

.comment {
   border-top: 1px dashed #7F3F00;
   border-bottom: 1px dashed #7F3F00;
   margin-bottom: 0;
   margin-top: -1px;
}

#comments, #comments>form {
   margin-top: 1.5em;
}

.grey {
   color: #AAA;
}

/* Diff ********************/

table.diff {border:medium;}
.diff_header, .d_l {background-color:#e0e0e0}
td.d_l {
   text-align:right;
   font-size: 0.8em;
   width: 2em;
   border-right: 1px solid black;
   margin-right: 2em;
}
td.d_t {
   padding-left: 2.4em;
   width: 50%;
   text-indent: -2em;
}

.d_a {background-color:#aaffaa}
.d_c {background-color:#ffff77}
.d_s {background-color:#ffaaaa}

.diff th {
   text-align: center;
}

/* Misc ********************/

.anchor:link, .anchor:visited {
   color: #FFB66C;
   font-size: 70%;
}

.wide {
    width: 100%;
}

.clickable {
   cursor: pointer;
}

.clear {
    clear: both;
}

/* Paginator **************/

.paginator {
   padding: .25em .25em .6em .25em;
}
.paginate-pages {
   padding: 2px 3px;
   border: 1px solid #ddd;
   cursor: pointer;
   color:#A50;
}
.paginate-first, .paginate-last {
   padding: 2px 6px;
   border: 1px solid #ddd;
   font-weight: bold;
}
.paginate-previous, .paginate-next {
   padding: 2px 3px;
   border: 1px solid #ddd;
}
.paginate-link {
   padding: 2px 4px;
   border: 1px solid #ddd;
}
.paginate-current {
   padding: 2px 4px;
   border: 1px solid #000;
   font-weight: bold;
   background:#FFB;
   color:#A50;
}