/* $Id: infoweb_default.css,v 2.51 2004/03/15 11:24:12 havardda Exp $ 
 * $Source: /var/cvs/infoweb/www/stylesheets/infoweb_default.css,v $  
 */


/* GLOBAL */

body { margin: 1px;
       background: #fff;
       background-image: none;
       color: #003;
       font-family: Verdana, sans-serif;
}

h1, h2, h3 { color: #900; 
             font-family: times, centaur, serif;
}

img { border: 1px solid #000; }

em { font-family: serif; }

a { text-decoration: underline; }

a:link { color: #006; }

a:visited,
a:active,
a:hover { color: #f00; }

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

.accesskey { text-decoration: underline; }

#main .error { padding-bottom: 1ex;
               font-weight: bolder;
               color: #900;
}

.infomsg,
.errormsg { margin: 1em;
            padding: 1em;
            font-weight: bolder;
}

.infomsg { border: 2px solid green; }
.errormsg { border: 2px solid red;
            font-size: larger;
}

#main div#error-page { margin: 5% 10%; }

/* NAVBAR */

#navbar { width: 100%;
          padding: 2px;
          font-size: medium;
          color: #900;
          background: #fc0;
          border-style: solid;
          border-color: #900;
          border-width: 1px 0px 1px 0px;
}

#navbar a:link, 
#navbar a:visited { text-decoration: underline; }
#navbar a:visited { color: #006; }

#navbar img { border-width: 0px; }

#iw-icon { float: right; }

#banner { font-weight: bolder; 
          font-family: serif;
          font-size: large;
}

#slogan { font-style: italic; }

#slogan:before { content: " -- "; }

#td-search { vertical-align: bottom;
             text-align: right;
}

#td-spacer { width: 20%; }

#td-sections { background: #fc6;
               font-size: x-small;
               height: 2em;
               padding: 2px;
               border: solid #900;
               border-width: 1px 1px 0px 0px;
}

#td-sections a { margin: 0ex 1ex; } 

/* MAIN */

#main { margin: 1ex; }

.iw-path { font-size: smaller;
           font-family: sans-serif;
}

.title { vertical-align: top; 
         font-weight: bolder;
         color: #006; 
         background: #eee;
         padding: 0 0.5ex;
}

.rcategory { display: inline;
             font-weight: bolder;
             font-family: sans-serif;
}

.category { color: #33f;
}

a.rcategory:link    { color: #006; }
a.rcategory:visited { color: #006; }

a.category:link    { color: #33f; }
a.category:visited { color: #33f; }

img.midt { clear: both; }

img.topp {  }

img.bunn {  }

img.h { float: right;
        clear: right;
}

img.v { float: left;
        clear: left;
}



/* NTNU template */

#ntnu-tpl { margin-bottom: 1ex; }

#ntnu-tpl img { border: 0; }

#ntnu-tpl td { padding: 0; }

#ntnu-footer { border-top: 2px solid rgb(0,0,102);
               font-size: small;
               font-family: serif;
}

/* toolbar */

#admin-toolbar { font-size: small;
                 background: #444;
                 position: fixed;
                 top: 1%;
                 left: 90%;
                 padding: 2px;
                 text-align: center;
}

/* browsing, article listing */

.browse-row .row-details { margin-left: 2em;
                           padding-bottom: 0.5em;
}

.browse-row .order-info { font-size: x-small;
                          font-variant: small-caps;
}

.browse-row .path { color: #000; 
                    font-size: x-small;
}

.browse-row .rating { margin-left: 2em;
                      padding-bottom:0.5em;
}

.rating-text { font-size: xx-small;
               float: left;
               margin-right: 0.5ex;
               }

.rating-plus-bar,
.rating-minus-bar { float: left;
                    height: 1ex;
                    font-size: xx-small;
                    }

.rating-plus-bar { background-color: rgb(0, 255, 0); }
.rating-minus-bar { background-color: rgb(220, 220, 220); }

.rating-spacer { height: 10px; }


#browse-info { font-size: normal; 
               display: block;
               width: 90%;
               background: #eee;
               padding: 0.5ex 1em;
}

#browse-info a { font-size: small; }

#main .header { color: #fff; 
                background-color: #30c;
                margin: 3ex 0px; 
                padding-left: 1ex; 
}

#main .header a:link,
#main .header a:visited { color: #ccf; 
                          font-size: x-small;
                          text-decoration: none;
                          margin: 0em 1em;
                          font-weight: bolder;
}

#main .header a:hover,
#main .header a:active { color: #fff; }

#main .footer { width: 90%;
                background: #eee;
                   
}

/* read_article stuff */

#footnotes,
.article { width: 85%;
           clear: none;
           float: none;
}

/* All those nice little boxes in read_article, login etc */
.metabox { 
       border: solid #900;
       border-width: 0 0 1px 1px;
       padding: 1ex;
       background: #fc6;
       float: right;
       width: 10%;
       font-size: x-small;
       margin-bottom: 3px;
       clear: both;
       overflow: hidden;
}

.metabox:target { font-size: large;
                  width: 40%;
                  background: yellow;
}

.metabox a { text-decoration: underline; }

.metabox a:hover { color: #900; }

#toc a:visited { color: #006; }
#toc a:hover { color: #900; }

#toc a.os1 { font-weight: bold; }

#toc a,
#mentionedlinks a,
#metalinks a { display: list-item; 
               list-style: square inside;
}

#footnotes { margin-top: 1em;
             border: solid #eee; 
             border-width: 1px 0 0;
}

#footnotes .fotnote { margin-left: 2ex; }

#ainfo-compact td { vertical-align: bottom;
                    font-size: 90%; 
}

#ainfo-rating div { display: table-cell;
                    float: left; 
                    font-size: xx-small;
                    background: #ddd;
}

.konsoll,
.kode,
.kommando { padding: 0.5ex; }

.kode pre,
.konsoll pre { background: #eee;
               font-size: small;
               margin: 0 1em 1ex;
               padding: 0.5ex 1ex 3ex;
}

.title-kode,
.title-konsoll { 
                 color: #eee;
                 width: 100%;
                 font-size: x-small;
                 padding: 0.5em 3em;
}

.konsoll pre { color: #060; }
.title-konsoll { background: #060; }

.kode pre { color: #369; 
            z-index: 3;
}
.title-kode { background: #369; 
              z-index: 0;
}


code.kommando { font-family: monospace;
                background: #333;
                color: #eee;
}

span.tast { font-family: monospace;
            color: #360;
            margin: 0 3px;
}

#hr-ainfo { clear: both; }

.article table { margin: 1ex 0; }

.article table td { vertical-align: top;
                    padding: 0.5ex 1ex;
}

 /* http://www.w3.org/TR/css3-selectors/#target-pseudo */
.article :target { background: yellow;
          padding: 2px 2em;
          margin: 2px 0;
          border: solid #000;
          border-width: 1px 0;
}


/* comments */

#public-comments { clear: both;
                   padding: 2em;
                   width: 80%;
                   border: solid #eee;
                   border-width: 1px 1px 0;
}

.comment { margin: 1ex 0px; }
.comment-text { background: #eee; 
                margin-left: 2%;
                padding: 2px;
}
.comment-header { font-size: x-small; }