/* 
Helen O'Connell palette
#ebebeb off white (text)
#c2bbb1 light grey (heading)
#aea08d beige (nav)
#b09f8f beige (footer stripe)

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #999; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 68% verdana,helvetica,arial,sans-serif; color: #ebebeb; background-color: #000; text-align: center; }

/* Headings,text
================================================================*/
ul, li { list-style: none; }
#content p { clear: left; margin: 0 0 1.3em;  }
#content li { margin-bottom: 1.4em; }

/* Structure
================================================================*/
#wrapper { width: 900px; margin: 25px auto; text-align: left; background:url(../images/template/bg-about.jpg) right 62px no-repeat; }
#pageProfile #wrapper { background-image: url(../images/template/bg-profile.jpg); background-position: right 100px; }
#pageContact #wrapper { background-image: url(../images/template/bg-contact.jpg); background-position: right 98px; }
#pageWork #wrapper { background-image: url(../images/template/bg-work.jpg); background-position: right 94px; }
#pageHome #wrapper { background-image: url(../images/template/bg-home.jpg); background-position: right 69px; }
#pageGallery #wrapper { background: none; }

#branding { float: left; display: inline; width: 828px; height: 46px; margin: 0 0 44px 43px; }
h1 { text-indent: -999em; float: left; display: inline; width: 184px; height: 46px; background: url(../images/template/page_title.gif) top left no-repeat; }
#pageHome h1 { width: 226px; height: 50px; background-image: url(../images/template/home_title.gif); }
/*print heading*/
h1 { font: 2em georgia,times,serif; color: #c2bbb1; }
h1 strong { display: block; font: .5em verdana,helvetica,arial,sans-serif; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
h1 a { display: block; outline: none; width: 184px; height: 46px; }

#nav { float: right; display: inline; width: 383px; margin-top: 1px; }
/*display inline and line height needed for ie6*/
#nav li { text-indent: -999em; line-height: 9px; float: left; display: inline; margin-left: 30px; width: 52px; text-transform: uppercase; color: #aea08d; font-weight: bold; }
#nav li, #nav li a { height: 9px; background-position: top left; background-repeat: no-repeat; }
#nav li a { display: block; outline: none; }
#nav li#navAbout, #nav li#navAbout a { width: 39px; background-image: url(../images/template/nav/about.gif); }
#nav li#navProfile, #nav li#navProfile a { width: 44px; background-image: url(../images/template/nav/profile.gif); }
#nav li#navGallery, #nav li#navGallery a { width: 47px; background-image: url(../images/template/nav/gallery.gif); }
#nav li#navWork, #nav li#navWork a { width: 52px; background-image: url(../images/template/nav/atwork.gif); }
#nav li#navContact, #nav li#navContact a { width: 51px;  background-image: url(../images/template/nav/contact.gif); }
#nav li a:hover, #pageAbout li#navAbout a, #pageProfile li#navProfile a, #pageGallery li#navGallery a, #pageWork li#navWork a,  #pageContact li#navContact a { background-position: bottom left; }

#content { clear: both; width: 460px; margin: 0 0 1em 40px; line-height: 1.4em; min-height: 510px; height: auto; }
#pageProfile #content { width: 440px; /*min-height: 510px;*/ }
#pageContact #content { padding-top: 54px; min-height: 456px; }
#pageWork #content { width: 465px; /*min-height: 507px;*/ }
#pageHome #content { padding-top: 150px; min-height: 360px; }
#pageGallery #content { width: 840px; }
/*#pageWork #content p { margin-right: 10px; }*/
* html #content { height: 510px; }
/*
* html #pageProfile #content { height: 510px; }
* html #pageContact #content { height: 494px; }
* html #pageWork #content { height: 507px; }
*/
#footer { width: 831px; margin: 0 0 0 40px; border-top: 1px solid #b09f8f; }

/* Special cases
================================================================*/

/*work gallery*/
ul#work { padding-top: 2em; width: 465px; }
#content ul#work li { float: left; display: inline; width: 145px; margin-right: 10px; margin-bottom: 10px; }
ul#work li img { display: block; }

p.info { color: #b09f8f; }

/*main gallery*/
#pageGallery ul#work { width: 840px; padding-top: 0; }
#pageGallery #content ul#work li { width: 158px; }

/*contact*/
#photography { padding-top: 3em; }