/* Common */
body,table,input,select,textarea { 
  font-family:Arial, sans-serif; 
  font-size:100%;
}

/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body {   
  color:#ac9f89;
  background:#fffee9 url('../images/i-happy-tree.gif') no-repeat 50% 100%;
}

p { 
  margin:1em 0; 
  font-size:0.75em;
}

a {
  color:#907f61;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#98cd03;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

h1 {
  font:normal normal 1.5em Arial, sans-serif;
  line-height:212px;
}

h2 {
  font:normal normal 1.25em Arial, sans-serif;    
}

/* Layout */

#constrain {
  width:960px;
  margin:0 auto;
  
}

#header {
  height:152px;
  margin:0 0 0 -160px;    
}

  #header img {  
    float:left;
  }

#content .fun-box {
  width:320px;
  float:left;
  background:transparent url('../images/i-snap-web-chat-bum.png') no-repeat left bottom;      
}
  
  #content .fun-box h2 {
    padding:45px 0 0 40px;
    color:#fff;
  }

  #content .fun-box-belly {
    background:transparent url('../images/i-snap-web-chat-belly.png') repeat-y;
    min-height:170px;  
  }
  
  #content .fun-box-head {
    height:78px;    
  }
  
  #content .webby .fun-box-head {
    background:transparent url('../images/i-webby-top.png') no-repeat;  
  }
  
  #content .snappy .fun-box-head {
    background:transparent url('../images/i-snappy-top.png') no-repeat;  
  }
  
  #content .chatty .fun-box-head {
    background:transparent url('../images/i-chatty-top.png') no-repeat;  
  }
  
  #content a.go-go-go-shiny {    
    display:block;
    margin:0 40px 18px auto;
    background:transparent url('../images/g-go-go-go-shiny-twotimes.gif') no-repeat right top;
    height:42px;
    width:80px;
  }
  
  #content a:hover.go-go-go-shiny {
    background-position:right -42px;
  }
  
  #content .fun-box textarea {
    width:240px;
    margin:20px 0 0 40px;
    border:#d5cfc4 solid 1px;
  }
  
  #content .fun-box input#image {
    width: 240px;
    margin: 20px 0 0 40px;
    border: #d5cfc4;
  }
  
  #content .go-go-go-shiny span {
    display:none;
  }
  
#footer {
  margin:0 0 0 20px;  
  height:310px;  
}

  #footer h2 {
    padding:20px 0 0 0;
  }

  #footer p {
    background-color: transparent;
    width: 400px;
  }

#content>p {
  margin:1em 0 1em 20px;
}

.back {
  background:transparent url('../images/g-back.png') no-repeat;
  position:absolute;
  top:0;
  left:20px;
  display:block;
  width:145px;
  height:168px;
}
p.tweet-url a {
  line-height: 20px;
  font-size: 25px;
}