/*
John Futrell
Vicious Cycles Stylesheet
*/

/*Style rules body*/
body {
    background-color: slategray;
}

/*Style rules header*/
header {
    margin: 1em 1em;
}
header img {
    width: 35%;
    max-width: 100%;
    float: left;
    display: block;
    padding-top: 1em;
}

/* Style rules nav */
nav {
    float: right;
    width: 60%;
}
nav ul {
    text-align: right;
    list-style: none;
}
nav li {
    display: inline-block;
    border: 3px solid black;
    background-color: rgb(168, 116, 20);
}


nav li a {
    padding: 1em 1em;
    text-align: center;
    font-size: 1.8em;
    text-decoration: none;
    color: rgb(65, 63, 63);
}


/*Style rules main*/
main {
    clear: left;
    padding: 2%;
    text-align: left;
}


main img {
    max-width: 100%;
    height: auto;
    width: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.tagline {
    text-align: left;
    font-size: 1.5em
}
main h2 {
    text-align: center;
    font-size: 2em;
}

/*Style rules for footer*/

footer {
    clear:both;
    text-align: center;
}

footer .logo {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    height: 3em;
    width: 3em;
}


/*Style rules for services page*/

#customize, #tuneup, #tripplanning {
    width: 29%;
    float: left;
    margin: 1% 2%;
    text-align: center;
}

/*Style rules for products page*/

#newbikes, #usedbikes, #accessories, #sales {
    width: 20%;
    float: left;
    margin: 1% 2%;
    text-align: center;
}

/*Style rules for about page*/
article {
    background-color: lightslategray;
    border: .1em solid black;
}

/*Style rules for contact page*/
main p {
    text-align: left;
}

#address {
    padding-top: 2em;
    padding-left: 20em;
    text-align: center;
}

#address p {
    font-size: 1.5em;
    text-align: left;
}

#contactimg {
    float: left;
    max-width: 45%;
    height: auto;
    margin-right: 2em;
}
/*Style rules for form page*/

.blockfield {
    display: block;
}

textarea {
    width: 40%;
    
}

#feedbacktext {
    width: 100%;
}

.inlinefield {
    display: inline-block;
}
fieldset {
    width: 100%;
}

/*Style rules for owner page*/

#ownerphoto {
    float: right;
    max-width: 45%;
    height: auto;
    margin-right: 2em;
}

main #ownerbio {
    float: left;
    max-width: 45%;

}