LRGI contact form

by Koubenec

HTML

<form class="parent">
    <div class="formline"><div class="fieldname">NAME:</div><input class="formbox" type="text" name="firstname"><br></div><div class="fieldname">EMAIL:</div><input class="formbox" type="text" name="lastname"><br><div class="fieldname">MESSAGE:</div><input class="formbox" type="text" name="lastname">
</form>

CSS

.parent {
    width: 673px;
    background-color: #824c24;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fieldname {
    float: left;
    font-family: 'jump_startregular';
    color: #fff;
}

.formline {
    padding-top: 5px;
    padding-bottom: 5px;
}

.formbox {
    border-bottom: 2px solid #fff;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #824c24;
}

@font-face {
    font-family: 'jump_startregular';
    src: url('http://www.neemainternational.org/wp-content/uploads/fonts/jstart-webfont.eot');
    src: url('http://www.neemainternational.org/wp-content/uploads/fonts/jstart-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.neemainternational.org/wp-content/uploads/fonts/jstart-webfont.woff') format('woff'),
         url('http://www.neemainternational.org/wp-content/uploads/fonts/jstart-webfont.ttf') format('truetype'),
         url('http://www.neemainternational.org/wp-content/uploads/fonts/jstart-webfont.svg#jump_startregular') format('svg');
    font-weight: normal;
    font-style: normal;