/*
CSS for Chamberlin Productions Site
*/

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




/*
GENERAL SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

body {
  font-family: Arial, sans-serif;
  line-height: 120%;
  font-size: 75%;
  background: #000000;
  color: #ffffff; }

h1, h2, h3 {
  font-family: Times, "Times New Roman", sans-serif; }

h1 {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size: 3em;
  line-height: 100%;
  color: #cceeff; }

h2 {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size: 2.5em;
  font-weight: normal;
  color: #cceeff; }

h3 {
  margin-top: 1em;
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size: 1.5em;
  font-weight: normal;
  color: #cceeff; }

p {
  margin-top: 1em;
  font-size: 1.2em; }

.center {
  text-align: center; }

.break {
  margin-top: 3em; }

.indent {
  padding-left: 1.5em; }

.title {
  font-style: italic; }

#bodycontent img, #contentwithinfo img {
  margin-top: 1em; }




/*
NAVIGATION SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#navigation {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  background: #000020 url('Files/Header.jpg'); }

#navigation ul {
  height: 2.5em;
  width: 52.2em;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none; }

#navigation ul.top {
  width: 21.2em;
  margin-top: 1em; }

#navigation ul li {
  float: left;
  width: 10em;
  margin-right: .4em; }

#navigation a {
  display: block;
  padding-top: .4em;
  padding-bottom: .4em;
  text-align: center;
  text-decoration: none;
  background-color: #100022;
  color: #cceeff;
  border: 1px ridge #444444; }

#navigation a:link {
  border: 1px ridge #444444; }

#navigation a:visited {
  color: #cceeff; }

#navigation a:hover {
  color: #ffffff;
  background-color: #300000;
  border: 1px inset #444444; }

#navigation a:active {
  color: #ffffff;
  border: 1px inset #222222;
  background-color: #200000; }

#border {
  width: 1000px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  background: url('Files/Border.png'); }




/*
CONTAINER SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#container {
  width: 1000px;
  margin: 0 auto; }




/*
NAVIGATION 2 SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#navigation2 {
  width: 150px;
  height: 500px;
  float: left;
  background: #100000 url('Files/Menu.jpg');
  font-size: 1.3em; }

#navigation2 ul {
  padding-top: 2.5em;
  padding-left: 5px; }

#navigation2 ul li {
  list-style-type: none;
  padding-top: 7px; }

#navigation2 a {
  color: #cceeff;
  text-decoration: none; }

#navigation2 a:link {
  color: #cceeff; }

#navigation2 a:visited {
  color: #cceeff; }

#navigation2 a:hover {
  color: #ffffff;
  font-weight: bold; }

#navigation2 a:active {
  color: #152077;
  font-weight: bold; }

.spacer {
  color: #cceeff; }




/*
BODY SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#bodycontent {
  width: 840px;
  padding-left: 10px;
  padding-top: 2.5em;
  padding-bottom: 2em;
  float: left; }

#contentwithinfo {
  width: 560px;
  padding-left: 10px;
  padding-bottom: 2em;
  float: left; }

#info {
  width: 220px;
  margin-top: 1em;
  margin-left: 30px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 1em;
  float: left;
  border: 1px ridge #444444; }




/*
HOMEPAGE SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#homenews { 
  width: 190px;
  float: left;
  margin-left: 18px;
  margin-top: 1em;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2em;
  border: 1px solid #888888; }

#homecenter {
  width: 500px;
  float: left;
  margin-left: 30px; }

#homeverse {
  width: 190px;
  float: left;
  margin-left: 30px;
  margin-top: 1em;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2em;
  border: 1px solid #888888; }

#homenews p, #homeverse p {
  font-size: 1em; }

#homepic {
  float: left;
  margin-top: 3em; }

#hometerms {
  width: 1000px;
  float: left; }

#hometerms p {
  margin: 0;
  font-size: 1em;
  text-align: center; }




/*
LINKS SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

a {
  color: #cceeff; }

a:link {
  color: #cceeff; }

a:visited {
  color: #cceeff; }

a:hover {
  color: #ffffff; }

a:active {
  color: #500000; }

a.button {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: .7em;
  padding-right: .7em;
  font-size: 1.2em;
  background: #200000 url('Files/Button 1.jpg');
  text-decoration: none;
  color: #cceeff;
  border: 2px ridge #444444; }

a:link.button {
  color: #cceeff; }

a:visited.button {
  color: #cceeff; }

a:hover.button {
  color: #cceeff;
  background: #100022 url('Files/Button 2.jpg'); }

a:active.button {
  color: #888888;
  border: 2px inset #444444; }




/*
PICTURELINK SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#piclink {
  width: 258px;
  margin-top: 3em;
  padding-left: 22px;
  float: left; }

#piclink h1 {
  text-align: center;
  font-size: 1.4em;
  color: #cceeff; }

#piclink img {
  display: block;
  margin: 0; }

#piclink a {
  display: block;
  border: 1px solid #000000; }

#piclink a:link {
  border: 1px solid #000000; }

#piclink a:visited {
  border: 1px solid #000000; }

#piclink a:hover {
  border: 1px solid #990000; }

#piclink a:active {
  border: 1px inset #770000; }