body {
        margin: 0px;
        padding: 0px;
        background: #FEEDB9 url(images/background.jpg) repeat-x left top;
        text-align: justify;
        font: 13px Arial, Helvetica, sans-serif;
        color: #444444;
}

h1, h2, h3 {
        margin-top: 0px;
        font-weight: normal;
        color: #FFFFFF;
}

h1 {
        font-size: 2.4em;
}

h2 {
        font-size: 1.8em;
}

h3 {
        font-size: 1.4em;
}

p, ol, ul {
        margin-bottom: 1.8em;
        line-height: 160%;
}

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

a:hover {
/*      text-decoration: none; */
        color: #0000FF;
}

a img {
        border: none;
}

#wrapper {
        width: 900px;
        margin: 0 auto;
        margin-top: 15px;
        border: 10px solid #FFFFFF;
}

/* Header */
#header {
        width: 900px;
        height: 100px;
        margin: 0px auto;
        background: #242323;
}

#header a {
        text-decoration: none;
        color: #FFFFFF;
}

/* Logo */
#logo {
        float: left;
        padding-left: 20px;
}

#logo h1, #logo p {
        margin: 0px;
        line-height: normal;
        font-weight: normal;
        color: #FFFFFF;
}

#logo h1 {
        padding: 25px 0px 0px 0px;
}

/* Menu */
#menu {
        float: right;
}

#menu ul {
        margin: 0px;
        padding: 49px 0px 0px 0px;
        list-style: none;
        line-height: normal;
}

#menu li {
        float: left;
        margin: 0px;
}

#menu a {
        display: block;
        width: auto;
        padding: 6px 10px;
}

#menu a:hover {
/*      text-decoration: underline; */
        background: #303030;
}

#menu .active {
        background: #404040;
        font-weight: bold;
}

#menu .active a {
        background: url(images/img02.gif) no-repeat 100% -40px;
}

/* Page */
#page {
        width: 900px;
        margin: 0px auto;
        padding: 10px 0px 0px 0px;
        background: #FFFFFF;
}

#header-pic {
        background: url(images/welcome.jpg) no-repeat left top;
        width: 900px;
        height: 210px;
}

/* Content */
#content {
        float: right;
        width: 660px;
}

.post {
        margin: 0px 0px 30px 0px;
}

.post .title {
        margin: 0px;
        background: #444444 url(images/img02.jpg) no-repeat left 50%;
        padding: 7px 25px;
        font-size: 1.4em;
}

.post .title h1 {
}

.post .subtitle {
        margin: 0px;
        padding: 5px 5px;
        font-size: 1.2em;
        font-weight: bold;
        color: #000000;
}

.post .subtitle h1 {
}

.post .entry {
        padding: 0 20px;
}

.post .meta {
        font-weight: bold;
        padding-left: 20px;
}

.post .byline {
        margin: 0px;
        padding-left: 20px;
}

/* Full-width (Only to be used for sites without sidebar */
#fullwidth {
        float: right;
        width: 900px;
}

.post {
        margin: 0px 0px 0px 0px;
}

.post .title {
        margin: 0px;
        background: #444444 url(images/img02.jpg) no-repeat left 50%;
        padding: 7px 25px;
        font-size: 1.4em;
}

.post .title h1 {
}

.post .entry {
        padding: 0 20px;
}

.post .meta {
        font-weight: bold;
        padding-left: 20px;
}

.post .byline {
        margin: 0px;
        padding-left: 20px;
}

/* Sidebar */
#sidebar {
        float: left;
        width: 210px;
}

#sidebar-bgtop {
}

#sidebar-bgbtm {
        background: url(images/img03.jpg) no-repeat left bottom;
}

#sidebar-content {
        background: url(images/img01.jpg) repeat-y left top;
}

#sidebar ul {
        padding: 0px 0 5px 0;
        margin: 0px;
        list-style: none;
}

#sidebar li li {
        margin-left: 20px;
        margin-right: 20px;
        line-height: 30px;
        padding-left: 15px;
        border-bottom: 1px dashed #BDBDBD;
        background: url(images/img04.jpg) no-repeat left 50%;
}

#sidebar li ul {
        margin-bottom: 1.8em;
        list-style: none;
}

#sidebar h2 {
        background: #444444 url(images/img02.jpg) no-repeat left 50%;
        padding: 7px 25px;
        font-size: 1.4em;
}

#sidebar h2:hover {
        background: #757575 url(images/img05.jpg) no-repeat left 50%;
}

#sidebar a {
        text-decoration: none;
}

#sidebar .active {
        background: #DCDCDC;
        font-weight: bold;
}

#sidebar a:hover {
        text-decoration: none;
}

/* Minisidebar */
#minisidebar {
        font: 10px Arial, Helvetica, sans-serif;
}

/* Footer */
#footer {
        clear: both;
        width: 900px;
        height: 10px;
        margin: 0px auto 30px auto;
        color: #000000;
}

#footer p {
        margin: 0px;
        padding: 20px 0px 20px 0px;
        text-align: center;
        line-height: normal;
        font-size: smaller;
}

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

/* Lightbox Settings */
#lightbox{
         position: absolute;
         left: 0;
         width: 100%;
         z-index: 100;
         text-align: center;
         line-height: 0;
}

#lightbox img{
         width: auto;
         height: auto;
}

#lightbox a img{
         border: none;
}

#outerImageContainer{
         position: relative;
         background-color: #fff;
         width: 250px;
         height: 250px;
         margin: 0 auto;
}

#imageContainer{
         padding: 10px;
}

#loading{
         position: absolute;
         top: 40%;
         left: 0%;
         height: 25%;
         width: 100%;
         text-align: center;
         line-height: 0;
}

#hoverNav{
         position: absolute;
         top: 0; left: 0;
         height: 100%;
         width: 100%;
         z-index: 10;
}

#imageContainer>#hoverNav{
         left: 0;
}

#hoverNav a{
         outline: none;
}

#prevLink, #nextLink{
         width: 49%;
         height: 100%;
         background-image: url(data:image/gif;base64,AAAA);
         /* Trick IE into showing hover */
         display: block;
}

#prevLink {
         left: 0;
         float: left;
}

#nextLink {
         right: 0;
         float: right;
}

#prevLink:hover, #prevLink:visited:hover {
         background: url(../../javascript/lightbox/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
         background: url(../../javascript/lightbox/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
         font: 10px Verdana, Helvetica, sans-serif;
         background-color: #fff;
         margin: 0 auto;
         line-height: 1.4em;
         overflow: auto;
         width: 100%;
}

#imageData{
         padding:0 10px;
         color: #666;
}

#imageData #imageDetails{
         width: 70%;
         float: left;
         text-align: left;
}

#imageData #caption{
         font-weight: bold;
}

#imageData #numberDisplay{
         display: block;
         clear: left;
         padding-bottom: 1.0em;
}

#imageData #bottomNavClose{
         width: 66px;
         float: right;
         padding-bottom: 0.7em;
         outline: none;
}

#overlay{
         position: absolute;
         top: 0;
         left: 0;
         z-index: 90;
         width: 100%;
         height: 500px;
         background-color: #000;
}