/* Globals */
body {
   margin: 0px;
   padding: 0px;
   background: #fff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
   color: #069;
}


#mh1 {
   width: 190px;
   background: inherit;
   line-height: 100%;
   margin: 0px;
   padding: 0px;
   z-index: 2;
   position: absolute;
   top: 40px;
   left: 0px;
}

#slogan {
   margin-left: 200px;
   z-index: 1;
}

#header {
   padding: 40px 5px 5px 5px;
   background: #eee url(img/toppbak.gif) no-repeat top right;
   margin-bottom: 0px;
   z-index: 1;
   height: 28px;
}


#topmenu {
   font-size: 10px;
   float: right;
   background: rgb(108,121,152);
   width: 100%;
   max-width: 100%;
   clear: both;
   line-height: 100%;
}

#topmenu ul,
#topmenu li {
   list-style: none;
   margin: 1px 0px;
   padding: 0px;
   float: right;
   line-height: 100%;
}

#topmenu a {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
   display: block;
   padding: 8px 5px 5px 5px;
   line-height: 100%;
}

#topmenu a:hover {
   padding: 8px 5px 5px 5px;
   color: #ffffcc;
}

#footer {
   clear: both;
   border-top: 1px rgb(108,121,152) solid;
   background: #eeeeee;
   padding: 2px;
   text-align: left;
   font-size: 0.8em;
}





/* Front page */
.frontpage {
   background: #fff url(img/rightmenubak.gif) repeat-y right;
}

.frontpage h1 {
   display: none;
   visibility: hidden;
}

.frontpage h2 {
   padding: 0px 0px 2px 0px;
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: small;
   margin: 10px 0px 5px 0px;
   border-bottom: 1px #aaa dotted;
}

#main {
   margin-top: 10px;
   padding: 10px;
   margin-right: 260px;
   z-index: 1;
   font-size: small;
}

#featured span {
   clear: both;
   float: left;
   padding: 5px;
}

#topics {
   min-width: 90%;
   max-width: 100%;
   border-top: 	2px rgb(108,121,152) solid;
   border-bottom: 2px rgb(108,121,152) solid;
   padding-bottom: 5px;
}

#topics h2 {
   background: rgb(108,121,152);
   color: #fff;
   line-height: 100%;
   margin: 10px 0px 5px 0px;
   padding: 5px;
}

#topics h3, #topics h4 {
   color: rgb(108,121,152);
   line-height: 100%;
   margin: 10px 0px 5px 0px;
   font-size: small;
}

#topics a {
   color: #369;
   text-decoration: none;
}

#topics a:hover {
   text-decoration: underline;
   color: red;
}
                
                
                
                


/* Category definitions */
.cat #content {
   background: #fff url(img/800bak.gif) repeat-y;
   width: 800px;
   padding-right: 10px;
} 


.search #content {
   background: #fff url(img/fullbak.gif) repeat-y;
   width: 100%;
} 

#leftmenu form {
   margin: 0px;
   padding: 0px;
   line-height: 100%;
}

#main_leftmenu h1 {
   font-size: 1.3em;
}

#main_leftmenu h2 {
   background: #eee;
   padding: 5px;
   clear: both;
   margin-top: 15px;
   border-bottom: 1px #aaa solid;
   font-size: 1.2em;
}

.cat h3, .search h3 {
   padding: 0px 0px 2px 0px;
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: small;
   margin: 10px 0px 5px 0px;
   border-bottom: 1px #aaa dotted;
}

.cat_path {
   clear: both;
   margin-top: 5px;
   font-weight: bold;
}
        
.cat_path a {
   text-decoration: none;
}

#editor {
   text-align: center;
   padding: 5px;
   background: rgb(108,121,152);
   margin-top: 20px;
   color: #fff;
   clear: both;
}

#editor a {
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

#editor a:hover {
   color: #ffc;
   text-decoration: underline;
}

span.title {
   font-weight: bold;
}
        

/* Category - dmoz attribution */
#dmozattrib{
   text-align: center;
   font-size: smaller;
}

#dmozattrib_inner {
   background-color: #336600; /* Should be 336600, urgh */
   padding: 2px;
   
}

#dmozattrib_title{
   color: #ffffff;
}

#dmozattrib_links{
   background-color: #cccccc;
}

/* Search results */
.search .searchresult {
   margin-left: 1.5em;
}

/* Search box  (for MMS), Submission Form (for addb) */
.searchbox, .submissionform {
   background-color: #eeeeee;
   border: #369 solid 1px;
   padding: 3px;
}

.submissionform TD {
   padding-bottom: 2em;
   padding-left: 1em;
   padding-right: 1em;
}

 .searchbox .title {
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: 1.2em;
   border-bottom: 1px #aaa dotted;
   font-weight: bold;
   margin: 2px 2px 5px 2px;
}
        
/* Category - specific objects */
.coollink {
   font-weight: bold;
}

.tracklist_sep {
   margin-left: 2.5em;
}

.tracklist {
   border: 1px #aaa solid;
   clear:both;
   margin-top: 1em;
}

.tracklist th {
   border-right: 1px #ccc solid;
   width: 2.5em;
}

.tracklist .title, .tracklist .artist, .tracklist .highlightedtitle {
   border-right: 1px #ccc solid;
}

.tracklist .highlightedtitle {
   background-color: #369 !important;
   color: #fff;
}

.tracklist .time {
   font-size: x-small;
}

.tracklist td, .tracklist th {
   padding: 3px;
   background-color: #fff;
}

.tracklist .odd  td, .tracklist .odd  th {
   padding: 3px;
   background-color: rgb(240,245,254);
}

/* Used for release/compilation/video etc. fields */
table.data TH{
       text-align: left;
}    
    


/* Sidebar definitions (used by category page and front page) */
#main_leftmenu {
   width: 570px;
   float: left;
   padding: 10px;
   font-size: small;
}

#rightmenu, #leftmenu {
   font-size: small;
   float: right;
   width: 250px;
   padding: 0px 5px 5px 5px;
   line-height: 150%;
}

#leftmenu {
   width: 200px;
   font-size: small;
   float: left;
}

#rightmenu h2, #leftmenu h4 {
   padding: 0px 0px 2px 0px;
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: small;
   margin: 10px 0px 5px 0px;
   border-bottom: 1px rgb(108,121,152) solid;
}

#leftmenu h2 {
   padding: 0px 0px 2px 0px;
   line-height: 100%;
   font-size: medium;
   margin: 10px 0px 5px 0px;
   border-bottom: 0px;
}
                
#leftmenu ul{
   list-style-type: none;
   padding: 0;
   margin: 0;
}	
        
#leftmenu h3 {
   padding: 0px 0px 2px 0px;
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: 1.2em;
   margin: 10px 0px 5px 0px;
   border-bottom: 1px #aaa dotted;
}

#searchbutton {
   background: rgb(108,121,152);
   color: #fff;
   font-size: x-small;
   border: 2px rgb(108,121,152) outset;
}

/* Columns */
.columnleft {
   float: left;
   width: 45%;
}

.columnright {
   margin-left: 45%;
}

.columnleft ul {
   padding-top: 0px;
   margin-top: 0px;
}

.counter {
   font-size: smaller;
   font-style: italic;
   color: #444;
}
        
        
#catsummary {
   font-size: 95%;
   background: #f0f0df;
   padding: 10px;
   line-height: 130%;
}

.more {
   text-align: right;
}

/* Document only definitions */

.docs .code {
   background-color: #eeeeee;
   border: 1px solid #999999;
   margin-left: 2.5em;
   padding: 0.2em;
}

.docs h1 {
   font-size: 1.8em;
   margin-left: -1em;
}

.docs h2 {
   margin-left: -1em;
   color: rgb(108,121,152);
   line-height: 100%;
   font-size: 1.2em;
   border-bottom: 1px #aaa dotted;
   padding-bottom: 2px;
   margin-top: 1em;
}

.docs #main {
   margin-top: 10px;
   padding: 10px;
   margin-right: 2.5em;
   z-index: 1;
   font-size: small;
   margin-left: 2.5em;
}

.docs #contentnav {
   list-style-type: none;
   background-color: #c5d6e8;
   border: 1px solid #18165c;
}

.docs #contentnav ul, .docs #contentnav li li {
   display: inline;
}

.docs tt a {
   text-decoration: none;
}

.docs #lastupdate {
  text-align: right;
  font-style: italic;
}