/* main.css - all content pages */

/* primary layout sections */

body {
  background: #F5F5F5;
  /*padding: 2% 5% 7% 7%;*/
  margin: 0px;
  font-family:sans-serif;
  color: black;
  }

/*
#wrapper {
  width: 100%;
  overflow: auto;
  }
*/

#sidebar {
  float: left;
  padding-top: 1em;
  font-size: large;
  color: #000000;
  width: 25%;
  overflow: hidden;
  }

body.artsy {
  /*background-repeat: no-repeat;*/
  background-repeat: repeat-x;
  background-position: center top;
  }

.artsy #wrapper {
  background-image: url(gradient2.png);
  background-repeat: repeat-x;
  background-position: center top;
  padding: 1em;
  margin: auto;
  /*-moz-border-radius: 3em 3em;
  border-radius: 3em 3em;*/
  }

/* per page backgrounds */
#homepage { background-image: url(banner-glacier.jpg); }
/*#homepage #wrapper { background-image: url(gradient1.png); }*/
#homepage-vote { background-image: url(banner-crater.jpg); }
#flashlights { background-image: url(banner-e21.3.webp); }
#flashlights #wrapper { background-image: None; }
#flashlights-vote { background-image: url(banner-shenandoah.jpg); }
#flashlights-typo { background-image: url(banner-canyon.jpg); }
#flashlights-faq { background-image: url(banner-teton.jpg); }
#flashlights-faq #wrapper { background-image: url(gradient1.png); }

#multitools { background-image: url(banner-utica.2.jpg); }
#multitools #wrapper { background-image: None; }
#knives { background-image: url(banner-bushcraft.jpg); }
#watches { background-image: url(banner-reefgear1.jpg); }
#batteries { background-image: url(banner-18650.2.jpg); }
#batteries #wrapper { background-image: None; }
#sleepingbags { background-image: url(banner-arizcamp.2.jpg); }
#sleepingbags #wrapper { background-image: None; }
#multimeters { background-image: url(banner-meter.jpg); }
#chargers { background-image: url(banner-charge.jpg); }
#sleepingpads { background-image: url(banner-mpollak.2.jpg); }
#sleepingpads #wrapper { background-image: None; }
#glass { background-image: url(banner-glass.jpg); }
#glass #wrapper { background-image: None; }

h2 {
  padding: 0em;
  margin: 0em 0em 1em 0em;
  text-align: center;
  /*text-shadow: 0.1em 0.1em 0.2em white;*/
  }

.header {
  padding: 0em;
  margin: 0em 0em 0em 0em;
  text-align: center;
  line-height: 3em;
  /*text-shadow: 0.1em 0.1em 0.2em white;*/
  }

.subhead1 {
  display: inline-block;
  font-weight: bold;
  color: gray;
  font-size: 1em;
  vertical-align: middle;
  line-height: 3em;
  /*position: absolute;*/
  /*top: 50%;*/
  margin-bottom: 1.5em;
  width: 40%;
  text-align: right;
  }

.subhead1 a {
  color: gray;
  text-decoration: none;
}

.subhead2 {
  display: inline-block;
  font-size: 3em;
  width: 40%;
  text-align: left;
  }

#sponsor {
  text-align: center;
  margin: 0 0 1em 0;
  color: #333;
}

#extras {
  /*position: absolute;*/
  /*left: 10%;*/
  text-align: center;
  margin: 0 0 2em 0;
}

#extras a {
  color: #333;
  text-decoration: none;
  margin: 0 2em 0 2em;
  margin: 2em;
}

h3 {
  padding: 1em 0em 0em 0em;
  }

/* main menu */
#categories ul {
  margin: 0;
  padding: 0;
  margin-left: 5em;
  margin-bottom: 3em;
  list-style-type: none;
  text-align: left;
}

#categories ul li {
    display: inline;
    white-space: nowrap;
    line-height: 2em;
}

#categories ul li a {
  text-decoration: none;
  padding: .2em 0.75em;
  margin: 0.5em;
  color: #F5F5F5;
  background-color: #134;
}

#categories ul li a:hover {
  color: #F5F5F5;
  background-color: #268;
}

#categories ul li a:active {
  color: #F5F5F5;
  background-color: #39C;
}

#categories li.first {
  font-weight: normal;
}

/* sidebar news */
#news {
  float: right;
  width: 20%;
  font-size: smaller;
  margin: 0em 0em 2em 2em;
  padding: 1em;
  /*padding-bottom: 10em;*/
  height: 15em;
  overflow: hidden;
  color: #F5F5F5;
  background: #8AB;
  background: rgba(16, 48, 64, 0.5);
}

#news ul {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
}

#news li {
  padding: 0.5em 0em;
  padding-left: 1em;
  text-indent: -1em;
}

#news li.first {
  font-weight: bold;
}

/* paragraph types */

p {
  padding: 0em 5em;
  margin: 1em;
}

#heading {
  text-align: center;
  }

#heading a:link    { text-decoration: none; color: #000000; }
#heading a:visited { text-decoration: none; color: #000000; }
#heading a:hover   { text-decoration: none; color: #6060C0; }
#heading a:active  { text-decoration: none; color: #000000; }

#subheading {
  text-align: center;
  }

#footer {
  text-align: center;
  padding:  3em 0em 1em 0em;
  }

#ama_notice {
  text-align: center;
  padding:  1em 0em 1em 0em;
  font-size: 85%;
  width: 50%;
  margin: 0 auto;
  }

.smaller {
  /*font-size: smaller;*/
  font-size: 75%;
  }

.smallprint {
  font-size: 75%;
  color: gray;
  text-align: center;
  }

em {
  font-style: italic;  
  }

.hanging {
  margin: 1em 0em 0em 1em;
  text-indent: -1em;
  }

.center {
  text-align: center;
  clear: both;
  }

.right {
  /* clear: both; */
  float: right;
  }

.left {
  /* clear: both; */
  float: left;
  }

.clear {
  clear: both;
  height: 0px;
  }

.backwards {
  unicode-bidi: bidi-override;
  direction: rtl;
  }

.hidden {
  visibility: hidden;
  display: none;
  }

.email span {
  visibility: hidden;
  display: none;
}

#attribution {
  position: absolute;
  top: 0em;
  right: 0em;
  font-size: x-small;
  padding: 0.2em;
  color: #888;
  background: #AAA;
  background: rgba(255, 255, 255, 0.5);
}

#attribution a { text-decoration: none; color: #888; }

#vote ul {
  list-style-type: none;
  padding: 0em 5em;
  margin: 1em;
}

#vote textarea {
  padding: 0em;
}

#qa ul {
  list-style-type: none;
  padding: 0em 5em;
  margin: 1em;
}

#qa li .q {
  font-size: larger;
  font-weight: bold;
}

#qa li .a p {
  padding: 0em;
}

#qa .math {
  font-style: italic;
}

/* yucky custom multi_widget overrides */

#flashlights #ptrek_widget_brand {
    -webkit-columns: 6 9em;
    -moz-columns: 6 9em;
    columns: 6 9em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_brand li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_type {
    -webkit-columns: 6 8em;
    -moz-columns: 6 8em;
    columns: 6 8em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_type li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_led_color {
    -webkit-columns: 5 8em;
    -moz-columns: 5 8em;
    columns: 5 8em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_led_color li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_switch {
    -webkit-columns: 5 7em;
    -moz-columns: 5 7em;
    columns: 5 7em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_switch li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_color {
    -webkit-columns: 5 5em;
    -moz-columns: 5 5em;
    columns: 5 5em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_color li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_material {
    -webkit-columns: 5 9em;
    -moz-columns: 5 9em;
    columns: 5 9em;
    text-align: left;
    padding-left: 7%;
}

#flashlights #ptrek_widget_material li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#flashlights #ptrek_widget_features ul {
    -webkit-columns: 4 21em;
    -moz-columns: 4 21em;
    columns: 4 21em;
    text-align: right;
    /*padding-left: 7%;*/
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

#flashlights #ptrek_widget_features p {
    display: inline-block;
    width: 20em;
    padding: 0;
    margin: 0 2em 0 0;
}

#batteries #ptrek_widget_brand {
    -webkit-columns: 6 9em;
    -moz-columns: 6 9em;
    columns: 6 9em;
    text-align: left;
    padding-left: 7%;
}

#batteries #ptrek_widget_brand li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#multitools #ptrek_widget_color {
    -webkit-columns: 6 5em;
    -moz-columns: 6 5em;
    columns: 6 5em;
    text-align: left;
    padding-left: 7%;
}

#multitools #ptrek_widget_color li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#chargers #ptrek_widget_brand {
    -webkit-columns: 6 10em;
    -moz-columns: 6 10em;
    columns: 6 10em;
    text-align: left;
    padding-left: 7%;
}

#sleepingpads #ptrek_widget_brand {
    -webkit-columns: 6 12em;
    -moz-columns: 6 12em;
    columns: 6 12em;
    text-align: left;
    padding-left: 7%;
}

#sleepingpads #ptrek_widget_brand li {
    display: inline-block;
    width: 90%;
    padding: 0;
    margin: 0;
}

#content.blog {
  padding: 0em 7em;
}

#content.blog div.title {
  font-weight: bold;
  color: gray;
  font-size: 2em;
  padding: 0em 0em;
  margin: 1em;
  text-align: center;
}

#content.blog div.pubdate {
  padding: 0em 7em;
  margin: 1em;
  text-align: center;
  font-size: 0.8em;
  color: #222;
}

#content.blog ul {
  padding: 0em 7em;
  margin: 1em;
}

#content.blog blockquote {
  /*display: inline-block;
  float: right;
  width: 30%;*/
  background-color: #BBB;
  padding: 0.2em 0em;
  margin: 0em;
  font-size: 0.8em;
}

#content.blog blockquote p {
  padding: 0em;
}

#content.blog p {
  padding: 0em 1em;
  margin: 1em;
}

#patreon {
  position: absolute;
  border: 3em solid;
  width: 0;
  height: 0;
  border-left-color: #A00;
  border-right-color: transparent;
  border-top-color: #A00;
  border-bottom-color: transparent;
  text-decoration: none;
  text-align: center;
}

#patreon div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) translate(0%, -75%);
}

#patreon a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

/* mobile last */
@media only screen and (max-width: 900px) {
.artsy #wrapper {
    padding: 0em;
}

#categories {
    padding-top: 2em;
}
}