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


#shadow-container,
.shadow0,
.shadow1,
.shadow2,
.shadow3,
.performancingtags,
.skiplink,
#sidebar,
.img-title,
.rss-img, .rss-img2 { display: none; }

body{font-family: Verdana, Arial, Helvetica, sans-serif; color:#ff0; background: #072f7a;  font-size: x-large; font-size: 100.01%;}
html, body{ height: 100%;} 
 	/*  -----  text & font-related ----------  */

small { font-family: 'DejaVu Sans', Verdana, Sans-Serif;}

a {text-decoration: underline !important; color: white !important;}
a:active{text-decoration: overline !important; color: white;}
a:visited {text-decoration: underline !important; color: white; }
a:hover {text-decoration: overline underline !important; color: white;}

h1, h2, h3 {color: white; font-size: x-large; font-family:georgia, times, serif; padding: 10px;}
.left-top { display: block; position: relative; margin-left: -10em;}
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: 1em 2em; padding: 1em; border: 2px solid white; font-size: 1.8em; line-height: 1.6em; background-color: transparent;}
 	/*  ----- 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{ background: #fafffa; border: 1px solid #666; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

textarea { width: 95%; font-size: 2em;} /*font-size: small;*/
input:focus, textarea:focus{}
input:hover {}
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; height: 15em;} /*#titlebox img{ display: none;}*/
.blogtitle { display: block; font-size:3em; 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; background: darkblue;}
.blogtitle a { text-decoration: none;}
.blogtitle a:hover span { color: #89d; text-decoration: underline overline;}

#post-79 {display: none;} 

.stylebuttons {text-align: right; margin: 0; display: block; position: absolute; top: 5px; right: 1em; z-index: -100; font-size: large; width: 100%;}
.stylebuttons li {display: inline; list-style: none; margin: 0;}
.stylebuttons a {margin: 0 5px;}
.stylebuttons input[type=submit] {border: none; background: transparent; font-size: large; color: white; padding: 0; border: 1px solid white;}

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

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

#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 h3, .storycontent h4{font-size: 3em; padding: 0 0.5em;}

.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; overflow: hidden; font-size: 1.1em; background-color: #072f7a;  /*added  font-size already 0.75 under "body" in handheld.css  */
}
.toc { font-size: x-large; border: #fff solid 2px; padding-left: 1em; }
.date, .meta{ font-size: large; }

.thecontent{ margin: -4em 1em 0 1em; background-color: #072f7a; }
.thecontent h6 {font-size: 2em; color: white;}
#post-79 .thecontent {margin-top: -3em;}
.thecontent p{ line-height: 1.75em; font-size: 2em; margin: 1em 1em 1em 0; padding: 5px 10px;}

.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 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: #006;}

.date{ float: left; margin-top: 6px; 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{}
.filedunder a:hover{ }
.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;}
#blogs .meta ul{ list-style: none; padding: 0; margin: -5em 1em 1em 1em; float: right; }

.meta ul li { list-style: none; padding: 0 5px 10px 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%;}
#commentform label {font-size: x-large; font-weight: 700;}
#commentform p {font-size: x-large; font-weight: 700;}
#commentform #submit{font-size: x-large; font-weight: 700;}

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


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


#acidtest-footer {background-color: transparent; color: white;}
p.footer { font-size: 1.75em;  font-color: white;}

/* 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; clear: left; padding-top:2px; margin-left: -12em; margin-top: -2em;}
#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-top: 0.5em; 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; font-size: x-large; color: white;  /* 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;  color: white;}

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