@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}

.form {
    display: block;
    margin-top: 10px;
}

label {
    margin-top: 20px;
    padding-top: 20px;
}

.msg {
    color:green;
}

.error {
    color:red
}

h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}

hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}

#login {
width:300px;
float:left;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}

input[type=text],input[type=password],input[type=email] {
    width:99.5%;
    padding:5px;
    margin-top:8px;
    border:1px solid #ccc;
    border-radius:3px;
    padding-left:5px;
    font-size:16px;
    font-family:raleway
}

input[type=submit] {
    width:200px;
    background-color:#FFBC00;
    color:#fff;
    border:2px solid #FFCB00;
    padding:5px;
    font-size:20px;
    cursor:pointer;
    border-radius:5px;
    margin-top:8px;
    margin-bottom:15px
}

#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}

#logout {
float:right;
padding:5px;
border:dashed 1px gray
}

a {
text-decoration:none;
color:#6495ed
}

i {
color:#6495ed
}