@charset "utf-8";
/* CSS Document */
/* Selector {declaration property: declaration value;*/
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: 1000px; max-width: 1280px;}

header{background-color: #80CBC4; 
    background-image: url("images/lilyheader.jpg");
height: 150px;
background-repeat: no-repeat;
background-position: right;}

h1 {padding-top: 50px;
    padding-left: 2em}

nav {text-align: center; font-weight: bold; padding:1em;}

/* Descendant Selector - specify an element within the context of it's cotainer (parent) element*/
nav a {text-decoration: none;}

.studio {font-style: italic;}

main {padding: 0 2em;}
img {padding: 0 1em;}
#hero {text-align: center;}

footer {background-color: #80CBC4; font-size: .60cm; font-style:italic; text-align: center; padding:1em;}