html { height: 102%; }

body {
  background-color: #444;
  color: #444;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
}

#page { max-width: 480px; margin: 0 auto; }

#header {
  background-color: #666;
  height: 3.5em;
  padding: 2px 8px;
}

.control { float: right; color: #444; font-size: 2em; margin: 6px 3px 2px; padding: 0 8px; background-color: #bbb; border: 1px solid #444; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer; }

.control:hover { background-color: #eee; }

#help { background-color: #eee; display: none; padding: 10px 20px; }
#help span.close { float: right; color: #999; font-size: 1.5em; font-weight: normal; padding: 0 3px; border: 1px solid #777; position: relative; left: 10px; }
#theform span.close { float: right; color: #999; font-size: 1.5em; font-weight: normal; padding: 0 3px; border: 1px solid #777; }

#deleteform span.close { float: right; color: #999; font-size: 1.5em; font-weight: normal; padding: 0 3px; border: 1px solid #777; }

#help span.close:hover { cursor: pointer; background-color: #ccc; }
#theform span.close:hover { cursor: pointer; background-color: #eee; }
#deleteform span.close:hover { cursor: pointer; background-color: #ccc; }
#content { background-color: #eee; min-height: 5em; display: none; }
#home   { background-color: #999; }


h1 { float: left; font-size: 3em; padding: 0; margin: 0; color: #ddd; position: relative; top: -2px; cursor: pointer; }
h2 { font-size: 2em; padding: 0; margin: 0; color: #bbb;}

h1:hover { color: #f00; }

#nav {
  list-style: none;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 auto;
  padding: 4px;
  width: 90%;
}

#nav li {
  list-style: none;
  background-color: #bbb;
  padding: 12px;
  margin: 4px 4px 4px 0;
  border-radius: 8px; 	
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  border: 1px solid #444;
  cursor: pointer;
}

#nav li:hover { 
  background-color: #eee;
}

#nav li a { color: #222; text-decoration: none; }

#content a { text-decoration: none; }

#content { width: 100%; height: 100%; }

#content img { 
  border: 1px solid #123;
  width: 84px;
  height: 84px;
  margin: 10px;
}

#content img.bigpic { 
  position: relative; 
  border: none;
  border-bottom: 1px solid #123;
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
}

#loader {
  display: none;
  width: 6em;
  margin: 20px auto;
  padding: 10px 20px;
  color: #eee;
  background-color: #555;
  z-index: 99;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 2px;
  }
  
#theform { background-color: #ccc; padding: 5px; display: none; } 

form#addform fieldset {
border: none;
margin: 0;
padding: 5px;
}

form#addform legend {
  font-size: 1.5em;
  font-weight: bold;
}

form#addform p {
  background-color: #bbb;
  padding: 5px;
  margin: 5px 0;
}

form#addform .label {
  min-width: 100px;
}

form#addform #submitter {
  color: #fff;
  font-weight: bold;
  background-color: #555;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 8px; 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  cursor: pointer;
}

form#addform #submitter:hover {
  color: #f00;
  }
  
span.small { font-size: 0.72em; display: block; padding: 6px 12px; background-color: #ddd; }

#deleteform {
  padding: 10px;
  display: none;
  background-color: #ddd;
}

form#deleter h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 4px 0;
}

#deleteform p {
  margin: 6px 0;
}

form#deleter #deletebtn {
  color: #fff;
  font-weight: bold;
  background-color: #555;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 8px; 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  cursor: pointer;
}

form#deleter #deletebtn:hover {
  color: #f00;
  }