/* the fons, margins, color, etc of everything */
html, body {
              font-size: 13px;
              font-family:  trebuchet ms, Arial, sans-serif;
              margin: 0;
              padding: 0;
              color: #000;
              height: 100%;
              }
* html body {
              font-family:  Arial, sans-serif;
              }
/* what holds everything in place */
#container {
             background: #fff;
             width: 820px;
             margin: 10px auto;
             padding: 2px;
             }

/* the banner image holder */
#banner {
          width: 819px;
          background: url('bgb.png') top left no-repeat;
          margin: 0 0 3px 0;
          position: relative;
          height: 150px;
          }

#banner h1 {
             display: block;
             width: 200px;
             position: absolute;
             letter-spacing: -3px;
             font-size: 32px;
             top: 15px;
             left: 20px;
             padding: 0;
             margin: 0;
             }
#banner h1 a {
               color: #000000;
               text-decoration:none;
               }
/* the top navigation bar */
#nav {
       background: #fff;
       width: 810px;
       background: #fff;
       text-align: right;
       margin: 0 0 5px 0;
       height: 20px;
       }
#nav a {
         color: #FF8D40;
         font-weight: bold;
         font-size: 17px;
         text-decoration: none;
         margin-left: 0.7em;
         }
#nav a:hover {
               text-decoration: underline;
               }
#nav a.here {
              text-decoration: underline;
              }
/* where all the main text is stored */
#content {
           height: 100%;
           float: left;
           background: #fff;
           padding: 5px;
           width: 600px;
           margin-bottom: 20px;
           }

/* the right bar */
#sidebar {
           float: right;
           width: 180px;
           border-left: 1px dotted #ccc;
           padding: 5px 0 0 10px;
           margin: 10px 0 10px 15px;
           }
#sidebar ul li a {
             display: block;
             color: #000;
             text-decoration: none;
             padding: 3px;
             line-height: 14px;
             }
#sidebar ul li a:hover {
                   background: #FFEEE3;
                   color: #000;
                   }

#sidebar h3.headline {
                       text-align: center;
                       display: block;
                       font-size: 15px;
                       line-height: 25px;
                       height: 25px;
                       background: #FF8D40;
                       color: #fff;
            }
#sidebar h3  a {
                 display: inline;
                 width: auto;
                 color: #ffffff;
                 float: left;
                 height: 25px;
                 text-indent: 5px;
                 line-height: 25px;
                 padding: 0;
                 text-decoration: none;
                 }
#sidebar h3  a:hover {
                       background: none;
                       color: #000000;
                       }

#sidebar h3  a:focus {
                        outline: none;
                        }
#sidebar ul {
              margin: 0 0 5px 10px;
              padding: 0;
              }
#sidebar li {
              padding: 0;
              border: 1px solid #ffffff;
              text-align: center;
              list-style-type: none;
              }
#sidebar #fsf_campaign_widget {
                                display: block;
                                margin: 5px auto;
                                text-align: center;
                                background: #FFEFE4 url(widget-logo-small.png) center -12px no-repeat;
                                padding: 32px 5px 1px 5px;
                                }
#sidebar #fsf_campaign_widget a {
                                  color: #FF8D40;
                                  text-decoration: underline;
                                  }
#sidebar #fsf_campaign_widget a:hover {
                                        text-decoration: none;
                                        background-color: #FF8D40;
                                        color: #fff;
                                        }

/* the links in the banner image */
#topbar {
          text-align: left;
          color: #000;
          padding: 5px;
          margin-left: 620px;
          }

/* footer */
#footer {
          clear: both;
          background: url('blackbg.gif') repeat;
          border-top: 4px solid #000;
          text-align: center;
          padding-bottom: 5px;
          }
#footer p {
            color: #777;
            margin: 0.5em;
            padding: 0;
            }
#footer a {
            color: #666;
            font-weight: bold;
            text-decoration: underline;
            } 
#footer a:hover {
                  text-decoration: none;
                  }


/* link styling */
#content a {
             color: #FF8D40;
             text-decoration: underline;
             }
#content a:hover {
                   text-decoration: none;
                   background-color: #FF8D40;
                   color: #fff;
                   }
#content p {
             text-indent: 1em;
             }
#content fieldset {
                    border-color: #ccc #fff #fff #fff;
                    border-style: solid;
                    border-width: 1px;
                    margin: 0;
                    padding: 0;
                    }
#content fieldset  legend {
                            margin: 0;
                            padding: 0;
                            font-weight: bold;
                            margin: -0.5em 0 0 1em;
                            color: #555;
                            padding: 1em 0;
                            }
#content fieldset p {
                      clear: both;
                      text-indent: 0;
                      }

#content fieldset p  select.text,
#content fieldset p  input.text,
#content fieldset p  textarea{
                             display: block;
                             width: 350px;
                             float: left;
                             clear: both;
                             text-indent: 0;
                             margin: 2px 0;
                             border: 1px solid #ccc;
                             color: #555;
                             }
#content fieldset p  input.submit {
                                    border: 1px solid #ccc;
                                    }
#content fieldset p  label {
                             display: block;
                             width: 300px;
                             float: left;
                             clear: both;
                             text-indent: 0;
                             margin: 2px 0;
                             color: #555;
                             }
#content fieldset p  textarea {
                                height: 200px;
                                }
#topbar a {
            display: block;
            color: #000;
            text-decoration: none;
            height: 15px;
            line-height: 15px;
            margin: 3px;
            font-weight: bold;
            }
#topbar a:hover {
                  text-decoration: underline;
                  }

/* extra  */
h3.headline {
              font-size: 18px;
              margin: 3px 0 3px 0;
            }
div.meta {
           background: url('bg.gif');
           border-top: 1px solid #000;
           text-align: right;
           color: #000;
           text-transform: uppercase;
           letter-spacing: 0.03em;
           padding: 3px;
           margin-bottom: 2em;
        }
img {
      border: 1px solid #ccc;
      padding: 3px;
      }
img:hover {
            border: 1px solid #000;
            }

pre {
      overflow: auto;
      width: 590px;
      color: #555;
      padding: 5px;
      border: 1px solid #ccc;
      margin: 5px 0 15px 0px;
      }

#topbar ul {
             margin: 0;
             padding: 0;
             }
#topbar li {
             list-style: none;
             width: auto;
             }
#content #side ul {
              margin: 5px 0 10px 30px;
              padding: 0;
              border-top: 1px solid #ccc;
              width: 320px;
              }
#content #side li {
              display: block;
              text-align: left;
              margin: 0;
              padding: 0 0 0 10px;
              list-style-type: none;
              border-bottom: 1px solid #ccc;
              }
blockquote {
             background: url('blockbg.png') repeat-x;
             color: #555;
             padding: 5px;
             border: 1px solid #ccc;
             margin: 5px 0 15px 0px;
             }
#topbar h3 {
             margin: 0 0 3px 0;
             padding: 0;
             }


h3.comment {
             border-bottom: 1px solid #ccc;
             color: #555;
             }

div.comment {
              border-bottom: 1px solid #ccc;
              color: #555;
              margin-bottom: 10px;
              }


div.comment h5 {
                 font-size: 11px;
                 margin: 5px;
                 padding: 0;
                 }

div.comment p {
                padding: 0;
                margin: 0.3em;
                }


div.fValidator-msg {
                     float: left;
                     clear: both;
                     color: #f00;
                     }

#iconsFrame {
              display: block;
              position: relative;
/*               height: 200px; */
              float: left;
              }
#iconsFrame a:hover {
                      background-color: #fff;
                      }
#iconsFrame a:focus { outline: none;}
#iconsBox {
            margin-top: 2px;
            width: 200px;
            border: solid #ccc;
            border-width: 1px 1px 1px 0;
            }
#iconsBox img {
                border:  none;
                margin: 2px 0 2px 5px;
                cursor: pointer;
                }
#iconsKnob {
             display: block;
             width: 25px;
             height: 25px;
             position: absolute;
             top: 2px;
             right: -26px;
             border: solid #ccc;
             background: #fff url('emoticons/picture.gif') center no-repeat;
             overflow: hidden;
             text-indent: -300px;
             border-width: 1px 1px 1px 0;
             }
#comment {
           }

/* body emoticons */
img.emo {
          border: none;
          padding: 0;
          margin: 0;
          }

a.feed_link {
              padding-left: 20px;
              background: url('emoticons/feed.gif') left center no-repeat;
              }
a#x {
      padding-left: 20px;
      background: url('emoticons/xhtml_valid.gif') left center no-repeat;
      }
a#c {
      padding-right: 20px;
      background: url('emoticons/css_valid.gif') right center no-repeat;
      }

dl.last_fm_info {
                  font-size: 10px;
                  font-family: verdana;
                  }
dl.last_fm_info dt a {
                       display: inline;
                       color: #FF8D40;
                       text-decoration: underline;
                       }
dl.last_fm_info dt a:hover {
                             text-decoration: none;
                             background-color: #FF8D40;
                             color: #fff;
                             }