body {
  background-color: #2d4b24;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 24px;
}
div#wrapper {
  border: 1px solid white;
  width: 878px;
  margin: 0 auto;
  background: #f4f2e8;
}
div#container {
  position: relative;
  height: 889px;
}
div#footer {
  background: #4f793f;
  border-top: 10px solid white;
  bottom: 0;
  height: 51px;
  position: absolute;
  right: 0;
  width: 674px;
  padding: 12px;
  color: #D7DFD4;
}
div#footer a {
  color: white;
}

/* LINKS */
a {
  color: blue;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.button {
  background: #F9F9F9;
  padding: 6px 12px;
  border: 1px solid #AAA;
  color: black;
}
a.button:hover {
  text-decoration: none;
}
a.button.red {
  color: red;
}

/* FORMS */
input[type=text], 
input[type=password], 
input[type=button], 
input[type=submit],
input[type=file],
textarea,
select {
	font-size: 14px;
}

/* HEADER */
div#header {
  background: #3E6730 url(http://www.campgreenacres.com/photo_gallery/images/header.jpg) 165px 0 no-repeat;
  border-bottom: 1px solid white;
  height: 164px;
}
div#header >
  div.pane-user-area {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #83A077;
  }
div#header >
  div.pane-user-area
    div.h {
      font-size: 22px;
      font-weight: bold;
      color: white;
    }
div#header >
  div.pane-user-area
    a {
      color: #D7DFD4;
    }

/* MENU */
div#menu {
  background: #98874F;
  width: 156px;
  position: absolute;
  height: 700px;
  top: 165px;
  left: 0;
  padding: 12px;
  color: #B5A982;
  font-size: 11px;
}
div#menu a {
  color: white;
}
div#menu a.active {
  color: black;
}
div#menu 
  ul.buttons {
    margin: 6px;
  }
div#menu
  ul.buttons >
    li {
      margin-bottom: 12px;
    }
div#menu
  ul.buttons > 
    li >
      a {
      	display: block;
      	height: 24px;
      }
div#menu
  ul.tree {
    margin-left: 12px;
    font-size: 1.1em;
  }
div#menu
  ul.tree
    li {
      margin-bottom: 6px;
    }
div#menu
  ul.tree >
    ol {
      margin-left: 12px;
      margin-bottom: 12px;
    }
    
/* CONTENT */
div#content {
  padding: 12px;
  position: absolute;
  right: 0;
  width: 674px;
  height: 614px;
  overflow-y: auto;
  overflow-x: hidden;
}
div#content
  div.pane {
  	padding: 12px;
  	border: 1px solid #7A7560;
  	background: white;
  }
div#content 
  h2 {
    font-size: 18px;
    margin: 12px;
    margin-left: 0;
  }
div#content
 h2:first-child {
 	margin-top: 0;
 }

/* PHOTO VIEW */
div#content
  div.gallery-nav {
    width: 640px;
    margin: 0 auto;
  }
div#content
  div.gallery-nav
    img {
      cursor: pointer;
  }
div#content
  div.pane-gallery-viewer {
    background: #e6e0d3;
    border-bottom: 1px solid #a99861;
    border-top: 1px solid #a99861;
    width: 640px;
    min-height: 400px;
    margin: 0 auto;
    overflow: hidden;
  }
div#content
  div.pane-gallery-viewer
    div.h {
      background: #d6cdb6;
      padding: 0 8px;
      height: 27px;
      line-height: 27px;
    }
div#content
  div.pane-gallery-viewer
    div.canvas-container {
      padding: 8px;
      width: 616px;
      height: 456px;
    }
div#content
  div.pane-gallery-viewer
    div.canvas {
      text-align: center;
      width: 616px;
      height: 456px;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
    }
div#content
  div.pane-gallery-viewer
    div.pages {
      text-align: right;
      background: #CDC3A8;
      border-top: 1px solid #BEB18F;
      padding: 4px;
    }
div#content
  div.pane-gallery-viewer
    div.caption {
      text-align: center;
      padding: 4px;
      min-height: 16px;
    }
div#content
  div.pane-gallery-viewer
    a {
      color: #AC0821;
    }

/* TABLES */
table.admin {
  border: 1px solid #C9C4AE;
  width: 100%;
}
table.admin
  thead {
    background: #EDEADE;
    font-size: 1.1em;
}
table.admin
  td,
table.admin
  th {
    padding: 8px;
    vertical-align: middle;
  }
table.admin
  th {
    border-bottom: 1px solid #C9C4AE;
    text-align: left;
  }
  
table.thumbs {
  position: absolute;
}
table.thumbs
  td {
    vertical-align: middle;
    padding: 4px;
    width: 116px;
    height: 116px;
    text-align: center;
    overflow: hidden;
  }
table.thumbs
  td 
    img {
    margin: 2px;
  }
table.thumbs
  td.active 
    img {
    margin: 0;
    border: 3px solid #FDD10E;
  }

/* AJAX */
ul.sortable {
  width: 100%;
  border: 1px solid #C9C4AE;
  margin-top: 8px;
  margin-bottom: 8px;
}
ul.sortable
  li {
    padding: 8px;
    font-size: 16px;
    margin: 8px;
    cursor: move;
    background: #FAF9F4 url('http://www.campgreenacres.com/photo_gallery/images/sort.png') no-repeat 8px 11px;
    padding-left: 24px;
    border: 1px solid #E7E4D6;
    text-transform: uppercase;
  }


/* CONVENIENCE */
.str-warning {
  color: red;
  font-weight: bold;
}
img.photo-thumb { /* move this */
  border: 1px solid #D8D7D2;
  background: white;
  padding: 2px;
}
.photo-placeholder {
  width: 116px;
  height: 116px;
  display: block;
}
.floatr {
  float: right;
}
.floatl {
  float: left;
}
.mright4 {
  margin-right: 4px;
}
.m8 {
  margin: 8px;	
}
.p8 {
  padding: 8px;
}
.pbottom8 {
  padding-bottom: 8px;
}
.ptop8 {
  padding-top: 8px;
}
.m4 {
  margin: 4px;
}
.mright8 {
  margin-right: 8px;
}
.mright0 {
  margin-right: 0;
}
.mbottom8 {
  margin-bottom: 8px;
}
.mleft8 {
  margin-left: 8px;
}
.mtop8 {
  margin-top: 8px;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.left {
  text-align: left;	
}
.right {
  text-align: right;	
}
.green {
  color: #83B130;
}
.note {
  color: #666;
  font-size: 0.9em;
}
.blue {
  color: blue;
}
.strong {
  font-weight: bold;
}
.hidden {
  display: none;
}
.light {
  color: #999;
}
.pointer {
  cursor: pointer;
}