/* fot.css 
 * This is the default stylesheet for the friendsoftibet website.
 * It is set for MSIE as default.
 *  Other stylesheets (for linux, mac, etc., are loaded *after*
 *  this stylesheet.
 * NOTES:
 * Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *   and Unicode 161-255.  (No underscores, darn it.)
 * HISTORY:
 *  12 may 2005 jw - added style for home page story links.
 *  xx xxx 2003 jw - made for friendsoftibet site.

Colors:
  #ffffff - white
  #ffff99 - light orange      // linux
  #faebd7 - very light pinkish/yellowish (ms); light pinkish (linux).
  #ffff33 - bright yellow     // linux
  #ff6633 - red               // linux
  #eeeeee - gray              // "gray"
  #cc0000 - dark red          // linux
  #000000 - black
*/

/* *** { Standard Stuff: *** */

/* Define things you want generically in all styles, here in body tag: */
body {
  background: #ffffff;
  color:      #000000;
  font-family: arial, helvetica, lucida, sans-serif;
  padding:    0px 0px 8px 0px;
}
body.popup {
  background: #ffffff;
  color:      #000000;
  font-family: arial, helvetica, lucida, sans-serif;
  margin:     20px 5% 20px 5%;
}

/* We shouldn't have to redefine generic font stuff, but sometimes 
   we lose font styles after complicated formatting. 
  Also,  body styles do not carry into tables: */
p, h1, h2, h3, h4, h5, h6, td, th, ul, ol, li, dt, dt, dd  {
  font-family: helvetica, arial, lucida, sans-serif;
}

p {
  line-height:  1.2em;
}

td {
  line-height:  1.2em;
}
th {
  line-height:  1.2em;
}

h1 {
  color: orange;
}
h1 span.inheader {
  font-weight: lighter;
  font-size: 40%;
}

h2 {
  color: orange;
}
h3 {
  color: orange;
}
h3 span.inheader {
  font-weight: lighter;
  font-size: 60%;
}
h3.welcome {
}

a {
  text-decoration: none;
}
a:link:hover {
  background: #ffff99;
}
/* for '<a name', so it doesn't act like a link: */
a.target {
  color: #000000;
}
a.target:hover {
  background: #ffffff;
}

a.h2 {
  color: orange;
}

/* let's have a list inside a paragraph be closer to the paragraph text,
    and not be so indented: 
    (For some reason it's not working to do 'p ul' or 'p li') */
ul.in_para {
  margin-top:   -.9em;
  margin-left:  -.5em;
  margin-right: 5em;
  font-size:    .9em;
}
ul.trans-links {
  margin-top:   -.9em;
  margin-left:  -.5em;
  font-size:    .9em;
}
ul.in_para ul {
  margin-top:   .5em;
}
li {
  padding-top:  .5em;
  line-height:  1.1em;
}

dl.in_para {
  margin-top:   -.9em;
  font-size:    .9em;
}
dt {
  padding-top:  .5em;
  line-height:  1.1em;
}
dd {
  margin-left:  .5em;
  padding-top:  .3em;
  line-height:  1.1em;
}

/* *** { Page parts:  (headers, footers, sections, ...  *** */
p.linodots {
  font-weight: bold;
}

a.story_link {
  color: #eeeeee;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:   80%;
}


/* *** { Messages: *** */
div.error_message {
  text-align:  left;
  border:   2px solid #cc0000;
  width:    70%;
  color:    #cc0000;
  padding:  4px 4px 4px 20px;
  margin-bottom:  12px;
}
div.message {
  width:    70%; 
  text-align:  center;
  border:   1px solid #cc0000;
  color:    #cc0000;
  padding:  20px 0px 20px 0px;
}
ul.error {
  margin-top:  0em;
}
ul.error ul.error {
  margin-top:  .1em;
  margin-left: -.5em;
}
li.error {
}
dl.contact_success {
  /* goes totally bonkers on windows:
     margin-left:  15%; 
   */
}

/* *** { Popup help: *** */
h3.popup {
  margin:  8px 0% 0px 0%;
}
p.popup {
  margin: 5px 0% 0px 0%;
}
p.popup_nav {
  font-size:  1em;
  margin-bottom:  -5px;
}

/* *** { Forms: *** */
div.login_form {
  width:    75%;
  border:   1px solid #000000;
  padding:  8px 0px 8px 0px;
}
div.msg_form {
  background-color: #ffffcc;
}
div.admin_form {
  background-color: #eeeeee;
  padding:   2px 0px 8px 0px;
}
textarea {
  background: #ffffff;
  font-face: monospace;
}
input {
  background: #ffffff;
  font-face: monospace;
}
input.admin {
  background: #ffff99;
}
input.checkbox {
  background:  #ffffff;
  line-height: 1.2em;
}
input.checkbox2 {
  background:  #ffffff;
  font-size:   .9em;
  line-height: 1.2em;
}
input.radio {
  background: #ffffff;
}
input.button_submit {
  background: #ffff33;
  color: #ff6633;
  font-weight: bold;
}
input.button_reset {
  background: #ffff33;
  color: #ff6633;
}

.form_label {
  color: grey;
}
.form_label_req {
  color: grey;
  font-weight: bold;
}
.form_text {
  color: grey;
}
span.label_err_highlight {
  color:  #cc0000;
}

/* *** { Page parts: *** */
.footer {
  font-size:   .9em;
}

/* EOF */