/* 
 * File:  default.css
 * Description:  Default Cascading Style Sheet for site dvatp.com
 * Author: Doug Vetter
 * Notes:
 *  - Coded by hand with lots of trial and error (mostly error)
 *  - Feel free to use this as a reference for educational purposes, but 
 *    keep in mind that this is not perfect CSS.  All I ask is that you do 
 *    not copy this verbatim.  The design is nothing special but I believe
 *    it to be unique, and I'd like to keep it that way.  Thanks.
 */

@import url(/styles/fonts.css);
@import url(/styles/sitemenu.css);
@import url(/styles/images.css);

body {
  min-width: 950px;
}

#header {
  /* border: 1px green solid; */
  height: 110px;
  text-align: right;
  background: url("/media/image/header_clouds.jpg") top left no-repeat;
  color: #336699;
  font-weight: bold;
}

#header #date { 
  padding: 84px 10px 30px 0;
}

#headerNavBar {
  font-size:100%;
  padding: 0.2em 0.2em 0.2em 1.0em;
  border-bottom: 1px solid #cccccc;
  background-color: #efefef;
}

#headerNavBar a {
  text-decoration: underline;
  color: black;
  font-weight: normal;
}

#content {
  padding: 0 1em 1em 1em;
  background-color: white;
}

div.pagenav {
  text-align: right;
  padding: 0.5em;
  margin: 0.5em;
}

div.pagenav a {
  padding: 0.3em 0.6em 0.3em 0.6em;
  margin: 0.3em;
  border: 1px solid #AAAADD;
  zoom: 100%;
  text-decoration: none;
  color: #000099;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

div.pagenav a:hover, div.pagination a:active {
  border: 1px solid #000099;
  background-color: #CEE7FF;
  color: #000;
}

div.pagenav span.current {
  padding: 0.3em 0.6em 0.3em 0.6em;
  margin: 0.3em 0.3em 0.3em 0.6em;
  border: 1px solid #000099;
  * zoom: 100%;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

div.pagenav span.disabled {
  padding: 0.3em 0.6em 0.3em 0.6em;
  margin: 0.3em;
  border: 1px solid #EEE;
  * zoom: 100%;
  color: #DDD;
}

* span.elipsis {zoom:100%}

/* used to construct the footer for every page on the site */
#footer {
  clear: both; 
  text-align: left;
  height: 9.1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em; 
  background-color: #4488bb;
  border-top: #cccccc solid 0.3em;
  color: white;
  min-width: 950px;
}

#footer .info {
	padding: 2.9em 2.0em 3.3em 2.0em; 
	float: left;
}

#footer .info .links {
	padding-bottom: 0.4em;
	border-bottom: 3px solid #efefef;
}

#footer .info .stats {
	padding-top: 0.4em;
}

#footer .hosting {
    /* border: 1px solid red; */
	padding: 1.5em 2.0em 1.0em 0;
	float: right;
	width: 18.0em;
}

#footer .hosting img {
	float: right; 
	margin: 0em 0.5em 0 0;
}

#footer .hosting div {
	float: left;
	margin-top: 2.5em;
}

#footer .hosting span {
	position: relative;
	top: -0.75em;
}

#footer .contact {
  margin-left: 10px;
  float: left;
  text-align: left;
}

#footer .lastupdate {
  margin-right: 10px;
  float: right;
  text-align: right;
}

/* height element required to prevent IE6 rendering bug, just picked 15px...
 * and it worked, but need to research this */
#footerNavBar {
  clear: both;
  text-align: left;
  padding: 0.2em 0.2em 0.2em 1.0em;
  border-top: #cccccc solid 0.3em;
  color: #ffffff;
  background-color: #336699;
}

#footerNavBar a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: normal;
}

.citeblock {
  width: 90%;
  padding-left: 10px; 
  padding-right: 10px;
  border: 2px #ccccee dotted;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #e3eaf9;
  clear: both;
}

div#sitealert {
  text-align: center;
  padding: 0.2em;
  background-color: #ffcc66;
}

table.updates, table.sections, table.articles {
  width: 95%;
  font-size: 100%;
  background-color: white;
  border: 0px;
  text-align: left;
  margin: 1.0em;
}

table.updates td, table.sections td, table.articles td {
  vertical-align: top; 
  padding: 5px;
}

table.updates td.date {
  width: 15%;
  text-align: right;
}

table.updates td.details {
  width: 85%;
  text-align: left;
}

table.sections td.section {
  width: 25%;
  text-align: right;
}

table.sections td.details {
  width: 75%;
  text-align: left;
}

table.articles {
  margin: 0 2em 0 2em;
}

table.articles td.info {
  width: 25%;
  text-align: right;
}

table.articles td.desc {
  width: 75%;
  text-align: left;
}

div.avfeature {
  margin: auto;
  width: 95%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  clear:both;
}

div.clear {
  clear:both;
}