/* main.css - main style sheet for Mahugh.com */
/* Copyright (c) 2005 Doug Mahugh.  ALL RIGHTS RESERVED. */

* {
  margin: 0;
  padding: 0;
  }

a:link {
  color: #3FA9A5;
  }

a:visited {
  color: 103080;
  }

a.thumb {
  display: block;
  width: 116px;
  height: 116px;
  border: 6px solid #FFFFFF;
  }
a.thumb:hover {
  border: 6px solid #3FA9A5;
  }

a.thumb_small {
  display: block;
  width:  59px;
  height: 59px;
  margin: -4px;
  border: 6px solid #FFFFFF;
  }
a.thumb_small:hover {
  border: 6px solid #3FA9A5;
  }

/* Note that style settings for the body element apply to all contained elements
through CSS inheritance, so some of these settings (such as font details) are
specified here to set standards for the document */
body {
  font-family: Palatino Linotype, Garamond, serif;  /* default font for all elements */
  font-size: .8em;
  margin: 0px 0px 0px 0px;
  }

.copyright-text {
  font-size: 7pt;
  font-family: Arial, sans-serif;
  color: #3FA9A5;
  }

div.thumbfloat {
  float: left;
  padding: 6px;
  }

div#back2photos {
  position: absolute;
  top: 34px;
  left: 26px;
  }

div#cssexample {
  height: 200px;
  width: 400px;
  float: left;
  left: -60px;
  overflow: auto;
  border: 1px solid #3FA9A5;
  background-color: #DDD;
  margin-top: 1em;
  margin-right: 1em;
  padding: 8px;}

div#header-left {
  position: absolute;
  left: 50px;
  top: 0px;
  z-index: 100;
  }

div#header-right {
  position: absolute;
  left: 650px;
  top: 10px;
  z-index: 100;
  width: 240px;
  text-align: right;
  height: 50px;
  vertical-align: middle;
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #3FA9A5;
  }

div#maincontent {
  position: absolute;
  left: 250px;
  top: 50px;
  width: 640px;
  z-index: 100;
  padding-bottom: 1em;
  }

div#maincontent h1 {
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  margin-bottom: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-top: .2em;
  margin-top: 1.5em;
  background: #3FA9A5;
  background-image: url("../images/gradient.jpg");
  color: #FFFFFF;
  }

div#maincontent h2 {
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  margin-top: .5em;
  margin-bottom: .2em;
  color: #102080;
  }

div#maincontent hr {
  color: #3FA9A5;
  height: 1px;
  }

div#maincontent800 {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 800px;
  z-index: 100;
  padding-bottom: 1em;
  }

div#maincontent800 h3 {
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  margin-top: .5em;
  margin-bottom: .2em;
  }

div#navbuttons {
  position: absolute;
  left: 20px;
  top: 166px;
  z-index: 300;
  width: 180px;
  }

div#navbuttons2 {
  position: absolute;
  left: 20px;
  top: 128px;
  z-index: 300;
  width: 180px;
  }

div#navjournal {
  position: absolute;
  left: 720px;
  top: 71px;
  z-index: 300;
  width: 170px;
  }

/* "navigation" contains navigational links to the main sections of this site */

div#navigation {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 100;
  width: 180px;
  background: #3FA9A5;
  }

div#navigation a {
  display: block;
  text-align: left;
  padding: 0px 10px;
  margin: 0 0 1px;
  border-width: 0;
  text-decoration: none;
  color: #3FA9A5;
  background: #FFFFFF;
  }

div#navigation a span {
  display: none;
  }

div#navigation a:hover {
  color: white;
  background: #3FA9A5;
  }

div#navigation a:hover span {
  display: block;
  padding: 5px;
  margin: 10px;
  z-index: 100;
  font-size: .9em;
  color: #3FA9A5;
  background: white;
  text-align: left;
  position: absolute;
  top: 110px;
  left: -5px;
  width: 180px;
  }

div#navigation h1 {
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  margin-bottom: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-top: .2em;
  margin-top: .5em;
  background: #3FA9A5;
  background-image: url("../images/gradient.jpg");
  color: #FFFFFF;
  }

div.rightfloat {
  float: right;
  color: #000000;
  width: 220px;
  text-align: center;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.rightfloat div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.rightfloat p {
  color: #002020;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 1em;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

div#homepagecontent {
  position: relative;
  top: 0;
  z-index: 100;
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  }

/* "sidebar" contains quotes and other decorative text that appears beside the main content */

div#sidebar {
  position: absolute;
  left: 50px;
  top: 280px;
  z-index: 100;
  width: 200px;
  padding-right: 20px;
  font-family: Arial, sans-serif;
  font-size: .9em;
  }

div#sidebar2 {
  position: absolute;
  left: 20px;
  top: 250px;
  z-index: 100;
  width: 180px;
  padding-right: 20px;
  }

img#logo {
  vertical-align: text-top;
  align: left;
  }

img#sectionlogo {
  position: absolute;
  top: 37px;
  left: 50px;
  border: 0px;
  z-index: 200;
  }

p {
  margin-top: .2em;
  text-indent: 2em;
  }

p.lead {
  text-indent: 0;
  margin-top: 1em;
  }

p.lead:first-letter {
  font-size: 200%; float: left;
  }

span.linklabel {
  width: 110px;
  color: #000000;
  }