/* $Id: local_sample.css,v 1.1 2009/02/28 23:33:58 jwolf Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */

/* Big image on home page */
#preface-wrapper {
  background: transparent url('images/river-ridge_fall_crop2.jpg') no-repeat left top;
  height: 460px;
  margin: -33px 0 20px;
  overflow: hidden;
  position: relative;
  width: 960px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
}

html {
  background-color: #000000;
}

body {
/*    background: #330000; */
/*  background: #6183A6; */ /* lake erie blue */
/*  background: #5C3317;*/  /* dark brown */
/*  background: #292929; */
  background: #003366; /* very blue */
  color: #F0F0F0;
  font-family: Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif;     /* web safe fonts */
  font-size: 83%;
  font-weight: normal;
  line-height: 1.5em;
}

#header-first {
  float: left;
  margin: 0 15px 0 0;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
 display: inline;
  margin: 0 14px 10px 0; /* 0 14px 10px 0; */
}

/* Header region for logo & site name */
#header-first h1 {
  border-right: 1px none #DDDDDD;  /* Changed from  1px solid #DDDDDD - TWR */
  color: #0055a5; /* Changed from #525252 - TWR */
  display: inline;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 2.1em; 
  font-weight: normal;
  letter-spacing: 3px;
  padding-right: 5px; /* 15px */
  padding-left: 10px;  /* added this, but made no difference? - TWR */
  position: relative;
  text-transform: none; /* Changed from uppercase - TWR */
  top: -7px; /* Changed from -7px - TWR */
  white-space: nowrap;
}

#header-first h1 a {                /* site name link */
  color: #0055a5; /* Changed from #525252 - TWR */
  text-decoration: none;
}

#header-wrapper {
  background: #003366 url('images/header-blue3.png') no-repeat left top;  /* was #fff & url('images/header.png') - TWR */
  height: 33px;
  margin-bottom: 25px;  /* Do not change this from 25, aligns header with large image - TWR */
  overflow: hidden;
  padding: 26px 20px 32px 20px;  /* 26px 20px 32px 20px; */
  position: relative;
}

#header-first {
  float: left;
  margin: 0 15px 0 0;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  display: inline;
  margin: 0 14px 10px 0;
}

#header-wrapper #search-box {
  margin: 4px 14px;
  position: absolute;
  right: 0;
  top: 28px; 
  white-space: nowrap;
}

/* Change to make "Search" appear next to search box, rather than arrow */ 
#header-wrapper .search_submit {
  background: transparent none no-repeat 4px 1px; /* Changed  url('images/search-arrow.png') to none - TWR */
  cursor: pointer;
  padding: 0 6px;
  text-indent: 0em;  /* Changed -999em to 0 - TWR */
}

#header-wrapper #search-box #search input.form-text {
  border: 1px solid #0055a5; /* Change from #D5D5D5 - TWR */  
  background: #fff;
  color: #292929;  /* Color of text inside forms */
  width: 11em;
}

/* In case we want to change color of mission on big home image */
#mission {
  bottom: 0;
  color: #fff;
  font-size: 2.0312em;
  line-height: 1.1153em;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 680px;
}


* Primary menu
-------------------------------------------------------------- */

#primary-menu {                                   /* menu layout */
  display: block;
  padding: 20px 0;
  text-align: right;
}

#primary-menu ul.links li {
  font-size: 1.1428em;
  padding: 7px 5px;
  text-decoration: none;
  text-transform: none;  /* Changed from lowercase - TWR */
}

#primary-menu ul.links li a {                       /* text styling for the top (primary) menu */
  padding: 7px 10px 7px 5px;
  text-decoration: none;
}

#primary-menu ul.links li a {
  color: #FFFF00; /* Changed from #999 - TWR */
}

#primary-menu ul.links li:hover,
#primary-menu ul.links li:active,
#primary-menu ul.links li.active-trail {
  background: transparent url('images/pri-hover-left.png') no-repeat left;
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li:hover a,
#primary-menu ul.links li a:active,
#primary-menu ul.links li.active-trail a {
  background: transparent url('images/pri-hover-right.png') no-repeat right;
  color: #fff;
}


/* Headings
-------------------------------------------------------------- */
h1 {
  color: #FFFF00;  /* Changed from #DFB77C * - TWR */
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2142em;
}

/* Links color
-------------------------------------------------------------- */

a,
a:link {
  color: #FFFF00;  /* Changed from #DFB77C * - TWR */
  text-decoration: none;
}

/* Leave this as-is, only the live links need to be bright yellow - TWR */
a:active,
a:hover,
a:focus {
  color: #EBDCC7;
  text-decoration: underline;
}


textarea,
select,
input.text,
input.form-text,
input.title {
  background: #996600; /* #1f1f1f; */
  border: 1px solid #6D6D6D;
  color: #FFFFFF; /* Color of input text, was EEEEEE - TWR  */
  margin: 0;
  padding: 2px;
}


#header-top #block-user-0 #user-login-form input.form-text {
  border: 1px solid #ccc;
  color: #eee;
  padding: 1px;
  width: 115px;
}

/* No license notice */
#legal-notice {
  display: none;
}


/* Forums
-------------------------------------------------------------- */

#forum .description {
  font-size: 0.9em;
  margin: 0.5em;
}

#forum td.created, 
#forum td.posts, 
#forum td.topics, 
#forum td.last-reply,
#forum td.replies, 
#forum td.pager {
  white-space: nowrap;
}

#forum td.posts, 
#forum td.topics, 
#forum td.replies, 
#forum td.pager {
  text-align: center;
}

.forum-topic-navigation {
  padding: 1em 0 0 3em;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 0.5em;
}

.forum-topic-navigation .topic-previous {
  text-align: right;
  float: left;
  width: 46%;
}

.forum-topic-navigation .topic-next {
  text-align: left;
  float: right;
  width: 46%;
}

/* Change link color in blocks 5/13/10 - TWR */
div.block ul li a {
  color: #ebdcc7; /* was #A3A3A3 */
  text-decoration: none;
}

/* Rounded corner for blocks - try to match to blue backgnd */
div.rounded-block-top-left { 
  background: transparent url('images/rounded-blocks-blue-top-left.png') no-repeat;         /* combined rounded corner image, was url('images/rounded-blocks.png') - TWR */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}

div.rounded-block-top-right { 
  background: transparent url('images/rounded-blocks-blue-top-right.png') no-repeat;         /* combined rounded corner image, was url('images/rounded-blocks.png') - TWR */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}
 
div.rounded-block-bottom-right { 
  background: transparent url('images/rounded-blocks-blue-bottom-right.png') no-repeat;         /* combined rounded corner image, was url('images/rounded-blocks.png') - TWR */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}

div.rounded-block-bottom-left { 
  background: transparent url('images/rounded-blocks-blue-bottom-left.png') no-repeat;         /* combined rounded corner image, was url('images/rounded-blocks.png') - TWR */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}


div.rounded-block-top-left, 
div.rounded-block-bottom-left { 
  margin-right: 11px;                             /* width of an image corner */
}

div.rounded-block-top-right {                        /* anchor image in top right */
  background-position: 100% 0;
}

div.rounded-block-top-right,
div.rounded-block-bottom-right { 
  margin-left: 11px;                              /* width of an image corner */
  margin-top: -11px;                              /* height of an image corner */
}

div.rounded-block-bottom-left  { 
  background-position: 0 -23px;                   /* negative height of an image corner */
}

div.rounded-block-bottom-right { 
  background-position: 100% -23px;                /* negative height of an image corner */
}

div.rounded-inside {
  background: #292929 url('images/block-gradient.png') repeat-x bottom;
  border-bottom: 0;
  border-left: 1px solid #4B4B4B;
  border-right: 1px solid #4B4B4B;
  border-top: 0;
  overflow: hidden;
  padding: 0 10px;
}

/* Rounded corners for node links & content-bottom
-------------------------------------------------------------- */

.inner {
  padding: 0 10px;
  text-transform: none;
#  background: #0055a5; # Backgnd color for text inside block
}

.corner {
  # backgnd was rounded-corners.png 5/11/10- TWR
  background: transparent url('images/rounded-corners-blue2.png') no-repeat 0;
  display: block;
  height: 6px;
  width: 6px;
}

/* Added urls to match corners to blue backgnd - TWR 5/5/10 */
.top-left {
  background: transparent url('images/rounded-corners-blue3.png') no-repeat 0;
  background-position: left top;
}

.top-right {
  background: transparent url('images/rounded-corners-blue3.png') no-repeat 0;
  background-position: right top;
  float: right;
}

.bottom-left {
  background: transparent url('images/rounded-corners-blue3.png') no-repeat 0;
  background-position: left bottom;
}

.bottom-right {
  background: transparent url('images/rounded-corners-blue3.png') no-repeat 0;
  background-position: right bottom;
  float: right;
}

/* content bottom */
#content-bottom {
  text-transform: none;
  background: #444;
  margin-top: 30px;
}
/* Top buttons for primary links */
#primary-menu ul.links li:hover,
#primary-menu ul.links li:active,
#primary-menu ul.links li.active-trail {
  background: transparent url('images/pri-hover-left-blue.png') no-repeat left;
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li:hover a,
#primary-menu ul.links li a:active,
#primary-menu ul.links li.active-trail a {
  background: #003366 url('images/pri-hover-right-blue.png') no-repeat right;
  color: #fff;
}


/* Not sure what these settings do - TWR */
#postscript-wrapper #postscript-middle {
  color: #999999;
  margin: 0 0 0 0;
  padding: 0px;
  width: 960px;
}


/* Not used, for future reference
-------------------------------------------------------------- */

/* In case we want to use slogan */
#slogan {                          /* site slogan */
  display: inline;
  font-weight: bold;
  margin-right: 15px;
  position: relative;
  top: 10px;
}