/*
* PlutoLighthouse.NET : Common Style
* CSS Author : Ageman20XX / Adrian Marceau
* This CSS is dynamically generated by PHP.
* This stylesheet is only meant to be used on the
* PlutoLighthouse.NET umbrella's pages and should not be
* posted anywhere else without permission.  Basically,
* don't steal.  I worked hard on this code. Thanks!
* - Age
*/
html, body {
margin: 0;
border: 0;
padding: 0;
height: 100%;
}
body {
background-color: #3F3331;
font: normal normal 100% Tahoma, 'Trebuchet MS', Lucida, Helvetica, Sans-serif;
}
a {
font-weight: bold;
background-color: transparent;
}
a:link, a:visited {
text-decoration: none;
color: #4D851D;
}
a:hover, a:active {
text-decoration: underline;
color: #76C92C;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
color: #3F3331;
}
h1 {
font-size: 70%;
}
h2 {
font-size: 120%;
}
h3 {
font-size: 80%;
}
h4 {
font-size: 70%;
}
li {
line-height: 160%;
}
#page-wrapper {
margin: 0;
width: 100%;
min-height: 100%;
border: 0;
border-collapse: collapse;
}
#page-wrapper td {
padding: 0;
width: auto;
vertical-align: top;
}
#page-wrapper .left-padding {
background: #3F3331 url('../images/background-wrapper-left.gif') repeat-y top right;
}
#page-wrapper .right-padding {
background: #3F3331 url('../images/background-wrapper-right.gif') repeat-y top left;
}
#page-wrapper .page-content {
width: 780px;
background-color: #E9E4C4;
}
#banner {
width: 100%;
margin: 0;
text-align: center;
padding: 5px 0 25px 0;
background: #76C92C url('../images/scrapbook-headbotborder.png') repeat-x bottom center;
border-top: 2px solid #211B1A;
border-bottom: 2px solid #211B1A;
}
#banner img {
margin: auto;
}
#site-menu {
background-color: #3F3331;
display: block;
margin: 0;
padding: 1px;
width: auto;
text-align: center;
font-size: 60%;
}
#site-menu li {
display: inline;
margin: 2px 10px;
}
#site-menu a {
text-decoration: none;
color: #4D851D;
font-weight: bold;
}
#site-menu a:hover {
color: #76C92C;
text-decoration: underline;
}
#page-menu {
background-color: #3F3331;
background: #3F3331 url(../images/darkbanner.jpg) no-repeat center left;
border-top: 2px solid #4D851D;
border-bottom: 2px solid #4D851D;
display: block;
margin: 2px 0 6px 0;
padding: 2px;
width: auto;
text-align: center;
font-size: 60%;
}
#page-menu li {
display: inline;
margin: 2px 10px;
}
#page-menu a {
text-decoration: none;
color: #4D851D;
font-weight: bold;
}
#page-menu a:hover {
color: #76C92C;
}
#breakcrumb {
margin: 0 0 13px 0;
}
#breadcrumb ul {
text-align: left;
margin: 0 10px;
padding: 1px;
}
#breadcrumb li {
display: inline;
list-style-type: none;
font-size: 70%;
padding-right: 5px;
}
#breadcrumb a {
font-weight: normal;
}
#content-wrapper {
margin: 3px 10px;
text-align: center;
}
#page-header {
margin: 0;
text-align: center;
padding: 0;
border-top: 2px solid #76C92C;
border-left: 2px solid #76C92C;
border-right: 2px solid #4D851D;
border-bottom: 2px solid #4D851D;
background: #3F3331 url(../images/darkbanner.jpg) no-repeat top left;
}
#page-header h1, #page-header h2 {
color: #FAF8ED;
padding: 2px;
}
#page-description {
margin: 0;
padding: 0;
}
#page-description p {
font-size: 70%;
margin: 10px 8px;
text-align: justify;
}
#page-footer {
border-top: 2px solid #4D851D;
background: #3F3331 url(../images/darkbanner.jpg) no-repeat top left;
font-size: 60%;
margin: 30px 0 0 0;
padding: 5px 10px;
}
#page-footer ul {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
#page-footer li {
display: inline;
padding: 2px 10px;
margin: 0;
}
#page-footer .toplink {
display: block;
text-align: right;
}
#page-footer span {
display: block;
text-align: center;
width: 580px;
margin: 10px auto 0 auto;
color: #4D851D;
}
#page-footer h4 {
display: inline;
color: #4D851D;font-size: 100%;
}
#page-content {
min-height: 400px;
margin: 0;
padding-bottom: 10px;
}
#page-content h3, #page-content h4 {
display: block;
background: #3F3331 url(../images/darkbanner.jpg) no-repeat center left;
border: 2px solid #4D851D;
color: #FAF8ED;
}
#page-content h3 {
margin: 5px 5px 4px 5px;
padding: 4px;
}
#page-content h4 {
margin: 3px 5px 2px 5px;
padding: 2px;
}
#page-content p {
display: block;
background: #FAF8ED url(../images/lightbanner.jpg) no-repeat bottom right;
text-align: justify;
font-size: 80%;
margin: 2px 5px;
padding: 5px 10px;
line-height: 110%;
}
#page-content p img {
display: block;
margin: 10px auto;
border: 2px solid #3F3331;
}
#page-content p a {
font-size: 90%;
color: #3F3331;
}
#page-content ul {
min-height: 400px;
display: block;
margin: 0;
margin-top: 10px;
background: transparent url('../images/ajax-loader.gif') no-repeat 10px bottom;
}
#page-content li {
display: block;
margin: 2px 5px 2px 225px;
list-style-type: none;
}
#page-content li h3, #page-content li h4 {
background-image: none;
background: #3F3331 url(../images/darkbanner.jpg) no-repeat center left;border: 0;
border-top: 2px solid #76C92C;
border-right: 2px solid #4D851D;
border-bottom: 2px solid #4D851D;
border-left: 2px solid #76C92C;
color: #FAF8ED;
margin-top: 10px;
padding: 0;
}
#page-content li a {
display: block;
border: 2px solid #D5D0B3;
background-color: #FAF8ED;
color: #3F3331;
margin: 2px 5px;
font-size: 80%;
text-decoration: none;
}
#page-content li a:hover {
border: 2px solid #76C92C;
color: #4D851D;
}
#page-content li p {
line-height: 115%;
background-image: none;
}
#page-content li p a, #page-content li p a:hover, #page-content li p a:visited {
display: inline;
border: 0;
margin: auto;
font-size: 90%;
text-decoration: none;
color: #3F3331;
line-height: 110%;
}
#page-content li p a:hover {
color: #4D851D;
text-decoration: underline;
}
#page-content li p a img {
display: inline;
border: 1px solid transparent;
margin: 0;
padding: 0;
}
#page-content li p a img:hover {
border: 1px solid #D5D0B3;
border-color: #E9E4C4 #D5D0B3 #D5D0B3 #E9E4C4;
}
#page-content form h4 {
border: 0;
margin-top: 3px;
background-color: transparent;
background-image: none;
color: #3F3331;
}
#page-content form input {
border: 1px solid #4D851D;
border-bottom: 1px solid #76C92C;
border-right: 1px solid #76C92C;
background-color: #FAF8ED;
padding: 1px 5px;
width: 250px;
}
#page-content form textarea {
border: 1px solid #4D851D;
border-bottom: 1px solid #76C92C;
border-right: 1px solid #76C92C;
background-color: #FAF8ED;
padding: 2px 5px;
width: 400px;
}
#page-content form .button {
display: block;
border: 2px solid #4D851D;
background-color: #FAF8ED;
color: #4D851D;
margin: 2px auto 10px auto;
width: 250px;
font-size: 90%;
text-decoration: none;
}
#page-content form input:hover, #page-content form textarea:hover {
border-color: #76C92C;
}
#page-content .updatelist {
min-height: 400px;
}
#page-content .updatelist li p {
font-size: 60%;
border-left: 2px solid #4D851D;
}
#page-content .updatelist li p:hover {
border-left: 2px solid #76C92C;
}
#page-content .updatearea {
border: 2px solid #D5D0B3;
}
#page-content .updatearea .header {
display: inline-block;
border-bottom: 2px solid #4D851D;
margin: 2px auto;
}
#page-content .updatearea .timestamp {
display: inline-block;
margin: 0 auto 5px auto;
font-size: 90%;
}
#page-content .updatearea .commentlink {
display: inline-block;
margin: 4px auto;
font-size: 80%;
}
#page-content .commentarea {
display: block;
margin-top: 10px;
}
#page-content .commentarea h3 {
background-color: #D5D0B3;
background-image: none;
border-style: none;
color: #3F3331;
padding: 0;
}
#page-content .commentarea p {
background-color: transparent;
background-image: none;
font-size: 60%;
}
#page-content .commentarea form h4 {
font-size: 60%;
color: #3F3331;
background-image: none;
}
#page-content .commentarea form p {
margin: 5px 30%;
color: #4D851D;
}
#page-content .commentarea textarea {
margin-bottom: 10px;
}
#page-content .seamless {
margin: 0;
display: inline;
width: auto;
}
#page-content .tiny {
padding: 2px;
font-size: 60%;
}
.filterlist {
display: block;
margin-top: 10px;
font-size: 80%;
}
.highslide-wrapper div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid #4D851D;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide:hover img {
border: 2px solid #76C92C;
}
.highslide-wrapper, .outer-glow {
background: #444;
}
.highslide-image {
border: 5px solid #3F3331;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
border: 5px solid #3F3331;
border-top: none;
padding: 5px;
background-color: #FAF8ED;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
padding-left: 22px;
background-image: url(highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits, a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover, a.highslide-credits:hover i {
color: white;
background-color: gray;
}
a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
#newcommentform .captchaimage {
vertical-align: top;
border: 2px solid #D5D0B3;
width: 120px;
height: 42px;
}
#newcommentform .captchatext {
vertical-align: top;
border: 2px solid #D5D0B3;
color: #555544;
width: 180px;
height: 40px;
text-align: center;font-size: 200%;}
#eXTReMe {
text-align: right;
}
#page-content .inlineimages img {
display: inline;
border-style: none;
margin: auto 5px;
}
.highslide-wrapper div {
  font-family: Verdana, Helvetica;
  font-size: 10pt;
}
.highslide-html {
  background-color: #3F3331;
}
.highslide-html-blur {
}
.highslide-html-content {
  position: absolute;
  display: none;
  padding: 10px;
}
.highslide-loading {
  display: block;
  color: black;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 2px;
  border: 1px solid black;
  background-color: white;

  padding-left: 22px;
  background-image: url(highslide/graphics/loader.white.gif);
  background-repeat: no-repeat;
  background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
  padding: 2px;
  color: silver;
  text-decoration: none;
  font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
  color: white;
  background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
  background-color: white;
}
.highslide-wrapper .highslide-html-content {
  width: 550px;
  padding: 0 5px 5px 5px;
  text-align: center;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
.highslide-wrapper .highslide-header ul li {
  display: inline;
  padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous,
.highslide-wrapper .highslide-header ul li.highslide-next {
  display: none;
}
.highslide-wrapper .highslide-header {
  padding-bottom: 5px;
}
.highslide-wrapper .highslide-header a {
  font-weight: bold;
  color: gray;
  text-transform: uppercase;
  text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
  color: black;
}
/* transform the move link to a draggable head bar */
.highslide-wrapper .highslide-header .highslide-move {
  cursor: move;
  display: block;
  height: 1em;
  position: absolute;
  left: 0;
  right: 1em;
  top: 0;
  width: auto;
  z-index: 1;
}
.highslide-wrapper .highslide-header .highslide-move * {
  display: none;
}
.highslide-wrapper .highslide-header .highslide-close {
  position: relative;
  z-index: 2;
}
/* put the resize graphic in the footer */
.highslide-wrapper .highslide-footer {
  height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
  float: right;
  height: 11px;
  width: 11px;
  background: url(highslide/graphics/resize.gif);
  cursor: nw-resize;
}
/* hide it for flash content */
.highslide-footer {
  display: none;
}