html {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #555555;
  height: 100%;
  font-family: Verdana, Helvetica, Arial;
}

#container {
  text-align: center;
  height: 100%;
  min-height: 100%;
}

h1 {
  margin: 0px;
}

#content {
  clear: both;
  width: 950px; 
  margin: 0px auto 0px auto;
  padding: 10px;
  background-color: white;
}

#maincontent {
  position: absolute;
  margin-left: 220px;
  margin-top: 20px;
  width: 390px;
  background-color: #FFFFFF;
  border: 1px solid black;
  text-align: left;
  padding: 10px;
}

#maincontent img.logo {
  margin-bottom: 10px;
}

#header {
  background-image: url("/images/snowboard.jpg");
  width: 950px;
  height: 342px;
  text-align: left;
}

#links {
  padding-top: 165px;
}

div.howitworks {
  margin-left: 9px;
}

div.followontwitter {
  margin-left: 5px;
}

div.sendatweet {
  margin-left: 9px;
}

div.fedbyyou a {
  display: block;
  width: 165px;
  height: 85px;
  background-image: url("/images/fedbyyou.png");    
}

div.fedbyyou a:hover {
  background-image: url("/images/fedbyyou_over.png");    
}

div.howitworks a {
  display: block;
  width: 96px;
  height: 28px;
  background-image: url("/images/howitworks.png");    
}

div.howitworks a:hover {
  background-image: url("/images/howitworks_over.png");    
}

div.followontwitter a {
  display: block;
  width: 128px;
  height: 28px;
  background-image: url("/images/followontwitter.png");    
}

div.followontwitter a:hover {
  background-image: url("/images/followontwitter_over.png");    
}

div.sendatweet a {
  display: block;
  width: 97px;
  height: 26px;
  background-image: url("/images/sendatweet.png");    
}

div.sendatweet a:hover {
  background-image: url("/images/sendatweet_over.png");    
}

#bluestripe {
  background-color: #417DA8;
  padding: 10px;
  margin-top: 10px;
  min-height: 250px;
}

#feeders {
  float: left;  
  text-align: left;
  width: 200px;
}

#feeders img.header {
  margin-bottom: 10px;
}

#feeders a {
  margin: 0px 10px 10px 0px;
  border: 2px solid #444444;
  float: left;
}

#feeders a:hover {
  border: 2px solid #89B2CE;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}

div.rightad {
  float: right;  
/*  background-color: #CCCCCC;*/
  width: 300px;
  height: 250px;
}

#snowreport {
  text-align: left;
  margin-top: 10px;
  background-image: url("/images/snowflakes.jpg");
  background-position: top;
  padding: 9px; 
  border: 1px solid #EDEDED;
}

#snowreport a {
  color: #732C0D;
  text-decoration: none;
}

#snowreport a:hover {
  text-decoration: underline;
}

#snowreport h3 {
  margin: 0px;
  margin-bottom: 10px;
}

div.tweet {
  font-size: 0.8em;
  background-color: #EEEEEE;
  margin-bottom: 10px;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}

div.tweetcontent {
  padding: 10px;
  background-image: url("/images/postback.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  border-bottom: 0px;
  min-height: 55px;
}

div.tweet p {
  margin: 0px;
}

div.tweet p.text a {
  color: #333333;
}

div.tweet p.text a:hover {
  color: #417DA8;
  text-decoration: none;
}

p.tweep {
  color: #888888;
}

img.tweepthumb {
  width: 50px;
  float: left;
  margin: 0px 10px 10px 0px;
}

div.tweepcontent {
  background-color: black;
  color: white;
  padding: 5px;
  clear: both;
}

div.tweepcontent a {
  color: white;
}

div.tweepcontent a:hover {
  color: #C3E4F3
}

#overlay p {
  margin-top: 0px;
}

a.close {
  display: block;
  height: 100%;
  width: 31px;
  height: 31px;
  background-image: url("/images/closebutton.png");
}

a.close:hover {
  background-image: url("/images/closebutton_over.png");
}

#resortlist {
  width: 200px;
  font-size: 0.8em;
}

div.dropdown {
  padding: 3px;
  border: 1px solid #999999;
  cursor: pointer;
  margin-bottom: 4px;
  color: #732C0D;
}

div.dropdown:hover {
  border: 1px solid black;
  background-image: url("/images/downarrow.png");
  background-position: right center;
  background-repeat: no-repeat;
}

div#resortlist p {
  margin: 0px;
}

div.details_inner {
  padding: 3px;
  padding-top: 0px;
}

p.updated {
  margin: 0;
  font-size: 0.8em;
  color: #666666;
  margin-bottom: 10px;
}
