main.css

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);


.delete {
    position: absolute;
    left: 165px;
    background-image: url("/img/delete.png");
    width: 16px;
    height: 16px;
    top: -1px;
}
.errorBorders{
    border:solid 2px red;
}

.messageView:nth-child(even){
    -o-transform:rotate(4deg++);  
    -webkit-transform:rotate(4deg); 
    -moz-transform:rotate(4deg);  
}

#messageBox{
min-height:300px;
  
    
}

.message_p{
    text-align:center;
    font-size: 15px;
    word-wrap:break-word;
    font-family: "Reenie Beanie", arial, sans-serif;
    font-size: 180%;
}
.messageView{
    float:left;
    background-color:#FFC;
    width:180px;
    height:auto;
    min-height:150px;
    margin:10px auto 5px 20px;
    overflow-x:hidden;
    position:relative;
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 7);
     box-shadow: 5px 5px 7px rgba(33, 33, 33, 7);
    
}

input[name=formbtn]{
position:relative;
left:82%;
}

#messageText{
margin:10px 0px 0px 10px;
width:95%;
max-width:550px;    

      
}
#nameText{
margin:1px 0px 0px 200px;
width:55%;
max-width:400px
  
}
#emailText{
margin:1px 0px 0px 200px;
width:55%;
max-width:400px;   
  
}
#infobox{
    position:relative;
    top:-4px;
    left:12px;
    border:solid;
    border-width:1px;
    background-color:white;
    width:150px;
    text-align:center;
 
}

form {
margin: -19px 0 0 ;

}
#form{
   
    border:solid;
    border-width:1px;
    min-height:130px;
    width:500px;
    background-color:white;
    overflow:visible;
    margin:0 auto;
    
}


*{
    margin:0px;
    padding:0px;

}
html{
height:100%
}

body{
height:100%;
background-color:green;
}

#wrapper{

width:100%;
height:100%;
}
h1.white{
    position:releative;
    text-align:center;
    color:white;
}