body
{
  margin: 0;
  padding: 0;
  background: #000;
  color: #333;
  font: 0.7em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: center;
}
.clear
{
  height: 0;
  font: 0/0 arial;
  padding: 0;
  clear: both;
  visibility: hidden;
}
/* Main Structure */
#white-rap
{
  width: 924px;
  margin: 0 auto;
  padding: 0 15px;
  background: #fff;
  border: 0;
  text-align: left;
  -moz-border-radius: 0 0 11px 11px;
}
#banner-top
{
  padding: 0;
  line-height: 0;
}
#banner-top img
{
  width: 924px;
}
#header
{
  height: 66px;
  position: relative;
  padding: 0 5px 4px;
  background: #ededed url(images/header-curve.gif) left bottom no-repeat;
}
#footer
{
  height: 20px;
  position: relative;
  padding: 5px;
  background: #ededed;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
}
#stats
{
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#main
{
  margin: 15px 0;
  padding: 10px;
  background: #ededed;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 8px;
}
#main2
{
  margin: 0;
  padding: 3px;
  background: #000;
  overflow: hidden;
  -moz-border-radius: 4px;
}
#leftcol
{
  width: 160px;
  position: relative;
  padding: 10px 10px 10px 0;
  color: #fff;
  float: right;
}
#frame
{
  width: 706px;
  position: relative;
  padding: 5px 10px 10px;
  color: #fff;
  float: right;
}
#frame h2
{
  text-align: center
}
#main-ad
{
  text-align: center;
  margin: 20px 32px 0;
  overflow: hidden;
}
#main-ad frame,
#main-ad img
{
  float: left
}
#banner-bot
{
  width: 876px;
  height: 110px;
  padding: 0 10px 4px;
  text-align: center;
  margin: 10px 0 0;
  float: left;
}
/* HTML Element Restyles */
a
{
  font-weight: bold;
  text-decoration: none;
  color: #6b8cb7;
}
a:hover
{
  color: #65a8ff;
}
a:active
{
  color: #65a8ff;
}
a img
{
  border: none;
}
h1, h2, h3
{
  font-weight: normal;
}
h3
{
  font: 15px "Lucida Sans Unicode";
}
h4
{
  font: 17px "Lucida Sans Unicode";
  margin: 0 0 3px;
  display: inline;
}
hr
{
  height: 1px;
  margin: 1em 0 0.5em;
  border: none;
  background: #555;
  color: #555;
}
label
{
  font-weight: bold;
}
select
{
  margin: 3px 0;
  vertical-align: middle;
  font: 1em Verdana;
}
/* Header */
#header h1
{
  margin: 0;
  padding: 0 10px;
}
#header form
{
  position: absolute;
  top: 14px;
  right: 6px;
  margin: 0;
  padding: 0;
  text-align: right;
}
#searchCriteria
{
  width: 190px;
  padding: 1px 2px 2px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
}
#searchCriteria:hover
{
  border-color: #c0c0c0;
}
#searchCriteria:focus
{
  background: #ffd;
}
.gbBreadCrumb
{
  position: absolute;
  top: 56px;
  left: 274px;
  margin: 1px 0;
  font-weight: bold;
}
.gbBreadCrumb span, .gbBreadCrumb a
{
  padding: 0 0 0 14px;
  background: url('images/icon_path_separator.gif') no-repeat left;
}
.gbBreadCrumb a.BreadCrumb-1
{
  padding-left: 0;
  background-image: none;
  white-space: nowrap;
}
#gbSystemLinks
{
  position: absolute;
  top: 1.5em;
  right: 4px;
  margin: 0;
  padding: 0;
}
#gbSystemLinks span
{
  display: inline;
  float: left;
  margin-left: 10px;
}
#gbCopyright
{
  position: absolute;
  top: .3em;
  left: 4px;
  margin: 0;
  padding: 0;
}
#photohead .block-core-ItemInfo .summary
{
  padding: 2px 0;
}
#gbSystemLinks span a
{
  padding: 3px 5px 4px;
}
/* Photo page navigation */
.gbNavigator
{
  position: relative;
  clear: both;
  margin: 0.6em 0;
  padding: 8px 0 8px 2px;
  background: #0f0f0f;
  border: solid #333;
  border-width: 1px 0;
}
.gbNavigator a
{
  padding: 6px 9px;
}
.gbNavigator a:hover
{
  background: #292929;
  -moz-border-radius: 5px;
}
.first-and-previous img,
.next-and-last img
{
  vertical-align: top;
  padding: 0 3px;
}
.goback
{
  position: absolute;
  top: 8px;
  left: 40%;
}
.next-and-last
{
  float: right;
}
.next-and-last.no-previous
{
  float: none;
  text-align: right;
}
a.backtoalbum
{
  margin-top: -1.3em;
  padding-left: 20px;
  padding-right: 20px;
}
/* Full Photo */
#gsImageView
{
  text-align: center;
  margin: 0 0 1em;
}
/* Frame Elements */
h2
{
  margin: 13px 0;
  color: #eee;
  font: 22px "Lucida Sans Unicode";
  text-transform: capitalize;
}
#loading
{
  position: absolute;
  top: 200px;
  left: 35%;
  width: 160px;
  z-index: 1000;
  padding: 10px 0 10px 28px;
  background: #000 url(images/working-hard-trans.gif) 8px 4px no-repeat;
  text-align: center;
  color: #eef;
  font: italic 15px "Trebuchet MS";
  -moz-border-radius: 10px;
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40);
}
#main-image-container
{
  position: relative;
  overflow: hidden;
  text-align: center;
}
#main-image-container #sliding-frame p
{
  position: relative;
  height: 570px;
  overflow: hidden;
}
#main-image
{
  position: absolute;
  left: 121px;
  cursor: pointer;
  z-index: 10;
  background: #111;
}
#imagedatablock
{
  position: absolute;
  top: 60px;
  left: 380px;
  width: 220px;
  min-height: 160px;
  padding: 10px;
  text-align: left;
}
#fullsizelink
{
  padding: 0 0 0 23px;
  background: transparent url(images/new-window.png) left no-repeat;
}
.emptyAlbum
{
  margin: 2em 0 0;
  font-size: 1.4em;
}
/* Controls */
#slideshow-controls
{
  position: relative;
  height: 40px;
  margin: 0px 0 -40px;
  overflow: hidden;
  z-index: 100;
  text-align: left;
}
#main-image-container > #slideshow-controls
{
  margin-bottom: -50px;
}
#slideshow-controls ul
{
  position: absolute;
  margin: 0;
  padding: 3px 280px;
  list-style: none inside;
  background: #000;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=40);	/* Lower opacity for IE since the controls don't hide */
}
#slideshow-controls ul li
{
  float: left;
  margin: 0;
  padding: 0;
}
#slideshow-controls button
{
  width: 40px;
  margin: 0;
  padding: 0;
  background-color: #000;
  border: none;
  text-align: center;
  cursor: pointer;
}
#slideshow-controls button:hover
{
  background: url(images/controls-hover-effect.png) 50% 50% no-repeat;
  border: none;
}
/* Thumbnails */
#thumbs-container
{
  position: relative; /* Opera */
  margin: -100px auto 0;
  padding: 6px 40px 0;
  background-color: #000;
  z-index: 100;
}
#gsThumbMatrix
{
  min-height: 120px;
  margin: 0 auto;
}
#gsThumbMatrix td
{
  padding: 2px;
}
#gsThumbMatrix a .giThumbnail
{
  height: 40px;
  width: 40px;
  background-color: #666;
  border: 1px solid #333;
}
#gsThumbMatrix a:hover .giThumbnail
{
  height: 48px;
  width: 48px;
  margin: -4px;
  background-color: #fff;
  border: 1px solid #fb2;
}
#gsThumbMatrix a:hover:active .giThumbnail
{
  height: 44px;
  width: 44px;
  margin: -2px;
}
#gsThumbMatrix a .currentImage,
#gsThumbMatrix a:hover .currentImage
{
  border-color: #fff;
}
/* Subalbums */
.TitleSummaries,
.summary-newitems
{
  display: inline;
}
#subalbums-container h3
{
  width: 75%;
  border-bottom: 1px solid #fff;
}
#gsSubAlbumMatrix
{
  width: 100%;
  margin: 0 auto 5px;
}
#gsSubAlbumMatrix td
{
  width: 50%;
  padding: 4px;
  border: 1px solid #222;
  line-height: 1.4em;
}
#gsSubAlbumMatrix td.sahover
{
  background-color: #151515;
  border-color: #333;
  cursor: pointer;
}
#gsSubAlbumMatrix img.giThumbnail
{
  width: 100px;
  height: 100px;
  float: left;
  vertical-align: middle;
  margin: 0 6px 0 0;
  border: 1px solid #444;
  background: #181818;
  padding: 2px;
}
#gsSubAlbumMatrix img.giThumbnailParent
{
  width: 334px;
  height: 334px;
  vertical-align: middle;
  margin: 3px 0 0;
  border: 1px solid #444;
  background: #181818;
  padding: 2px;
}
#warning
{
  margin: 1em 0;
  background-color: #fe9;
  border: 1px solid #c95;
  color: #c00;
}
/* Photo pages */
#photohead
{
  padding: 0 5px 0 0;
}
#sidephotodetails
{
  width: 120px;
  padding: 0;
}
/* Tables */
.gbDataTable
{
  margin: 0.8em 0;
}
.gbDataTable td
{
  padding: 2px 6px;
}
.gbDataTable td.gbOdd
{
  background-color: #191919;
}
.gbBusy
{
  background-color: #114499 !important;
}
/* Exif data */
.block-exif-ExifInfo div
{
  margin: 0 0 0 -8px;
  padding: 0 8px;
  font-weight: bold;
}
.block-core-ItemLinks
{
  margin: 15px 0 0;
}
.block-exif-ExifInfo div a
{
  margin: 0 15px 0 0;
  padding: 3px 10px;
  border: 1px solid #333;
  border-bottom: none;
  -moz-border-radius: 4px 4px 2px 2px;
}
.block-exif-ExifInfo div a:hover
{
  background-color: #0f0f0f;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}
.block-exif-ExifInfo .gbDataTable
{
  width: 100%;
  margin: 2px 0;
  border: solid #333;
  border-width: 1px 0;
}
/* Footer elements */
#footer p
{
  margin: 5px 0 10px 10px;
}
#footerSystemLinks
{
  position: absolute;
  right: 5px;
  top: 3px;
}
#footerSystemLinks .block-core-SystemLink a
{
  padding: 5px 1em 1.6em;
}
/* Admin pages */
#gsSidebarCol
{
  width: 150px;
  padding: 10px 0 0 0;
}
#gsSidebarCol ul
{
  margin: 0;
  padding: 0;
  list-style: none inside;
  line-height: 1.8em;
}
#gsSidebar
{
  padding: 10px 8px 10px 10px;
  background-color: #191919;
  -moz-border-radius: 10px 0 0 10px;
  max-width: 250px;
  overflow: hidden;
}
#gsContent
{
  padding: 0 12px;
}
.gbTabBar
{
  margin-top: 20px;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
  line-height: 1.7em;
}
.gbTabBar .giSelected
{
  margin: 0 4px 0 0;
  padding: 3px 10px 3px;
  background-color: #393333;
  border: 1px solid #333;
  border-bottom: none;
  -moz-border-radius: 4px;
  font-weight: bold;
  color: #fe9;
}
.gbTabBar span a
{
  margin: 0 4px 0 0;
  padding: 3px 6px 6px;
  background-color: #000;
  border: 1px solid #333;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  line-height: 1.2em;
}
.gbTabBar span a:hover
{
  margin-bottom: -1px;
  background-color: #0f0f0f;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}
#gsContent .gbDataTable
{
  border-spacing: 0;
}
#gsContent .gbDataTable th
{
  padding: 3px 6px;
  background-color: #333;
  border-bottom: 1px solid #444;
}
#gsContent .gbDataTable td
{
  padding: 4px 3px;
}
#gsContent .gbDataTable th:first-child
{
  -moz-border-radius: 10px 0 0 0;
}
#gsContent .gbDataTable th:last-child
{
  -moz-border-radius: 0 10px 0 0;
}
#gsContent .gbDataTable .gbOdd
{
  background-color: #111;
}
#gsContent textarea
{
  width: 475px;
}
/* Messages */
.summary
{
  white-space: nowrap;
}
.giSuccess
{
  font-size: 1.3em;
  font-weight: bold;
  color: #7c4;
}
.giError
{
  font-weight: bold;
  color: #c73;
}
h2.giError
{
  font-size: 1.3em;
  color: #c30;
}
.giNew
{
  color: #f90;
}
.giUpdated
{
  color: #db0
}
/* Debug Only */
#msgarea
{
  display: none;
  width: 150px;
  position: absolute;
  z-index: 10;
  top: 60px;
  left: 10px;
  background-color: #fdf;
  color: #060;
  text-align: left;
  font: 11px "Lucida Sans Unicode";
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-border-radius: 12px;
}
#msgarea h4
{
  margin: 5px 0 -5px 20px;
  font: bold 12px "Lucida Sans Unicode";
}
#msgarea p
{
  padding: 0 3px 0 8px;
  background-color: #fdf;
}
.autoCompleteShadow
{
  background-color: #a0a0a0;
}
.autoCompleteContainer
{
  border: 1px solid #404040;
  background-color: #000;
}
.autoCompleteContainer li.yui-ac-highlight
{
  background-color: #eee;
  color: #111;
}

