/*
   Base styles for pacer.resource.org
*/

/* Page-wide */

html {
  margin: 0;
  padding: 0;
  background: #eee url('page_bg.png') repeat-x;
}

body {
  margin: 0;
  padding: 0;
  background: url('body_bg.png') no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

a, h1, h2, h3 {
  color: #c00;
  outline: none;
}

a.close {
  display: block;
  float: right;
  width: 1em;
  border: 3px solid white;
  padding: 2px;
  font-size: larger;
  color: black;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
}

a.close:hover {
  background: #ccc;
}

a.button {
  background: #ddd;
  color: #666;
  border: 1px solid #ccc;
  padding: 2px 4px 3px 4px;
  text-decoration: none;
  font-size: smaller;
}

a.button:hover {
  color: #333;
  background: #eee;
  text-decoration: none;
}

h1, h2, h3, p#counter, a.close {
  font-family: Rockwell, "Rockwell Std", Glypha, slab-serif, Lucida, Tahoma, sans-serif;
  font-weight: bold;
}

img {
  border: 0;
}

form {
  margin: 0;
  padding: 0;
}

form p {
  margin: 0.5em 0 0.5em 0;
}

fieldset {
  border: 1px solid #ccc;
  margin: 0; padding: 0.5em;
}

div.fixed {
  position: fixed;
  top: 200px;
}

div.dialog {
  z-index: 50; 
  left: 20%;
  width: 60%;
  padding: 0 0 1% 1.5%;
  border: 3px solid black;
  border-right: 4px solid black;
  border-bottom: 4px solid black;
  background: white;
}

div.dialog h1, div.dialog h2, div.dialog h3, div.dialog object {
  margin: 0 2% 0 0;
  padding-top: 2%;
}

div.dialog form {
  margin: 0 2% 0 0;
}

.error {
  color: #c00;
}

.clear {
  clear: both;
}

span.amount {
  font-size: 200%;
}

/* Upload bars */

ul.upload-queue {
  list-style: none;
  margin: 0;
  padding: 0;
}

.upload-queue li {
  margin: 3px 0 3px 0;
  padding: 0;
}

.upload-queue .queue-file {
  font-weight: bold;
}

.upload-queue .queue-size {
  color: #999;
  margin-left: 1em;
}

.upload-queue .queue-loader {
  position: relative;
  margin: 3px 15px;
  font-size: 0.9em;
  background-color: #ddd;
  color: #fff;
  border: 1px inset #ddd;
}

.upload-queue .queue-subloader {
  text-align: center;
  position: absolute;
  background-color: #36c;
  height: 100%;
  width: 0%;
  left: 0;
  top: 0;
}

.upload-queue .input-delete {
  width: 16px;
  height: 16px;
  background: url('delete.png') no-repeat;
  text-decoration: none;
  border: none;
  float: right;
}


/* Page sections ( #id's ) */

div#wrapper {
}

div#content {
  position: relative;
}

div#wrapper div#content {
  background: #fff;
  width: 85%;
  margin: 25px auto 0 auto;
  padding: 1.5em;
  border: 5px solid #0a0f19;
  border-top: 3px solid #0a0f19;
  border-left: 3px solid #0a0f19;
}

div#dimscreen {
  z-index: 45;
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  display: none;
  visibility: hidden;
}

div#bin {
  margin: 0 0 0 22%;
  width: 452px; height: 487px;
}

div#bin:hover {
  background: url('arrow.gif') no-repeat 68px 0;
}

div#bin a {
  display: block;
  margin: 0; padding: 0;
  width: 452px; height: 487px;
  background: url('bin.png') no-repeat -452px 90px;
  text-indent: -1000px;
  overflow: hidden;
}

div#bin a:hover {
  background: url('bin.png') no-repeat 0 90px;
}

ul#menu {
  position: absolute;
  top: 0; left: 58%;
  margin: 272px 0 0 0;
  padding: 0;
}

ul#menu li {
  margin: 0; padding: 0;
  position: absolute;
  list-style-type: none;
  font-size: 1px;
}

ul#menu li a {
  display: block;
  text-indent: -500px;
  overflow: hidden;
}

ul#menu li#item-guide {
  left: 0;
  top: 77px;
  background: url('can.png') no-repeat;
}

ul#menu li#item-donate {
  left: 143px;
  top: 0;
  background: url('wine.png') no-repeat;
}

ul#menu li#item-pro {
  left: 204px;
  top: 71px;
  background: url('water.png') no-repeat;
}

ul#menu li#item-guide a {
  width: 146px; 
  height: 125px;
  background: url('can_hi.png') no-repeat 0 -100px;
}

ul#menu li#item-donate a {
  width: 107px; 
  height: 213px;
  background: url('wine_hi.png') no-repeat 0 -100px;
}

ul#menu li#item-pro a {
  width: 156px;
  height: 183px;
  background: url('water_hi.png') no-repeat 0 -100px;
}

ul#menu li#item-guide a:hover {
  background: url('can_hi.png') no-repeat 0 74px;
}

ul#menu li#item-donate a:hover {
  background: url('wine_hi.png') no-repeat 0 169px;
}

ul#menu li#item-pro a:hover {
  background: url('water_hi.png') no-repeat 0 153px;
}

p#counter {
  position: absolute;
  left: 3%;
  top: 395px;
  margin: 0;
  padding: 1em;
  text-align: center;
  background: #ccc;
  color: #666;
}

div#uploadform {
  visibility: hidden;
  position: absolute;
  top: 25px;
  min-height: 55%;
}

div#footer {
  margin-top: 2em;
  font-size: smaller;
  color: #999;
  text-align: right;
}

div#footer p {
  margin-left: 5%;
  margin-right: 5%;
}

div#footer a {
  color: #666;
}

form#ppform {
  visibility: hidden;
}

/* Individual page-specific */

h1#h1-home {
  margin: 0;
  height: 130px;
  overflow: hidden;
}
  
h1#h1-home a {
  display: block;
  color: #6699ff;
  font-size: 20px;
  background: url('headline.png') no-repeat -40px 24px;
  height: 130px;
}