/*      quiet theme */
/*      HTML TAGS AND PRESENTATION  

                                                              */
.lowband,
.rss-img,
.handheld-image,
.adhoc,
#hcprefs,
#hc-head-p  { display: none;}

body {
  background: url(images/background-sky.png) fixed no-repeat bottom left;  
  background-color: transparent;
  margin: 0;
  padding:0;
/*  min-width: 86%;*/
  max-width: 1280px;
  font: small Fontin, Tahoma, Geneva, "Liberation Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	font: medium Georgia, "Times New Roman", "Times Roman", serif;*/
  font-size: 100.01%;   /*fixes an Opera bug*/
  text-align:center;
  color: #000;

}
html, body{
	height: 100%;
}

#theme {
	font-size: small; font-family: "DejaVu Sans", Verdana, "sans serif";
	text-align: left;
	width: 85%;
	margin: 0 auto;
	margin-top: 2px;
	padding: 1px;
}
#theme form{ display: inline;
	float: left;
	font-size: x-small;
	padding: 1px;
}
#theme input {   /*the set button*/
	font-size: x-small;
	border: 1px solid #666;
	padding: 1px;
	background: none;
} 
#theme option { 	/*the dropdown list*/
	font-size: x-small;
	border: 1px solid #666;
	padding: 1px;
	background: none;
} 
#theme select {		/*the visible choice*/
	font-size: x-small;
	border: 1px solid #666;
	padding: 1px;
	background: none;
} 
#theme label{
	color:#333
}

#hc-prefs {}
.skiplink { 
	display: inline;
 	float: left;      /*Earlier:  IE stretches margin all the way to left side & pushes all other divs down.  2009-01-15: now it needs it!  go figure*/
	margin: 2px 10px 0px 20px;
	padding: 1px;
	font-size: small;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.skiplink a { 
	padding: 0;
	color: #007;
	float: right;
/*	margin-right: 10px;   
	margin-top: 5px;	*/		/*and "align=right" specified in header.php.  deleted out 2009-01-15 */
}


		/*  -----  text & font-related ----------  */
		
small {
	font-family: "DejaVu Sans", Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
	
a { color: #000099; text-decoration: none;}
a:active{color:#0000cc;}
a:visited { color: #337733; }
a:hover { border-bottom: #00c 1px solid; }

h1 {color: #007;
	font-family:  georgia, times, serif; /* "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; */
	font-size: 2em;
	line-height: 3em;
	margin-bottom: 1.5em;
}
h3 {color: #007;
	font-family: georgia, times, serif; /* "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;

}
h2 {color: #007;
	font-family:  georgia, times, serif; /*"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/
	font-size: 1.5em;
	margin-bottom: 1.5em;
}
img {
 	border: 0; 
 	padding: 10px 0px 0px 10px;
}
p {
   margin: 0.5em 3em;
   font-size: 1em;
   line-height: 1.5em;
   margin-bottom: 1.5em;
}

code, pre, kbd, samp{
	font-family: "DejaVu Sans Mono", Monospace, "Courier New", Courier;
	font-size: 1em;
	color: #666;
	padding-left: 5px;
}
pre {
	font-size: 1em;
	display: block;
	padding: 5px 0;
	margin: 0;
}
blockquote {
	margin: 1em 6em;
	padding: 1em;
	padding-top: .5em;
	border: 1px solid #666;
	line-height: 2em;
	background-color: #efefef;
}
blockquote p { margin: .25em 0;}

		/*  ----- end  text & font-related ----------  */
		
		/*  -----  wrappers & spacers     note: title wrapper with titlebox ----------  */

#container {
	width: 100%;
	margin: 0;
	padding: 0;
}

#contentwrapper-title {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
}

		/*contentwrapper-mid equivalent to "#main" in Summersun theme, I think...*/
#contentwrapper-mid {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
}
#contentwrapper-main {
	width: 74%;
	margin: 0;
	padding: 0;
	float: left;
}
#contentwrapper-side {
	width: 24%;
	margin: 0;
	margin-left: 1.9%;
	margin-right: 0;				
	padding: 0;
	float: left;
}
#contentwrapper-foot {
	width: 86%;
	margin: 0 auto;
	margin-left: 8%;
	padding: 0;
	float: left;
}

.spacer {
  clear:both;        /*hr.clear replaces this, right?*/
}

hr.clear{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

div hr { display: none; }

div.hr{
	background: url(images/hr.gif) no-repeat center center;
	height: 20px;
	margin: 5px 0 15px 0;
}
.hidden{
	display: none;
}

.clear{
	clear: both;
}

/*---- simple clearing ----*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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


		/*  -----  end wrappers & spacers  note: title wrapper with titlebox----------  */


		/* ----- begin  shadow divs ------- */

#shadow-container {
	/*   margin-right and -bottom necessary to avoid crazy slider bars which "overflow=auto" otherwise puts in.  */
	width: 100%;  /*necessary to fill out contentwrapper*/
	left: 5px; 
	top: 0px;
	margin:0 auto;
	margin-right: 5px;
	margin-bottom: 5px; 
	float: left;   /*using float on parent and child divs allows parent to shrink to child div dimensions.  necessary if using shadow divs for different sized elements.*/
}

/*content: position -1px moves it up and to the left from parent div. margin top & left -1px moves next div down and over by that amount. */
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: white; 
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;  
	padding: 0px; 	
}

/*outermost lightest div, no top & left margin shift needed because no following shadow div*/
#shadow-container .shadow0 {
	position: relative;
	left: -1px;
	top: -1px;
	background: #d3d9d9;  
	border: 1px solid #d3d9d9;
} 
#shadow-container .shadow1 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px; 
	background: #cecece; 
	border: 1px solid #cecece; 
}
#shadow-container .shadow2 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: #c3c3c3;
	border: 1px solid #c3c3c3; 
}

/*darkest, innermost shadow.  -1px moves down & right (!!) from parent (= .container) div.  */
#shadow-container .shadow3 {
	position: relative;
	left: -1px;
	top: -1px;
	margin-top: -1px;
	margin-left: -1px;
	background: #b0b0b0;
	border: 1px solid #b0b0b0;
	border-top: 1px solid #c3c3c3;
}

		/* -----end shadow divs ---------*/
		
		/* ----- forms  -------------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
} 

input, textarea, select{
	font-size: small;
	border: 1px solid #666;
	padding: 2px;
	background: #eeffee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

textarea {width: 100%; height: 15em;}

input:focus, textarea:focus{
	background: #fff;
}

input:hover { background: #e2f4f9; color: #333; } 

fieldset{
	border: 0px solid #ccc;
	margin: 0;
	padding: 0px;
}

#search fieldset label { display: none; }

#searchform{
	width: 90%;
	float: left;
	margin-left: 5%;
}

#searchsubmit {
	width: 35px;
	margin: 2px;
	padding: 0px;
	float: right;
	margin-right: 6px;
}

		/*  ------ end forms ------  */

		/* ----- begin titlebox ------ */

#container-title {
	position: relative;
	/*   margin-right and -bottom necessary to avoid crazy slider bars which "overflow=auto" otherwise puts in.  */
	width: 100%;  /*necessary to fill out contentwrapper*/
	left: 0px; 
	top: 0px;
	margin:0 auto;
	margin-right: 5px;
	margin-bottom: 1.25em; 
	float-left;   
	border: 0 px solid black;
}

#titlebox {
	/*width: 100%;*/ /*not necessary for it to expand to fill parent (shadow-container) prob because img is specified at 100%*/
	position: relative;
	top: 5px;
	left: 0px;
	height: 12em;
	margin: 0 auto;
	margin-left: -5px;
	margin-right: 7px;
	padding: 0;
	margin-bottom: 1%;
	border-left: 2px solid #333; 
	border-top: 2px solid #333; 
	border-bottom: 3px solid #f0f0f0; 
	border-right: 3px solid #f0f0f0;
	overflow: hidden;
	clear: both;
}

.blogtitle {
	font-size:2em; 
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; /*georgia, times, serif; */
}

.blogtitle span {
	position: absolute;  
	bottom:0.5em; 
	center:-2px; 
	color: #007; 
	margin-left: -3.5%;
} 

.blogtitle:before {
	content:attr(title); 
	position: absolute; 
	bottom:0.52em; 
	center:1px; 
	color:#fff; 
	margin-left: -3.45%; 
}

.blogtitle a {
	text-decoration: none;
}
.blogtitle a:hover span {
	color: #89d;
	text-decoration: underline overline;
}
#handheld-image {display: none;}

      /* ----- end titlebox ------- */


      /* ----- begin navtabs ----- */
      
#navtabs {
	float:left;
	width:73%;
   position:relative;
	padding: 0;
	margin-top: 1.5%;
	white-space: nowrap;
}
#navtabs ul {
	width: 100%;
   float:left;
   list-style:none;
  margin:0;   /*has to be specified, else inherits a +-15px/1em? margin all around from somewhere*/
	margin-right: -5px;
	margin-bottom: 2px;
   padding: 0;
}
#navtabs li {
   display: inline;
   float:left; 
   list-style:none;
   margin: 0;
   margin-left: -5px;
   margin-right: 7px;
   padding: 4px 0 4px 0;
	font-family:georgia, times, serif; 
   position:relative;
	bottom: -1;
	border-top: 1px solid #b0b0b0; 
	border-left: 1px solid #b0b0b0; 
	border-right: 2px solid #808080;
	border-bottom: none; 
}
#navtabs li a {
   margin:0 0 0 1px;
   padding: 4px; 
   background: #ddf;  
   color:#00f;
   text-decoration:none;
   line-height:1.3em;
   position: relative;
}
/* generated by php script which has it as */
/* navtab ul li .page_item .current_page_item */
#navtabs li a:hover {
   background:#ece0ea;
  text-decoration: underline;
}
#navtabs li a:visited {
   background-color:  transparent;   /*  #ece0ea;*/
}
#navtabs li.current_page_item a {
	z-index: 3; 
	padding: 5px;
	padding-bottom: 7px;
	text-decoration: none;
   background-color:  white !important;   /*  #ece0ea;*/

}
#navtabs li.current_page_item a:hover {
	text-decoration: underline;
}

.current_page_item .title_li{  
	background-color: #fff;
	font-weight:bold;	
}

        /* ----- end navtabs -----------*/

        /* ------ begin main content  --------*/
        /* ------ begin main blog window --------*/

#content {           
	width: 100%;
	margin: 0;
	padding: 0;
  	text-align:left;
  	background: white;
	overflow: auto; /*apparently needed to overflow a stripe at div bottom...*/
}

#blogs p{							
	padding: 5px 10px;
	margin: 0;
/*	margin-left: 2em;  THIS is the last mention of p so this is the one that counts...*/
        margin-left: 3em;
        margin-right: 3em;
}

#blogs .fullcontent{
	padding: 0 20px 0 20px;
	background: #fff;
}


/* POST =STORY
---------------------------------------------------*/

div.postnavigation{
	margin: 0;
	padding: 0.5em 1em;
}

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

.storytitle, .storytitle a:visited, .storytitle a, .storytitle h3, .storytitle h2, .storytitle h1, .storycontent h4{
/*	font-size: 1.5em; */
	margin: 1em 1em 0.5em 1em;;
	padding: 0 0.5em;
/*	padding-bottom: 1.5em;*/
}

.storytitle{
	background: url(images/icon_post.gif) no-repeat 0.5em 0;
}

storytitle a:hover{
	text-decoration: none;
}

.storycontent{
	position: relative;
	margin: 0;
	margin-bottom: 1.5em;
	padding: 0.5em 0 2em 0;
	background: #fff;  /* url(images/bg_blu.gif) repeat-y top left;*/
}

.date, .meta{
	font-size: small; /*0.9em;*/
}

.thecontent{
	margin: 0 2em;
}

.thecontent p{
   margin: 1%; 			/*0.5em; 1em;      first semicolon is a typ, no??*/
   margin-bottom: 0.75em !important; /*2010-08-18: changed from 2em (which didn't work) & !imp added*/
   line-height: 1.5em;  /*2010-08-18: changed from 2em*/
   font-size: 1em;
   letter-spacing: 0.1px;
}

.thecontent p a { color: #000099;  border-bottom: 1px dotted #009;}
.thecontent p a:active{color:#0000cc;}
.thecontent p a:visited { color: #337733; }
.thecontent p a:hover { border-bottom: #00c 1px solid; }


#details_box {
        width: 30%; 
        border: 1px solid #555; 
        margin:1em 2em 1em 0; 
        padding: 1em; 
        font-family: "DejaVu Sans", Verdana,  "MS Trebuchet", Trebuchet, sans-serif; 
        font-size: 0.75em; 
        line-height: 1.15em; 
        text-align:left;  
        float: left;
        }
.handheld-image {display: none;}
.handheldbox {
	display:block;
	border-width: 1px solid #666;
	padding:1px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left: 10px;
	width:90%;
	height:100%;
	overflow:scroll;
	}

body#page #blogs p{ margin-left: 0; padding: 5px 0;}

body#page .storytitle{
	margin: 7px 10px 0 20px;
}

.storycontent ul, .storycontent ol{
	margin-left: 15px;
	padding: 0;
	/*list-style: square outside;*/
}

.postmeta{
	background: #eff5fb url(images/fade_blue.gif) repeat-y top right; 
}

.date{
	float: left;
	margin-top: 6px;
	color: #336699;
	text-indent: 12px;
}


.filedunder{
	float: right;
	text-indent: 12px;
	margin-top: 6px;
	margin-right: 15px;
}

.filedunder a{ font-weight: bold; }
.filedunder a:visited, .filedunder a, .filedunder{ color: #336699;}
.filedunder a:hover{ color: #036; }
.filedunder, .date, #sidebar h3{ line-height: 1.5em; }

.meta li.permalink{
	background: url(images/icon_permalink.gif) no-repeat 0 2px;
	padding-left: 11px;
	margin: 4px 0 0 0;
}

.meta li.comments{
	background: url(images/icon_comment.gif) no-repeat 0 2px; 
	padding-left: 11px;
	margin: 4px 0 0 0; 
}

.meta{  
	margin: 0 0 0 50px;
}
.meta ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.meta ul li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
}


/* COMMENTS =feedback
----------------------------------------*/

.feedback{
	width: 80%;
	clear: both;
	margin: 10px 20px 10px 55px;
}

h3.comments{
	margin: 0;
	padding: 5px 0;
}

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

.commentlist .gravatar{
	border: 1px solid #ccc;
	width: 40px;
	margin: 5px;
}

.comment-head{
	background: none; /*url(images/comment_head.gif) no-repeat left center;*/
	width: 100%;
	height: 1px;
}

.fullcomment{
	width: 95%; /*330px; */
	background: none; /*url(images/comment_foot.gif) no-repeat bottom left; */
	padding-bottom: 40px;
	margin: 1px 0 0 15px;
}

.comment-wrapper{
	width: 100%; /*320px;*/
	background: #f9f9ff;  /*another very pale turquoise*/
}

.comment-content{
	clear: both;
	width: 100%; /*300px;*/
	padding: 0 7px;
	font-size: 0.95em;
}

        /* ------  end main content ----------  */
        
        /* ------  ordered lists,  link styles -------  */

ul {
	list-style: none;
	margin: 3%;
	padding: 0;
}
li {
	list-style: none;  /* any value here puts bullets on all the comments*/
	margin: 0; /*1%; */
	padding: 0;
} 
.thecontent p ul {list-style: square;}
.thecontent li{list-style: square outside; line-height: 1.25em; margin: 1em 6em;}
/*.ul-content {list-style: square; margin: 1em 6em; line-spacing: 1.5em;}*/
/*.li-content {list-style: square; line-spacing: 1.5em;}*/

#sidebar ul{
	list-style: none;
	margin: 3%;
	padding: 0 1%;
/*	padding-left: 0.25em;*/
}

#sidebar li{
	list-style-type: none;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	margin: 0 1%;
	padding: 0 5%;
	line-height: 1.5em;
	} 

#blogs ul{
	list-style: square inside;
	margin: 0 3%;
	padding: 0;
	line-height: 2em;
}

#blogs ol { margin-left: 28px; }
#blogs dl { padding-left: 10px; }
#blogs dt { font-weight: bold; }

#blogs dl dd{
	margin: 0;
	padding: 2px 2px 4px 12px;
}

/* for post links */
.postlist li{
	line-height: 1.25 em; 
	padding: 0 0 0 8px; 
}

/* for external links */
#blogs .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
	list-style: none;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	padding: 3px 0 1px 20px;
}

/* for archived links */
#sidebar ul.archivelist li{
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
	padding-left: 8px; 
 /*	line-height: 1.5em;  20px; */
}

#sidebar ul.linklist li{
	margin: 0 0 5px 0;
	background: url(images/0194_diamond7.png) no-repeat 0 2px;
}

#sidebar ul.linklist br{
	line-height: 1em;
}

#sidebar dl.linklist dd{
	color: #666;
	padding: 0;
	margin: 3px 0 5px 17px;
}

        /* ------  end ordered lists,  link styles -------  */

        /* ------ begin sidebar  --------*/

#sidebar {
	width: 100%;
	margin: 0;
	padding: 0;
  	background: white;
  	text-align: left;
	overflow: auto; 
	font-size: 0.9em;
	color: #555;
	line-height: 1.25em;
}

#sidebar p.subhead {
	color: #555; 
	font-family: georgia, times, serif; /* "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;*/
	font-size: 1.12em;
}

#sidebar p a { color: #000099;  border-bottom: 1px dotted #009;}
#sidebar p a:active{color:#0000cc;}
#sidebar p a:visited { color: #337733; }
#sidebar p a:hover { border-bottom: #00c 1px solid; }

#sidebar h1, #sidebar h2, #sidebar h3{
	margin: 0 3%;
	padding: 0;  
	font-size: small;
}

          /* "tagline" seems to be heading for search results page  */
h2.tag, h2.tagline{
	text-align: center;
	color: #036;   /* navy blue */
	margin-left: 5em;
}

h2.tag     { font-size: 1.4em; }
h2.tagline { font-size: 1.1em; }

#sidebar ul.sideblocks>li ul.children{
	margin: 0;
	padding: 0 0 0 5px;
}

#sidebar ul.sideblocks { margin: 10px; }
#sidebar ul.sideblocks>li { margin: 10px 0; font: 1.0em/1.4em "DejaVu Sans", Verdana, Arial, sans-serif; }

#sidebar h3 {color: #999;}
#sidebar h3 a { color: #007; } 
#sidebar h3 a:hover { color: #0f0; }

#sidebar h4{ color: #555; margin: 0 3%; padding:0; text-align: left;}

#sidebar p{
	margin: 3%;
	padding: 0.25%;
}
#sidebar #calendar{ padding: 10px 0 0 0; }

#sidebarmotto {      
	 margin: 5px 10px;
	background: #eff5fb;
	padding: 5px;
	border: 1px solid;
}
.linkcomment {color: #555;}
#govdiv { margin:15px; border:red 1px solid;}

        /* ------  end sidebar  ----------  */

           /* ----- begin footer-related ------- */

#acidtest-footer {
	margin: 0;
	padding: 1%;
  	background: white;
  	color: #555;
	overflow: auto; 
	zoom: 1;  /*needed for IE6 to enclose p.footer*/
}

p.footer {
	font-size: 0.9em;
	text-align: left;
	border: 0;
	padding: 2px; 
}
#footer-nav-box {
	display: inline;
	margin: 0;
	float: right;
	zoom: 1;
}
.footer-nav { 
	margin: 0.5em;
	border: 1px solid blue;
	float: right;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

		/*  -----  end footer-related -------  */


/* NAVI =PAGENAV
-------------------------------------*/

.page-navi{
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	color: #999999;
	margin: 12px 10px;
}

.page-navi a{
	padding: 0 4px;
	color: #ccc;
	border: 1px solid #ccc;
}

.page-navi a:hover{
	border-color: #999;
	background-color: #999;
	color: #fff;
	text-decoration: none;
}

.page-navi .pageoff{
	padding: 0 4px;
	border: 1px solid #666;
	background-color: #666;
	color: #fff;
}


/* ALIGN		used inside some of the blog-specific css
-------------------------------------*/

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

div.aligncenter{
	margin: 0 auto;
	text-align: center;
}

		/* !important tells standards-compliant browsers that this takes precedence over all competing specs for the same thing, but IE6 doesn't understand, ignores it, and takes the next one.*/

/* EoF quiet --------------------
------------------------------------------------*/