/************************************
 *** Overall Layout and Structure ***
 ************************************/

a {
   color: #d04727;
   text-decoration: none;
}

a:hover {
   border-bottom: thin solid #d04727;
}

#jquery-lightbox a:hover {
   border: none;
}

html {
   color: #3c2717;
   background-color: #f9f1d0;
   background-image: url(../images/watercolorband.png);
   background-repeat: no-repeat;
   background-position: bottom center;
   font-family: "Helvetica", "Arial", sans-serif;
   text-decoration: none;
}

body {
   width: 55em;
   margin: 0 auto 3em auto;
   padding-bottom: 0;
   background-image: url(../images/wcbanner.jpg);
   background-repeat: no-repeat;   
}

#wrapper {
   width: 43em;
   margin: 0 auto 0 auto;
}

/*** Header ***/

#header a:hover {
   border: 0;
}

#logo {
   border: 0;
   padding-left: 6em;
   padding-top: 6em;
}

#header blockquote {
   margin: 0;
}

#header blockquote p {
   font-family: "Georgia", serif;
   line-height: 2em;
}

#header q:before { content: ""; }
#header q:after { content: ""; }
#header q {
   font-size: 1.4em;
   font-style: italic;
}

#header cite {
   font-size: 0.8em;
   font-style: normal;
   padding-left: 1em;
}

#nav {
   text-align: right;
   margin: 2em 0 2em 0;
   border-bottom: 0.5em solid #a48056;
}

#nav li {
   display: inline;
   padding-left: 2em;
}

#nav li a {
   font-size: 0.9em;
   color: #3c2717;
   text-transform: lowercase;
   text-decoration: none;
}

#nav li a:hover {
   color: #d04727;
}

/*** Primary Page Content ***/

#content h2 {
   color: #d04727;
   font-size: 2.5em;
   font-weight: lighter;
   margin-bottom: 0;
}

#content h2.subtitle {
   color: #3c2717;
   font-size: 1.5em;
   font-weight: lighter;
}

#content {
   font-size: 0.9em;
}

/*** Footer ***/

#footer {
   margin: 2em 0 0 0;
   font-size: 0.7em;
   color: #3c2717;
}

#footer hr {
   margin: 0;
   border: 0;
   width: 14em;
   height: 1px;
   color: #3c2717;
   background-color: #3c2717;
}

#footer p {
   margin: 0.5em 0 0 0;
}

#footer .section {
   padding: 0 1em 0 1em;
}

#footer a {
   color: #3c2717;
   text-decoration: none;
}

#footer a:hover {
   border-bottom: thin solid #a48056;
}

/***********************************
 ****** Page Specific Content ******
 ***********************************/

/***  Home Page' Text Navigation ***/

#intro {
   font-family: "Georgia", serif;
   font-size: 1.45em;
   line-height: 1.4em;
   margin-top: 0;
}

#intro a {
   font-variant: small-caps;
   font-weight: bold;
   text-decoration: none;
   letter-spacing: 0.07em;
}

#intro a:hover {
   border-bottom: thin solid #d04727;
}

/*** Featured work columns ***/

#featured {
   position: relative;
   height: 35em;
   margin-top: 1em;
}

#featured .column {
   width: 9em;
}

#featured #first-featured {
   position: absolute;
   left: 3em;
}

#featured #second-featured {
   position: absolute;
   left: 14em;
}

#featured #third-featured {
   position: absolute;
   left: 25em;
}

#featured #fourth-featured {
   position: absolute;
   left: 36em;
}

#featured img {
   padding: 5px 5px 5px 5px;
   border: 2px solid #bc9f72;
   width: 130px;
   height: 168px;
}

#featured a:hover img {
   border: 2px solid #d04727;
}

#featured a:hover {
   border: none;
}

#featured h3 {
   font-family: "Georgia", serif;
   font-size: 1em;
   text-transform: uppercase;
   color: #a48056;
   letter-spacing: 0.1em;
}

#featured p {
   font-size: 0.8em;
   font-style: italic;
   line-height: 1.3em;
}

/*** About Me Columns ***/

#about-me {
   position: relative;
   height: 28em;
   line-height: 1.3em;
}

#about-me div {
   width: 22em;
}

#about-me #artist-statement {
   position: absolute;
   left: 0;
}

#about-me #my-resume {
   position: absolute;
   left: 26em;
}

/*** Contact Me Page ***/

#contact-me {
   height: 28em;
}

/*** Portoflio ***/

#portfolio {
   width: 49em;
}

#portfolio img {
   margin: 3px 0 3px 0;
   border: 2px solid #f9f1d0; 
}

#portfolio a:hover img {
   border: 2px solid #d04727;
}

#portfolio a:hover {
   border: none;
}