/* Your-Private-Domain Style Sheet */

/* Set non-content background color */
HTML
{
  background-color: #C0C0F0;
}

BODY
{
  background-image: url(../ypd-bkgd.jpg);
  max-width: 800px;
  margin: 10px auto 5px auto;
  border-left: 3px double;
  border-right: 3px double;
  color: #000000;
  background-color: #FFFFFF;
}

/* Set text style for update lines */
.content_update
{
  margin-top: 0;
  margin-left: 1em;
  font-size: 100%;
  font-weight: 700;
  font-style: italic;
}

/* Set nicer headers */
H1, H2, H3
{
  font-family: Helvetica, sans-serif;
}

H1
{
  font-size: 180%;
  margin-top: 0;
  padding-top: 0;
}

H2
{
  font-size: 150%;
}

H3
{
  font-size: 110%;
}

H4
{
  font-size: 100%;
  font-variant: small-caps;
}

H5
{
  font-size: 100%;
  text-decoration: underline;
}

H6
{
  font-size: 100%;
}

/* Set fieldset styles */
FIELDSET
{
  margin-top: 1.25em;
  padding: .75em 5px 5px 1em;
}

/* Set legend styles */
LEGEND
{
  margin-top: -.75em;
  margin-left: -.1em;
  border: 2px groove;
  padding: 0 5px 0 5px;
  font-size: 125%;
  font-weight: 700;
  background-color: #E0E0E0;
}

/* Set horizontal rule styles */
HR
{
  height: 12pt;
}

HR.thin
{
  height: 2pt;
}

/* Align table cells at the top by default */
TD, TH
{
  vertical-align: top;
  text-align: left;
  font-size: 100%;
}

/* Set text size modifications */
.x50
{
  font-size: 50%;
}

/* Display the logo properly */
.logo
{
  padding-top: 5px;
  width: 100%;
  border: 0px none;
  text-align: center;
}

/* Force the content to stay outside the left navigation bar */
.content
{
  margin: 0 25px;
}

/* Before & After examples */
.before
{
  background-color: #F0F080;
  padding: 0 5px 0 5px;
}

.after
{
  background-color: #80F080;
  padding: 0 5px 0 5px;
}

/* FAQ questions */
.question
{
  font-weight: 700;
}

/* Form examples */
.example
{
  font-size: 85%;
  font-style: italic;
  color: #404040;
}

/* Form element backgrounds */
INPUT[type=text], INPUT[type=password], INPUT[type=file], TEXTAREA, SELECT
{
 background-color: #C0C0F0;
 color: #000000;
}

INPUT[type=text]:focus, INPUT[type=password]:focus, INPUT[type=file]:focus, TEXTAREA:focus, SELECT:focus
{
 background-color: #D0D0FF;
 color: #000000;
}

/* Replacements for hard-coded text styles */
.bold
{
  font-weight: 700;
}

.italic
{
  font-style: italic;
  color: #FF0000;
}

.bold_italic
{
  font-weight: 700;
  font-style: italic;
  color: #FF0000;
}

/* Warning box */
.warning
{
  border: solid red;
  padding: 0px 1em 0px 1em;
  background: white;
  font-weight: bolder;
}

/* Put red border around errors */
DIV.error
{
  border: 8px #FF0000 solid;

  padding: 0px 1em 0px 1em;
}

/* Handle formatting of general links */
A:hover, A:focus
{
  color: #FFFFFF;
  background-color: #8080F0;
}

/* Ensure text in link targets is treated like normal text */
A.target:hover, A.target.focus
{
  color: #000000;
  background: none;
}

/* Handle formatting of mail links */
.mailto
{
  border: solid blue;
  padding: 0 5px 0 5px;
  font-weight: bolder;
  text-decoration: none;  
  background: white;
}

A.mailto:link
{
  text-decoration: none;
}

A.mailto:visited
{
  text-decoration: none;
  border: solid purple;
}

A.mailto:hover
{
  text-decoration: none;
  border: solid #FFFF00;
  border: solid #C0C0F0;
  color: #FFFFFF;
  background-color: #8080F0;
}

A.mailto:active
{
  text-decoration: none;
}

/* Handle formatting of navigation areas */
DIV.nav 
{
  margin: 5px;
  border-color: #000000;
  border-style: none;
  padding: 0;
  font-weight: 700;
}

.nav HR
{
  margin: 0;
  padding: 0;
  height: 0;
  color: #000000;
}

.nav A
{
  text-align: center;
  vertical-align: top;
  border-top: 0;
  border-bottom: 0;
  border-left: 2px;
  border-right: 2px;
  border-style: groove;
  border-color: #000000;
  margin: 0;
  padding: 0 20px 0 20px;
  color: #000000;
  background-color: #C0C0F0;
  text-decoration: none;
}

.nav A:link, .nav A:visited
{
  color: #000000;
}

.nav A:hover, .nav A:focus
{
  color: #FFFFFF;
  background-color: #8080F0;
}

/* Allow automatic handling of current page highlighting in the navigation areas */
/* Combine with corresponding ID on the BODY tag. */

#home .home, 
#faq .faq, 
#signup .signup, 
#abuse .abuse, 
#contact .contact, 
#terms .terms, 
#privacy .privacy
{
  color: #000000;
  background-color: #8080F0;
}

#home .home:hover, #home .home:focus,
#faq .faq:hover, #faq .faq:focus,
#signup .signup:hover, #signup .signup:focus,
#abuse .abuse:hover, #abuse .abuse:focus,
#contact .contact:hover, #contact .contact:focus,
#terms .terms:hover, #terms .terms:focus,
#privacy .privacy:hover, #privacy .privacy:focus
{
  color: #FFFFFF;
  background-color: #8080F0;
}

/* Set footer element styles */
.footer
{
  font-size: smaller;
  text-align: center;
}

.email P
{
  margin: auto 25px;
}

.footer A
{
  padding: 0 5px;
}