* { margin: 0; padding: 0; }

body { font-size: 11px; font-family: lucida grande, Helvetica, Arial, sans-serif; background: #fff; color: #BFB9AC; }

body.section-1 { }
body.section-2 { }
body.section-3 { }

a { text-decoration: none; color: #D78B85; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #D78B85; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu { width: 215px; overflow: auto; top: 0; bottom: 0; left: 0; position: fixed; height: 100%; color: #353535; padding: 25px 0 0 25px; background-color: #fff; }

#menu ul { list-style: none; margin: 0 0 15px 0; }
#menu li { 	padding: 3px 0;  }
#menu li a { color: #BFB9AC; text-decoration: none; font-family: lucida, times; font-style: italic; }
#menu li a:hover { color: #D78B85; }
#menu li.active a { color: #D78B85; }
#menu ul li.section-title { font-size: 13px; font-weight: bold; color: #E0DAD1; }

#menu #logo a, #menu #logo p { font-family: lucida grande, helvetica, arial, sans-serif; font-weight: bold; font-size: 30px; color: #C17A76; text-decoration: none; }
#menu #logo { margin: 0 0 30px 0; padding: 0; }

#content { width: 600px; height: 100%; margin: 23px 0 0 265px; top: 0; }
#content p { margin-bottom: 10px; line-height: 20px; }

.container { padding: 0px 5px 25px 5px; }

#welcome { font-weight: bold; margin-bottom: 25px;  }

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#once { clear: left; }

#img-container { margin: 30px 0 0; padding: 0; }
#img-container img { max-width: 600px;  }
#img-container a { text-decoration: none; }
#img-container a:hover { text-decoration: underline; }
#img-container p.nav { background: #fff; padding: 5px; margin: 20px 0; color: #ff4d4d; }
#img-container p.nav #prev, #img-container p.nav #next { color: #ff4d4d; }
#img-container p.nav #num { color: #000; }

