/* stylesheet.css */

/* Universal selector */
/* Remove all default margins and padding */
* {
  margin:0;
  padding: 0;
  /* border: dashed 1px #fffe66; */
}

/* Body style */
body { 
  font-family: Arial, helvetica; 
  font-size: medium;
  color:#266a2e; /* dark green */
  background-color: #81a594 /* light blue */;
}

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

/* Page header style */
#header {
  height: 10.5em;
  background-image: url("images/wQSg9F.png"); /*blue green gradient */
  background-repeat:repeat-x;
  width: 63em;
  position: absolute;
  top: 5em;
}

#header img {
  height: 10.5em
}

/* h1 in Header Only */
#header h1{
  float: right;
  margin-right: 1em;
  margin-top: .75em;
  color: #ffff33; /* Pale Yellow */ 
  font-family: Palatino Linotype, Book Antigua, Palatino, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 4em;
}

/* h1 in all other places */
h1{
  font-style: italic;
  color: #ffff33; /* Pale Yellow */
  text-align: center;
}

/* Remove bullets in Navbar ul */
#navbar ul {
  list-style-type: none;  
  margin-left: 10.75em; 
  margin-top: 1em;
}

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

/* Navbar Links Styled as Buttons - Green */
#navbar a.button {
  background: #b1dc6e; /* pale green */
  border-width: 4px;
  border-style: solid;
  border-top-color: #9f0; /* Lime Green */
  border-right-color: #9f0; /* Lime green*/
  border-left-color: #2c6700; /* Dark Green */
  border-bottom-color: #403f06; /* Dark Olive */
  margin-right: 10px;
}

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

/* Navbar Links hover */
#navbar a:hover {
  color: #ff4a00; /* Orange */
}

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

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

/* Style drop down menu links */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */ 
  background-color: #b1dc6e; /* pale green */
  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;
}


/* Content Style */
#content {
  padding: 19em 0 0 0;
  width: 60em;
  margin-right: 8em;
}

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


/* Applies to paintings in content division on Gallery Page */
#content .painting {
  float: left;
}

#content .painting img{
  height: 143px;
  padding: 2.15em;
  margin: 20px 32px 10 px 32px;
}

#content .painting p {
  text-align: center;
}


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

/* Level 2 headings */
h2 { 
  font-weight: bold; 
  font-size: medium; 
  color: #033; /* dark blue */
  text-align: center;
}

/* 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; /* green */
}
 
/* Applies to all other links not in header */
a, a:link {
  color: #ffff33 /* pale yellow */
}

a:hover {
  color: #0c0; /* green */
}

ul{
list-style-type: none;
}


/* Start printer-friendly styles */

@media print{

/* 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:#4b5263 /* dusty blue */;
margin:1em 1em 0 1em;
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:#a0dbc8 
}

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

.tagcloud0 a{
color:#4c6d89;
}

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

.tagcloud1 a(
color:#4c6d89;
}

.tagcloud2{
font-size:1.8em;]
color:#4c6d89; /*light yellow */
z-index:8
}

.tagcloud2 a(
color:#4c6d89;
}


.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
}