body, html { height: 100% }
body {color: #333; background: #dbeef8; font: 100% Verdana, sans-serif;line-height:1.125em;}
#main {width: 675px; margin-top: 4.6875em; margin-left:auto; margin-right:auto; position:relative;}

#frame {
background: transparent url(/i/frame.png) no-repeat;
width: 675px;
height: 439px;
}
#frame p { padding: 0.3125em 1.875em 0px 1.875em; }
#frame > p:first-child { padding-top: 2.5em; }
#frame div { padding: 1.875em 1.875em 0 1.875em; }
#frame div.hr {padding: 0; border-top: dashed 1px #dde5e9; border-bottom: dashed 1px #fff; height: 0; width: 673px; margin-left: 1px; margin-top: 2.1875em}

#logo {
display: block;
width: 191px;
height: 45px;
background: url("/i/codekio.png") no-repeat 0 0;
padding-bottom: 0.625em;
}

input {padding: 0; display: inline; font-size: 1em;}
#email {width: 550px; height: 25px; font-size: 1.3em; padding: 5px 0 5px 0; margin-top: 5px; vertical-align: top;}
#send {width: 50px; height: 50px;vertical-align: top; float: right}
small {font-weight: bold;}

div#msg  { display: none; margin-top: 10px; padding: 0.3125em 0.625em;}
.info { background-color: #6e5; border: dashed 1px #3c0 }
.warn { background-color: #fd5; border: dashed 1px #fa0 }
.err  { background-color: #fac7ae; border: dashed 1px #bb726f }