/* Basic Layout and Colors */
html, body {
    font: .85em Verdana, Geneva, Arial, sans-serif;
    border: none; margin: 0; padding: 0;
    background: #FFF; color: #999;
}

#banner {
    font-size: larger; font-weight: normal;
    text-transform: uppercase;
    margin: 0; padding: 35px 15px 20px 66px;
}

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

#content {
    width: 900px;
    position: absolute; /* remove content from page flow */
    margin: 36px 20px 20px 300px; /* move content to right of screen */
}

#sidebar {
    width: 180px;
    padding: 36px 16px 16px 66px;
}

/* Navigation Bar */
#nav {
    margin: 0; padding: 0; list-style: none;
    font-size: .95em; line-height: 140%;
    text-transform: uppercase;
}

#nav li {
    padding: 3px 2px;
}

#nav #new_work-lnk { padding: 25px 2px; } /* increase spacing around "New Work" link */

#nav a:hover { color: #E66; } /* rollover effect for links */

/* Portfolio next/previous buttons */
#folionav {
    margin: 1em auto 0; padding: 0; width: 100%;
    font-size: larger; font-weight: bold; text-align: center;
}
#folionav li { display: inline; padding: 0 2.5em; }
#folionav a { color: red; }

#copyright {
    margin: 3em 0 0 0;
    clear: both; /* This keeps the copyright at the bottom of the page when inserted onto other pages */
}

/* Element Styles */
p { line-height: 1.5em; }
p a, address a { color: #E66; }
p a:hover, address a:hover { color: red; }
a img, img { border: none; }
h2 {
  font-size: smaller;
  margin: 3em 0 1em 0;
}
ul {
  margin: 0; padding: 0 0 0 1em;
  list-style-type: none;
}

/* Entry (Story) Styles */
#entry {
    width: 3300px;
    text-align:      ; /* center the contents of each entry, which will be images */
}
#entry img { margin: 0 10px; } /* give each entry's image some space from its neighbor */
#entry-extended { margin-top: 2em; }