/* Main CSS file for Ruby Quiz v. 3.0
 * Copywrite 2009 Jeff Zych and Daniel Moore
 * //
 * // Colors: */
body {
  margin: 0;
  padding: 0; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

h1, h2, h3 {
  font-family: Georgia, serif;
  color: #c61a1a; }

h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0; }

hr {
  border: 1px dotted; }

p, ul, ol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black; }

#header {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 854px;
  height: 54px;
  background-image: url('/images/header.png');
  background-repeat: none; }

p#logo_text {
  float: left;
  margin: 5px 5px 5px 60px;
  width: 230px;
  border-right: 1px dotted black;
  font-family: Georgia, serif;
  font-size: 35px; }

p#logo_text img.logo_image {
  width: 40px;
  height: 40px; }

p#logo_text .ruby {
  color: black; }

p#logo_text .quiz {
  color: #e5e5e5; }

p#nav {
  float: right;
  margin-right: 75px; }

p#nav #buttons, p#nav #button_shadows {
  position: absolute;
  top: 15px;
  left: 320px; }

p#nav #button_shadows {
  margin-top: 3px;
  margin-left: 3px; }

p#nav .button, p#nav .button_shadow {
  width: 75px;
  margin-left: 75px;
  font-family: Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; }

p#nav .button {
  color: #e5e5e5; }

p#nav .button_shadow {
  color: black; }

p#nav .button:hover {
  color: #999; }

#main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  width: 800px;
  height: auto; }

#main #content {
  float: left;
  width: 560px;
  height: auto;
  padding-right: 20px; }

#main #content p, #main #content ol, #main #content ul {
  font-size: .8em; }

#main #content a {
  color: #c61a1a; }
  #main #content a:hover {
    text-decoration: none; }

#main #content .unposted {
  color: #e85353; }

#main #sidebar {
  float: left;
  width: 190px;
  height: auto;
  padding-left: 20px;
  border-left: 1px black dotted; }

#sidebar ol li, #sidebar ul li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em; }

#sidebar ol, #sidebar ul {
  padding-left: 1.5em; }

#sidebar a {
  color: #c61a1a; }
  #sidebar a:hover {
    color: #e85353;
    text-decoration: none; }

.clear {
  clear: left;
  height: 0; }

textarea {
  width: 570px; }

input.text {
  width: 570px; }

.advert {
  font-size: 12px;
  margin: 0px;
  padding: 2px; }

#footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  padding: 25px; }
  #footer p {
    color: #999;
    font-size: .6em;
    text-align: center; }
  #footer a {
    color: #333; }
    #footer a:hover {
      text-decoration: none; }