/*      quiet theme, new version, mostly proportional */
/*      HTML TAGS AND PRESENTATION  		*/
/*		Handheld version                                  */

/* >>>>>>>>>>>
        somehow the rss links in header.php make the page at least 600px or so wide.
	*/

/*#container,
#contentwrapper-mid,
#contentwrapper-main,
#contentwrapper-title,
#shadow-container,
.container,
.shadow0,
.shadow1,
.shadow2,
.shadow3,
#container-title,
.filedunder,
#titlebox,
#navtabs, 
.comments,
.permalink,
#acidtest-footer,
#respond,
#commentform,
#reply,
.performancingtags,
.meta,
.postnavigation,
.comment-edit-link,
.jump,
#comments_controls,
#CommentTitle,*/
.skiplink,
#sidebar,
.img-title,
.rss-img2 { display: none; } 

body {
  background: white;  
  margin: 0;
  padding:0;

  font: medium "DejaVu Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  font-size: 0.75em;
  text-align:center;
  color: #000;
}
html, body{
	height: 100%;
}

		/*  -----  text & font-related ----------  */
		
small {
	font-family: 'DejaVu Sans', Verdana, Sans-Serif;
}
	
a {	color: #000099; 	text-decoration: none;}
a:active{color:#0000cc;}
a:visited { color: #337733; }
a:hover { text-decoration: underline; }

h1 {color: #007;
	font-family:georgia, times, serif; 
	padding: 10px;
}
h3 {color: #007;
	font-family:georgia, times, serif;
	padding: 10px;
}
h2 {color: #007;
	font-family:georgia, times, serif;
	padding: 10px;
}
.left-top { 
	display: block;
	position: relative;	
}
img {
 	border: 0; 
 	padding: 10px 0px 0px 10px;
	overflow: hidden;
}
.rss-img {
	border: 0;
	margin: 0;
	margin-left: 25px;
	margin-top: 2px;
	padding: 0;
	float: left;
	clear: right;
}
.rss-img a {text-decoration: none;}

p {
   margin: 5px 10px;
   line-height: 1.25em;
}

code, pre, kbd, samp{
	font-family: Monospace, "Courier New", Courier;
	font-size: 1.1em;
	color: #666;
	padding-left: 5px;
}
pre {
	font-size: 1.1em;
	display: block;
	padding: 5px 0;
	margin: 0;
}
blockquote {
	margin: 10px 20px;
	padding: 10px;
	border: 1px solid #666;
	line-height: 1.25em;
	background-color: #eee;
}

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

#container {
	width: 98%; 
	margin: 1% auto;
	padding: 0;
}

.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;
}
#handheld-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----------  */
		
		/* ----- forms  -------------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
	margin-left: 5px;
} 

input, textarea, select{
/*	font-size: small;  font already reduced in "body" */
	background: #fafffa;    /* pale green.  also: #D9E8F8 */
	border: 1px solid #666;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

textarea { width: 95%;} /*font-size: small;*/ 

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

#titlebox {
	margin: 0;
	padding: 0;
}
/*#titlebox img{
	display: none;
}*/

.blogtitle {
	display: block;
	font-size:2em; 
	font-family:georgia, times, serif; 
	padding: 2px;
	margin-bottom: 2px;
	border-left: 1px solid #000; 
	border-top: 1px solid #000; 
	border-bottom: 2px solid #999; 
	border-right: 2px solid #999;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.blogtitle a {
	text-decoration: none;
}
.blogtitle a:hover span {
	color: #89d;
	text-decoration: underline overline;
}

#contentwrapper-title{
	margin-top: -15px;
	padding: 0;
	float: left;
	position: none;
}
#contentwrapper-mid { width: 98%;
}

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

        /* ------ begin main content  --------*/
        /* ------ begin main blog window --------*/
.handheld-image {
	display: inline;
	float: right;
	margin: 0;
	margin-top: -10px;
}
/*#handheld-image{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 3;
	margin: 5px;
	background: white;
	border: 0px solid #333;
	padding: 5px;
	padding-left: 100px;
}*/

#content {           
/*	width: 100%;*/
	margin: 0;
	padding: 0;
  	text-align:left;
  	background: white;
	display: inline-block;
	float: left; 
	border: 1px solid #333;
}

#blogs p{							
	padding: 5px 10px;
	margin: 0;
}

#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.1em;  /* font-size already 0.75 under "body" in handheld.css  */
	padding: 0 0.9em; 
}

.storytitle{
	background: none; /* url(images/icon_post.gif) no-repeat 5px 0px;*/
}

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

.storycontent{
	position: relative;
	margin: 0;
	padding: 5px 0 20px 0;
	background: #fff;  /* url(images/bg_blu.gif) repeat-y top left;*/
	overflow: hidden;
	font-size: 1.1em;  /*added  font-size already 0.75 under "body" in handheld.css  */
}

.date, .meta{
	font-size: 1.0em;
}

.thecontent{
/*	font: 1.6em/2.1em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; */ /*font: size/lineheight typefaces */
	margin: 0 1em 0 1em;
}
.thecontent p{
   margin: 10px;
   line-height: 1.35em;
   font-size: 110%;
}

.handheldbox {
	display:block;
	border-width: 1px solid #666;
	padding:1px;
	margin-top:2px;
	margin-bottom: 5px;
	margin-left: 10px;
	width:95%;
	height:300px;
	overflow:scroll;
	}

#details_box {
        width: 30%; 
        border: 1px solid #555; 
        margin:10px 20px 10px 0px; 
        padding:10px; 
        font-family: 'DejaVu Sans', Verdana, sans-serif; 
        font-size: 0.85em; 
        line-height: 1.25em; 
        text-align:left;  
        float: right;
        }

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 10px 10px;
}
.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: 98%;
	clear: both;
	margin: 5px 0 0 0px;  /* 20px 10px 55px*/

}

#comments{
	margin: 5px 10px;
	padding: 0px 0;
}

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

ol.commentlist {list-style: none;
		margin-right: 25px;
}

ol.commentlist li {
	list-style: none;  /*finally gets rid of stupid bullet point on comments*/
	margin: 0 auto;
		width: 95%;
}
/*.commentlist .gravatar{
	border: 1px solid #ccc;
	width: 40px;
	margin: 5px;
}*/

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

.fullcomment{
	background:  none; /*url(images/comment_foot.gif) no-repeat bottom left;*/
	padding-bottom: 1px;
	margin: 5px 0 0 0px;
}

.comment-wrapper{
	background: #fafaff;  /*dull pastel blue-gray*/
}

#commentform {width: 100%;}

.comment-content{
	clear: both;
	padding: 0 0px;
}
#respond {width: 95%;}

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

ul {
	list-style: none;
	margin: 1%;
	padding: 0;
}
li {
	list-style: square inside;
	margin: 1%;
	padding: 0;
} 

#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%;
	} 

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

#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: 50%;
	margin: 0;
	padding: 0;
  	background: white;
  	text-align: left;
	overflow: auto; 
	color: #555;
	line-height: 1.25em;
	float: left;
	border: 1px solid #333;
}

#sidebar p.subhead {
	color: #007; 
	font-family:georgia, times, serif;
}

#sidebar h1, #sidebar h2, #sidebar h3{
	margin: 0 3%;
	padding: 0;  
}

          /* "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 Tahoma, Arial, Helvetica, sans-serif; }

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

#sidebar h4{ color: #666; 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;
}

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

           /* ----- begin footer-related ------- */
           /*lightest 2 shadow divs omitted around footer, but their formatting effects on footer compensated    in the html i.e. php file      */

#acidtest-footer {
	margin: 0;
	padding: 1%;
  	background: white;
  	color: #555;
	overflow: auto; 
	float: left;
	border: 1px solid #333;
}

p.footer {
	text-align: left;
	padding: 2px; 
}

#footer-nav-box {
	display: block;
	margin: 0;
	zoom: 1;
}
.footer-nav { 
	margin: 0.25em;
	padding: 0.1em;
	border: 1px solid blue;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#footer-nav-box:after {    
	content: "."; 
    	display: block; 
	height: 0; 
	clear: both; 
    	visibility: hidden;}

		/*  -----  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;
}


/* Navtabs		
-------------------------------------*/

#adhoc { /*
	float: left;
	margin-left: 0.5em;
	margin-top: 0.5em; */
}

#navtabs {
/*	float: left;*/
/*	width: 100%; */
/*	overflow: hidden;  */
/*	display: block; */
/*	position: relative;
	margin-left: 14em;*/
	position: relative;
	margin-right: 5%;
	clear: left;
	padding-top:2px;
}
#navtabs ul, #navtabs ul li {
	list-style: none;
	margin: 0;
	padding:0;
}
#navtabs ul {
	text-align: center; /*text-align: center;*/
}
#navtabs ul li {
	display:  inline-block;  /*  use display: inline-block instead of display: inline; this allows margins & padding to work*/
 /*	_display: inline; for IE 6*/
	margin-right: 0.1em;
	margin-bottom: 0.5em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
/*	_font-size: 0.8em;  for IE 6*/
/*	font-size: medium;
*/
}

#navtabs li a {
	margin: 0.75em 0.25em;   
	padding: 0.1em;
	color: #00f;
	font-size: 1.05em;  /* font-size already 0.75 under "body" in handheld.css  */
	text-decoration: none;
	border-top: 1px solid #b0b0b0; 
	border-left: 1px solid #b0b0b0; 
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
		/* round corners with CSS3 compliant browsers */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 /*	_border: none;   for IE 6*/
}

#navtabs ul li a {
	margin: 0.75em 0.25em;
}

/*#navtabs ul li a span{
	margin: 0.75em 0.25em;
}*/
#navtabs ul li a:visited {
   background-color:  transparent;   /*  #ece0ea;*/
   color: #339933; 
}
#navtabs ul li a:focus {
  	text-decoration: none;
   background-color:  white !important; 
}
#navtabs ul li a:hover {
  text-decoration: underline;
}
#navtabs ul li a:active {
  	text-decoration: none;
   background-color:  white !important; 
}