/*
Theme Name: Spruce Run
Theme URI: http://www.sprucerun.net
Description: A custom theme for the SpruceRun.net website.
Version: 0.1
Author: RainStorm Consulting
Author URI: http://www.rainstormconsulting.com
Tags: Spruce Run, spruce, run, custom

	Spruce Run 0.5
	 http://www.rainstormconsulting.com <contact@rainstormconsulting.com>
	 
	 Please request permission prior to use.
*/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	background: #fff url('images/bg.gif') top left repeat-x;
	font-family: Helvetica;
	font-size: 80%;
	color: #333;
	text-align: center;
}

a:link {
	color: #024743;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #777;
	font-weight: bold;
	text-decoration: none;
}

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

a:hover {
	color: #f2b061;
	font-weight: bold;	
	text-decoration: none;
}

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

body#home-page #container {
	background: url('images/home-page-container_bg.gif') top left repeat-y;
}

body#inside-page #container {
	background: url('images/inside-page-container_bg.gif') top left repeat-y;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#branding-container {
	height: 172px;
	background: #fff url('images/branding/branding_bg.gif') top left repeat-x;
}

/*****
2.2 Logo elements
*****/

.logo {
	float: left;
	width: 338px;
	padding: 20px 0 0 38px;
}

.branding-info {
	float: left;
	width: 624px;
	color: #024743;
	text-align: right;
	line-height: 140%;
}

.branding-info a:link, .branding-info a:visited, .branding-info a:active, .branding-info a:hover {
	color: #024743;
}

.branding-info p {
	margin: 0;
	padding: 0 0 5px 0;
}

.branding-info img {
	margin: 0 0 1px 0;
}

.exit-content {
	font-size: 100%;
	font-weight: bold;
}

.exit-content img {
	vertical-align: middle;
}

/*****
2.3 Mainnav elements
*****/

.mainnav {
	clear: both;
	padding: 15px 0 0 332px;
}

.mainnav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mainnav li {
	display: inline;
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0 -4px 0 0;
	padding: 0;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

body#home-page #content-container {
	margin: 0 0 10px 0;
	background: url('images/content/content-area_bg.gif') top left repeat-x;	
}

body#inside-page #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -356px;
}

body#home-page #content-area {
	float: right;
	width: 100%;
	margin: 0 0 0 -445px;
	font-size: 110%;
	line-height: 145%;
}

body#inside-page #content-area {
	margin: 0 0 0 356px;
	padding: 20px;
	background: url('images/content/content-area_bg.gif') top left repeat-x;		
	line-height: 145%;	
}

body#home-page #inner-content-area {
	margin: 0 0 0 445px;
	padding: 20px 20px 0 20px;
	min-height: 381px;
}

body#home-page #inner-content-area a:link img, body#home-page #inner-content-area a:visited img, body#home-page #inner-content-area a:hover img, body#home-page #inner-content-area a:active img, body#inside-page #content-area a:link img, body#inside-page #content-area a:visited img, body#inside-page #content-area a:hover img, body#inside-page #content-area a:active img {
	border: 0;
}

body#home-page #inner-sidebar {
	display: block;
	float: left;
	width: 435px;
	margin: 10px 0 0 0;
}

.image-rotator img {
	background: #fff;
	padding: 0 0 10px 0;
}

/*****
3.2 Sidebar elements
*****/

body#home-page #sidebar {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: #fff;
}

.home-sidebar-block {
	width: 222px;
	padding: 0 10px 10px 10px;
	background: #e0d8ce url('images/sidebar/home-sidebar-block_bg.gif') top left repeat-x;
	line-height: 145%;
}

.alt-block {
	background: #a7c6c4 url('images/sidebar/alt-block_bg.gif') top left repeat-x;
	line-height: 145%;
}

.home-sidebar-block-divider {
	width: 10px;
	background: #fff;
} 

.alt-divider {
	width: 12px;
}

body#home-page #sidebar .donate-button {
	position: relative;
	left: 56px;
	margin: 0 -10px -10px 0;
	padding: 40px 0 0 0;
}

body#inside-page #sidebar {
	float: left;
	width: 346px;
}

body#inside-page #sidebar p {
	margin: 10px 0 0 0;
	padding: 0;
}

body#home-page #sidebar .post-time {
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
	color: #024743;
	font-weight: bold;
}

body#home-page #sidebar h3.post-title {
	margin: 0;
	padding: 0;
	font-size: 105%;
	color: #024743;
	font-weight: normal;
}

body#home-page #sidebar h3.post-title a:link, body#home-page #sidebar h3.post-title a:visited, body#home-page #sidebar h3.post-title a:active, body#home-page #sidebar h3.post-title a:hover {
	font-weight: normal;
}

body#home-page #sidebar .more-link {
	font-size: 75%;
}

.news-meta {
	height: 1%;
	min-height: 0;	
	margin: 10px 0 10px 0;
	background: url('images/sidebar/news-meta_bg.gif') top left repeat-y;
}

.news-categories, .news-archives {
	padding: 5px;
}

.news-categories h3, .news-archives h3 {
	padding: 0 0 0 8px;
	font-size: 105%;
	color: #024743;
}

.news-categories ul, .news-archives ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;	
}

.news-categories li, .news-archives li {
	margin: 0;
	padding: 0 0 5px 16px;
	list-style: none;
}

.news-categories {
	float: left;
	width: 158px;
	margin: 0 10px 10px 0;
}

.news-archives {
	float: left;
	width: 158px;
}

/**
3.2.1 Subnav elements
**/


/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	clear: both;
	height: 1%;
	min-height: 0;	
	padding: 20px 0 20px 0;
	background: #fff;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 85%;
	color: #584b3a;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

.suppnav-left {
	float: left;
	width: 500px;
	padding: 0 0 20px 0;
}

.suppnav-right {
	float: left;
	width: 500px;
	padding: 0 0 20px 0;
	text-align: right;
}

.suppnav-right p {
	margin: 0;
	padding: 0;
}

#suppnav-container a:link, #suppnav-container a:visited, #suppnav-container a:active, #suppnav-container a:hover {
	color: #584b3a;
	font-weight: normal;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	margin: 10px 0 20px 0;
	padding: 0;
	font-size: 145%;
	color: #024743;
}

/*Page subtitle*/
h2 {
	padding: 0 0 5px 0;
	font-size: 115%;
	color: #024743;
}

/*Sidebar heading*/
h3 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size: 125%;
}

body#home-page #sidebar h3 {
	margin: 3px 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 130%;
	color: #024743;
}

body#home-page #sidebar h3.news-heading {
	font-size: 120% !important;
}

body#home-page #sidebar h4 {
	margin: 10px 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 100%;
	color: #024743;
}

.alt-block h3 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size: 105% !important;
}

/*Unused as of yet*/
h4 {
	margin: 0;
	padding: 0;
	font-size: 125%;
	color: #024743;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-size: 155%;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 155%;
}

/*****
5.2 Other fonts
*****/

.st-credit {
}

.supcontent {
	font-size: 100%;
}

.subcontent {
	font-size: 80%;
}

.alt-content {
	font-family: Arial, sans-serif;
}

.center {
	text-align: center;
}

address {
	font-style: normal;
}

.uppercase {
	text-transform: uppercase;
}

.required {
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
}

.styled-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.styled-list li {
	list-style: none;
	margin: 0;
	padding: 5px 0 3px 15px;
	background: url('images/graphics/styled-bullet.gif') left 8px no-repeat;
}

.styled-list ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.styled-list li ul li {
	list-style: none;
	margin: 0;
	padding: 0px 0 3px 10px;
	background: none;
	font-size: 85%;
}

.alt-styled-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.alt-styled-list li {
	list-style: none;
	margin: 0;
	padding: 5px 0 3px 10px;
	font-size: 108%;
	font-weight: bold;
}

hr {
	height: 2px;
	border: 0;
	background: #f2b061;
	color: #f2b061;
}

/* Page styles */

.page {
}

/* News styles */

.post {
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #333;
}

#sidebar .post {
	margin: 0;
	border-bottom: 0;
}

.post-date {
	font-size: 98%;
	font-weight: bold;
}

p.post-date {
	margin: 0;
	padding: 4px 0 0 0;
}

h2.post-title {
	margin: 0;
	padding: 0 !important;
}

.post-meta {
	font-size: 98%;
}

.navigation {
	margin: 20px 0 20px 0;
}

.previous-link {
	float: left;
	width: 500px;
}

.next-link {
	float: left;
	width: 500px;
	text-align: right;
}

.tight {
	line-height: 125%;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #333;
}

#standard_form legend {
	color: #1f3f65;
	font-size: 105%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

.submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #024743 !important; /* change this to match your site's colors */
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

.form_align_table {
}

.form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 80%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.divider {
	color: #f9f9f9;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

.right {
	text-align: right;
}

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */