/* Tupelo stylesheet
 *
 * 2003 by felt+knut
 * elvis is still here
 *
 * felt.no | tupelo.no
 *
 */


/* General stuff
 *
 */
body {
  background-color           : #fff;
  margin                     : 0px;
  color                      : #333;
  font                       : 11px Verdana;
  background                 : url("/_/img/page_bg.gif") top left repeat-y;
}


a {
  color                      : #333;
  text-decoration            : underline;
}

a:hover {
  color                      : #f90;
}

td {
  color                      : #333;
  font                       : 9px Verdana;
  vertical-align             : top;
}

h1 {
  color                      : #f90;
  font                       : bold 13px Verdana;
  margin-bottom              : 0px;
}

h2 {
  color                      : #333;
  font                       : bold 11px Verdana;
  margin-bottom              : 0px;
}




/* Right column
 * z-index places this under the contact information.
 */
div.rightcolumn {
  position                   : absolute;
  left                       : 660px;
  top                        : 0px;
  width                      : 125px;
  height                     : 603px;
  z-index                    : 1;
  overflow                   : hidden;
}




/* Contact information
 * z-index places this over the right column
 */
div.contactinfo {
/*
  position                   : absolute;
  top                        : 415px;
*/
  position                   : absolute;
  bottom                     : 55px;
  z-index                    : 2;
}

div.contactinfo td {
  color                      : #333;
  font                       : 9px Verdana;
}

a.contact {
  color                      : #333;
  text-decoration            : underline;
}

a.contact:hover {
  color                      : #f90;
}


/* Stuff for the project list
 *
 */
iframe.projectslist {
  position                   : absolute;
  left                       : 472px;
  top                        : 160px;
  width                      : 178px;
  height                     : 330px;
  marginwidth                : 0px;
  marginheight               : 0px;
  hspace                     : 0px;
  vspace                     : 0px;
  scrolling                  : auto;
}

body.projectslist a {
  color                      : #333;
  font                       : bold 13px Verdana;
  text-decoration            : none;
  margin-top                 : 0px;
}

body.projectslist a:hover, body.projectslist a.selected {
  color                      : #f90;
}




/* Stuff for the Tupelo list
 *
 */
td.tupelo a {
  color                      : #333;
  font                       : bold 13px Verdana;
  text-decoration            : none;
  margin-top                 : 0px;
}

td.tupelo a:hover, td.tupelo a.selected {
  color                      : #f90;
}




/* Site menu
 *
 */
div.sitemenu {
  position                   : absolute;
  left                       : 10px;
  top                        : 25px;
  width                      : 450px;
}

div.sitemenutext {
  color                      : #333;
  font                       : 9px Verdana;
  position                   : absolute;
  left                       : 10px;
  top                        : 27px;
  width                      : 290px;
  text-align                 : right;
  visibility                 : hidden;
}




/* Page illustration
 *
 */
div.illustration {
  position                   : absolute;
  left                       : 472px;
  top                        : 500px;
}




/* Top bar on pages without picture navigation
 *
 */
div.topbar {
  position                   : absolute;
  left                       : 10px;
  top                        : 55px;
  width                      : 450px;
  height                     : 20px;
  background-image           : url("/_/img/picnav_background.gif");
}

div.frontpage {
  position                   : absolute;
  left                       : 10px;
  top                        : 90px;
  width                      : 450px;
}




/* Project text
 *
 */
iframe.text {
  position                   : absolute;
  left                       : 10px;
  top                        : 350px;
  width                      : 450px;
  height                     : 200px;
  marginwidth                : 0px;
  marginheight               : 0px;
  hspace                     : 0px;
  vspace                     : 0px;
  scrolling                  : auto;
}

.textcredits {
  color                      : #666;
  font                       : 9px Verdana;
}



/* Project download
 *
 */
div.download, div.movie-nodl {
  position                   : absolute;
  left                       : 20px;
  top                        : 550px;
}




/* Project movie
 *
 */
div.movie-dl {
  position                   : absolute;
  left                       : 120px;
  top                        : 550px;
}




/* Pictures stuff
 *
 */
iframe.pictures {
  position                   : absolute;
  left                       : 10px;
  top                        : 55px;
  width                      : 450px;
  height                     : 300px;
  marginwidth                : 0px;
  marginheight               : 0px;
  hspace                     : 0px;
  vspace                     : 0px;
  scrolling                  : no;
}

td.picturebar {
  background-image         : url("/_/img/picnav_background.gif");
}

td.picturetext {
  color                      : #666;
  font                       : 9px Verdana;
}




/* Archive page
 *
 */
iframe.archivelist {
  position                   : absolute;
  left                       : 10px;
  top                        : 90px;
  width                      : 450px;
  height                     : 460px;
  marginwidth                : 0px;
  marginheight               : 0px;
  hspace                     : 0px;
  vspace                     : 0px;
}




/* Tupelo page
 *
 */
div.people {
  position                   : absolute;
  left                       : 0px;
  top                        : 0px;
  width                      : 450px;
}

tr.personname {
  background-color           : #ededed;
}

td.personname {
  color                      : #333;
  font                       : bold 10px Verdana;
  padding                    : 0px 0px 0px 2px;
  vertical-align             : middle;
}

td.personphone, td.personemail {
  color                      : #333;
  font                       : 10px Verdana;
  padding                    : 0px 0px 0px 2px;
  vertical-align             : middle;
}

td.persontext {
  color                      : #333;
  font                       : 10px Verdana;
  padding                    : 2px 0px 0px 2px;
  vertical-align             : top;
}

td.personemail a, td.persontext a {
  color                      : #333;
  text-decoration            : underline;
}

td.personemail a:hover, td.persontext a:hover {
  color                      : #f90;
}


/* Page header
 *
 */
div.pagehead {
  position                   : absolute;
  left                       : 472px;
  top                        : 36px;
  width                      : 178px;
}

td.pagehead {
  color                      : #f90;
  font                       : bold 16px Verdana;
  padding                    : 0px 0px 0px 0px;
}

td.pagesubhead {
  color                      : #333;
  font                       : bold 12px Verdana;
  padding                    : 2px 0px 2px 0px;
}

td.pageextra {
  color                      : #f90;
  font                       : bold 13px Verdana;
  padding                    : 3px 0px 2px 0px;
}




/* Front page specific
 *
 */
td.frontheader1 {
  font                       : 17px Verdana;
  padding-bottom             : 5px;
}

td.frontheader2 {
  font                       : 17px Verdana;
  padding-bottom             : 5px;
}

td.frontdate1 {
  font                       : 10px Verdana;
}

td.frontdate2 {
  font                       : 10px Verdana;
}

td.fronttext {
  font                       : 10px Verdana;
}

td.frontextra {
  font                       : 9px Verdana;
}

td.frontextra a {
  color                      : #333;
  text-decoration            : underline;
}

td.frontextra a:hover {
  color                      : #f90;
}

iframe.news {
  position                   : absolute;
  left                       : 472px;
  top                        : 165px;
  width                      : 185px;
  height                     : 330px;
  marginwidth                : 0px;
  marginheight               : 0px;
  hspace                     : 0px;
  vspace                     : 0px;
  scrolling                  : auto;
}