/*  
Theme Name: CFC Members
Theme URI: 
Description: Three column theme based on an open source design by Haran located at http://www.oswd.org/email.phtml?user=haran
Version: 1.0
Author: Ken Carlson
Author URI: http://kencarlson.org

	This design is based on Gila v1.0 by John Hesch http://johnhesch.com
	Built by Haran, and ported to a WordPress 1.5 theme by John Hesch

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
 single.php, searchform.php, comments.php, comments-popup.php are based on the WordPress default files.
*/
/*	
	*** REGARDING IMAGES & PLUGINS ***
	This theme uses two images which are included in the distribution.
	
	Be sure to change the URL of the image in this file on line XXX and XXX. 
	Also be sure to change the URL of the two images in the header and the two in the sidebar
	
	To install the plugins add both files to your wp-content/plugins/ folder and activate in 
	the plugins tab of the admin screen.


*/

/* 

No longer used
	.headerTitle
	.subheader

NB:	a:hover -- some are ul, some are not

*/
/* ##### Common Styles ##### */

body {
  color: black;
  background-color: rgb(243,242,235);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}

.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

h2 {
	font-size: 125%;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

img {
  border: none;
}

a {
  color: #6e819e;		/* was #3c6474;  */
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #BF8D63;
  background-color: transparent;
  text-decoration: none;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.center {
text-align: center;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

/* Clearing with overflow (flow control in static container) All text w/in container will be below this element. */
.floatbox { 
  overflow:hidden; 
  margin: 0;
  }
/* .floatbox adjustment for IE */
* html .floatbox {width:100%;}

ol.footnotes{
	/* border-top:1px dotted black; */
 	font-size:.80em;
}

/* ##### Header ##### */

#header {
  position: relative;
/*  width: 100%;    */
  height: 83px;
  color: inherit;
  background-color: #6e819e;
}

#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  /* z-index: 100; */
}

.banner {
  margin-left: 0px;
  width: 100%;
}
 
#login-link {
  position: absolute;
  top: 10px;
  right: 15px;
}

#login-link a {
  color: #aaa;
  background-color: transparent;
  text-decoration: none;
}

#login-link a:hover {
  text-decoration: underline;
}

#login {margin: 30px auto 30px auto; width:250px;     border: 3px solid rgb(216,210,195);
padding: 20px;   background-color: #f5f6f8; }

#login form {
	float: none;
}

#login ul {margin:0;padding:0;}
#login ul li {display:inline;margin-left:10px;}  

/* ########## header navigation bar code ########## */

#navbar {
	/* clear: none;	*/
	list-style: none;
}

#topnav 
{
	list-style: none;
	font-size:1.0em;
	margin: 0 0 0 178px;
/*   margin: 0 auto;  */
	padding:3px 0px 3px 0px;
	text-align:left;	/* was left */
	font-family:Verdana, Arial, Sans-Serif;
	font-weight:bold;
}
	
/* #topnav .pageitem {
  border-right: medium;
  color: Lime;
  margin: 0 20px 0 0;
}   */

#topnav ul 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#BBC4A3;
	float: left; 		/* fixes IE whitespace problem */
/*	padding:0, 7px, 0, 7px;   */
/*   margin: 0 20px 0 0;  */
/*	border-color: #BBC4A3;
	border: 2px;
	border-right: medium; */
}

#topnav ul li {
	display: inline;
	margin: 0 0 0 0;
}

#topnav li a:link, #topnav li a:visited
{
	text-decoration: none;	
	color:#BBC4A3;
	margin: 0;
	border-color: #BBC4A3;  
	border-left: thin solid; 
	padding:0 10px 0 10px; 
}

/* #topnav li.first a:link, #topnav li.first a:visited
{
  	border: none;	/* doesn't work 
} */

#topnav li a:hover, #topnav li a:active
{
	color:#F7F3ED;	
}

form {
	float: left;	/* fixes IE whitespace bug */
}

#search
{
	float: right;
	/* margin: 0 0 0 0;
	padding: 0 0 0 0; */
}

.search-form
{
  font-size: 9px;
}

/* ##########  Side Bars ########## */

.leftSideBar, .rightSideBar {
  background-color: #f5f6f8;  
  border: 1px solid rgb(216,210,195);
}

.leftSideBar {
  width: 18em;
  float: left;
  clear: left;
  margin: 0 0 0 0;  /* top was 2ex, right 1.5ex, bottom, left was 1.5ex*/
	
}
.rightSideBar {
  width: 18em;  /* was 14.5 em */
  float: right;
  clear: right;
  margin: 0 0 0 0.5ex ;   /* top was 2ex, right was 0.75ex, bottom, left */
}

.sideBarTitle {
  color: #FFFFFF;
  background-color: #6e819e;
  font-weight: bold;
/*  padding: 0.9ex 1ex;     /* top, right, bottom, left */
  padding: 0.9ex 1ex;     /* top, right, bottom, left */
  margin: 1.25ex 1ex;
}

.rightSideBar h2, .rightSideBar h3 {
/* OLD  color: #FFFFFF;
  background-color: #6e819e; */
	background-color: white;
	color: #6e819e;
	text-decoration: underline;
  font-size: 100%;
  font-weight: bold;  
  padding: 0.9ex 1ex 0 0;     /* top, right, bottom, left 0.9ex 1ex */
  margin: 1.25ex 1ex 0 0;
}

.rightSideBar h3, .leftSideBar h3 {
	background-color: white;
	color: #6e819e;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	padding: 0ex 1ex 0 0;
	margin: 0.5ex 1ex 0 0;
}

.leftSideBar ul, .rightSideBar ul, .linkcat ul .sideBarText ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
}

.leftSideBar li, .rightSideBar li, .linkcat li .sideBarText li {
  margin: 1ex;
  padding: 0 0 0 0;
}

.leftSideBar .sideBarText {
  /* color: rgb(166,140,83);
  background-color: transparent; */
  line-height: 1.5em;
  margin: 1ex 0.25ex 1.5em 1.75ex;   /* top, right, bottom, left 0.75ex */
  padding: 0;
  display: block;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  font-weight: normal;
  padding: 0 2ex 1em 2ex;     /* top, right, bottom, left */
}

.linklist {
  line-height: 1.5em;
  margin: 0;
  font-weight: normal;
  padding: 0 2ex 1em 1ex;     /* top, right, bottom, left 2ex */
}

.linklist li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.leftSideBar .sideBarText a {
  text-decoration: none;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.rightSideBar a {
  /*   font-weight: bold;   */
}

.rightSideBar a:hover {
  text-decoration: underline;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}

.leftSideBar .current_page_item {
		font-weight: bold;
}
/* ##### Right Side Bar ##### */

/* [class~="rightSideBar"] {
  margin-right: 1.5ex;
}  */

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;     /* top, right, bottom, left */
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

.rightSideBar img {
 border: 0;
}

/* ##### Main Copy ##### */

.main-copy, .main-copy-sidebar {
  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 0 18em;    /* top, right, bottom, left 19em */
  padding: 0.5em 1em 1em 1.5em;     /* top, right 15.5em , bottom, left */
}
/* removed
  border-left: 1px solid rgb(216,210,195);
*/

/* Version of main-copy for use with a right sidebar */
.main-copy-sidebar {
  padding-right: 19.5em;     /* top, right 15.5em , bottom, left */
}

/* max width for single column pages (perhaps rename single-column?)*/
.single-column {
  max-width: 60em;	
}

.narrow-column {
	padding: 0 30% 0 30%;
	/* margin: 0 0 0 19em;    /* top, right, bottom, left */
}

.main-copy h1, .main-copy-sidebar h1 {
  color: #3c6474;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;    /* top, right, bottom, left */
  padding: 1em 0 0 0;     /* top, right, bottom, left */
  /* border-top: 1px solid rgb(216,210,195); */
}

.main-copy h2 {
  color: #3c6474;
  margin: 1em 0 0 0;    /* top, right, bottom, left */
  padding: 0.5em 0 0 0;     /* top, right, bottom, left */
  /* border-top: 1px solid rgb(216,210,195); */
}

.main-copy-sidebar h2 {
  color: #3c6474;
  font-style: italic;
}

.date-header {
  font-size:78%;   /* 1.4em; */
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}

.by-line {
  /* font-size:78%;   /* 1.4em; */
  /* margin: 1em 0 0 0;
  padding: 0.5em 0 0 0;     /* top, right, bottom, left */
  /* background-color: #f5f6f8; */
  font-style: italic;
}

.post {
  border-bottom:1px dotted #ccc;
  padding-bottom:0.5em;
}

.post:hover a:link, .post:hover a:visited, .post:hover a:active, .mod-left:hover a:link, .mod-left:hover a:visited, .mod-left:hover a:active {
  text-decoration: underline;  /* was none */
  /* border-bottom: 1px solid #3c6474; */
}

/* restore this so there is no underline */
.post:hover a.tippy_link .mod-left:hover a.tippy_link {
  text-decoration: none;
}

.post a {
  font-weight: bold;
}

.post a:hover {
  text-decoration: underline;
}

.post img {
  margin: 0 8px 0 0;		/* top, right, bottom, left */
  padding:4px;
  border:1px solid #ddd;
}

.meta {
	font-style:italic;
	background-color: #d8e0e3;
}
	
blockquote {  
background: url("images/quote.gif") no-repeat 0 3px; 
color: #666; 
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block; 
padding-top:5px;
}

.comment_author img {
	float: left;
	margin: 0 1em 1em 0;
}

.comment_author p {
	margin: 0;
}

/* Class used to format the image for "My Story" */
img.story {
  float: left;
  margin: 0 8px 0 0;		/* top, right, bottom, left */
}

/* Modules for use in the "Main" section */
.mod-left {
  width: 48%;
  float: left;	
  /* padding: 0 5px 0 1px ;  /* top, right, bottom, left */
  /*margin: 0 5px 0 1px ;  /* top, right, bottom, left */
}

.mod-right {
  width: 48%;
  float: right;	
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  margin-bottom: 1.5em;
  /*padding: 0 1px 0 5px ;  /* top, right, bottom, left */
}

.info-box {
	width: 25%;
	float: right;
	padding: 0.5em;
	margin: 1em;
  background-color: #d8e0e3;
	border: thin;
}

.info-box h2, .reading-box h2 {
	margin: 0.75em 0 0.75em 0;
	padding: 0; 
}

.reading-box {
	/* width: 15em; */
	float: left;
	padding: 0 0.5em 0.5em 0.5em;
	margin: 1em 1em 1em 0;
	padding: 0.5em;
  background-color: #d8e0e3;
	border: thin;
}

.icon-left {
  float: left;
  margin: 0 8px 2px 0;		/* top, right, bottom, left */
  padding: 4px;
  border: 1px solid #ddd;
}

.icon-right {
  float: right;
  margin: 0 0 5px 8px;		/* top, right, bottom, left */
  padding: 4px;
  border: 1px solid #ddd;	
}



/* ##### Footer ##### */

#footer {
  color: black;
  background-color: #d8e0e3;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
/*  width: 100%;     */
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;     /* top, right, bottom, left */
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}
	
	/* ##### Comments ##### */
	
.comment {
	/* border-top: 1px solid #ddd; */
	border-bottom: 1px solid #ccc;	
}

.comment p {
	margin-bottom: 0.2em;
}

.comment-link {
  /* text-transform:uppercase;
  letter-spacing:.1em;  */
}

input.text, textarea {
	background: #ffffff url("images/input.gif") top right;
	color: #000000;
	border: 1px solid;
	border-color: #888888 #888888 #aaaaaa #aaaaaa;
	padding: 3px 3px 4px 3px;     /* top, right, bottom, left */
	font-size: 1em;
}

input.text:focus, textarea:focus {
	border-color: #000000;
}

.alt {
	/* background-color: #f8f8f8;  */
   background-color: #f5f6f8;  
}	

#category-header {  /* for use on cat pages */
	border: 1px solid #ccc;
	padding-left: 15px;
	margin-left: -0.5em;  /* undoes padding for .main-copy */
	margin-right: 18em; /* to match right sidebar width */
   background-color: #f5f6f8;  
}

/* ********** Styles for plugins ********** */

#wp-admin-bar {
	margin: 0 0 0 0;	/* was 0 0 10px 0 */
	padding: 4px 2px 4px;
	background: #000;
	color: #666;
	clear: both;
	text-align: left;
}

#wp-admin-bar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#wp-admin-bar ul li {
	list-style-type: none;
	display: inline;
	margin: 0 10px;	/* was 0 10px */
	padding: 0;
	font-size: 11px;
	font-family: "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
	color: #ccc;
}

#wp-admin-bar ul li.login { margin-right: 30px; }
#wp-admin-bar strong { font-weight: bold; }
#wp-admin-bar a { color: #ccc; text-decoration: none; font-weight: bold;}		/* was #666  */
#wp-admin-bar a:hover { color: #fff;  background: #333 }  /* was #000 */

/* For Upcoming Events */
.events > ul {
	margin: 0;
	padding-left: 1em;
}

.events > ul > li {
	list-style-type: none;
/*	text-decoration: underline; */
}

.events > ul > li > ul > li {
  color: #6e819e;  	
}

/* Drain Hole */

.dh_name {
	font-weight: bold;
	margin: 2em 0 0.5em 0;
/*	padding: 3em 0 1em 0; */
}