/*

style.css

Stylesheet for Gopher Proxy pages.

Created by Stephen Morley - http://stephenmorley.org - and released under the
terms of the CC0 1.0 Universal legal code:

http://creativecommons.org/publicdomain/zero/1.0/legalcode

*/

body{
  text-align:center;
  margin:0;
  padding:91px 0 0;
  line-height:1.5em;
}

#contentFrame{
  padding:13px;
}

a{
  color:#9c6;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

a:visited{
  color:#693;
}

a img{
  border:0;
}

button{
  cursor:pointer;
  background-color:transparent;
  margin:0;
  padding:0;
  border:0;
  width:auto;
  overflow:visible;
}

/* notices, warnings, and errors **********************************************/

.notice,
.warning,
.error{
  font-family:Verdana,Geneva,sans-serif;
  font-size:0.875em;
  line-height:1.5em;
  width:704px;
  margin:0 auto 1.5em;
  padding:4px 8px;
  text-align:left;
}

.notice{
  background-color:#efd;
  border:1px solid #9c6;
}

/* toolbar ********************************************************************/

#toolbar{
  background:url('/images/toolbar/background/') repeat-x top left;
  height:72px;
  width:100%;
  position:fixed;
  top:0;
  left:0;
}

#toolbarContent{
  position:relative;
  max-width:1000px;
  margin:0 auto;
}

* html #toolbarContent{
  width:1000px; /* for Internet Explorer 6 */
}

#logo{
  position:absolute;
  top:8px;
  left:8px;
}

#navigation{
  font-family:Verdana,Geneva,sans-serif;
  font-size:0.875em;
  text-align:right;
  position:absolute;
  top:2px;
  right:8px;
}

#navigation img{
  vertical-align:text-bottom;
  margin-left:0.75em;
}

#toolbar input{
  margin:2px 0 0;
  border:1px solid rgb(192,192,192);
  padding:5px 29px 5px 5px;
}

#toolbar button{
  position:absolute;
  top:4px;
  right:1px;
}

#searchBar{
  position:absolute;
  top:28px;
  right:8px;
}

#searchBar input{
  width:100px;
}

#addressBar{
  position:absolute;
  top:28px;
  right:152px;
}

#addressBar input{
  width:425px;
}

/* special pages **************************************************************/

#special{
  font-family:Georgia,Utopia,Palatino,'Palatino Linotype','Zapf Calligraphic','Book Antiqua',serif;
  width:720px;
  margin:0 auto;
  text-align:left;
}

#special #navigation{
  margin:0 0 1.5em;
  text-align:center;
}

#special #navigation img{
  vertical-align:text-bottom;
  margin-left:1em;
}

#special h1{
  font-size:1.5em;
  line-height:1.5em;
  padding:0;
  margin:0 0 1em;
  text-align:center;
  font-weight:normal;
}

#special h2{
  font-size:1.5em;
  line-height:1.5em;
  padding:0;
  margin:0 0 1em;
  font-weight:normal;
}

#special p{
  padding:0;
  margin:0 0 1.5em;
}

#special dfn{
  font-weight:bold;
  font-style:normal;
}

#special ol,
#special ul{
  margin:0 0 1.5em;
  padding:0 0 0 3em;
}

#special form{
  text-align:center; /* for single-line forms */
}

#special table{
  margin:0 auto 1.5em;
  text-align:left;
}

#special th,
#special td{
  font-weight:normal;
  vertical-align:top;
  padding:0 0.5em;
}

#special table .number{
  text-align:right;
}

#special .illustratedTable td{
  padding-bottom:1.5em;
}

#special .illustratedTable img{
  margin-top:6px;
}

#special object{
  margin:0 0 1.5em;
  outline:none;
}

#special input,
#special textarea{
  font-family:Verdana,Geneva,sans-serif;
  border:1px solid rgb(192,192,192);
  width:300px;
  font-size:0.875em;
}

#special button{
  color:#9c6;
}

#special button img{
  vertical-align:text-bottom;
  padding-right:4px;
}

#special .leftColumn{
  float:left;
  width:352px;
}

#special .rightColumn{
  float:right;
  width:352px;
}

#special .leftColumn table,
#special .rightColumn table{
  margin:0 auto 1.5em;
  font-size:0.875em;
}

#special .leftColumn th,
#special .leftColumn td,
#special .rightColumn th,
#special .rightColumn td{
  padding:0 0.25em;
}

#special #networkError{
  background:url('/images/special/network-error/') no-repeat left 4px;
  padding-left:24px;
}

#special #error{
  background:url('/images/special/error/') no-repeat left 4px;
  padding-left:24px;
}

#special #warning{
  background:url('/images/special/warning/') no-repeat left 4px;
  padding-left:24px;
}

#special #information{
  background:url('/images/special/information/') no-repeat left 4px;
  padding-left:24px;
}

/* footer *********************************************************************/

#footer{
  font-family:Georgia,Utopia,Palatino,'Palatino Linotype','Zapf Calligraphic','Book Antiqua',serif;
  width:720px;
  padding:1.5em 0;
  margin:0 auto;
  text-align:left;
  border-top:1px solid rgb(192,192,192);
}

/* menus **********************************************************************/

#menu{
  margin:0 auto 1.5em;
  text-align:left;
}

#menu td{
  white-space:pre;
  font-family:Consolas,'Courier New',Courier,monospace;
  font-size:0.875em;
  line-height:1.5em;
}

#menu img{
  vertical-align:text-bottom;
}

#menu span{
  cursor:help;
}

#menu td.searchForm{
  white-space:normal;
}

#menu form{
  margin:0;
  padding:0;
}

#menu input{
  font-family:Verdana,Geneva,sans-serif;
  border:1px solid rgb(192,192,192);
  width:300px;
  font-size:0.875em;
}

#menu button{
  color:rgb(96,128,224);
}

#menu button img{
  vertical-align:text-bottom;
  padding-right:4px;
}

/* text and XML files *********************************************************/

#text,
#xml{
  font-family:Consolas,'Courier New',Courier,monospace;
  font-size:0.875em;
  line-height:1.36em; /* roughly 19 pixels, causing backslashes to line up */
  padding:0;
  width:51.4em; /* equivalent to 45em at 1em font size */
  margin:0 auto 1.5em;
  text-align:left;
}

#xml{
  font-size:0.75em;
  width:60em; /* equivalent to 45em at 1em font size */
  margin-top:1.5em;
}

#xml .processingInstruction{
  color:rgb(102,0,204)
}

#xml .element{
  color:rgb(204,0,102);
}

#xml .attributeName{
  color:rgb(102,204,0);
}

#xml .attributeValue{
  color:rgb(0,102,204);
}

#xml .characterData{
  color:rgb(204,102,0);
}

/* print styling **************************************************************/

@media print{

  body{
    padding:0;
  }

  #toolbar{
    display:none;
  }

}