body {
  color: #333;
  background-color: #cfd0d0;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a { color:#61861e;text-decoration:underline; }
a:focus, a:hover { color:#7a9942;text-decoration:none; }
#TagCloud a { color:#61861e; }
#TagCloud a:hover { color:#7a9942; }

.container {
  width: 835px;
  margin-bottom: 20px;
}

.content {
  float: left;
  margin-right: 25px;
  width: 620px;
}

.content-main {
  float: left;
  background-color: #fff;
  padding: 15px;
  width: 590px;
}

.content-sub {
  float: left;
  background-color: #eeefef;
  padding: 15px;
  width: 590px;
}

.content-sub hr.space {background:#eeefef;color:#eeefef;}

.content-foot {
  float: left;
  color: #eeefef;
  background-color: #58585a;
  font-size: 0.8em;
  padding: 5px 15px;
  width: 590px;
  margin-top: 20px;
}

.content-foot a {color:#eeefef;}
.content-foot a:hover {color:#eeefef;}

#header {
  background-color: #58585a;
  padding-left: 10px;
  width: 825px;
}

#logo {
  display: inline;
}

#nav {
  float: right;
}

img.inline {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}

h1, h2, h3 {
  font-weight: normal;
  color: #666;
}

#forum_product {
  line-height: 1.5;
  color: #333;
  font-size: 95%;
}

#forum_product img {
  float: left;
  margin: 0 10px 10px 0;
}

#forum_product .discount {
  margin-top: 10px;
}

#forum_product .description {
  margin-top: 6em;
}

#forum_product table.list {
  width: 100%;
}

.box {
  margin: 0;
  color: #999;
  padding: 15px;
  background-color: #eeefef;
  border-bottom: 1px solid #ccc;
}

.box.last {
  margin-bottom: 25px;
}

.box input {
  width: 150px;
}

.title {
  font-size: 1.8em;
  line-height: 1;
  margin: 0;
}

.big {
  font-size: 1.2em;
  line-height: 1;
}

.price {
  margin: 0 10px 5px 0;
  font-size: 2.5em;
  font-weight: bold;
  float: left;
}

.discount {
  margin-top: 10px;
  font-size: 1em;
  line-height: 1;
  float: left;
}

.highlight {
  background-color: #ff6;
}

#inventory-total {
  clear: both;
  margin-bottom: 5px;
  font-size: 1.2em;
  height: 75px;
}

#inventory-selection {
  padding-top: 1em;
  height: 57px;
}

.price-small {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
}

.comment {
  margin-bottom: 1em;
  padding: 0.5em;
}

.thanks {
  margin-top: 0.5em;
  background-color: #C3D9FF;
}

.alt {
  background-color: #eee;
}

ol.sep li, ul.sep li {
  margin-bottom: 1.6em;
}

.star {
  font-weight: bold;
  color: #f00;
}

/* tee */
.tee {
  padding: 15px;
  background-color: #eeefef;
}

.tee h3 {
  margin-bottom: 0.5em;
}

.tee a {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1;
  text-decoration: none;
  color: #666;
}

.tee a:hover {
  text-decoration: none;
  color: #666;
}

.tee .price-small {
  font-size: 1.3em;
  margin-bottom: 0;
}

/* blog */
.blog-entry {
  margin-bottom: 3em;
}

.blog-entry .footer {
  font-size: 0.8em;
  font-weight: bold;
  margin-top: 1.6em;
  border-top: 1px solid #E5ECF9;
}

/* thumbnails */
.thumbnail {
  float: left;
  width: 50px;
  padding: 0;
  margin: 2px;
  border: 3px solid #eeefef;
  cursor: pointer;
}

.thumbnail:hover, .thumbnail.current {
  border: 3px solid #ffc220;
}

.thumbnail img {
  margin: 0;
  padding: 0;
}

/* forms */
input, textarea, select {margin:0 0 0.5em;border:1px solid #bbb;vertical-align: middle;}
input.noborder { border: none; }
td input, td textarea, td select {margin-bottom:0;}
input:focus, textarea:focus, select:focus {border:1px solid #666;}

/* tables */
table { border-collapse: collapse; }

table th {
  background-color: #d0d1d1;
}

table.list { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
table.list th, table.list td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

table.list { border: none; width: 590px; }

table.list th, table.list td {
  padding: 0.4em 0.4em 0.2em 0.4em;
  vertical-align: top;
}

table.list tr.last th, table.list tr.last td {
  border-bottom: none;
}

table.list th.last, table.list td.last {
  border-right: none;
}

table.embed { width: auto; margin: 0; padding: 0; }
table.embed td, table.embed th { border: 0; padding: 0 6px 2px 2px; }
table.embed th { background: none; font-weight: normal; font-style: italic; }

table.options { width: auto; margin: 0 0 0.5em 0; padding: 0; }
table.options th, table.options td { padding: 0 5px 0 0; line-height: 1; }

/* buttons */
button {
  margin: 0.5em 0;
  border:1px solid #666;
  border-top:1px solid #999;
  border-left:1px solid #999;
  background-color:#666;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#eeefef;
  cursor:pointer;
}

button:hover {
  color: #ffc220;
  background-color:#454546;
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .container button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button.bright {
  color: #333;
  background-color: #ffc220;
}

button.bright:hover {
  color: #333;
  background-color: #ffb418;
}

/* tabs */
ul.tabs { margin: 0; padding: 0; display: block; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }

/* nav */
ul#nav { padding: 10px 0; }
ul#nav.tabs li { border: none; border-left: 1px solid #ccc; text-align: center; line-height: 1; }
ul#nav.tabs li a { padding: 18px 15px; color: #eeefef; text-decoration: none; font-weight: bold; }
ul#nav.tabs li a:hover { color: #ffc220; }
ul#nav.tabs li a span { font-family: Georgia, "Times New Roman", serif; font-weight: normal; line-height: 1; font-style: italic; }

ul#nav.tabs li.first { border: none; }
ul#nav.tabs li.current a { color: #ffc220; }

/* sidenav */
ul.sidenav { margin: 0 0 25px 0; }
ul.sidenav li { list-style: none; margin: 0; display: inline; /* IE fix vertical space */ }
ul.sidenav li a { display: block; margin: 0; padding: 0.2em 0.8em; background: #666; color: #eeefef; text-decoration: none; font-weight: bold; border-bottom: 1px solid #929293; }
ul.sidenav li a:hover { background: #454546; color: #ffc220; text-decoration: none; }
ul.sidenav li.bright a { color: #333; background-color: #ffc220; }
ul.sidenav li.bright a:hover { color: #333; background-color: #ffb418; }

ul.sidenav li a span {
  color: #ccc;
  font-size: 75%;
  padding-left: 4px;
}
