/* layout.css */

#layout {
  width: 754px;
  margin: 0 auto;
  padding: 0;
  background-color: #1b0a0b;
  text-align: left;
}

#header {
  background-color: #1b0a0b;
  background-image: url(/images/header_bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  width: 754px;
  height: 245px;
  margin: 0;
  padding: 0;
}

#header h1, #header h1 a {
  display: block;
  width: 754px;
  margin: 0;
  padding: 0;
  height: 157px;
}

#header h1 a span {
  display: none;
}

#mainNavigation {
  list-style-type: none;
  margin: 40px 0 0 0;
  padding: 0 20px;
  width: 714px;
  height: 3.2em;
  background-color: transparent;
}

#mainNavigation li {
  list-style-type: none;
  display: inline;
  margin: 0 1.65em 0 0;
}

#mainNavigation li.last {
  margin-right: 0;
}

#mainNavigation li a {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #cdcccc;
  text-decoration: none;
}

#mainNavigation li a:link, #mainNavigation li a:visited {
  text-decoration: none;
  color: #cdcccc;
}

#mainNavigation li a:focus, #mainNavigation li a:hover, #mainNavigation li a:active {
  text-decoration: underline;
  color: #f2ad41;
}

/*
#mainNavigation li ul {
  padding-bottom: 1px;
  background-color: #cccccc;
}

#header ul.navigation li a {
}

#header ul.navigation li a:link, #header ul.navigation li a:visited {
  text-decoration: none;
  color: #006600;
}

#header ul.navigation li a:focus, #header ul.navigation li a:hover, #header ul.navigation li a:active {
  text-decoration: none;
  color: #006600;
}

#header ul.navigation li.selected a:link, #header ul.navigation li.selected a:visited, #header ul.navigation li.selected a:focus, #header ul.navigation li.selected a:hover, #header ul.navigation li.selected a:active {
  text-decoration: none;
}
*/

#sidebar {
  float: right;
  width: 192px;
  height: auto;
  margin: 20px 20px 20px 0;
  padding: 0;
}

#sidebar div.snippets {
  background-position: 50% 6px;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0 0 20px 0;
}

#sidebar div.snippets div.top {
  width: 192px;
  height: auto;
  background-image: url(/images/snippets-top_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
}

#sidebar div.snippets div.bottom {
  width: 172px;
  height: auto;
  background-image: url(/images/snippets-bottom_bg.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 10px;
}

#sidebar div.snippets blockquote, #sidebar div.snippets blockquote div {
  background-color: transparent;
  margin: 0;
  padding: 5px;
}

#content {
  width: 502px;
  margin: 0;
  padding: 20px;
  background-color: #1b0a0b;
  color: #e5dcbc; /* #8d866f; */
  text-align: left;
}

#content.wide {
  width: 714px;
}

.halfLeft, .halfRight {
  float: left;
  width: 335px;
  min-height: 687px;
  border: 1px solid #edab42;
  padding: 5px;
}

.halfLeft {
  margin: 0 20px 0 0;
}

.halfLeft h3, .halfRight h3 {
  margin: 5px -5px;
  padding: 5px;
  background-color: #c70460;
  color: #ffffff;
}

.halfLeft h3.first, .halfRight h3.first {
  margin-top: -5px;
}

.halfLeft h3 a:link, .halfLeft h3 a:visited, .halfLeft h3 a:focus, .halfLeft h3 a:hover, .halfLeft h3 a:active, .halfRight h3 a:link, .halfRight h3 a:visited, .halfRight h3 a:focus, .halfRight h3 a:hover, .halfRight h3 a:active {
  text-decoration: none;
  color: #ffffff;
}

.halfLeft hr {
  clear: both;
}

.halfLeft .thumbnail.right {
  width: 100px;
  border-style: none;
  border-width: 0;
}

.halfLeft ul.social, .halfLeft ul.social li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.halfLeft ul.social li {
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px dotted #edab42;
}

.halfLeft ul.social li.first {
  border-top-width: 0;
  border-top-style: none;
}

.halfLeft ul.social li p.tweet, .halfLeft ul.social li p.post {
  margin: 0 0 10px 0;
  padding: 0;
}

.halfLeft ul.social li p.timestamp {
  text-align: right;
  font-size: 80%;
  margin: 0;
}

.halfLeft p.follow, .halfRight p.follow {
  margin: 10px 0 0 0;
  padding: 5px;
  font-size: 125%;
  background-color: #edab42;
}

.halfLeft p.follow a {
  display: block;
  background-position: left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 24px;
}

.halfRight p.follow {
  margin: 0;
}

.halfRight p.follow a {
  display: block;
  margin: 0;
  padding: 0;
}

.halfLeft p.follow a:link, .halfLeft p.follow a:visited, .halfLeft p.follow a:focus, .halfLeft p.follow a:hover, .halfLeft p.follow a:active, .halfRight p.follow a:link, .halfRight p.follow a:visited, .halfRight p.follow a:focus, .halfRight p.follow a:hover, .halfRight p.follow a:active {
  color: #1b0a0b;
}

.halfLeft p.follow a.twitter {
  background-image: url(/images/twitter.png);
}

.halfLeft p.follow a.facebook {
  background-image: url(/images/facebook.png);
}

.divAlignLeft {
  float: left;
  width: 200px;
  margin: 0 5px 5px 0;
  padding: 5px;
  font-size: 11px;
  border-right: 1px dotted #edab42;
}

.divAlignCenter {
  width: auto;
  height: auto;
  margin: 0 0 5px 0;
  padding: 5px;
  font-size: 11px;
  border-width: 1px 0;
  border-style: dotted;
  border-color: #edab42;
  text-align: center;
}

.divAlignRight {
  float: right;
  width: 200px;
  margin: 0 0 5px 5px;
  padding: 5px;
  font-size: 11px;
  border-left: 1px dotted #edab42;
}

.divAlignLeft h4, .divAlignRight h4 {
  font-size: 13px;
  margin:0;
  border-bottom: 1px dotted #ffffff;
}

.divAlignLeft dl, .divAlignRight dl {
  margin:0;
}

.divAlignLeft dd, .divAlignRight dd {
  margin: 0 0 0 15px;
}

.divAlignLeft dt, .divAlignLeft dd, .divAlignRight dt, .divAlignRight dd, .divAlignLeft td, .divAlignRight td, .divAlignLeft th, .divAlignRight th {
  font-size: 11px;
}

.thumbnail {
  float: left;
  text-align: center;
  padding: 5px;
  margin: 0 10px 10px 0;
  width: 150px;
  height: 181px;
  border: 1px dotted #edab42;
  background-color: #1b0a0b;
}

.thumbnail.right {
  float: right;
  height: auto;
  margin: 0 0 10px 10px;
}

.thumbnail h4 {
  font-size: 110%;
  margin: 0;
  border-width: 0;
  border-style: none;
  text-align: left;
}

.thumbnail h4 a:link, .thumbnail h4 a:visited, .thumbnail h4 a:focus, .thumbnail h4 a:hover, .thumbnail h4 a:active {
  color: #edab42;
  text-decoration: none;
  height: 40px;
}

.thumbnail a {
  display: block;
  height: 60px;
  margin: 5px auto;
}

.thumbnail a.more {
  height: auto;
}

.thumbnail.right a {
  display: inline;
  height: auto;
  margin: 0;
}

.thumbnail p, .thumbnail dl {
  text-align: left;
}

.thumbnail form {
  width: 130px;
  min-width: 130px;
  max-width: auto;
}

.thumbnail .prices {
  width: 40%;
  margin: 10px 5px 5px 5px;
  padding: 5px;
  float: left;
  border-right: 1px dotted #edab42;
}

.thumbnail .purchase {
  width: 40%;
  margin: 5px;
  padding: 5px;
  float: left;
}

.thumbnail .purchase input.inputImage {
  border: 2px outset #edab42;
}

.thumbnail img {
  border: 1px solid #edab42;
}

.video {
  margin: 10px 0;
  padding: 5px;
  background-color: #edab42;
  text-align: center;
}

.video a {
  margin: 0;
  padding: 0 0 0 29px;
  background-image: url(/images/icon-video.png);
  background-position: left;
  background-repeat: no-repeat;
}

.video, .video a:link, .video a:visited, .video a:focus, .video a:hover, .video a:active {
  color: #000000;
}

#homeBody .divAlignLeft {
  width: 162px;
  padding: 0;
  margin: 0 0 10px 10px;
}

#homeBody .divAlignLeft {
  border-width: 0;
  border-style: none;
}

#homeBody .divAlignLeft.first {
  margin: 0 0 10px 0;
}

#homeBody .divAlignLeft .thumbnail {
  float: none;
  margin: 0 0 10px 0;
}

ul.paging {
  width: 665px;
}

ul.paging li {
  list-style-image: none;
  list-style-type: none;
  display: inline;
  padding: 0 5px 0 0;
}

ul.paging li.selected {
  font-weight: bold;
}

#footer {
  clear: both;
  width: 714px;
  padding: 8px 20px;
  margin: 0;
  color: #3e2f2a;
  font-size: 10px;
  background-color: #1b0a0b;
  background-image: url(/images/footer_bg.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, a:active {
  text-decoration: underline;
  color: #3e2f2a;
}

#footer ul.navigation {
  width: auto;
  height: 10px;
  padding: 2px 0 10px 0;
  margin: 0 0 8px 0;
  list-style-type: none;
  text-align: center;
}

#footer ul.navigation li {
  display: inline;
  list-style-type: none;
  margin: 0 16px 0 0;
  padding: 0 16px 0 0;
}

#footer ul.navigation li.last {
  background-image: none;
  padding: 0;
  margin: 0;
}

#footer #copyright {
  float: left;
  width: 60%;
  height: auto;
}

#footer #powered {
  float: left;
  width: 60%;
  height: auto;
}

#footer #legal {
  float: right;
  text-align: right;
  width: 39%;
  height: auto;
}