/* stylesheet.css */

/* Universal selector */
/* Remove all default margins and padding */
* {
  margin:0;
  padding: 0;
  /* Comment out Temporary borders */
  /* border: dashed 1px #f00; */
}

/* Body style */
body { 
  font-family: "Comic Sans MS", cursive; 
  font-size: medium;
  color:#300; /* Dark Brown */
  background-color: #ff9; /* Tan */
}

/* Wrapper style */
#wrapper {
  width:  63em;
  margin: 0 auto;
  /* Required for absolutely positioned layout */
  position: relative;
}

/* Page header style */
#header {
  height: 15.5em;
  background-image: url("bannergradient.png");
  background-repeat:repeat-x;
  text-align: center;
  width: 63em;
  position: absolute;
  top: 0;
}

/* Remove bullets in Navbar ul */
#navbar ul {
  list-style-type: none;
  margin-left: 25px;
}

/* Navbar Drop Down List Items */
#navbar li {
  float:left;
  /* Required for drop down list */
  position: relative;
}

/* Navbar Links Styled as Buttons - Orange */
#navbar a.button {
  background: #fa6121;  
  border-width: 4px;
  border-style: solid;
  border-top-color: #ffb739;
  border-right-color: #c12100;
  border-left-color: #ff9900;
  border-bottom-color: #c13100;
  margin-right: 10px;
}

/* Navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited {
  color: #000; /* Black */
  text-decoration: none;
  text-align: center;
  line-height: 2em;
  display: block;
  font-size: 80%;
  height: 2em;
  width: 9em;
  outline-style: none;
}

/* Navbar Links hover */
#navbar a:hover {
  color: #fff; /* White */
}

/* Drop down Menu Styles */
#navbar li ul {
  position: absolute;
  z-index: 100;
  visibility: hidden;
}

/* Make drop down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:2em;
  left:0;
}

/* Style drop down menu links */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */ 
  background-color: #ff3;
  display: block;
  width: 15em;
  padding: 0 0 0 1em;
  height: auto;
  text-align: left;
  border: 1px solid #c13100;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

/* Right sidebar */
#rightsidebar {
  width: 8em;
  float: right;
  height: 24em;
  margin-left: 2em;
  margin-bottom:10px;
  position: absolute;
  top: 15.5em;
  right: 0;
}

/* Content Style */
#content {
  padding: 15.5em 8em 0 0;
}


/* Content paragraph style */
#content p{
  line-height:1.5;
}

/* Style for Stories Division */
#stories {
  border:groove 6px #900;
  background-color: #ff6;
  margin-top: 15px;
}

/* Applies to ul in Stories Division */
#stories ul {
  color: #f30; 
  text-align:left;
  list-style-type:none;
  margin: 5px 0px 5px 10px;
}

/* Page footer style */
#footer {
  border-top:  thick double #900;
  text-align: center;
  font-style: italic;
  font-size: 12px;
}

/* Level 1 headings */
h1 { 
  font-weight: bold; 
  text-align:center;  
  color: #300; /* Dark Brown */
}

/* Level 2 headings */
h2 { 
  font-weight: bold; 
  font-size: medium; 
  color: #300; /* Dark Brown */
}

/* Level 3 headings */
h3 {
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #300; /* Dark Brown */
}

/* Level 4 Headings */
h4 {
  text-align: center;
  color: #F30; /* orange */
}

/* Style for Paragraphs */
p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Links at bottom of page */
p.links {
  text-align: center;
  font-size: x-small;
}

p.links a:hover, a:active {
  color: #0c0;
  border: dotted 1px #333;
}

/* Style for Questions Paragraph */
p.question {
  background-color: #F90;
  margin-left: 25px;
  margin-right: 25px;
  padding: 20px;
  border:solid thin #300;
}
  
/* Applies to all other links not in header */
a:hover {
  color: #0c0;
}

@media print{
/* Start printer-friendly styles */
/* Set wrapper to fill page width */
#wrapper{
width:100%;
}
/* Hide rightsidebar, navbar */
#header,
#rightsidebar,
#navbar{
display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content {
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */
}

/* tag cloud */

#htmltagcloud{
 font-size: 75%;
 width: auto;		
 font-family:'lucida grande','trebuchet ms',arial,helvetica,sans-serif;
 background-color:#ff9; /*same as entire page */
 margin:1em 1em 0 1em;
 border:2px dotted #ddd;
 padding:2em; 
}

#htmltagcloud{
 line-height:2.4em; 
 word-spacing:normal;
 letter-spacing:normal;
 text-transform:none;
 text-align:justify;
 text-indent:0
}

#htmltagcloud a:link{
 text-decoration:none
}

#htmltagcloud a:visited{
 text-decoration:none
}

#htmltagcloud a:hover{
 color:white;
 background-color:#05f
}

#htmltagcloud a:active{
 color:white;
 background-color:#03d
}

.wrd{
 padding:0;position:
 relative 
}

.wrd a{
 text-decoration:none
}

.tagcloud0{
 font-size:1.0em;
 color:#ACC1F3;
 z-index:10
}

.tagcloud0 a{
 color:#ACC1F3
}

.tagcloud1{
 font-size:1.4em;
 color:#ACC1F3;
 z-index:9
}

.tagcloud1 a{
 color:#ACC1F3
}

.tagcloud2{
 font-size:1.8em;
 color:#86A0DC;
 z-index:8
}

.tagcloud2 a{
 color:#86A0DC
}

.tagcloud3{
 font-size:2.2em;
 color:#86A0DC;
 z-index:7
}

.tagcloud3 a{
 color:#86A0DC
}

.tagcloud4{
 font-size:2.6em;
 color:#607EC5;
 z-index:6
}

.tagcloud4 a{
 color:#607EC5
}

.tagcloud5{
 font-size:3.0em;
 color:#607EC5;
 z-index:5
}

.tagcloud5 a{
 color:#607EC5
}

.tagcloud6{
 font-size:3.3em;
 color:#4C6DB9;
 z-index:4
}

.tagcloud6 a{
 color:#4C6DB9
}

.tagcloud7{
 font-size:3.6em;
 color:#395CAE;
 z-index:3
}

.tagcloud7 a{
 color:#395CAE
}

.tagcloud8{
 font-size:3.9em;
 color:#264CA2;
 z-index:2
}

.tagcloud8 a{
 color:#264CA2
}

.tagcloud9{
 font-size:4.2em;
 color:#133B97;
 z-index:1
}

.tagcloud9 a{
 color:#133B97
}

.tagcloud10{
 font-size:4.5em;
 color:#002A8B;
 z-index:0
}

.tagcloud10 a{
 color:#002A8B
}

.freq{
 font-size:10pt !important;
 color:#bbb
}

#credit{
 text-align:center;
 color:#333;
 margin-bottom: 0.6em;
 font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif
}

#credit a:link{
 color:#777;
 text-decoration:none
}

#credit a:visited{
 color:#777;
 text-decoration:none
}

#credit a:hover{
 color:white;background-color:#05f
}

#credit a:active{
 text-decoration:underline
}