Mark Shirley on "[Plugin: Contact Form 7] CF7 styling in WP Twenty Twelve Theme"

the css I ended using for css to straighten things out is below its from the link provided by yourself. Seems there's a few bits need sorting with css out of the box.

/* CF7  */

.wpcf7
{
    background-color: RED;
    border: 2px solid #0f0;
    WIDTH: 400PX;
    padding: 15px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
}

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
    padding: 5px !important;
}

button, input, textarea {
    border: 2px solid #CCCCCC !IMPORTANT;
    border-radius: 3px 3px 3px 3px;
    font-family: inherit;
    padding: 0.428571rem;
    max-width: 100%;
}

/*======THIS DIV NEEDS TO WRAP THE FORM=========*/
#contact-form-wrapper {
    margin-top: -30px;
    width: 90%;
}