/* 
    BearStyle™
    BC Bears Stylesheet
    © 2007 SmallPaws Design
*/

/* Normalize margin, padding and border to zero */

* {
  margin: 0;
  padding: 0;
  border: none;
}

/* Style the basic text elements */

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: small;
  line-height: 1.4em;
  color: #4D5369;
  background-color: #FDFDFD;
  margin-top: 0.5em;
}

h1 {
  width: 800px;
  height: 155px;
  background: url(../images/header.jpg) top left no-repeat;
  font-size: 1.7em;
  text-indent: -5000px;
}

h2 {
  font-size: 1.5em;
  padding: 10px 30px;
  margin: 0;
  text-indent: -5000px;
}

h3 {
  font-size: 1.2em;
}

p {
  margin-bottom: 1em;
}

.taxonomy {
  font-style: italic;
}

blockquote {
  margin: 1em 3em;
}

p.source {
  margin-left: 3em;
  font-style: italic;
  font-weight: bold;
}

/* Replace the h2 text */

body#homepage div#mainfeature h2 {
  background: url(../images/welcome.gif) top left no-repeat;
}

body#homepage div#sidebar h2 {
  background: url(../images/aboutsite.gif) top left no-repeat;
}

body#aboutbears div#mainfeature h2 {
  background: url(../images/about.gif) top left no-repeat;
}

body#aboutbears div#sidebar h2 {
  background: url(../images/facts.gif) top left no-repeat;
}

body#habitat div#mainfeature h2 {
  background: url(../images/habitat.gif) top left no-repeat;
}

body#habitat div#sidebar h2 {
  background: url(../images/threats.gif) top left no-repeat;
}

body#gallery div#sidebar h2 {
  background: url(../images/choose.gif) top left no-repeat;
}

body#helping div#mainfeature h2 {
  background: url(../images/help.gif) top left no-repeat;
}

body#helping div#sidebar h2 {
  background: url(../images/more.gif) top left no-repeat;
}

/* Style the regular page layout */

div#wrapper {
  width: 800px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

div#mainfeature {
  position: absolute;
  top: 200px;
  left: 10px;
  width: 470px;
}

div#sidebar {
  position: absolute;
  top: 200px;
  left: 500px;
  width: 290px;
  background: url(../images/middle.gif) top left repeat-y;
}

div#sidebar p {
  padding: 0 30px 10px 30px;
  margin: 0;
}

div#sidebar p.bottom {
  padding-bottom: 30px;
  background: url(../images/bottom.gif) bottom left no-repeat;
}

div#sidebar h3 {
  padding: 10px 30px;
  margin: 0;
}

/* Style the picture gallery page */

body#gallery div#mainfeature {
  position: absolute;
  top: 200px;
  left: 310px;
  width: 470px;
}

body#gallery div#sidebar {
  position: absolute;
  top: 200px;
  left: 10px;
}

body#gallery div#sidebar p {
  font-size: 0.8em;
  text-align: center;
}

/* Style the navigation links */

ul.links {
  list-style-type: none;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

ul.links li {
  display: inline;
  margin: 0 1em;
  padding-right: 2em;
  border-right: 1px #4D5369 solid;
}

ul.links li.last {
  border: none;
}

a:link, a:visited {
  text-decoration: none;
  color: #4D5369;
  border-bottom: 1px #4D5369 dotted;
}

a:hover, a:focus {
  text-decoration: none;
  color: black;
  border-bottom: 1px #4D5369 solid;
}

a#currentpage:link, a#currentpage:visited {
  border-bottom: none;
}

a#currentpage:hover, a#currentpage:focus {
  color: #4D5369;
  border-bottom: none;
  cursor: default;
}

/* Style the photogallery links and images */

#photogallery a {
  text-decoration: none;
  border: none;
}

ul#photogallery {
  list-style-type: none;
  text-align: center;
}

ul#photogallery li {
  display: inline;
}

/* Apply a:hover background color to make it work in IE6 */
ul#photogallery a:hover {
  background-color: #EADFD6;
}

img.thumb {
  width: 100px;
  height: 62px;
  padding: 10px 10px 10px 5px;
}

#photogallery a img.bigpic {
  display: none;
  /* Set h and w to 0 to make it work in IE6 */
  height: 0;
  width: 0;
}

#photogallery a:hover img.bigpic {
  display: inline;
  position: absolute;
  top: 0;
  left: 310px;
  width: 470px;
  height: 290px;
}
  
/* Style the administravia footer */

#administravia {
  position: absolute;
  top: 570px;
  left: 10px;
  width: 100%;
  font-family: Verdana, sans-serif;
  line-height: 1em;
  font-size: 75%;
  text-align: center;
}