/**
* The reason that this is a php and not a css file is that much of the following
* is dynamically driven.  This allows me to make one small change one spot  
* (currently on a php file but eventually in a database) and alter the entire 
* look and feel of the site.
* 
* The biggest things of note are the height and width properties, the font 
* family choices, and all colors.  There are actually six different color
* objects which output somewhere in the neighborhood of 30 colors all told.
* 
* Font-size is currently static.  I'm not certain whether I want to change this
* as there are multiple header declarations which are bigger and smaller.  I 
* suppose I could simply tell the machine to round, but that is a later project.
* 
* Most of the margins and padding are static, simply because they are there to
* tweak based on the design.  This is something else which might be able to 
* change, but that may very well cause a problem with alignment in other issues.
* 
* Finally, the icon on top is created through Imagick and so it also is ruled
* by the same color objects that control the CSS below.
***/ 

body, html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  background: #DDDDDF;
}
body {
  text-align:center;
}
a, img {
  border: none;
}

a:link { font-weight: normal; color: #480e00;}
a.sidebar-object-type1{}
a.sidebar-object-type2{}
a.sidebar-object-type3{}

a.menu_item:link { 
  font-weight: bold;
  color: #141414;
  text-decoration: none;
}

a.menu_item:visited { 
  font-weight: bold;
  color: #141414;
  text-decoration: none;
}
a.menu_item:hover     { 
  font-weight: bold;
  color: #141414;
  text-decoration: underline;
}
a:visited       { font-weight: normal; color: #897238;}
a:hover         { font-weight: normal; color: #9a8756;}
h1 {
  font-family: monospace, Times, Garamond, Serif;
  font-size: 33px;
  display: block;
  text-align: center;
  padding: 25px 0 10px 0;
  margin: 0 0 0 75px;
}

h2 {
  height: 26px;
  text-align: left;
  color: #1f1f20;
  padding: 5px 5px 5px 10px;
  margin: 0px 0 0 -10px;
  background: #5455FF;
  border: 1px solid #7d6411;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: right;
  color: #fafafa;
  padding: 0 5px 0px 0px;
}

h4 {
  font-size: 12px;
  color: #5d5d60;
  font-style: italic;
  font-weight: lighter;
  margin: 0;
  background: #DDD600;
  }
 
h6 {
  text-align: right;
  padding: 0px 5px 0 0px;
}

h5 {
  font-size: 15px;
  text-align: center;
  color: #5d5d60;
  padding: 2px 2px 2px 5px;
  margin: 0px 140px 0 0;
  font-family: Times, Garamond, Serif;
}
.reply         {
  padding: 0px 0px 0px 5px;
  display: none;
}


.title{
  margin-bottom: 5px;
}

th {
  text-align: center;
  vertical-align: text-top;
}

#container {
	margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
	width: 752px;
	text-align: left;
	border-color: #333333;
  border-left: 1px;
  border-right: 1px;
  border-top: 1px;
}#header-container {
	margin: 0px auto;
	width: 752px;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}
#header-container2 {
	margin: 0px auto;
	width: 752px;
	text-align: left;
}
	
#header {
  height: 95px;
  color: #eeefff;
  padding: 0 0 0 0;
  margin: auto;
  font-family:         sans-serif;
  text-align:          left;
  background:          #3f40bf;
  background-image:    url(/images/icon.php);
  background-position: 35px;
  background-repeat:   no-repeat;
}
#menubar {
  background-color: #a6a6a7;
  border-color:     #f2f2f3;
  border-top:       0.5px solid;
  border-left:      0.5px solid;
  border-right:     0.5px solid;
  width:            752px;
}
span.menu_item {
  padding: 0px 0px 0px 35px;
}

#content-container {
	float:         left;
	width:         752px;
	margin:        0px 0px 10px 0px;
	padding:       0 0 10px;
	background:    #fcfcff;
	border-left:   1px solid;
	border-bottom: 1px solid;
	border-right:  1px solid;
	border-color:  #333333;
}

table.nav-bar   {
  width: 500px;
  margin-left: 10%;
  margin-right: 10%;
  height: 14px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;  
}

td.left{
  text-align: left;
  width: 150px;
}

#e7{
  height: 0px;
}

td.right{
  width: 150px;
  text-align: right;
}

td.center {
  width: 10px;
  text-align: center;
}
#column-main {
  padding:      0px 0 0 9px;
  float:        right;
  width:        600px;
  background:   #f7f7FF;
  border-color: #5d5d60;
  border-width: 1px;
  border-right: 0px;
  border-style: solid;
} 

#column-main div.entry-text {
  text-align: left;
  margin: 30px 40px 20px 30px;
  clear: both; 
}

#comment-container {
  width: 640px;
  margin: 20px 0px 0px 0px;
}

.comment {
  font-size: 13px;
  margin: 6pt 0px 3px 10px;
  width: 500px;
  background: #fffbde; 
  border: 1px solid #5d5d60;
  padding:0 0 7px 0;
}

.new-comment {
  font-size: 13px;
  font-weight: bold;
  margin: 6pt 0px 3px 50px;
  width: 485px;
  height: 205px;
  overflow: visible;
  background: #fffde0; 
  border: 1px solid #5d5d60;
}

.comment-header{
  color: #5d5d60;
  padding: 2px 2px 2px 5px;
  margin: 0px 0 2px 0;
  border: 1px solid #5d5d60;
  width: 100%;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  font-family:  perpetua, Harrington;
  text-align: center;
  color: #5d5d60;
  background: #CCCCCC;
}

div.comment-header span.delete {
  float: left;
  text-align: left;
  font-weight: normal;
}

div.comment-header span.title{
  text-align: center;
  padding:0 0 0 40px;
}

div.comment-header span.approve {
  text-align: right;
  font-weight: normal;
  padding:0 0 0 15px;
}

.scrolled{
  overflow: hidden;
  clear: both;
}
#log_on {
	display: none;
} 

#sign-in {
  width: 220px;
  border: 1px solid #5d5d60;
  background-color: #fffbe0;
  margin: 10px 0px 0 -30px;
}

#column-sidebar {
  border-top:   1px solid;
  width:      152px;
  padding:      5px 2px 0 1px;
  font-size:    12px;
  font-family:  Book Antiqua, Bookman old style, bodoni mt, Arial, Helvetica, sans-serif; 
}

#column-sidebar div {
  margin:   -9px;
  width: 99px;
}
div.sidebar-object-type1{
  padding:  7px 0px 0 10px;
}
div.sidebar-object-type2{
  padding:  7px 0px 0 30px;
}
div.sidebar-object-type3{
  padding:  7px 0px 0 50px;
}

#validation_links {
	text-align: center;
	clear: both;
}

div.hidden {
	display: none;
}