@charset "utf-8";
/* CSS Document */

/*Selector {declaration property: declaration value;*/
*{box-sizing:border-box;}
body {background-color: #3F2860;
    color:#40407A;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}
    
    #wrapper{width:80%;
        margin-right:auto;
        margin-left:auto;
        background-color: #F5F5F5;
        min-width: 1200px; max-width: 1480px;}
    header {background-color: #80CBC4; 
        background-image: url("images.lilyheader.jpg");
        height: 150px;
        background-repeat: no-repeat;
        background-position: right;}
header a {text-decoration: none;}
header a:link {color: #40407A;}
header a:visited {color:#40407A;}
header a:hover {color:#FFFFFF;}
    h1{padding-top: 50px;
        padding-left: 2em;}

    nav { font-weight: bold; padding: 1em; width: 160px; float: left;}

    /*Descendant Selector - specify an element within the context of it's container (parent) element*/
    
    nav a {text-decoration: none; display: block; text-align: center; border: 3px outset gray; padding:1em; margin-bottom: 1em;}
nav a:link {color: #3f2860;}
nav a:visited {color: #497777;}
nav a:hover{color: #A26100; border: 3px inset #333333;}

nav ul {padding-left: 0px; list-style-type:none;}
    .studio {font-style:italic;}

    main {padding: 1em 2em 0em 2em; margin-left: 170px}

    .floatleft {float:left; margin-right: 4em; margin-bottom: 1em;}
    .clear {clear:both;}
    #hero {padding: 1em 0em 1em 0em;}
    .onethird {float: left; width: 33%; padding-left: 2em; padding-right: 2em;}
    .onehalf {float: left; width: 50%; padding-left: 2em; padding-right: 2em;}
    footer {background-color: #80CBC4; font-size: .60em; font-style:italic; text-align: center; padding:1em;}