/*  
Theme Name: Reflections
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 plugins and two images which are included in the distribution.
	
	Be sure to change the URL of the image in this file on line 326 and 373. 
	
	To install the plugins add both files to your wp-content/plugins/ folder and activate in 
	the plugins tab of the admin screen.

*/


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

body {
  color: black;
/*  background-color: rgb(243,242,235);   */
  background-color: White;
  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%; }

h3 { font-size: 100%; }

p {
  margin: 1em 0 1.5em 0;   /* top, right, bottom, left */
  padding: 0;
}

a {
  color: #3c6474;
  background-color: transparent;
  text-decoration: none;
}

img {
  border: none;
}

a:hover {
  color: #BF8D63;
  background-color: transparent;
	text-decoration: underline;  /* was 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;
}

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

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

#header {
  position: relative;
  color: inherit;
  background-color: #3c6474;
  z-index: 10; 
}

.banner {
  z-index: 10;
}

#title {
  position: absolute;
  top: 0;
  left: 7px;
  z-index: 20;  
}

#subtitle {
  position: absolute;
  top: 52px;
  right: 0;
  z-index: 20;  
}

#login {
  position: absolute;
  top: 10px;
  right: 15px;
}

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

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

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}



/* ##### Generic Side Bar ID ##### 
#side-bar {
background-color: #555555;  
border: none;
}   */

/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 15em;			/* was 12.5em */
  float: left;
  clear: left;
  margin: 2ex 1.5ex 0 1.5ex;    /* top, right, bottom, left */
  background-color: #f2f4f5;  
  border: 1px solid rgb(216,210,195);
}

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

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

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

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


/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 15em;			/* was 13 em */
  margin: 2ex 0.75ex 0 0.5ex;    /* top, right, bottom, left */
  padding: 0;
  float: right;
  clear: right;
  background-color: #f2f4f5;  
  border: 1px solid rgb(216,210,195);
}

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

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

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

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

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

.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 ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0.5em;     /* top, right, bottom, left */
  padding: 0;
}

.rightSideBar li {
  margin: 1ex;
  padding: 0 0 0 0;     /* top, right, bottom, left */
}

/* ###### Common Sidebar styles ##### */ 

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

.leftSideBar h2, .rightSideBar h2 {
	background-color: transparent;
	font-size: 100%;
	margin: 0 0 0 0;	
}

.leftSideBar h3, .rightSideBar h3 {
	background-color: transparent;
	font-size: 100%;
	margin: 0 0 0 1.5ex;  
}

.leftSideBar ul, .rightSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;    /* top, right, bottom, left */
  padding: 0;
}

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

.sideblog {
	background-color: #d8e0e3;
	padding: 3px 0 3px 0;
	border: thin solid #3c6474;
}
.asides {  /* used by sideblog plugin */
	color: #555555;
}

.asidetitle, .sideblogtitle {
	/* color: #888888;  */
	font-weight: bold;
        /* margin-bottom: 0.33em; */
}

.asidecontent, .sideblog li p {
	color: #333333;
	margin-top: 2px;			/* added 1-28-08 */
}

.asidecontent a {
	font-weight: bold;
}

.asidecomments {
	font-weight: bold;
	margin-top: 0.33em;
}

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

#calendar {
  /* color: rgb(166,140,83);  */
  /* line-height: 1.25em; */
  margin: 1ex 0.25ex 1em 1.5ex;     /* top, right, bottom, left */
}

#wp-calendar_caption {
	font-weight: bold;
}

#calendar a {
	text-decoration: underline;
}

#calendar tfoot a {
	text-decoration: none;
}

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

#main-copy {
}

.main-copy {
  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  /* max-width: 50em; */
  margin: 0 0 0 15em;         /* top, right, bottom, left (was 12.5em) */
  padding: 1em 19em 1em 3em;     /* top, right, bottom, left */
}
/* removed
  border-left: 1px solid rgb(216,210,195);
*/

.main-copy 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: 0.5em 0 0 0;     /* top, right, bottom, left */
  /* border-top: 1px solid rgb(216,210,195); */
}

.main-copy ol li {
	margin-top: 0.5em;
}

.date-header {
  margin: .2em 0 0 0;
  font-size:85%;   /* was 79% had also /1.4em;  */
  color: #777;
  text-transform:uppercase;
  letter-spacing:.2em;
}

.post {
  border-bottom:1px solid #ccc;
  padding-bottom:1.5em;
  /* background-color: #e5eaec; */
}

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

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

.post a {
  font-weight: bold;
}

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

.post > ol > li {
	margin-top: 0.5em;
}

.more {
  background-color: #e5eaec;
  font-weight: bold;
}

/* .more a {
	color: #FFFFFF;
} */

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

#category-header {  /* for use on cat pages */
  border: 1px solid #ccc;
  padding-left: 15px;
  background-color: #e5eaec;
}

#category-description {  /* for use on cat pages */
  /* border: 1px solid #ccc; */
  font-style: italic;
}

.post-footer {
  font-size:92%;   /* was 79% had also /1.4em;  */
  color: #777;
	width: 100%;
}

/* Class used to format the post icon images */
.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;	
}

.img-center   {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}


.related {		/* used for Related Posts DIV */
  margin: 1em 0 1em 0;
  padding: 0.5em;
	background-color: #e5eaec;
}

.post-nav {
   width: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2em 0 4em 0;
}
.post-nav-prev {		/* previous single post link */
	float: left;
	text-align: left;
	font-size: 85%;
	font-weight: bold;
	width: 40%;
	margin: 2em 0 2em 0;
}

.post-nav-next {		/* next single post link */
	float: right;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	width: 40%;
	margin: 2em 0 2em 0;
}

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

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

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

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

#footer a:hover {
  text-decoration: none;
}
	
	/* ##### Comments ##### */
	
.comments, .subscribe {
    margin-top: 5em; 
}

.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: #f2f4f5;  /* was #f8f8f8; */
	 border-top: 1px solid #ddd;
	 border-bottom: 1px solid #ddd;
}	

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

.now-reading ul li {
	list-style-type: none;
	margin-top: 0.7em;
	/* list-style-position: outside;  */
}

#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 */