/* generic CSS reset */
* { padding: 0; margin: 0; text-indent: 0; border: none; list-style: none; }
img, input {display: block; }
input[type=hidden] { display: none; }
a:focus, a:hover, a:active { outline: none; }

/* Link style */
a { color: #2c442c; display: block; text-align: center; }
a:hover { color: #000; }

/* Page */
html, body {
  color: #2c442c;
  height: 100%;
  background: #8c8;
  font: small-caps bold 14px/18px Georgia, serif;
}

#container {
  position: relative;
  width: 975px;
  margin: 18px auto 0px auto;
}

/* four column blocks */
h1,
.kwote blockquote,
form textarea,
#site-info {
  width: 765px;
  margin-right: 15px;
}

/* one column blocks */
#search-input,
#nav li,
.kwote-info,
form input,
label,
#site-info p,
img {
  display: block;
  float: left;
  width: 180px;
  margin-right: 15px;
}

/* Forms */
label { 
  text-align: right; 
}

form textarea { 
  height: 144px; 
  background: #dfc; 
  border: 2px solid #cf8; 
  padding: 16px 13px;
  width: 735px;
  font: bold 24px/36px "Arial Black", Arial, sans-serif;
  overflow: hidden;
  margin-bottom: 18px;
}

form input {
  padding: 7px 13px;
  height: 18px;
  margin-bottom: 18px;
}

/* Add and Search Forms */

img.CAPTCHA {
  height: 36px;
  width: 180px;
}

#advanced-search-input label,
#add-kwote label {
  clear: left;
  margin-top: 9px;
}

#advanced-search-input input,
#add-kwote input {
  background: #dfc; 
  border: 2px solid #cf8; 
  width: 150px;
}
#advanced-search-input input[type=submit],
#add-kwote input[type=submit] {
  background: #cf8; 
  border: 2px solid #dfc;
  font: small-caps bold 14px/32px Georgia, serif;
  height: 36px;
  width: 180px;
  margin: 0px 0px 18px 195px;
  padding: 0;
}
input#ss { width: 735px; }

/* header */
h1 {
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  background: #cf8;
}
h1 a { text-decoration: none; }

/* Navigation */
#nav { overflow: hidden; margin-bottom: 18px; }
#nav li { 
  background: #cf8;
  text-align: center;
}

#nav-supp { display: none; }

/* search box */
#search-input label { text-align: center; color: #2c442c}
#search-input {
  position: absolute; top: 0px; right: 0px;
  background: #cf8;
  height: 36px;
}
#search-input input {
  margin: 1px 0px 0px 2px;
  padding: 0px 4px;
  height: 15px;
  width: 168px;
  background: #dfc;
  color: #2c442c;
}

/* main content */
img.left { margin-bottom: 36px; }
img.right { float: right; margin: 0px 15px 36px 15px; }

p {
  font-variant: normal;
  margin: 0px 0px 18px 0px;
  color: #dfc;
}

p a { color: #cf8; display: inline; text-decoration: none; }
p a:hover { text-decoration: underline; }

/* Kwotes */
.kwote {
  overflow: hidden;
  position: relative;
}

.kwote blockquote {
  float: left;
  font: bold 24px/36px "Arial Black", Arial, sans-serif;
  background: #dfc;
  width: 735px;
  padding: 18px 15px 54px 15px;
  margin-top: -1px;
  border-bottom: 1px dotted #8c8;
}

.kwote-info {
  margin-top: 18px;
  height: 72px;
  font-size: 18px;
  line-height: 36px;
}

.rating { display: none; }

.vote-up,
.vote-down {
  height: 15px;
  width: 15px;
  text-indent: -5000px;
  float: left;
  background: url('vote-buttons.gif') -15px 0px no-repeat;
  margin: 10px 0px 11px 30px;
}
.vote-down { background-position: 0px 0px; margin-left: 60px; }

.voted-up .vote-down,
.voted-down .vote-up { visibility: hidden; }

/* footer */

#site-info {
  background: #dfc;  
  overflow: hidden;
  clear: left;
  padding: 18px 0px 0px 0px;
}

#site-info p {
  padding-left: 15px;
  width: 165px;
  color: #8c8;
}

#site-info a { color: #464; }