html {
  /* height: 100%; margin-bottom: 1px;  Always show vertical scrollbar */
  overflow-y: scroll; /* always force a scrollbar in non-IE */
}

body {
  background: #000;
  color: #ddd;
  font: 82% "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  color: #eee;
  font-family: "Oswald", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 1.8em;
  margin: .75em 0;
}
h2 {
  font-size: 1.6em;
  margin: 1em 0 1em 0;
}
h3 {
  font-size: 1.4em;
  margin: 1em 0 1em 0;
}
#sidebar h2, #sidebar h3 {
  text-align: center;
}
h4 {
  font-size: 1.3em;
  margin: 1.5em 0 1em 0;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
}

p {
  font-size: 1em;
  line-height: 1.65em;
  margin: 1em auto 1.2em;
}

table {
  margin: 1em 0;
}
th, td {
  vertical-align: top;
}

acronym, abbr {
  border-bottom: 1px dotted;
  cursor: help;
  font-style: normal;
}

a, a:visited {
  color: #4E88F2;
}
a:hover, a:focus {
  color: #f8dd7f;
}

ol {
  list-style-type: decimal;
  margin: 1em 0 1.5em 2em;
}
ul {
  list-style-type: disc;
  margin: 1em 0 1.5em 2em;
}
li {
  margin: .3em 0;
  line-height: 1.65em;
}

#content hr {
  display: block;
}
#sidebar hr, hr {
  display: none;
}

h2.panel, h3.panel, h4.panel {
  background: #130900;
  background: -moz-linear-gradient(top, #2B1300, #130900);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B1300), to(#130900));
  margin: 1.2em 0 0;
  padding: 2px 5px;
}

.nobullet {
  list-style-type: none;
  margin-left: 0;
}

.clear {
  clear: both;
}

.credit {
  clear: both;
  color: #999;
  font-size: .95em;
  font-style: normal;
}

.divider-top {
  border-top: 1px dotted #222;
  clear: both;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.divider-bottom {
  border-bottom: 1px dotted #222;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}

p#back {
  border-top: 1px dotted #222;
  margin-top: 2em;
  padding-top: .5em;
}

p.navlink {
  margin-top: .1em;
}
#sidebar p.navlink {
  margin-left: 3px;
}

/* Header
------------------------------------------------------------------------- */

#header {
  background: url(/template/images/banner.jpg) center 0;
  position: relative;
}
.ie6 #header {
  height: 136px;
}
a#gohome {
  background: url(/template/images/banner.jpg) center 0;
  display: block;
  height: 135px;
  margin: 0 auto;
  overflow: hidden;
  width: 975px;
}

#navigation {
  background: url(/template/images/bg_nav-main4.png);
  bottom: 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  left: 0;
  position: absolute;
  width: 100%;
}
#navigation ul {
  list-style-type: none;
  margin: 0 auto;
  overflow: hidden;
  text-align: center; /* used to center navbar */
  width: 960px;
}
#navigation ul li {
  display: inline; /* used to center navbar */
  line-height: normal;
  margin: 0;
  text-indent: 0;
}
#navigation ul a {
  border: solid #333;
  border-width: 0 1px 0 0;
  color: #bbb;
  display: inline-block; /* used to center navbar */
  font-size: 1em;
  padding: 5px 10px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#navigation ul li:first-child a {
  border-left: 1px solid #333;
}
#navigation ul a:hover, #navigation ul a:focus {
  color: #FFF;
}
#navigation ul strong a {
  color: #FFF;
  font-weight: bold;
}


/* Content
------------------------------------------------------------------------- */

#wrapper {
  position: relative;
}

#content {
  margin: 0 auto;
  overflow: hidden;
  padding: 1em 0 .75em 15px;
  width: 975px;
}


/* Print sale
------------------------------------------------------------------------- */

#printsale {
  background: #9999bb; /* Old browsers */
  background: -moz-linear-gradient(top, #9999bb 0%, #8685a3 40%, #707289 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9999bb), color-stop(40%,#8685a3), color-stop(100%,#707289)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9999bb 0%,#8685a3 40%,#707289 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9999bb 0%,#8685a3 40%,#707289 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9999bb 0%,#8685a3 40%,#707289 100%); /* IE10+ */
  background: linear-gradient(top, #9999bb 0%,#8685a3 40%,#707289 100%); /* W3C */
  
  background: #83c783; /* Old browsers */
  background: -moz-linear-gradient(top, #83c783 0%, #52b152 19%, #007c00 72%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83c783), color-stop(19%,#52b152), color-stop(72%,#007c00)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #83c783 0%,#52b152 19%,#007c00 72%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #83c783 0%,#52b152 19%,#007c00 72%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #83c783 0%,#52b152 19%,#007c00 72%); /* IE10+ */
  background: linear-gradient(top, #83c783 0%,#52b152 19%,#007c00 72%); /* W3C */
}
#printsale p {
  width: 960px;
  margin: 0 auto;
  padding: 1px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
}
#printsale p span {
  font-weight: normal;
  text-transform: uppercase;
}
#printsale p a {
  color: #fff;
}
.order strike {
  font-weight: normal;
  color: #c33
}
#shopnow {
  font-size: 1.5em;
}

/* Side nav
------------------------------------------------------------------------- */

.subnav {
  font-family: "Lucida Grande", Verdana, sans-serif;
  list-style-type: none;
  margin: 3em 0 2em 0;
}
.subnav ul {
  border-top: 1px solid #202020;
  list-style-type: none;
  margin: 0;
}
.subnav li {
  border-bottom: 1px solid #202020;
  margin: 0;
}
.subnav li:last-child {
  border: 0;
}
.subnav li li {
  border-color: #181818;
  border-style: dotted;
}
.subnav li li:last-child {
  border: 0;
  margin-bottom: 1em;
}

/* top-level links */
.subnav a, .subnav span {
  color: #ddd;
  display: block;
  font-size: 1.25em;
  height: 17px;
  margin: 0;
  padding: 7px 2px 8px 2px;
  text-decoration: none;
}

/* child links */
.subnav ul a, .subnav ul span { 
  color: #ccc;
  display: block;
  font-size: 12px;
  height: auto;
  line-height: 1.4;
  margin: 0;
  padding: 6px 2px;
  text-decoration: none;
}

/* unlinked child elements */
.subnav ul span { 
  color: #656565;
  text-decoration: none;
}

/* selected top level / child links */
.subnav strong a, .subnav strong span, .subnav strong a:hover, .subnav strong a:focus {
  background: url(/template/images/bg-sidenav.gif) repeat-x #00388D;
  color: #fff;
  font-weight: normal;
}
.subnav a:visited {
  color: #ddd;
}
.subnav strong a:visited {
  color: #fff;
}

/* top-level links / unlinked top-level elements with selected child */
.subnav a.child-sel, .subnav span.child-sel {
  background: none;
}

.subnav a:hover, .subnav a:focus, .subnav a.child-sel:hover, .subnav a.child-sel:focus {
  color: #fff;
  background: #181818;
  background: -moz-linear-gradient(top, #181818, #232323);
  background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#232323));
}

.ie7 .subnav strong { /* remove 'phantom' top margin */
  display: block;
  margin: 0;
}


/* Share links
------------------------------------------------------------------------- */

#share {
  overflow: hidden;
  margin: 0 auto;
  padding: 2em 0 0;
  width: 960px;
}

#share p, #share a {
  line-height: 1.3em;
}
#share p {
  float: left;
  margin: 0 8px 0 0;
}

#share ul {
  float: left;
  list-style: none;
  margin: 0;
}
#share li {
  float: left;
  margin: 0 15px 0 0;
}

#share a {
  background: url('/template/images/icons-sprite.png') no-repeat;
  color: #ccc;
  display: block;
  height: 16px;
  padding-left: 20px;
  outline: 0;
  text-decoration: none;
}
#share a:hover {
  text-decoration: underline;
  color: #fff;
}
#share .facebook a {
  background-position: 0 -32px;
}
#share .twitter a {
  background-position: 0 -80px;
}
#share .googlemarks a {
  background-position: 0 -128px;
}
#share .stumbleupon a {
  background-position: 0 -224px;
}
#share .delicious a {
  background-position: 0 -176px;
}
#share .digg a {
  background-position: 0 -320px;
}
#share .email a {
  background-position: 0 -368px;
}
#share .googlereader a {
  background-position: 0 -656px;
}
#share .yahoobuzz a {
  background-position: 0 -752px;
}
#share .messenger a {
  background-position: 0 -272px;
}


/* Footer
------------------------------------------------------------------------- */

#footer {
  background: url(/template/images/tear.gif) repeat-x #181818;
  clear: both;
  color: #999;
  padding-top: 23px;
}

#footer .container {
  background: #181818;
  margin: 0 auto;
  overflow: hidden;
  padding: .5em 0 1.5em 15px;
  width: 975px;
}
#footer .column {
  padding-bottom: 1.5em;
}

#footer h4 {
  border-bottom: 1px dotted #303030;
  clear: both;
  color: #ccc;
  font: normal 1.35em Georgia, "Times New Roman", Serif;
  letter-spacing: .2em;
  margin: 2.6em 0 .8em 0;
  text-transform: uppercase;
}
#footer p {
  font-size: 1em;
  line-height: 1.5;
  margin-top: .25em;
}
#footer a {
  color: #bbb;
  font-weight: bold;
}
#footer a:hover, #footer a:focus {
  color: #eee;
}
#footer ul {
  list-style-type: none;
  margin: 0;
}

#meta {
  padding-bottom: 1.8em;
  position: relative;
}
#meta li, #popular li {
  float: left;
  margin: 0;
  padding-right: 1em;
}
#popular li {
  white-space: nowrap;
}

#meta li#pageviews {
  color: #888;
  font-size: .85em;
  padding-right: 0;
  position: absolute;
  right: 15px;
  top: 0;
}

#subscribe {
  margin-right: 0;
}
#subscribe h4 {
  margin-right: 15px;
}
#subscribe li {
  float: left;
}
#subscribe a {
  color: #ddd;
  display: block;
  font-size: 1.15em;
  height: 32px;
  line-height: 1.1;
  margin-right: 15px;
  padding-left: 40px;
  text-decoration: none;
  width: 270px;
}
#subscribe a:hover, #subscribe a:focus {
  color: #fff;
}
#subscribe a:hover em, #subscribe a:focus em {
  color: #aaa;
}
#subscribe a em {
  color: #999;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: .75em;
  line-height: 1.3;
}
#subscribe .feeds a {
  background: url(/template/images/icons-sprite.png) 0 -528px no-repeat;
}
#subscribe .twitter a {
  background: url(/template/images/icons-sprite.png) 0 -48px no-repeat;
}
#subscribe .facebook a {
  background: url(/template/images/icons-sprite.png) 0 0 no-repeat;
}

#share, #popular {
  overflow: hidden;
}

#share p, #share a {
  line-height: 1.2;
}
#share li {
  float: left;
  margin: 0 16px 12px 0;
}
#share a {
  background: url('/template/images/icons-sprite.png') no-repeat;
  display: block;
  height: 16px;
  padding-left: 20px;
  outline: 0;
}
#share a:hover {
  text-decoration: underline;
}
#share .facebook a {
  background-position: 0 -32px;
}
#share .twitter a {
  background-position: 0 -80px;
}
#share .googlemarks a {
  background-position: 0 -128px;
}
#share .stumbleupon a {
  background-position: 0 -224px;
}
#share .delicious a {
  background-position: 0 -176px;
}
#share .digg a {
  background-position: 0 -320px;
}
#share .email a {
  background-position: 0 -368px;
}
#share .googlereader a {
  background-position: 0 -656px;
}
#share .yahoobuzz a {
  background-position: 0 -752px;
}
#share .messenger a {
  background-position: 0 -272px;
}

#adsense {
  border-top: 1px dotted #111;
  clear: left;
  margin: 0 auto 0;
  padding: 2.5em 0 .5em 0;
  text-align: center;
}

#rainbow {
  background: url(/template/images/rainbow75.png);
  height: 4px;
}


/* Image list
------------------------------------------------------------------------- */

.imagelist {
  list-style: none;
  margin: 0;
  overflow: visible;
}

.imagelist li {
  border-top: 1px dotted #222;
  clear: left;
  margin: 0;
  overflow: hidden;
  padding: 1.6em 0;
}
.imagelist li:first-child {
  border: 0;
}

.imagelist img {
  float: left;
  margin-right: 15px;
}

/* title */
.imagelist h2, .imagelist h3, .imagelist h4 {
  margin: 0;
}
.imagelist > span, .imagelist > a, .imagelist h2 a, .imagelist h3 a, .imagelist h4 a {
  display: block;
  font-size: 1em;
}

/* content */
.imagelist p {
  margin: .8em 0;
}
.imagelist li > p {
  margin-top: .5em;
}

/* nested <ul>'s */

.imagelist ul {
  float: left;
  padding: 0 0 0 1.3em;
}
.imagelist ul li {
  border: 0;
  list-style: disc;
  margin: .25em 0;
  overflow: hidden;
  padding: 0;
}


/* Link list
------------------------------------------------------------------------- */

.linklist {
  list-style-type: none;
  margin: 2em 0 0;
}
.linklist h3, .linklist h4 {
  font: 1.3em "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin-bottom: 0;
}
.linklist p {
  margin-top: .4em;
}


/* Text list
------------------------------------------------------------------------- */

.textlist {
  list-style-type: none;
  margin: 0;
}

.textlist li {
  border-top: 1px dotted #222;
  margin: 0;
  padding: 1.2em 0;
}
.textlist li:first-child {
  border: 0;
}
.textlist ul li {
  border: 0;
  padding: 0;
}

/* title */
.textlist h3, .textlist h4 {
  font: 1.3em "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  margin: 1em 0;
}


/* Form controls
------------------------------------------------------------------------- */

form td, form th {
  margin: 0;
  padding: 0 .5em 1px 0;
  vertical-align: top;
}
form td {
  text-align: left;
}
form th {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 2px;
  text-align: right;
}
form th span {
  font-size: .9em;
  font-weight: normal;
}

form #comment {
  width: 98%;
}

.form-box {
  background-color: #111;
  border: 1px #222 solid;
  border-bottom-color: #333;
  border-right-color: #333;
  color: #CCC;
  font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 1px;
  padding: 5px 4px;
  z-index: 100;
}
.form-box:focus {
  background-color: #222;
  border-color: #888 #ccc #ccc #888;
  color: #fff;
}

#dosearch, #addcomment {
  color: #000;
  font: bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: .6em 0 0 1px;
}

label {
  cursor: pointer;   /* 6th Gen Browsers use this (important: declare this first) */
  cursor: hand;      /* Older Browsers use this (important: declare this second) */
}

input#search {
  width: 70%;
}


/* Tooltip
------------------------------------------------------------------------- */

#tooltip {
  background-color: #ccc;
  border: 1px solid #999;
  max-width: 300px;
  opacity: 0.88;
  padding: 3px 5px;
  position: absolute;
  z-index: 1000;
}
#tooltip, #tooltip h3 {
  color: #000;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#tooltip h3 {
  font-weight: bold;
}
#tooltip h3, #tooltip div { 
  margin: 0;
}


/* Search & 404: Error Pages
------------------------------------------------------------------------- */

.error404 h1, .search h1 {
  font-size: 2.1em;
  text-align: left;
}


/* HTML5 Boilerplate
------------------------------------------------------------------------- */

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
  
/* webkit browsers add a 2px margin outside the chrome of form elements */ 
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE:  www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
 
/* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
 
/* Hide only visually, but have it available for screenreaders  www.webaim.org/techniques/css/invisiblecontent/ ; &  j.mp/visuallyhidden ; */
.visuallyhidden { position: absolute !important;   
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); 
}
 
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }


/* Print styles
------------------------------------------------------------------------- */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #navigation { display: none; }
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com)
------------------------------------------------------------------------- */

@font-face {
    font-family: 'Oswald';
    src: url('/template/fonts/oswald/oswald-webfont.eot');
    src: url('/template/fonts/oswald/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('/template/fonts/oswald/oswald-webfont.woff') format('woff'),
         url('/template/fonts/oswald/oswald-webfont.ttf') format('truetype'),
         url('/template/fonts/oswald/oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}