/* --- this is the main stylesheet for user-side photo and gallery display.
   --- some of this is duplicated from ravyn_account.css, perhaps
   --- unnecessarily, but this allows us to keep things separated between
   --- public- and member-facing pages --- */

body {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  background-color: #3b3831;
  margin: 0px;
  font-size: 12px;
  color: #EEEEFF;
  height: 100%;
}

.header {
  width: auto;
  background-repeat: no-repeat;
  margin: 0 Auto;
  padding: 15px 0px 0px 0px;
  border-bottom-color: #666666;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 90px;
  min-width: 500px;
  background-image: url(/assets/gui/account_header_2a.jpg);
  background-position: right top;
}

.logo {
  clear: left;
  display: block;
  text-align: left;
  width: 350px;
  float: left;
}


.logo img {
  margin: 20px 0px 0px 10px;
}

.userstatus {
  color: #FFFFFF;
  font-weight: bold;
}

.userstatus a {
  color: #FFFFFF;
}

.userstatus a:hover {
  color: #FF0000;
}

.loggedin {
/*  background-image: url(/assets/gui/userbox_trans_2a.png); */
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 0.95em;
  width: 250px;
  float: right;
}

#gallery_instructions {
  background-image: url(/assets/gui/photoInfo_background.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  padding: 1px;
}

.gallery_title {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.photo_title {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}  

#nav_footer {
  font-size: 10px;
  text-align: right;
  font-weight: bold;
  color: #CCCCCC;
  float: none;
  clear: none;
  display: block;
  margin: 10px;
  height: auto;
  position: relative;
  padding: 0 Auto;
}

#nav_footer a {
  color: #FFFFFF;
  font-weight: bold;
  display: inline-block;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

#nav_footer  a:hover   {
  color: #FF0000;
  text-decoration: underline;
}

#area_bottom {
  position: relative;
  top: 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #cccccc;
}

#photo img {
  border: solid #ffffff 2px;
}

#photo .sb {
  background-image: url(/assets/gui/photo_sb.png);
  background-repeat: no-repeat;
  background-position: top right;
  height: 8px;
  max-height: 8px;
}

#photo .sr {
  background-image: url(/assets/gui/photo_sr.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 8px;
}

.photoholder {
  position: absolute;
}

#imagesizes {
  font-size: 12px;
  width: auto;
  height: 125px;
  text-align: left;
  list-style-type: none;
  padding: 5px;
  color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  display: block;
  clear: right;
}

#imagesizes .title{ font-weight:bold; }

#imagesizes ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  display: block;
  float: none;
  clear: none;
}

#imagesizes   ul li  {
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
  letter-spacing: inherit;
  line-height: 1.75;
  border-bottom: solid #666666 1px;
  clear: none;
  display: inline-block;
  float: left;
  width: 100%;
}

#imagesizes ul li a {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #EEEEEE;
  padding-left: 5px;
  display: inherit;
  float: inherit;
  clear: none;
}

#imagesizes ul li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#imagesizes  ul  ul  li   {
  display: inline-block;
  clear: none;
  font-size: 10px;
  border: none;
  margin: -2em 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  width: 65px;
  text-align: right;
  float: right;
}

#imagesizes  td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CDDDED;
}