/* type selectors */
article, aside, figure, footer, header, nav, section {
    display: block;
}
body {
    font-family: Georgia, serif;
    margin: 0 auto;
    padding:0;
    background-color: rgba(151,181,211, .5);
}

h1 {
	font-family: Geneva, sans-serif;
    font-size: 32px;
    color:rgba(240,240,240, .7);
}
h4{
    line-height: 1px;
    font-family: Geneva, sans-serif;
    color: rgba(193,108,193,.75);
    font-weight: 700;
}
section{
    margin:10px auto 10px auto;
    width:600px;
    padding:10px;
    background-color: rgba(150,210,150, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;

}

label {
	float: left;
    width: 11em;
    text-align: right;
}
input {
    width: 12em;
    margin-left: 1em;
    margin-bottom: .5em;
}
span {
	color: red;
}

input#join {
    padding:5px 15px;
    background-color:rgba(0,0,250,.7);
    color: rgb(255,255,255);
    font-size: 16px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:130px;
    }
input#reset {
    padding:5px 15px;
    background-color:rgba(0,0,250,.5);
    color: rgb(255,255,255);
    font-size: 16px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:130px; }

input#join:hover,input#reset:hover
        {
            background-color: rgb(0,0,0);
        }

label.error {
    float: none;
    color: #A947A9;
    font-size: 87.5%;
    margin-left: .5em;
    font-family: Geneva, sans-serif;

}
dd {
    color: #777;
}

a {
    display: block;
    text-align: center;
}