@media screen and (-webkit-min-device-pixel-ratio:0) { 
  html {
    margin-left: 1px;
 }
}

.wide body {
    background: white url(../img/background.png) repeat-y 50% 0;
    background-image: url(../img/background-home.png),url(../img/starring.png);
    background-repeat: repeat-y, repeat; 
}
.wide body.homepage {
    background-image: url(../img/background-home.png), url(../img/starring.png);
    background-repeat: repeat-y, repeat; 
}
p, ul, ol, a {
    font-family: Georgia, "Times New Roman", Times, serif;
}
a, a:active, a:visited {
    color: #068068;
    text-decoration: none;
}
a:hover {
    color: #068068;
    text-decoration: underline;
}
blockquote {
   padding-left: 1em;
   padding-right: 1em;
   border-left: 3px solid #ccc;
}
#header-container {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 1em;
}

#header {
  text-align: center;
  background-color: #648f86;
  margin: 0;
}
#footer {
    margin-top: 1em;
    height: 2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: white;
    padding-top: .5em;
    text-align: center;
}
#footer-afterspace {
   background-color: white;
   height: 1em;
}
h3 {
  color: #444;
  font-size: 3em;
}
h3, h3 a {
  font-family: 'Yanone Kaffeesatz', serif;
}
p, ol, ul {
    font-size: 1.2em;
    margin-bottom: 1em;
}
#disqus_thread li {
    font-size: .842em;
}
.jump a {
  float: right;
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 1.5em;
}
.aggregator {
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 1.3em;
}
.date {
  font-family: 'Yanone Kaffeesatz', serif;
  font-variant: small-caps;
  font-size: 1.8em;
  margin-bottom: .5em;
}
.date a {
  font-family: 'Yanone Kaffeesatz', serif;
  font-variant: small-caps;
}
.pagination a {
  font-family: 'Yanone Kaffeesatz', serif;
}
.pagination p {
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 2em;
  margin-bottom: .5em;
}
.previous {
    text-align: left;
    width: 45%;
}
.next {
    text-align: right;
    width: 45%;
    float: right;
}
#sidebar .header {
    margin-bottom: -.5em;
}
hr {
    width: 75%;
}
.squaread {
    border: 1px dotted #222;
    padding: 1em 25px;
    margin-bottom: 1em;
    text-align: center;
}
.skyscraper-right {
    float: right;
}
.elsewhere-box h3 {
    margin-bottom: .5em;
}
.elsewhere-box a {
  font-family: 'Yanone Kaffeesatz', serif;
}
.elsewhere-box p {
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 1.5em;
  margin-bottom: .5em;   
}
.elsewhere-box p.jump {
  margin-bottom: 0;
}
.comment-count a {
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 1.3em;
  margin-bottom: .5em;  
}
.other_posts a {
  font-family: 'Yanone Kaffeesatz', serif;
  font-size: 1.5em;
}
.wide .sticky {
    position: fixed;
    top: 4px;
}
#nav {
    width: 1000px;
    height: 44px;
    margin: 0;
}
#nav li {
    float: left;
    list-style: none;  
}
#nav li a.topmenu {
    float: left;
    display: block;
    text-indent: -9999px;
    height: 44px;
    background: url(../img/nav-bar.png?v=2) no-repeat top left;
}
#nav .left-filler {
    width: 0px;
    height: 44px;   
    background: url(../img/nav-bar.png?v=2) no-repeat top left;
    background-position: 0px 0px;
}
#nav .nav-tools a.topmenu {
    width: 83px;
    background-position: 0px 0px;
} 
#nav .nav-tools a.topmenu:hover {
    background-position: 0px -44px;
} 
#nav .nav-features a.topmenu {
    width: 111px;
    background-position: -83px 0px;
} 
#nav .nav-features a.topmenu:hover {
    background-position: -83px -44px;
} 
#nav .nav-lowdown a.topmenu {
    width: 126px;
    background-position: -194px 0px;
} 
#nav .nav-lowdown a.topmenu:hover {
    background-position: -194px -44px;
}
#nav .nav-comments a.topmenu {
    width: 123px;
    background-position: -320px 0px;
} 
#nav .nav-comments a.topmenu:hover {
    background-position: -320px -44px;
}
#nav .nav-elsewhere a.topmenu {
    width: 128px;
    background-position: -443px 0px;
} 
#nav .nav-elsewhere a.topmenu:hover {
    background-position: -443px -44px;
}
#nav .nav-about a.topmenu {
    width: 93px;
    background-position: -571px 0px;
} 
#nav .nav-about a.topmenu:hover {
    background-position: -571px -44px;
}
#nav .filler {
    width: 336px;
    height: 44px;   
    background: url(../img/nav-bar.png?v=2) no-repeat top left;
    background-position: -664px 0px;
    text-align: right;
}
#search-box {
    float: right;
    height: 18px;
    position: relative;
    top: 7px;
}
#search-box input {
    border: 0;
    margin: 8px 1em 0 0;
}
.filler img {
    margin: 8px .5em 0 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.advertorial {
    background: white url(../img/advertorial.png) repeat-y 50% 0;
}
.dsq-widget p {
    font-size: .8em;
}


.basictable {
    margin-bottom: 1em;
}
.basictable th {
    text-align: center;
    padding: .5em;
    border: 1px solid black;
}
.basictable td {
    text-align: left;
    padding: .5em;
    border: 1px solid black;
}
.basictable tr:nth-child(even) {
    background-color: #eee;
}




.weather #content h1 {
  color: #231f20;
  font-size: 3em;
  font-family: 'Yanone Kaffeesatz', serif;
  letter-spacing: 2px;
}
.weather #content h2 {
  color: #231f20;
  font-size: 2.5em;
  font-family: 'Yanone Kaffeesatz', serif;
  letter-spacing: 2px;
  margin-bottom: .5em;
}
.weather #content h3 {
  color: #231f20;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', serif;
  letter-spacing: 2px;
}

.weather #content .current-conditions .temp {
  color: #231f20;
  font-size: 7em;
  font-family: 'Yanone Kaffeesatz', serif;
  float: left;
  margin: 0;
  width: 45%;
  text-align: right;
}
.weather #content .current-conditions .data {
  color: #231f20;
  font-size: 1.5em;
  font-family: 'Yanone Kaffeesatz', serif;
  float: right;
  text-align: left;
  width: 45%;
  margin: 0;
  margin-top: 1em;
  letter-spacing: 1px;
}
.weather #content .attribution {
  clear: both;
  width: 100%;
  text-align: right;
  margin-top: 2em;
}
.weather #content .forecast-item {
  margin-bottom: 2em;
}
.weather #content .forecast-item h3 {
  margin-bottom: .5em;
}
.weather #content .forecast-item img {
  float:left;
  margin-left: 3%;
  max-width: 20%;
  display: block;
}
.weather #content .forecast-item .forecast-data {
  float:left;
  margin-left: 3%;
  width: 30%;
}
.weather #content .forecast-item .forecast-data p {
  margin-bottom: 0;
}
.weather #content .forecast-item .forecast-discussion {
  float: right;
  margin-right: 3%;
  width: 40%;
}
.weather #content .weather-warnings {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #e00404;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e00404), to(#fac3c3)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e00404, #fac3c3); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #e00404, #fac3c3); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #e00404, #fac3c3); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #e00404, #fac3c3); /* Firefox 16+, IE10, Opera 12.50+ */
 -webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.photo-frame {
     padding-bottom: 1em;
     margin-bottom: 1em;
}
.photo-frame img {
    margin-top: 1em;
    margin-bottom: 1em;    
    -webkit-box-shadow: 0px 0px 12px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 12px 0px #000;
}
.caption {
    width: 530px;
    margin: 0 auto;
    margin-bottom: 1em;
    text-align: right;
    padding: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
    -moz-box-sizing: border-box; /* Firefox 1+ */
    background: rgb(255, 215, 0) transparent; /* default fallback */
    background: rgba(255, 215, 0, 0.8); /* nice browsers */
    border-radius: .5em;
    -webkit-border-radius: .5em;
}
.caption p {
    .9em;
}
.election-table {
    width: 100%;
}
.election-table th {
   background-color: #eee;
}
.election-table th, .election-table td {
   padding: 5px;
}
.election-table tr:nth-child(odd) td {
   background-color: #ddd;
}
.election-table tr:nth-child(even) {
   background-color: #ccc;
}
.election-table td:nth-child(2), td:nth-child(3) {
    text-align: right;
    width: 25%;
}
#comment-toggler {
    box-sizing: border-box;
    margin-bottom: 1em;
}
#comment-toggler h6 {
    font-family: 'Yanone Kaffeesatz', serif;
    letter-spacing: 1px;
    font-size: 2em;
    letter-spacing: 1px;
    margin-bottom: .5em;
}
#comment-toggler div {
    box-sizing: border-box;
    height:40px;
    line-height:35px;
    border: 3px #000 solid;
    margin-bottom: 2em;
}
#comment-toggler div.active {
    border: 3px #068068 solid;
}

.mug {
    float:right;
    margin-left:1em;
    margin-bottom:1em;
    max-width: 45%;
}
.mug img {
    max-width:100%;
    display: block;
}

.weedtable {
    width:100%;
    font-family: 'Yanone Kaffeesatz', serif;
    margin-bottom:1em;
}
.weedtable td {
    text-align: center;
    color: #222;
}
.weedtable-head {
    font-size: 2em;
    background-color: #eee;
}
.weedtable .weedtable-subhead td {
    font-size: 1.66em;
    font-weight: bold;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-top: .2em;
}
.weedtable .weedtable-data td {
    font-size: 1.66em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: .2em;
}


@media (min-width: 768px) {
  .bubble { position: relative; background: #fff; border: 10px solid #f53b5a; padding:12px;} 
  .bubble:after, .bubble:before { right: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bubble:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } .bubble:before { border-color: rgba(245, 59, 90, 0); border-right-color: #f53b5a; border-width: 29px; margin-top: -29px; }
}
@media (max-width: 768px) {
  .bubble { position: relative; background: #fff; border: 10px solid #f53b5a; padding:12px;} 
  .bubble:after, .bubble:before { top: 100%; left: 70%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bubble:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } .bubble:before { border-color: rgba(245, 59, 90, 0); border-top-color: #f53b5a; border-width: 29px; margin-left: -29px; }
}