/* FourOhFour.info CSS - 4th Edition
 * Copyright (C) 2004 Pete Pearson
 * CSS licensed under the Creative Commons ShareAlike License
 * http://creativecommons.org/licenses/sa/1.0/
 */

img { border: none; }
body {
    font-family: "Georgia", "Times", "Times New Roman", serif;
    
    /* Internet Explorer sucks! This works around a CSS bug in IE 6.
       http://www.dracos.co.uk/web/css/ie6floatbug/                 */
    line-height: 1.3;
    background-color: #FFF;
}
/*img.thumbnail { margin: 0 auto; margin-top: .1em; margin-right: .5em; display: block; } */

a:link img.thumbnail {
    margin: 0 auto;
    display: block;
    padding-bottom: 11px;
    background-image: url('click-for-full-image.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}

p { margin: 0; padding-bottom: .6em; }

form { margin: 0; padding: 0; }

input.searchbox { width: 90%; font-size: inherit; }

.articleFoot, #sidebar .section, .linksBody { margin-bottom: 1.5em; }

html, body { height: 100%; }

body {
    font-size: 87%;
    margin: 0; padding: 0;
}

#container {
    position: relative;
    max-width: 43em;
    margin: 0 auto;             /* Centers the container                */
    padding-top: 3em;
    z-index: 10;
}

#header, #footer {
    padding: 0 .5em;            /* Left and right padding               */
}

h1, h3 {
    padding: 0; margin: 0;
    padding-top: .13em;
}

#content {
    padding: .5em;
    margin-top: 1em;
    background: #FFF;
}

#content.withsidebar {
    margin-left: 12.5em;
}

#footer {
/*    position: absolute;
    bottom: 0; left: 0; right: 0;*/
    text-align: center;
    overflow: hidden;
    background-color: #996;
}

#contentAnchor {
    clear: both;
    padding-bottom: 3.5em; 
}

#header {
    height: 2.3em;
    position: fixed !important;
    position: absolute;
    top: 0; left: 0; right: 0;
/*    background-color: #FFF; */
    z-index: -5;
}

#pagename {
    /* margin-left: 5em; 
    margin-top: .6em;*/
    font-family: "Copperplate";
    font-variant: small-caps;
    text-align: center;
    font-size: 150%;
}

/*
#pagename h1 {
    padding-left: .3em;
}*/

#headLinks {
    position: absolute;
    right: 0; left: 14em;
}

#headLinks a {
    display: block;
    float: right;
    text-align: center;
    width: 5em;
    background: #DDD;
    margin: .1em;
}

#titleBox {
    font-size: 230%;
    font-family: "Times New Roman", Times, serif;
    white-space: nowrap;
    position: absolute;
    left: .2em;
}
span.title#fourA, span.title#fourB { font-style: italic; }
span.title#info { font-size: 75%; }
span.title#dot { margin-left: -.15em; }

#sidebar {
    margin-top: 1em;
    padding-top: .5em;
    float: left;
    width: 11.5em;
}

#sidebar .sectionhead, #sidebar .section {
    padding: 0 .2em .1em;
}

#sidebar .sectionhead {
    background: #332;
    border: 2px solid #996;
    border-bottom: none;
    color: #FFF;
    text-shadow: #000 0 0 .5em;     /* color, voffset, hoffset, blur    */
}

#sidebar .section {
    background: #996;
    margin-top: -2px;       /* Sometimes ems round oddly. This'll make  */
    padding-top: 2px;       /* sure there isn't an unwanted white line  */
    overflow: hidden;
}

#sidebar .section input {
    background: #cc9;
    border-width: 1px;
}

/*
#sidebar .section img {
    max-width: 11em;
}*/

.articleHead {
    background: #600;
    color: #FFC;
    border: 2px solid #cc9;
    border-bottom: none;
    padding-left: .5em;
    padding-right: .3em;
}

/* why did I do this?
.articleHead, .articleBody, .linksBody, .articleFoot {
    margin-right: -.5em;
}
*/

.articleHead .articleDate { float: right; }
.articleHead .articleSubject { font-weight: bold; font-size: 110%; }

.articleBody, .linksBody {
    background-color: #cc9;
    padding: .5em;
}

.articleFoot {
    background: #996;
    border: 2px solid #cc9;
    border-top: none;
    clear: right;
    text-align: right;
    padding-right: .3em;
}

span.reftime, .cmTxt { color: #000; }
span.reftime { font-size: 70%; font-family: "Arial", sans-serif; }
.barLink2 { display: block; text-decoration: none; }

a:link      { color: #600; }
a:visited   { color: #660; }
a:link:hover, a:visited:hover, a:active {
    color: #000;
    text-shadow: #F00 0 0 .3em; /* color, voffset, hoffset, blur        */
}

.del_tags {
    font-size: 70%;
    padding-left: .5em;
    font-style: italic;
}

ul#del, ul#lastfm {
    list-style: none;
    margin: 0; padding: 0;
}

ul#del li, ul#lastfm li {
    padding: .2em;
}

.albumtitle {
    font-style: italic;
}

.artistname {
    color: #930;
}