/* standard HTML elements tweaked */

body {
	margin:0px;
	padding:0px;
	background-image:url('/images/header_pixel.png');
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	}

h1, h4, h5  {
	margin:0px;
	padding:0px;
  }

h2, h3 {
	margin:0px;
	padding:0px;
  margin-top: 8px;
  }

blockquote {
	margin-left: 30px;
	margin-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}

textarea {
  font-size: 8pt;
  }

/* ID's */
/* NOTE: Why IDs are used and not classes is beyond me. As needed things are
   getting converted to classes.
   DIV -> this *specific* element on a page
*/

#categories {         /* Categories label at top of that box */
	background:url(images/categories_button.png) no-repeat;
	width:152px;
	height:23px;
	margin: 0;
  margin-bottom: 10px;
  }

#page {               /* container for page body - between header and footer */
	width:760px;
	margin:20px auto;   /* centers, with right DOCTYPE. We can't use the right DOCTYPE */
  margin-top: 10px;
  }

#search {             /* search box at top of page. TODO: redesign to actually work */
	float:right;
	width:240px;
	margin:0px;
  }

#search input {
  font-size: 8pt;
  }

#search td {
  font-size: 8pt;
  }

#search form {
	margin: 0;
  }

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
  }

#searchinput, #searchsubmit  {
	border: 1px solid #CDCDCD;
	font: bold 100% Arial;
	vertical-align:middle;
/*	font-size:13px; */
  }

#searchinput {
	padding: 2px 5px;
	width: 150px;
	height:15px;
	background: #ffffff;
  }

#searchsubmit {
	height:22px;
	background: #E3E3E3;
  }

#radio {              /* apparently on search box */
	padding-top:13px;
	font-size:12px;
	font-family: Arial;
	font-weight:bold;
  }

/* Classes */
/* Original designer favored IDs, I favor classes (which can be used more than
   once on a page). Slowly converting as I move forward.
   CLASS -> this *type of* element on a page
*/

.colone {             /* COLumn ONE: primary content column. */
	float: right;
	width: 578px;
	margin: 0px;
  	vertical-align: top;
 	font-size: 17px;
	font-weight: 17px;
	}

.colone h1 {
  font-size:28px;
  }

.intro              /* used to emphasize the leading portion of a sentence or paragraph */
  {
  font-size: larger;
  font-weight: bold;
  }

.quotedstory            /* story quoted in another context - typically within true */
  {
  margin-left: 30px;
  margin-right: 30px;
  font-family: Arial, Helvetica, sans-serif;
  }

.quotedstory .slug
  {
  font-weight: bold;
  font-size: 18pt;
  margin-bottom: 10px;
  }

.quotedstory .story
  {
  margin-top: 10px;
  }

.quotedstory .tagline
  {
  font-style: italic;
  }

.archive_tagline {
  font-style: italic;
  }

.archive_pubdate p {
  text-align: center;
  padding-top: 5px;
  margin:0;
  }

.archive_info_block_centered {
  text-align: center;
  padding: 0;
  border: 1px solid #CFCFCF;
  }

.archive_info_block_left {
  text-align: center;
  width:200px;
  float: left;
  padding: 0;
  margin-right: 20px;
  border: 1px solid #CFCFCF;
  }

.archive_bookvol {
  }

.archive_bookvol p {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  }

.buy_book_button {
  border: 1px solid #CFCFCF;
	background-color:#E3E3E3;
  font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
  }

.client {             /* area with the "client information" i.e. Title and info on the blog */
  vertical-align: top;
  }

.client p {
  font-weight: bold;
  }

.coltwo li {
  padding-top: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  }

.coltwo ul {
  padding-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  }

.comments-open {
  padding-top: 5px;
  }

.comments-header {
  margin-top: 20px;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  }

.comment-footer {
  border-bottom: thin dashed #9F9F9F;
  padding-bottom: 2px;
  margin-bottom: 25px;
  }

.comment-footer p {
  font-size: 10pt;
  }

.header  {            /* Page Header */
	height: 100px;
	width: 760px;
/*	margin-left:auto; */    /* not needed since we're centering the contents using a table */
/*	margin-right:auto; */
  }

.header img {
  float: left;
  border: none;
  }

.entries {                   /* "content" area of main page - listing a blog entry or entries */
	width:578px;
  }

.footer  {                    /* page footer */
	clear:both;
  padding-top: 10px;
  }

.footer_linkto {
  text-align: center;
  }

.footer_final  {             /* page footer */
	background-image:url('/images/footer_pixel.png');
	background-repeat:repeat-x;
  padding-top: 4px;
  }

.footer_final P {
  margin-top: 4px;
  }

.full_index {            /* link to full index */
	font-size: 18px;
	font-weight: bold;
	color: #B30A0A;
	margin-top: 20px;
	margin-bottom: 20px;
	}

/* .full_index a {
  color:#B30A0A;
  }

.full_index a:hover {
	color:#3685c7;
  } */

.entry_heading  {         /* heading line above each entry on main blog page */
	color: black;
	font-size: 20pt;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
	padding: 0;
  }
.entry_heading2  {         /* heading line above each entry on main blog page */
	color: black;
	font-size: 18pt;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	text-decoration: none;
  }

.entry_heading a {
  text-decoration: none;
}

.entry_heading img {
  border: none;
}

.entry_footer {
  border-bottom: 1px dashed #9F9F9F;
  font-size: smaller;
  margin-top: 10px;
  }

.entry_footer p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 2px;
  text-align: right;
  font-size: 10pt;
  }

/* .entry_footer a {
  color:#3685c7;
  }

.entry_footer a:hover {
  color:#B30A0A;
  }
*/
.google  {                        /* google box in left hand column */
	margin-top:15px;
  }

.archive_headline {
  text-align: center;
  }

.archive_headline h1 {
  margin-top: 10pt;
  font-size: 16pt;
  }

.archive_headline_body {
  font-size: 24pt;
  font-weight: bold;
  margin-top: 10pt;
  }

.archive_headline_source {
  font-style: italic;
  margin-top: 0pt;
  padding-top: 0;
  margin-bottom: 20px;
  }

.archive_story_ads {
  margin-top: 30px;
  width: 338px;
  float: left;
  }

.archive_story_slug {
  text-align: center;
  }

.nav_buttons {
  margin-top:10px;
  margin-bottom:10px;
  width:578px;
  }

.nav_buttons td {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
  }

/* .nav_buttons td a {
  color:#4c4c4c;
  }

.nav_buttons td a:hover {
  color:#B30A0A;
  }
*/
.nav_button_prev {
  }

.nav_button_prev_td {
  border: 1px solid #CFCFCF;
	background-color:#E3E3E3;
  padding-left: 3px;
  padding-right: 3px;
  }

.nav_button_separator  {
	border-right: 1px dashed #9F9F9F;
	border-left: 1px dashed #9F9F9F;
  }

.nav_button_home {
  }

.nav_button_home_td {
  border: 1px solid #CFCFCF;
	background-color:#E3E3E3;
  }

.nav_button_next {
  }

.nav_button_next_td {
  padding-left: 3px;
  padding-right: 3px;
	background-color:#E3E3E3;
  border: 1px solid #CFCFCF;
  }


/* NEW subscribe box, more easily resized. (Width is specified in invocation) */
.sub-t {background: url(images/sub-t.gif) 0 0 repeat-x;}
.sub-b {background: url(images/sub-1px.gif) 0 100% repeat-x}
.sub-l {background: url(images/sub-1px.gif) 0 0 repeat-y}
.sub-r {background: url(images/sub-1px.gif) 100% 0 repeat-y}
.sub-bl {background: url(images/sub-bl.gif) 0 100% no-repeat}
.sub-br {background: url(images/sub-br.gif) 100% 100% no-repeat}
.sub-tl {background: url(images/sub-tl.gif) 0 0 no-repeat}
.sub-tr {background: url(images/sub-tr.gif) 100% 0 no-repeat}

.sub-space {
  /* height: 6px;  */
  margin:0;
  padding: 5px 0 0 0;
  font-size: 5px;
  } /* room so rounded corners not overwritten. font is for IE */

.sub-title {margin-top: 0; padding-top: 0; background: #3685c7;}

.subscribe-box {
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  margin-left: 0px;
  margin-bottom: 0px;
  }

.subscribe-box p {
  padding-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.subscribe-box input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  }

.sub-title p {
  color: yellow;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  padding-bottom: 6px;
  padding-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  }

.subscribe_contents {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 0;
  padding-top: 0;
  }

.subscribe_contents p {
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 120%;
  }

.subscribe_input_text p {
  margin-top: 0;
  padding-top: 4px;
  padding-left: 0;
  text-align:right;
  }

.subscribe_button  {
	margin-top:10px;
  text-align: center;
  padding-bottom: 10px;
	}


/* ------------- */

.mini_subscribe {
  width: 152px;
  }

.mini_subscribe_title  {
  height:20px;
  background-image:url('/images/mini_subscribe_title.png');
  }

.mini_subscribe_title  P {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 0;
  text-align:center;
  }

.mini_subscibe_contents {
  background-image:url('/images/mini_repeat_subscribe.png');
  background-repeat:repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0;
  margin-bottom:0;
  }

.mini_subscibe_contents p {
  margin-top: 0;
  margin-bottom: 5px;
  }

.mini_subscribe_input_text p {
  padding-top: 0;
  }

.mini_sub_button  p {
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  text-align: center;
	}

.mini_subscribe_bottom {
  background-image:url('/images/mini_subscribe_end.gif');
  height:13px;
  background-repeat:no-repeat;
  margin:0;
  }


.update_box {                     /* the subscribe box for blog updates */
  margin-bottom:10px;
  font-family:Arial;
	}

.update_box .up_top {
	background-image:url('images/updates_top.gif');
	background-repeat:no-repeat;
	width:152px;
	height:25px;
	}

.update_box .up_top .title {
	text-align:center;
	font-weight:bold;
	color:#4B4D4C;
	font-size:12px;
	padding-top:10px;
	}

.update_box .up_middle {
	background-color:#C7DBE8;
	width:152px;
	font-size:13px;
  padding-top: 5px;
	}

.update_box .up_middle_content {
  padding-left: 10px;
  padding-right: 10px;
  }

.update_box .up_middle label {
	display: block;
	padding-bottom:5px;
	}

.update_box .up_middle input {
	margin-bottom: 5px;
	color: #4b4d4c;
  /*	height:12px; */
  }

.update_box .rss  {
	margin-top:5px;
	font-family:Arial;
	font-size:12px;
	font-weight:lighter;
	margin-left:15px;
	}

.update_box .up_bottom {
	background-image:url('images/updates_bottom.gif');
	background-repeat:no-repeat;
	width:152px;
	height:15px;
	}


/* BOXES */

/* Grey single line bordered box */
.t {background: url(images/one_pixel.gif) 0 0 repeat-x; width: 152px; margin-bottom:10px;}
.b {background: url(images/one_pixel.gif) 0 100% repeat-x}
.l {background: url(images/one_pixel.gif) 0 0 repeat-y}
.r {background: url(images/one_pixel.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

#recent /* recent postings header on menu */
{
	background:url(images/recent_postings_button.png) no-repeat;
	width:152px;
	height:23px;
	margin-bottom:10px;
	margin-top:5px;
}

.entryppcads
{
	width: 336px;
	float: right;
}

/* this class, "p reset" (which honestly, should just be site-wide) is used to
  reset the margins on paragraphs to something that is the same on both IE and
  FF. It's part of an attempt to get the site's subscribe boxes to display the
  same / properly on multiple browsers.
*/
.preset p {
  margin: 0 0 1em 0;
  padding: 0;
}

/* this class is used on a hidden input field that acts as a honeypot
   for spammers.
*/
.optional {
display: none;
}