/* ------------------ Page Layout ------------------- */

body {
  margin: 0;
  padding: 0;
  background: #77b797 url(../common/images/background.gif);
  font-family: arial, helvetica, serif;
  font-size: 12px;
  color: #000;
}
#page {  /* Page content is 760/950 pixels or 80% wide & centered in Browser */
  width: 950px;
  margin: 0 auto;
}
#header {
  width: 100%;
  margin-top: 5px; 
  border: solid 1px #666;
}
#subheader {
  width: 100%;
  margin-top: 5px; 
  border: solid 1px #666;
}
#header td { background: #374164 url(../common/images/title-bar.gif) repeat-x; }
#subheader td { background: #374164 url(../common/images/title-bar.gif) repeat-x; }
#columns {
  width: 100%;
  margin-top: 5px;
  background-color: #fff;
  border: solid 1px #666;
}
#footer {
  margin: 5px 0;
  background-color: #fff;
  border: solid 1px #666;
  font-size: 10px;
}

#main-col, #left-col, #right-col {
  border: solid 5px #fff;
  vertical-align: top;
}
#main-col {
  width: 100%;
  border-left: none;
}
#left-col { background-color: #0d5c83; }
#right-col { border-left: none; }

/* ------------ Naviagtion (Left Column) ------------ */

.left-item { /* Items in left column are 120 + margins = 130 pixels wide */
  width: 120px;
  margin: 5px;
  color: #fff;  
}
#menu ul {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
}
#submenu ul {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  text-transform: lowercase;
  list-style: none;
}
#menu ul li {
  padding: 10px 0;
  border-bottom: solid 1px #fff;
}
#menu ul li a {
  display: block;
  background: url(../common/images/arrow-white.gif) right no-repeat;
  color: #fff;
  text-decoration: none;
}
#menu a:hover, #menu a#current {
  background-image: url(../common/images/arrow-orange.gif);
  color: #f0a83a;
}
#submenu ul li {
  padding: 10px 0;
  border-bottom: solid 1px #A8A8A8 ;
}
#submenu ul li a {
  display: block;
  color: #A8A8A8 ;
  text-decoration: none;
}
#submenu a:hover, #submenu a#current {
  color: #f0a83a;
}
/* ------------- Content (Main Column) -------------- */

.main-item {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border: solid 1px #ba632b;
}
h2.plain, h2.seeds {
  margin: 0;
  border-bottom: solid 1px #ba632b;
  font-weight: bold;
  font-style: italic;
  color: #000;
  text-transform: uppercase;
}
h2.seeds {
  padding: 22px 0px 1px 6px;
  background: #eba036 url(../common/images/bun-seeds.gif) repeat-x;
  font-size: 14px;
}

/* --------- News ---------- */

.news, .pinned {
  margin: 8px;
  /*border-bottom: dashed 1px #666;*/
}
.news h3, .pinned h3 {
  margin: 0 0 2px 30px;
  font-size: 12px;
  /*color: #900;*/
}
.news h4, .pinned h4 {
  margin: 0 0 0 30px;
  font-size: 10px;
  color: #666;
}
.news .story, .pinned .story {
  margin: 5px 10px;
  line-height: 1.5em;
}
.news .article {
  margin: 5px 10px;
  text-align: justify;
  line-height: 1.7em;
}
.news { background: url(../common/images/news.gif) top left no-repeat; }
.pinned { background: url(../common/images/pin-green.gif) top left no-repeat; }

/* -------- Reviews -------- */

.review { margin: 10px 10px 20px 10px; }
.review h3 {
  margin: 3px 0;
  padding-bottom: 3px;
  border-bottom: solid 1px #000;
  font-size: 14px;
}
.review h3 span { font-size: 11px; }
.review h4 {
  margin: 0;
  font-size: 11px;
  color: #666;
}
.review .preview, .review .article, .review .comment {
  margin: 5px 10px;
  text-align: justify;
  line-height: 1.7em;
}
.review .article:first-letter {
  float: left;
  padding-right: 5px;
  font-family: times, serif, georgia;
  font-size: 50px;
  font-weight: bold;  
  color: #0d5c83;
  line-height: 35px;
}
.review .comment {
  margin-bottom: 10px;
  font-style: italic;
  font-weight: bold;
}
.review .thumb, .review .photo {
  float: right;
  margin: 0 10px 10px 10px;
  padding: 1px;
  border: solid 1px #000;
}
.review .ratings {
  margin: 10px auto;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  clear: both;
}
.review .ratings th {
  width: 70px;
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
}
.review .ratings td {
  font-size: 16px;
  font-weight: bold;
  color: #0d5c83;
  text-align: center;
}
.overall {
  margin: 0;
  font-weight: bold;
  color: #666;
}
.overall img { vertical-align: middle; }

/* --------- Polls --------- */

.poll p {
  margin: 10px 10px 0px 10px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #0d5c83;
  text-align: center;
}
.poll table {
  width: 50%;
  margin: 5px auto 10px auto;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.poll table th {
  font-weight: normal;
  text-align: left;
}
.poll table td { text-align: right; }

/* ------------------ Right Column ------------------ */

.right-item { /* Items in right column are 160 pixels wide */
  width: 160px;
  margin-bottom: 10px;
  border: solid 1px #ba632b;
}
h2.plain {
  padding: 12px 0px 1px 6px;
  background: #eba036 url(../common/images/bun-plain.gif) repeat-x;
  font-size: 12px;
}

/* ------ Leaderbaord ------ */

.leaderboard { margin: 10px; }

.leaderboard h3 {
  margin: 0;
  font-size: 12px;
}
.leaderboard h4 {
  margin: 0 0 0 10px;
  font-size: 11px;
  color: #666;
}
.leaderboard h4 em { color: #000; }

/* --- Poll (Vote Form) ---- */

#vote {
  margin: 0;
  padding: 10px;
  background-color: #e2e2e2;
}
#vote p {
  margin: 5px 0;
  font-weight: bold;
}
#vote .answer { padding: 3px 0; }
#vote input { margin: 0; }

/* --------------------- Links ---------------------- */

a {
  font-weight: bold;
  color: #0d5c83;
  text-decoration: none;
  outline: none;
}
a:hover { color: #f0a83a; }

a.button {
  margin: 0 3px;
  padding: 2px 5px 3px 5px;
  background: #374164 url(../common/images/button.gif) repeat-x;
  border: solid 1px #666;
  color: #c3c3c3;
}
a.button:hover {
  border: solid 1px #f0a83a;
  color: #f0a83a;
}
a.thumb:hover { background-color: #f0a83a; }

/* ------------------ Other Stuff  ------------------ */

.center { text-align: center; }

img { border: none; }

.info, .error {
  margin: 10px;
  font-size: 12px;
}
.info strong { color: #0d5c83; }
.error strong { color: #900; }

.pad {
  margin: 5px;
}