/***************************************************
  Coding Guidelines 
    - set default sytle
    - layout divs
    - html elements/general element style
    - classes
    
    for each group ...
    x {
      
    }

    and everything is put in alpha order

******************************************************/

/* Set default style */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

body {
  font: 62.5%/1.4 "trebuchet MS", verdana, helvetica, sans-serif;  
  /* font: 62.5%/1.5 "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; */
  background: url(../img/wall-bg.jpg) 0 0 repeat;
  min-width: 1024px;
  text-align: center;
  padding: 0px 0px;

}

a img,:link img,:visited img { 
  border: none; 
}

ul,ol { 
  list-style:none; 
}

/* layout divs */

#content {
  font-family: "Comic Sans", "Comic Sans MS", cursive;
  overflow: hidden;
  padding: 5px 15px;
  position: absolute;
  left: 141px;
  top: 155px;
  width: 455px;
}

#footer {
  background: url(../img/construction-paper-bg-top.png) 0 0 no-repeat;
  overflow: hidden;
  position: absolute;
  top: 700px;
  left: 25px;
  width: 215px;
  padding: 10px 0px 0px 0px;
}

#postit {
  height: 220px;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  left: 688px;
  text-align: center;
  top: 191px;
  width: 202px;
}

#poloriod {
  background: #ffffff;
  padding: 10px;
  position: absolute;
  left: 670px;
  top: 460px;
}

#wrapper {
  padding: 150px 0px;
  position: relative;
  margin: 0px auto;
  width: 1024px;
  text-align: left;
}

#uber-wrapper {
  background: url(../img/body-bg.jpg) 50% 0 no-repeat;
  margin: 0px auto;
  height: 800px;
  width: 100%;
}

/* html elements style */
a {
  text-decoration: none;
}

#menu a, #footer a {
  color: /*#252525;*/ #ffffff;
  font-weight: bold;
}

dd {
  display: inline;
  font-size: 1.4em;
  padding-bottom: 5px;
  margin-left: 5px; 
}

dt {
  color: #e00000;
  display: inline;
  font-size: 1.8em;
  font-weight: bold;
}

h1 {
  font-size: 2.2em;  
}
   
h2 {
  color: #252525; 
  font-size: 2.1em;    
  font-weight: normal;
  margin: 0px;
  padding: 5px;
}

h3 {
  font-size: 2.0em;
}

h4 {
  font-size: 1.6em;    
}
    
h5 {
  font-size: 1.4em;    
}

img {
 
}

#poloriod img {
  border: 1px solid #a6a8ad;
}

input {

}
  #commentform input#submit {
  }

  #searchform input#s {
  }

li {
  font-size: 1.4em;
  margin-bottom: 15px;
  padding-left: 25px;
  max-width: 70px;
}

li.pink {
  background: url(../img/pink-tab-bg.png) 0 0 repeat-y;
  border: 1px solid #ee7deb;
}

li.green {
  background: url(../img/green-tab-bg.png) 0 0 repeat-y;
  border: 1px solid #88c300;
}

li.blue {
  background: url(../img/blue-tab-bg.png) 0 0 repeat-y;
  border: 1px solid #678be6;
}

p {
  font-size: 1.2em;    
}

  #footer p {
    background: url(../img/construction-paper-bg-bottom.png) 0 100% no-repeat;
    color: #ffffff;
    font-size: 1.2em;
    margin: 0px;
    padding: 0px 20px 10px 20px;
  }

  #poloriod p {
    max-width: 300px;
  }

textarea {}
  textarea#comment {
    border: 1px solid #6199ed;
    margin: 2px 0px;
    width: 468px;
  }

ul {
  overflow: hidden;
  position: absolute;
  top: 125px;
  left: 20px;
  width: 350px;
}

/* classes */

.clear {
  clear:both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    margin: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */