* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 11px;
}

a img { border: none; }

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #ee281f;
}

img, object {
  display: block;
}

.clear {
  clear: both;
}

#page-wrapper {
  width: 700px;
  margin: 0 auto;
}

#header {
  height: 102px;
  background: url('/images/dotted.gif') repeat-x bottom;
  margin-bottom: 14px;
}

#logo {
  width: 170px;
  float: left;
  margin-top: 24px;
}

#navigation {
  width: 530px;
  float: left;
}

#navigation ul {
  margin-top: 82px;
  list-style: none;
  float: right;
  height: 17px;
}

#navigation li {
  float: left;
  margin-left: 10px;
}

#footer {
  height: 107px;
  background: url('/images/footer-bg.gif') repeat-x bottom;
  margin-bottom: 10px;
  padding-top: 1px;
}

#copy {
  margin-bottom: 30px;
}

#footer-weather {
  width: 207px;
  float: left;
}

#footer-webcam {
  width: 114px;
  float: left;
}

#footer-sotw {
  width: 207px;
  float: left;
}

#footer-static {
  width: 172px;
  float: left;
}

#footer-static ul {
  list-style: none;
}

#footer .inner {
  margin: 10px;
}

#footer .head {
  margin-bottom: 7px;
}

#webcam-image {
  width: 94px;
}

#footer-static .inner {
  padding: 10px;
  margin: 0;
  width: 152px;
  height: 88px;
}

#footer-static li {
  margin-bottom: 2px;
}

#article-text {
  background: url('/images/bg.gif') repeat-y;
  padding: 20px;
}

#article-left {
    float: left;
    width: 440px;
    margin-right: 20px
}

#article-right {
    float: left;
    width: 200px;
}

#links-left,
#links-right {
    float: left;
    width: 282px;
}

#links-left ul,
#links-right ul {
    list-style: none;
}

#links-left li,
#links-right li {
    margin-bottom: 4px;
}

#article-right img {
    float: left;
    margin: 0 4px 4px 0;
}

.post {
  background: url('/images/dotted.gif') repeat-x bottom;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.post.last {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.post .image {
  width: 120px;
  float: left;
}

.post .content {
  width: 500px;
  float: left;
  
}

.metadata {
  font-size: 10px;
  color: #888;
  margin-bottom: 2px;
}

.text {
  line-height: 16px;
}

#footer-sotw .image {
  width: 69px;
  float: left;
}

#footer-sotw .content {
  width: 117px;
  float: left;
}

.shaper {
  width: 310px;
  float: left;
  margin: 0 20px 20px 0;
}

.shaper .image {
  width: 110px;
  float: left;
}

.shaper .content {
  float: left;
  width: 200px;
}

p {
  margin-bottom: 10px;
}

.weather-item {
    float: left;
    width: 60px;
    text-align: center;
    margin-top: 10px;
}

.weather-item .image img {
    display: inline;
}

.weather-item .image {
    height: 40px;
}

.weather-item .caption { color: #999; }

.weather-item .caption.today { color: #000; font-weight: bold; }

#article-text.gallery h3 { margin-bottom: 10px; }

#article-text.gallery .images { margin-bottom: 15px; }

#article-text.gallery .image { float: left; margin: 0 8px 8px 0 }

#copy { text-align: center; }
#copy img { display: inline; }

#navigation img,
#logo img { display: inline; }

.pagination { margin: 10px 0 10px 0; }