/* $Id: infoweb_slick.css,v 1.2 2003/07/11 00:18:03 havardda Exp $ 
 * $Source: /var/cvs/infoweb/www/stylesheets/infoweb_slick.css,v $  
 */

/* Inspired by the old xmms website look, at
 * http://memory.xmms.org/xmms_v1.2/screenshots.html
 */

/* GLOBAL */

body { margin: 0px;
       background: #000;
       color: #fff;
       font-family: sans-serif;
       font-size: 90%;
}

h1, h2, h3 { color: #999; 
             font-family: serif;
}

img { border-width: 1px;
      border-color: #999;
      border-style: solid;
}


a:active, a:hover { text-decoration: underlined; }

a:link,
a:visited,
a:active,
a:hover { color: #999; }

.helptext { font-size: smaller;
            color: #ccc;
}


/* NAVBAR */

#td-spacer,
#navbar #slogan,
#navbar #search { display: none; }

#navbar { width: 7%;
          height: 60%;
          font-size: xx-small;
          font-weight: bold;
          border: 1px solid #505050;
          padding: 0px 2px;
          background: #111;
          color: #999;
          position: absolute;
          margin: 1%;
}

#navbar img { margin: 1ex auto;
              display: block;
              clear: both;
              border: 0;
              position: absolute;
              top: -5em;
}

#banner { display: block;
          letter-spacing: 1ex;
          text-transform: lowercase;
          text-shadow: red 0.5ex 0.5ex; 
          float: left;
          clear: both;
          margin: 1em auto 0;
          position: relative;
          top: 5em;
}

#td-sections { display: block;
               clear: both;
               position: relative;
               top: 5em;
}

#navbar a { margin: 0 1ex; 
            display: block;
            clear: both;
}

#navbar a:link, 
#navbar a:visited { text-decoration: none; 
                    color: #999;
}

#navbar a:hover { color: #eee; }

/* MAIN */

#main { position: absolute;
        width: 80%;
        border: 1px solid #505050;
        padding: 1ex;
        margin-left: 15%;

}

.iw-path { font-size: xx-small; }

.iw-path a:link,
.iw-path a:visited,
.iw-path a:active,
.iw-path a:hover { font-size: xx-small;
                   color: #999;
}

td.title { font-style: italic; }

/* BROWSE */

#main p.header,
#main p.footer { background: #111;
                 text-align: center;
}

#main p.header { border-bottom: 1px dashed #505050; }
#main p.footer { border-top: 1px dashed #505050; }

.row-details span,
.row-details br,
#main p.header a { display: none; }

.row-details { margin-bottom: 2ex; }

.browse-row { margin-bottom: 1em;
              display: list-item;
              list-style: square inside;
}

.browse-row .order-info { font-size: xx-small; }

.browse-row .path { color: #555;
                    font-size: smaller;
}

.rating { display: none; }

/* READ */

#toc,
#hr-ainfo,
#ainfo-compact { display: none; }

h1+p:first-line,
h2+p:first-line { margin-left: 1em; }

.kode,
.konsoll { display: block;
           border: 1px dashed #999;
           background: #111;
           padding: 1ex 3px;
           white-space: pre;
           overflow: scroll;
           color: #aaa;
}

.kode pre,
.konsoll pre { color: #eee; }

#public-comments { border: solid #333;
                   border-width: 1px 1px 0;
}
.comment { border-bottom: 1px solid #666; }


/* SEARCH */

form[action="search.php"] { background: transparent; 
                            font-size: 75%;
                            color: #000;
}

form[action="search.php"] input,
form[action="search.php"] select { font-size: 75%; }

#main form[action="search.php"] table { border: 1px dashed #555; }

form[action="search.php"] table tr.mandatory { padding: 0; 
                                               background: transparent;
}

/* NTNU-template */

#ntnu-footer,
#ntnu-tpl { display: none; }

#ntnu-footer { margin: 2em auto 1ex;
               font-size: xx-small;
               border: 1px outset #505050;
               padding: 3px 1ex;
               color: #fff;
               text-align: center;
               position: relative;
               height: 1.5em;
               width: 95%;
               top: 90%;
               left: 0;
               z-index: 1000;
}