/***************************************************************
 * Stylesheet for Canobie Lake site 
 *
 * Copyright 2005 Benjamin Fan
 *
 * This source code file is licensed under the Attribution-ShareAlike
 * Creative Commons License.
 * http://creativecommons.org/licenses/by-sa/2.0/
 ***************************************************************/


BODY {
   background: white;
   color: black;
   font-family:helvetica, sans-serif;
   margin: 1em;
}

/***************************************************************
  Links
 ***************************************************************/
A:link {
color: green;
text-decoration: none;
}

A:visited {
color: green;
text-decoration: none;

}
A:hover {
color: white;
background-color: green;
}

A:focus {
color: white;
background-color: green;
}

A:active {
color: black;
}

/***************************************************************
  Headings
 ***************************************************************/
H1, H2, H3, H4, H5, H6 {
padding-top: 1ex;
clear: left;
}

H1 {
background-color: green;
color:white;
padding-bottom: 1ex;
text-align: center;
}

H2 {
text-align: left;
border-top-width: thick;
border-top-style: solid;
border-top-color: green;
padding-top: .75ex;
padding-bottom: .75ex;
color: black;
background-color: #CCFFCC;
}

H3 {
text-align: center;
border-top-width: thin;
border-top-style: dashed;
border-top-color: green;
text-align: center;
padding-top: 1ex;
}

H2 + DIV H3 {
border-top-style: none;
padding-top: 0ex;
}

H2 + A + H3 {
border-top-style: none;
padding-top: 0ex;
}


/***************************************************************
  Special text class formatting:
     Ride restrictions
     Ride references
     Hidden image separators
 ***************************************************************/

SPAN.restrictions {
font-style: italic;
color: red;
}

SPAN.rideref {
font-style: italic;
}

SPAN.img_separator {
display: none;
}

#information SPAN.name {
font-weight: bold;
font-size: larger;
}

#attractions SPAN.name {
font-weight: bold;
font-size: larger;
}

/***************************************************************
  Lists
 ***************************************************************/
UL LI {
padding-top: 0.5ex;
}

UL LI:first-child {
padding-top: 0ex;
}

UL.deflist LI SPAN.name {
font-weight: bold;
font-size: larger;
}

UL.linklist LI SPAN.link {
font-weight: bold;
}

UL.questionlist LI SPAN.question {
font-style: italic;
}

/***************************************************************
  Copyrights and Colophons:
     positioning of images and text
 ***************************************************************/

#copyright A.image, #colophon A.image {
float: left;
margin-right: .5ex;
}

#copyright A.image IMG, #colophon A.image IMG {
float: left; 
}

#copyright P, #colophon P {
clear: left;
}

/***************************************************************
  General Image-Links:
     border hover effect
 ***************************************************************/
A.image IMG{
border-style: solid;
border-width: thin;
border-color: transparent;
clear: left;
}

/* This is a workaround for Mozilla 1.0.0 */
/* This may not be correct CSS (?) */
A.image IMG:hover {
border-color: green;
}

/* This is the correct CSS, per Firefox. */
/* This should be the only hover tag needed. */
A.image:hover {
border-color: green;
}

/***************************************************************
  Photo images:
     Alignment and margins.
 ***************************************************************/

#photos A.image IMG {
vertical-align: middle;  
   /* Required to get images to be vertically-centered with the 
      following text line. */
   /* A mozilla 1.0.0 bug causes img-alt-text links to be be aligned 
      too high.  This produces an underline effect during hover. */
}

#photos A.image {
margin-left: 2em;
}
#photos SPAN.text_separator + A.image {
margin-left: 1em;
}

/* Make a photo thumbnail-sized */
img.thumb {
max-height: 150px;
max-width: 150px;
}

/***************************************************************
  Navigation bars:
 ***************************************************************/

UL.navbar LI {
display: inline;
list-style-type: none;
border-right-style: solid;
border-right-width: thin;
border-right-color: black;
padding-right: .66em;
padding-left: .66em;
}

UL.navbar LI:first-child {
border-left-style: solid;
border-left-width: thin;
border-left-color: black;
}