/* Classes specific to LAVC */

body {
  background: black;
  color: white;
  height: 100%;
}

/* To calculate width: px/13 = em. For IE, px/13.3 = em */
/* e.g. 750px = 57.69em and 56.3em respectively */
/* e.g. 850px = 65.38em and 63.9em respectively */
/* e.g. 950px = 73.07em and 71.43em respectively */
/* e.g. 1000px = 76.92em and 75.19em respectively */
/* e.g. 1050px = 80.77em and 78.95em respectively */
/* e.g. 1150px = 88.46em and 86.47em respectively */

#doc {
   width:73.07em;
   *width:71.43em; /* IE */
   min-width:950px;
   margin:auto;
   text-align:left;
   font-family: Trebuchet MS, sans-serif;
}

h1 {
  margin: 0.5em;
  text-align: center;
  font-size: 1.5em;
  color: orange;
  text-decoration: underline;
  font-family: Papyrus, Trebuchet MS, sans-serif;
}

h2 {
  margin: 0.5em;
  font-size: 1.3em;
  color: yellow;
  font-style: italic;
  font-family: Papyrus, Trebuchet MS, sans-serif;
}

p {
  margin: 1em;
}

table {
  margin: 1em;
}

td {
  padding: 0.3em;
}

#hilite {
  background-color: #888;
  border: 1px dotted white;
}

.msg {
  border: 1px solid red;
  padding: 1em;
  margin: 1em;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  color: red;
}

.msg a {
  color: red;
}

.msg a:hover {
  color: orange;
}

.link_to_us {
  margin:0px;
  padding:0px;
  text-align: center;
  border: 1px dotted yellow;
}

.link_to_us a {
  color: blue;
}

.tell_a_friend {
  margin:0px;
  padding: 1em;
  text-align: center;
  border: 1px dotted yellow;
}

.tell_a_friend_form {
  margin: 1em;
  padding: 1em;
  border: 1px solid white;
  text-align: left;
}

.tell_a_friend_form textarea {
  width: 30em;
  height: 10em;
}

.tell_a_friend_form input {
  width: 30em;
}

.tell_a_friend_form #submit_btn {
  width: auto;
}

.taf_eml_msg {
  padding: 0.25em;
  color: black;
  background-color: #ccc;
  width: 29em;
  border: 5px groove #fff;
}

.feedback {
  margin:0px;
  padding: 1em;
  text-align: center;
  border: 1px dotted yellow;
}

.feedback_form {
  margin: 1em;
  padding: 1em;
  border: 1px solid white;
  text-align: left;
}

.feedback_form textarea {
  width: 30em;
  height: 10em;
}

.feedback_form input {
  width: 30em;
}

.feedback_form #submit_btn {
  width: auto;
}

.light_a_candle {
  margin:0px;
  padding: 1em;
  text-align: center;
  border: 1px dotted yellow;
}

.all_candles {
  width:100%;
  margin:0px;
  padding: 0px;
  background-color:#000000;
  color:#ffffff;
}

.display_candle {
  width: 100%;
  margin:0px;
  padding: 1em;
  text-align: center;
  border: 1px dotted yellow;
}

.candle_text {
  width: 65%;
  float: left;
}

.candle_text a {
  color: #C00;
}

.candle_text a:hover {
  background-color: #666;
  color: #CC0;
}

.candle_message {
  margin: 1em 3em;
  padding: 1em;
  text-align: left;
  border: 1px solid white;
  font-family: Papyrus, Trebuchet MS, sans-serif;
  font-size: 1.4em;
}

.fl_candle_image {
  margin-top: 7.5em;
  width: 25%;
  float: left;
}

.candle_form {
  margin: 1em;
  padding: 1em;
  border: 1px solid white;
}

.candle_form textarea {
  width: 30em;
  height: 15em;
}

.candle_form input {
  width: 30em;
}

.candle_form #submit_btn {
  width: auto;
}

.candle_form #checkbox {
  width: auto;
}

.under_candle_info {
  clear: both;
}

.under_candle_info a {
  padding: 0.5em;
  color: #C00;
}

.under_candle_info a:hover {
  background-color: #666;
  color: #CC0;
}

.lit_by {
 padding: 1em;
}

.unlit {
/*  cursor: url(./images/burn.ani); */
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.ci {
  float:left;
}

textarea.link_code {
  background-color: #ccc;
  width: 95%;
  max-width: 60em;
  border: 5px groove #fff;
}

.top-menu {
  padding: 0.2em;
  text-align: center;
  color: #CC0;
  font-size: 1.2em;
  font-weight: bold;
}

.top-menu a {
  padding: 0.5em;
  color: #C00;
}

.top-menu a:hover {
  background-color: #666;
  color: #CC0;
}

.text_content {
  font-size: 1.2em;
}

.text_content a {
  text-decoration: none;
  color: orange;
}

.text_content p {
  font-family: Papyrus, Trebuchet MS, sans-serif;
}

.text_content a:hover {
  color: yellow;
}

.footer {
  margin: 2em;
  color: #666;
  text-align: center;
}

.footer a {
  padding: 0.5em;
  color: #C00;
}

.footer a:hover {
  background-color: #666;
  color: #CC0;
}

/*CSS for pop up hint box */
#hintbox{
  position:absolute;
  top: 0;
  background-color: black;
  width: 150px; /*Default width of hint.*/
  padding: 3px;
  border:1px solid orange;
  border-bottom:3px solid orange;
  border-right:3px solid orange;
  font:normal 11px Verdana;
  line-height:18px;
  z-index:100;
  visibility: hidden;
  color: yellow;
}

/*CSS for link that shows hint onmouseover*/
.hintanchor{
  font-weight: bold;
  text-decoration: none;
  color: navy;
}

/*CSS for link code (show/hide)*/
.codebox {
  display: none;
  margin: 1em 2em;
  padding: 1em;
  border: 1px solid white;
}

.codebox a, .show_codebox a {
  text-decoration: none;
  color: #C00;
}

.codebox a:hover, .show_codebox a:hover {
  background-color: #666;
  color: #CC0;
}

/*CSS for find (show/hide)*/
.findbox {
  position: absolute;
  display: none;
  margin: 1em;
  padding: 0.5em;
  width: 25em;
  border: 1px solid yellow;
  background-color: #333;
  color: white;
  font-size: 0.8em;
  font-weight: normal;
  z-index: 100;
}

.findbox p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.findbox form {
  text-align: left;
  margin: 0;
  padding: 0;
}

.findbox table {
  margin: 0;
  padding: 0;
}

.findbox a {
  text-decoration: none;
  color: #C00;
  margin: 0;
  padding: 0;
}

.findbox a:hover {
  color: #CC0;
}

.findbox .closebox {
  text-align: right;
  margin: 0;
}

/*CSS for list of groups/subsites on front page*/
.subsites_list {
  text-align: center;
  padding: 1em;
  border: 1px dotted yellow;
  font-family: Papyrus, Trebuchet MS, sans-serif;
}

.subsites_list a{
  color: #C00;
}

/* CSS for search results page */
.searchresults {
  margin:0px;
  padding: 1em;
  border: 1px dotted yellow;
  color: white;
}

.searchresults table {
  text-align: left;
  margin: 1em;
  padding: 1em;
  width: 70%;
  font-family: Papyrus, Trebuchet MS, sans-serif;
}

.searchresults th {
  font-weight: bold;
  color: yellow;
  padding: 0.5em 1em;
  text-decoration: underline;
}

.searchresults td {
  padding: 0.5em;
}

.searchresults a {
  color: #C00;
}

.searchresults a:hover {
  background-color: #666;
  color: #CC0;
}

/* CSS for candle messages (comments) */

.candle_comments {
  margin: 1em 3em;
  padding: 1.5em;
  text-align: left;
  border: 1px solid white;
}

.candle_comments a {
  padding: 0.5em;
  color: red;
}

.candle_comments a:hover {
  color: orange;
}

.candle_comments table {
  margin:0;
  padding: 0;
}

.commentinput {
  margin: 0;
}

.commentinput input {
  margin: 0.5em;
}

.commentinput textarea {
  margin: 0.5em;
}

.commentinput label{
  float:left;
  width: 4em;
  text-align:right;
  margin: 0.5em;
}

#idsubm {
  margin-left: 13em;
}

.commenttopbar{
  background-color: #ccc;
  color: #000;
  border: solid 2px #888;
  margin: 0 0 1px 0;
  *width: 97.5%;
}

.commentnickname{
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.2em;
}

.commentdatetime{
  font-size: 0.8em;
  color: #888;
  float: right;
}

.comment{
  margin:0 0 1ex 0;
}

.comment form{
  margin:0;
}

.comment textarea{
  padding: 0.5em;
  width: 97%;
  background-color: white;
  color: black;
  border: solid 1px #888;
}

.comment span{
  display: block;
  padding: 0.5em;
  background-color: #ddd;
  color: black;
  border: solid 1px #888;
}

a.navbutton{
  border: solid 1px #AAA;
  background-color: #EEE;
  color: black;
  text-decoration: none;
  padding: 0 0.5em;
  margin: 0;
}

a.navbutton:hover{
  background-color: #CCC;
  color: Red;
}

.navbuttoninactive{
  display:none;
}

.normal{
  background-color: white;
  color: black;
}

.flipped{
  background-color: #E0E0E0;
  color: black;
}

/* CSS for candle statistics */

.statsbox {
  text-align: left;
  display: none;
  margin: 1em 2em;
  padding: 1em 1em 3em 6em;
  border: 1px solid white;
}

.statsbox a {
  text-decoration: none;
  color: #C00;
  margin: 0;
  padding: 0;
}

.statsbox a:hover {
  color: #CC0;
}

/* CSS for social bookmarks */

.social_bookmarks {
  display: none;
  color: #CCC;
  font-style: italic;
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid white;
}

.social_bookmarks a {
  color: #555;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.social_bookmarks a img {
  color: #555;
  text-decoration: none;
  padding-left: 1em;
}

.social_bookmarks a:hover {
  color: #AAA;
  text-decoration: none;
}

.close_x a {
  text-decoration: none;
  font-style: normal;
  color: #C00;
  margin: 0;
  padding: 0;
}

.close_x a:hover {
  color: #CC0;
}

/* CSS for Amazon Astore */

.astore {
  margin:0px;
  padding: 1em;
  border: 1px dotted yellow;
}

.astore_in {
  margin: 1em;
  margin-bottom: 3em;
  padding-left: 3em;
  border: 1px solid white;
}