/* Position item within background area (no relative position or float style):
    Background area class:
      background image
      background color
      default text color
      default font properties
      default horizontal text align
      height (- all vertical padding style, if no separate item class)
      width
      margins
      padding (only if no separate item class)
    Item class (no background, height, width, or margin style):
      text color
      font properties
      horizontal text align
      padding or relative position
      float
*/

/* Whole screen */

body
{
  background-color: #c0c0c0;
  color: #ff0000;
  font-size: 12px;
  font-family: verdana, arial, Helvetica, sans-serif;
  padding: 0px;
  height: 800px; /* Set height to force browser vertical scroll bar to always appear.
                    This precaution prevents the brower from shifting the blog area
                    left when it enables this scroll bar and right when it disables
                    this scroll bar. Both Internet Explorer and Firefox will increase
                    this height as necessary to accommodate pages with greater height. */
  margin: 0px;
}


/* Blog area */

.blog-area
{
  background-color: #e0e0e0;
  color: #ff0000;
  width: 980px;
  margin: 0 auto;
}


/* Header */

.header
{
   background-image: url(images/header.png);   background-color: #205020;
  color: #ffffff;
  text-align: center;
  height: 120px; /* 15 top margin + 90 image height + 15 bottom margin */
  margin-top: 10px; /* separate header from top of browser page */
}
	
.header-left-image
{
  position: relative;
  left: -350px;
  top: 15px; /* 15 top margin */
}
	
.header-right-image
{
  position: relative;
  left: 350px;
  top: -75px; /* 15 top margin - 90 left image */
}
	
.header-site-name
{
  font-size: 36px;
  position: relative;
  top: -159px; /* 15 top margin - 90 left image - 90 right image 
                  + (90-1.2(36+20)/2 center text base - 10/2 separation  */
}

.header-description
{
  font-size: 20px;
  position: relative;
  top: -160px; /* 15 top margin - 90 left image - 90 right image
                  + 10/2 separation  */
}


/* Navigation bar */

.nav
{
  /*background-image: url(images/nav.png);*/
  background-color: #7c7d30;
  font-size: 14px;
  font-weight: 900;
  height: 29px; /* 2 top pad + 25 search form + 2 bottom pad =
                   6 top pad + 1.2(14) font + 6 bottom pad */
  margin: auto; /* permits display before header */
}

.nav-page-links
{
  padding-top: 6px;
  padding-left: 12px;
  float: left; /* float left of category links */
}

.nav-category-links
{
  padding-top: 6px;
  padding-left: 290px; /* 10 margin + 200 left sidebar + 10 gutter + 70 */
}

.nav-page-button-links
{
  padding-top: 2px;
  padding-left: 10px;
  width: 200px;
  text-align: center; /* Center over left sidebar */
  font-size: 0px; /* Control spacing only */
  float: left; /* float left of category links */
}

.nav-category-button-links
{
  padding-top: 2px;
  font-size: 0px; /* Control spacing only */
  text-align: center; /* Center over posts */
}

.nav-search
{
  padding-top: 2px;
  padding-right: 10px;
  width: 200px;
  text-align: center; /* Center over right sidebar */
  font-size: 0px; /* Control spacing only */
  float: right; /* float right of category links */
}


/* Left sidebar */
	
.left-sidebar
{
  margin-left: 10px;
  width: 200px;
  margin-right: 10px;
  float: left; /* float left of center column */
}

.left-widget
{
  background-color: 0;
  color: black;
  width: 200px;
  margin-top: 10px; /* separate widget from page header or previous widget */
  margin-bottom: 10px; /* separate widget from page footer or next widget */
}


/* Center column */
		
.center-column
{
  width: 540px;
  margin-right: 10px;
  float: left;
}

.center-column-title
{
   background-image: url(images/center-blog-title.png);   background-color: #205020;
  color: #ffffff;
  font-weight: 900;
  font-size: 14px;
  text-align: center;
  height: 17px;  /* 1.2 * font size */
  padding: 5px; /* 5 top pad + 17 height + 5 bottom pad = 27 actual height */
  margin-top: 10px; /* separate center column title from header */
  margin-bottom: 20px; /* separate center column title from first post or date block */
}

.date-block
{
  color: #008000;
  font-size: 24px;
  font-weight: 900;
  font-family: verdana, arial, Helvetica, sans-serif;
  text-align: center;
}


/* Posts */
	
.post-title
{
   background-image: url(images/post-header.png);   background-color: #205020;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  height: 17px; /* 1.2 * font size */
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 10px; /* separate post from header, center column title, date block, or previous post */
}

.post-date
{
  background-color: #205020;
  color: #ffffff;
  font-size: 14px;
  font-style: italic;
  padding-left: 10px;
}

.post-comment
{
  background-color: #205020;
  color: #ffffff;
  font-size: 14px;
  padding-left: 10px;
}

.post-title-end
{
  background-color: #205020;
  padding-bottom: 5px;
}
	
.post-content
{
  background-color: #ffffff;
  color: #000000;
  margin: 0px;
  padding: 5px;
  text-align: justify;
  border-left: #205020 1px solid;
  border-right: #205020 1px solid;
  border-bottom: #205020 1px solid;
}

.post-content p, .post-content ol, .post-content ul, .post-content table,tbody,tr,td
{
  font-size: 16px;
  font-family: times new roman, cambria, georgia, century;
  margin-bottom: 6px;
}

.post-content h1, .post-content h2, .post-content h3,
.post-content h4, .post-content h5, .post-content h6
{
  color: #008000;
  font-size: 16px;
  font-family: verdana, arial, Helvetica, sans-serif;
  margin-top: 8px;
  margin-bottom: 4px;
}
	
.post-footer
{
   background-image: url(images/post-footer.png);   height: 10px; /* post footer image height */
  width: 540px; /* center column width */
  position: relative;
  margin-top: -10px; /* place rounded corner image within bottom border of content */
  margin-bottom: 20px; /* separate post from next post or page footer */
}

.page-links
{
  display: inline;
  font-size: 16px;
  text-align: center;
}

.next-page
{
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}

.previous-page
{
  float: left;
  margin-top: -10px;
  margin-bottom: 10px;
}
	
#noposts
{
  color: #ff0000;
  font-size: 36px;
  margin-bottom: 10px;
  text-align: center;
}


/* Footer */

#footer
{
   background-image: url(images/footer.png);   background-color: #205020;
  height: 19px;
  text-align: center;
  padding: 5px;
  color: #ffffff;
}

.page-bottom /* separate page footer from bottom of browser page */
{
  background-color: #c0c0c0;
  height: 10px;
}

.clear
{
  clear: left;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}


/* Right sidebar */

.right-sidebar
{
  width: 200px;
  float: left; /* float right of center column */
}
	
.right-widget
{
  background-color: #ffffff;
  color: #000000; 
  width: 200px;
  margin-top: 10px; /* separate widget from page header or previous widget */
  margin-bottom: 10px; /* separate widget from page footer or next widget */
}

/* advertisment link (image or text) */
.ad
{
  text-align: center;
  margin-top: 10px;
}

.archives-margin
{
  margin-top: 10px;
}

.archives-header
{
  font-size: 0;
}

.archives-widget
{
  background-color: #ffffff;
  text-align: center;
  border-left: #205020 1px solid;
  border-right: #205020 1px solid;
}

.calendar /* Uses #wp-calendar settings below */
{
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 27px;
  text-align: center;
  border-left: #205020 1px solid;
  border-right: #205020 1px solid;
  border-bottom: #205020 1px solid;
}

.calendar-footer /* explicit footer in explicit calendar */
{
   background-image: url(images/widget-footer.png);   height: 8px; /* widget footer height */
  width: 200px; /* sidebar width */
  position: relative;
  top: -1px;
  margin-bottom: 10px;
}

.recent-comments-header
{
  font-size: 0;
}

.recent-comments-widget
{
  background-color: #ffffff;
  text-align: left;
  border-left: #205020 1px solid;
  border-right: #205020 1px solid;
  margin-bottom: -12px;
}

	
/* Widget header */
	
.widget-header
{
   background-image: url(images/widget-header.png);   background-color: #205020;
  color: #ffffff;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}


/* Text widget */

.textwidget /* text widget */
{
  background-color: #ffffff;
  color: black;
  font-size: 12px;
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border-left: #205020 1px solid;
  border-right: #205020 1px solid;
  border-bottom: #205020 1px solid;
}

.textwidget ul
{
  font-size: 0px;
  padding-left: 15px;
}

.textwidget ul li
{
  font-size: 12px;
  padding-bottom: 3px;
}

.textwidget ul p
{
  padding-bottom: 8px;
}

.textwidget .text-widget-footer /* explicit widget footer inside text widget text */
{
   background-image: url(images/widget-footer.png);   height: 8px; /* widget footer height */
  width: 200px; /* sidebar width */
  position: relative;
  left: -11px; /* 1 border + 10 left pad */
  top: 6px; /* 1 border + 5 bottom pad */
}


/* Search widget */
#searchform
{
  background-color: #e0e0e0  text-align: center;
}


/* Calendar widget */

#calendar_wrap
{
}
#wp-calendar th
{
}
#wp-calendar
{
  empty-cells: show;
}
#wp-calendar #next a
{
  float: right;	
}
#wp-calendar #prev a
{
  float: left;	
}
#wp-calendar a
{
}
#wp-calendar caption
{
}
#wp-calendar td
{
}
#wp-calendar td.pad:hover
{ 
}

ul li /* archives, meta, recent posts, pages, links recent comments, categories, and tag cloud widget items */
{
}

.page_item /* pages widget item */
{
}

.linkcat /* internal title + all links widget items */
{
}
.xoxo, .blogroll /* all links widget items */
{
}

#recentcomments /* recent comments widget */
{
  //border-left: #205020 1px solid;
  //border-right: #205020 1px solid;
  //border-bottom: #205020 1px solid;
  padding-right: 5px;
  padding-bottom: 10px;
}
.recentcomments /* recent comments widget item */
{
  color: black;
  margin-left: -15px;
}

.cat-item /* categories widget item */
{
}
.current-cat
{
}

.tag-link /* tag cloud widget item */
{
}

#akismetwrap /* akismet spam widget */
{
}


/* Link colors */
/* sequence for selecting a link:
     :link   (if not in browser history) or :visited (if in browser history)
     :hover  (mouse positioned over link)
     :active (left mouse button down on link)
     :focus  (left mouse button up on link)
*/
a.header-link {text-decoration: none} /* do not underline header links */
.post-comment:link {text-decoration: underline} /* underline comment and edit links only */
a.header-link:link,    .post-comment a:link    {color: #ffffff}
a.header-link:visited, .post-comment a:visited {color: #ffffff}
a.header-link:hover,   .post-comment a:hover   {color: #c0c0ff}
a.header-link:focus,   .post-comment a:focus   {color: #ffffff}
a.header-link:active,  .post-comment a:active  {color: #ffc0c0}

a:link    {color: #008000}
a:visited {color: #008000}
a:hover   {color: #0000ff}
a:focus   {color: #008000}
a:active  {color: #ff0000}

.older-and-newer-posts a         {text-decoration: none}
.older-and-newer-posts a:link    {color: #008000}
.older-and-newer-posts a:visited {color: #008000}
.older-and-newer-posts a:hover   {color: #0000ff}
.older-and-newer-posts a:focus   {color: #008000}
.older-and-newer-posts a:active  {color: #ff0000}

.ad a:link    {color: #e0e0e0}
.ad a:visited {color: #e0e0e0}
.ad a:hover   {color: #0000ff}
.ad a:focus   {color: #e0e0e0}
.ad a:active  {color: #ff0000}



/* Default HTML settings */

p
{
  margin: 0px;
}

h1,h2,h3,h4,h5,h6
{
  margin:0px;
  padding:0px;
  font-size: 14px;
}


/* Comment list */

.nocomments /* needed for preserved lines at beginning of comment.php */
{
  text-align: justify;
}

.comment-header
{
  color: #008000;
  font-size: 16px;
  font-weight: 900;
}

.logged-in-user-name
{
  color: #008000;
}

.comment-hr
{
  background-color: #205020;
  margin-left: -5px;
  margin-right: -5px;
  height: 1px;
  border-width: 0;
}

.comment-list
{
  font-size: 16px;
  font-family: times new roman, cambria, georgia, century;
}

.comment-list p
{
  text-align: justify;
}

.undecorated
{
  text-decoration: none;
}

.rss
{
  vertical-align: -15%;
  border: 0;
}

/* Comment form */

#commentform p
{
  color: #000000;
}

.commentmetadata
{
}


/* Login forms */

.submit
{
  height: 24px; // Default height for Firefox and IE, but not for Safari (needed to align submit buttons at bottom of login forms)
}

.login_error
{
  color:red;
}

.login_weak
{
  color:#800000;
}

.login_caution
{
  color:#808000;
}

.login_go
{
  color:green;
}


/* Comment post forms */

#commentform .input
{
  border: 2px ridge #80ff80;
  margin-bottom: 3px;
  width: 300px;
}

#commentform textarea
{
  border: 2px ridge #80ff80;
  width: 523px; /* 540 - 2 outer border - (4 Firefox, 6 IE) inner border - 10 padding */
}

.ed_button_bold
{
  font-weight: bold;
}

.ed_button_italic
{
  font-style: italic;
}

.ed_button_link
{
  color: #008000;
  text-decoration: underline; /* OK with IE. Firefox error prevents this from working */
}

.space-before-comment-button
{
  height: 10px;
}

/* WP Requires */

.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}