/*      quiet theme */
/*      HTML TAGS AND PRESENTATION   */  /* styleswitcher.js by Paul Sowden, A List Apart, 2001-11-02, http://www.alistapart.com/articles/alternate/ */

div hr { display: none; }
.hidden { display: none; }
#search fieldset label { display: none; }
.rss-img {display: none;}
/*#handheld-image {display: none;}   not currently used in handheld.css*/
.handheld-image {display: none;}

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

body {
  background: url(images/background-sky.png) fixed no-repeat top left; -moz-background-size: cover; background-size: cover;
  margin: 0;
  padding:0; min-width: 86%; max-width: 1280px;
  font-family: "FontinSansRegular", "Bitstream Vera Sans", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 100.01%;   /*fixes an Opera bug*/
  font-size: medium;
  color: #000;}
html, body { height: 100%;}

		/*  -----  text & font-related ----------  */
/* Fontin by Jos Buivenga (exljbris) -> www.exljbris.nl or http://www.josbuivenga.demon.nl/ */
@font-face {
  font-family: "FontinSansRegular";
  src: url("http://www.molvray.com/type/fontin_sans_r_45b-webfont.eot");
  src: local('☺'),
    url("http://www.molvray.com/type/fontin_sans_r_45b-webfont.woff") format("woff"),
    url("http://www.molvray.com/type/fontin_sans_r_45b.otf") format("opentype"),
    url("http://www.molvray.com/type/fontin_sans_r_45b-webfont.svg#FontinSans-Regular") format("svg");
  }
@font-face { font-family: 'FontinSansBold'; src: url('http://www.molvray.com/type/fontin_sans_b_45b-webfont.eot'); src: local('☺'),
	url('http://www.molvray.com/type/fontin_sans_b_45b-webfont.woff') format('woff'), url('http://www.molvray.com/type/fontin_sans_b_45b-webfont.ttf') format('truetype'), url('http://www.molvray.com/type/fontin_sans_b_45b-webfont.svg#webfontEvL2vkiw') format('svg'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'FontinSansItalic'; src: url('http://www.molvray.com/type/fontin_sans_i_45b-webfont.eot'); src: local('☺'),
	url('http://www.molvray.com/type/fontin_sans_i_45b-webfont.woff') format('woff'), url('http://www.molvray.com/type/fontin_sans_i_45b-webfont.ttf') format('truetype'), url('http://www.molvray.com/type/fontin_sans_i_45b-webfont.svg#webfonte3EoV0O6') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FontinItalic'; src: url('http://www.molvray.com/type/fontin-italic-webfont.eot'); src: local('☺'), url('http://www.molvray.com/type/fontin-italic-webfont.woff') format('woff'), url('http://www.molvray.com/type/fontin-italic-webfont.ttf') format('truetype'), url('http://www.molvray.com/type/fontin-italic-webfont.svg#webfontZL0SZ7oh') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FontinBold'; src: url('http://www.molvray.com/type/fontin-bold-webfont.eot'); src: local('☺'), url('fontin-bold-webfont.woff') format('woff'), url('http://www.molvray.com/type/fontin-bold-webfont.ttf') format('truetype'), url('http://www.molvray.com/type/fontin-bold-webfont.svg#webfont7sRITsy8') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FontinRegular'; src: url('http://www.molvray.com/type/fontin-regular-webfont.eot'); src: local('☺'), url('http://www.molvray.com/type/fontin-regular-webfont.woff') format('woff'), url('http://www.molvray.com/type/fontin-regular-webfont.ttf') format('truetype'), url('http://www.molvray.com/type/fontin-regular-webfont.svg#webfontR2Cm8kAW') format('svg'); font-weight: normal; font-style: normal;}
@font-face {
  font-family: "MuseoSans500";
  src: url("http://www.molvray.com/type/museosans_500-webfont.eot");
  src: local('☺'),
    url("http://www.molvray.com/type/museosans_500-webfont.woff") format("woff"),
    url('museosans_500-webfont.ttf') format('truetype'),
    url("http://www.molvray.com/type/museosans_500.otf") format("opentype"),
    url("http://www.molvray.com/type/museosans_500-webfont.svg#webfontYLnIxKln") format("svg");
	font-weight: normal;
	font-style: normal;
  }

a { color: #000099; text-decoration: none;}
a:active {color:#0000cc;}
a:visited { color: #337733; }
a:hover { border-bottom: #00c 1px solid;}

h1, h2, h3, h4, h5, h6 {font-family: "MuseoSans500", "FontinSansRegular", "Bitstream Vera Sans", Helvetica, sans-serif;}/* 'FontinRegular', Georgia, "Nimbus Roman No9 L", "Times New Roman", serif;*/
h1 {color: #007; font-size: 2em;}
h3 {color: #007; line-height: 1.5em; margin-bottom: 1.5em; margin-left: 0.75em;}
h5 {color: #007; font-weight: bold; margin: 0.5em 0.7em; font-size: 1em; margin-top: 1.5em; letter-spacing: 0.125em;}
h6 {color: #007; font-weight: bold; margin: 0.5em 0.75em; font-size: 1.125em;} /*margin: 0.5em 3em;*/
h2 {color: #007; 	font-size: 1.5em; margin-bottom: 1.5em; margin-left: 2em;}
.thecontent h6, .thecontent h3 {padding-top: 1em;}
.thecontent h3 {margin-left: -0.1em;} /*needed to line up with text....*/
.thecontent h3 { margin-top: 1em; margin-bottom: 1em; font-size: 1.5em; padding: 0;}

img { border: 0; padding: 10px 0px 0px 10px;}
.content-img {border: 0; padding: 1em 0 1em 0.5em; float: right;}

.section-mark {text-align: center; margin: 1em auto; margin-bottom: 2em;}
.end-chapter {font-size: medium; margin: 4em 0 10em 0; text-align: center; page-break-after: always; }
#end-word {page-break-after: always; font-size: large; margin: 2em; text-align: center;}

p {}
#blogs p { padding: 5px 10px; margin: 0;}  /*has to be margin: 0; on site -----------note: thecontent p below........................*/
.thecontent p { margin-bottom: 0.5em  !important; line-height: 1.5em; font-size: 1em; font-family: "Fontin Sans", "FontinSansRegular", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif; text-indent: 1em;}/*	text-align: justify;  only for ebooks with hyphenator*/
.thecontent p a { color: #000099; text-decoration: none; border-bottom: 1px dotted #009;}
.thecontent p a:active {color:#0000cc;}
.thecontent p a:visited { color: #337733; border-bottom: 1px dotted #373; }
.thecontent p a:hover { border-bottom: 1px #009 solid;}
/*i {font-weight: 500; font-family: "Fontin Sans", "FontinSansItalic", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif; }*/

.acknowl {margin: 1em; font-size: 0.9em; line-height: 1.25em; letter-spacing: 0.1px; font-family: "Fontin Sans", "FontinSansRegular", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif; font-style: italic;}

.lastupdate {font-size: small; position: absolute; top: 0.4em; left: 1em; color: #336699;}

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 2em; padding: 1em; border: 0px solid #666; line-height: 1.5em; font-size: 1em; background-color: #fcfcfe; font-family: "Fontin Sans", "FontinSansRegular", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif;}

		/*  -----  wrappers & spacers     note: title wrapper with titlebox ----------  */
/*contentwrapper-mid equivalent to "#main" in Summersun theme, I think...*/
#container { width: 100%; margin: 0; padding: 0;}
#contentwrapper-title { width: 90%; margin: 0 auto; margin-left: 8%; padding: 0;}
#contentwrapper-mid { width: 86%; margin: 0 auto; margin-left: 8%; padding: 0;} /*change contentwrapper-mid margin-left to center content more*/
#contentwrapper-main { width: 74%; margin: 0; padding: 0;/* float: left;*/ /*  border: 1px solid #808080;*/}
#contentwrapper-side { width: 24%; margin: 0; margin-left: 1.9%; margin-right: 0; padding: 0; float: left; /*  border: 1px solid #808080;*/}
#contentwrapper-foot { width: 90%; margin: 0 auto; margin-left: 8%; margin-top: 1em; padding: 0; float: left; /*  border: 1px solid #808080;*/}
		/* ----- begin  shadow divs ------*/
.box_shadow { float: left;
	-moz-box-shadow: 6px 6px 10px #909090; /* FF3.5+ */
	-webkit-box-shadow: 6px 6px 10px #909090; /* Saf3.0+, Chrome */
	box-shadow: 6px 6px 10px #909090; /* Opera 10.5, IE 9.0 */
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; 	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');}
.container { position: relative; background: white;
	border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; padding: 0px;}
	/*left: -1px; top: -1px; margin-top: -1px; margin-left: -1px;   -1px moves it up and to the left from parent div. margin top & left -1px moves next div down and over by that amount. */
/*
floats, current [old]
#container
 #contentwrapper-mid: position unspec, float unspec
  #contentwrapper-main:     "                      "
    .box_shadow: posit unspec, float left
    [shadow-container: position unspec, float: left]
      [shadow-container-innermosts: position relative, float unspec.]
      .container  (originally not defined at all!)[ = shadow-container3 in nested system:] position relative, float unspec
in old style: contentwrappers main, side and foot all had float: left, position unspecified.......*/
		/* -----end shadow divs ---------*/

.spacer {clear:both; } /*hr.clear replaces this, right?*/
hr.clear { visibility: hidden; margin: 0; padding: 0;}
div.hr { background: url(images/hr.gif) no-repeat center center; height: 20px; margin: 5px 0 15px 0;}
.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----------  */

		/* -----search  forms  -------------*/
label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] { cursor: pointer;}
input, textarea, select { font-size: small; background: #fafffa;    /* pale turquoise.  also: #D9E8F8 */
	/*border: 1px solid #666;*/border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
textarea { width: 90%;} /*textarea { font-size: small; }	font-size adjustment no longer needed here*/
input:focus, textarea:focus { background: #fff;}
input:hover { background: #e2f4f9; color: #333; }
fieldset { border: 0px solid #ccc; margin: 0; padding: 0px; margin-left:  0.5em; margin-right: 0.25em;}
#searchform { width: 95%;} /*	float: left; margin-left: 1%;*/
#searchsubmit { width: 35px; margin: 2px; padding: 0px; float: right; margin-right: 0.66em; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080;}
		/*  ------ 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; } /*this had typo-ed float-left; , & layout works, so float not needed here */

#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: 10em; margin: 0 auto; margin-left: -5px; margin-right: 7px; padding: 0; margin-bottom: 1%;
/*	background: url(http://molvray.com/images/imagebanner/rotate.php) center bottom no-repeat; */
/*	 border-left: 2px solid #333; border-top: 2px solid #333; border-bottom: 3px solid #f0f0f0; border-right: 3px solid #f0f0f0;*/}
#titlebox img-title { float: left; width: 10.5em; margin-top: -1.75em; margin-left: -1em;}
.img-title { float: left; margin-top: -1em; margin-bottom: 1em;}
.left-top { float: left; position: absolute; margin-top: -1em; top: 0px; left: 145px;}
.rss-img2 { width: 12px; height: 12px; border: 0; margin: 0; margin-top: 15px; margin-left:20px; padding: 0; float: left;}
.blogtitle { font-size:2em; font-weight: 500; float: left; text-align: left; margin-top: 1em; margin-left: 0; margin-bottom: 0.5em; font-family: "MuseoSans500", "FontinSansRegular", "Bitstream Vera Sans", Helvetica, sans-serif;} /*	margin-top: 4.25em; margin-left: 18%; margin-right: 18%;  these settings: center bottom of header*/
#pagebox {	float: left; margin-top: -0.5em;}
.pagetitle { font-size: small; text-align: left;}
/*.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;}
      /* ----- end titlebox ------- */

.skiplink { padding: 2px; font-size: small; position: absolute; top: 1em; right: 0;
	border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080;
	border-radius: 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*display: inline; float: right; margin-left: 0; margin-bottom: 0; margin-top: -9em;*/ /*Earlier:  IE stretches margin all the way to left side & pushes all other divs down.  2009-01-15: now it needs it!  go figure*/
.skiplink a { padding: 0; color: #007; float: right;}
button {background-color: transparent;
	border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080;
	border-radius: 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.stylebuttons {float: right; display: inline; overflow: hidden; text-align: right; position: absolute;  top: 4em; right: 0;  font-size: small;} /* float: right; margin-top: -9em; margin-right: -3px;*/
.stylebuttons ul {}
.stylebuttons li { list-style: none;}/* padding: 1px; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080; border-radius: 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */
.stylebuttons a { }
/*.stylebuttons input[type=submit] {border: none; background: transparent; font-size: x-small; padding: 0; border: 0;}*/
.stylebuttons input[type=submit] {background: transparent;}
        /* ------ 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 .fullcontent { padding: 0 20px 0 20px; background: #fff;}

        /* post=story --------------------*/
div.postnavigation { margin: 0; padding: 0.5em 1em;}
.storytitle, .storytitle a:visited, .storytitle a, .storytitle h3, .storytitle h2, .storytitle h1, .storycontent h4{ font-size: 1.25em; padding: 0 1.2em; }
.storycontent h3{ font-size: 1.5em; padding: 0 0.5em; font-weight: 500;}
.storytitle { background: url(images/icon_post.gif) no-repeat 0.5em 0; }
.storytitle a:hover { text-decoration: none;}
.storytitle { margin-left: -0.5em;}
.storycontent { position: relative; margin: 0; margin-bottom: 1.5em; padding: 0 3em; padding-top: 1.5em; background: #fff;  /* url(images/bg_blu.gif) repeat-y top left;*/}
.storycontent:after {clear: both;}
.date, .meta { font-size: small; }
.thecontent { margin: 0 1.5em 0 2em; /*has to be margin: 0 2em; on site*/}
.section-mark {text-align: center; margin: 1em auto; margin-bottom: 2em;}
/*.content-meta-spacer { float: right; width: 16em; height: 6em; border: 0px solid white; position: relative; top: -2em; right: -18em; margin-left: -18em; margin-bottom: 3em;}*/

#details_box {width: 30%; border: 1px solid #555; margin:1em 2em 1em 0; padding: 1em; font-size: 0.75em; line-height: 1.15em; text-align:left; float: left;}
.examplebox {width: 40%; border: 1px solid #ccc; margin: 0 0 1em 1em; padding: 0.5em; font-size: 0.92em; color: #444; line-height: 1.25em; text-align:left; float: right;}
.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; }

table.info { width: 85%;  border: 1px solid gray;  border-collapse: separate;  border-spacing: 0.25em;}
table.info p { font-size: 0.85em;}
body#page #blogs p { margin-left: 0; padding: 5px 0;}
body#page .storytitle { margin: 7px 10px 0 20px;}
.storycontent ul, .storycontent ol { margin-left: 5em; /*not doing anything!!*/ 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; font-size: small;}
.filedunder a { font-weight: normal; }
.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;}
.meta li.comments { background: url(images/icon_comment.gif) no-repeat 0 2px; padding-left: 11px;}
.meta {margin: -4.5em -4.5em 0em -1em; float: right; border: 0px solid green; padding-bottom: 1em;} /*THESE MARGINS CREATE SPACE AROUND META LINKS*/
.metahr {width: 100%; visibility: hidden; height: 0px; border: 1px green solid; margin: 0 0 -2em 0;}/* added in single.php below meta div*/
.meta ul { list-style: none; padding: 0; width: 100%; }
.meta ul li { list-style: none;}
.WP-PrintIcon {margin-left: -1em; margin-top: -1em;}
.post-edit-link {margin-left: -0.5em; padding-left: 11px;}

           /* comments =feedback------*/
.feedback { width: 80%; clear: both; margin: 30px 20px 0px 55px;}
h3.comments { margin: 0; margin-top: 13em; padding: 5px 0;}
.commentlist { list-style: none; margin: 0; padding: 0;}
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; height: 5px; }
.fullcomment { width: 90%; background: none; padding-bottom: 40px; margin: 15px 0 0 15px;}
.comment-wrapper { width: 95%; background: #fafaff;  /*pale blue*/}
.comment-content { clear: both; width: 89%; padding: 0 7px;}
        /* ------  end main content ----------  */

        /* ------  ordered lists,  link styles -------  */
ul { list-style: none; margin: 1%; padding: 0;}
li {list-style: none; margin: 1%; padding: 0; font-family: "Fontin Sans", "FontinSansRegular", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif;} /* list-style: square inside; */

.toc {
		border: 1px solid blue;
		padding: 0.25em;
		float: right;
		font-size: 0.85em !important;
		font-family: 'Droid Sans';
		margin: 0.5em;
		margin-top: 2em !important; /*kludge to move box down at top of post. Fix if possible.*/
		width: 30% !important;
}

.toc h2 {display: none;}
.toc h3 {
		text-align: left;
		font-weight: normal;
}
.toc h6 {
		text-align: left;
		font-weight: normal;
		margin-left: 5px !important;
}
.toc ul, .toc ol {
		list-style: none;
		padding: 0;
}
#blogs .toc ul, #blogs .toc ol {margin: 0;
 		list-style: none;
		padding: 0;}

.toc ul ul, .toc ol ol {
		margin: 0;
}
.toc-end {
		/*clear: both;*/
}

#blogs .toc ul li:before {content: "\2666"; color: #cc0000; font-size: 0.7em;}
#blogs .toc ol li:before {content: '\2666'; color: #cc0000; font-size: 0.7em;}
#blogs .toc ul li li {margin-left: 0.5em;}
#blogs .toc ol li li {margin-left: 0.5em;}
/*                                               OLD TOC STYLE --BEGIN
.toc-generator {border: #00f solid 1px; float: right; font-size: .9em; margin: 1.2em 1em 5px 5px; margin-left: 1em; padding: 5px;  font-family: 'FontinSansRegular', "Trebuchet MS", "Bitstream Vera Sans";}
ol li:before {content: "\2666 \0020"; color: #cc0000; font-size: 0.7em;}
.toc-generator ul {}
.toc-generator ol {}
.toc-generator ol li { list-style: none; margin-left: -0.5em; padding: 0;}
ol li h6 {margin-left: 0.5em;}
							 OLD TOC STYLE -- END					*/   
  /* ------------------------------------------------ADD !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.sidebar-alignright{margin: 0 1em; padding: 0; text-align: right;}
.sidebarblock { list-style: none; margin: 0 1em 2em 1em; padding: 0; } /*was #sidebar ul ....*/
.sidebarblock li {background: none;}
#sidebar ul {list-style: none; margin: 0 1em; padding: 0; }
#sidebar li { list-style-type: none; background: url(images/0194_diamond7.png) no-repeat 0 2px; margin: 0; padding: 0 1em; line-height: 1.5em; }
#blogs ul { list-style: square outside; margin: 0 6em; /*last specification of #blogs ul  & this one is used!!*/ 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; }
#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-alignright{margin: 0 1em; padding: 0; text-align: right;}
.sidebarblock {margin: 0 1em 2em 1em; padding: 0; } /*was #sidebar ul ....*/
.sidebar-pic {margin: 3em auto; text-align: center;}
#sidebar p.subhead { color: #555; margin: 0 1em; 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, .sidebarblock h1, #sidebar h2, .sidebarblock h2, #sidebar h3, .sidebarblock h3 { margin: 0 1em 1em 0.5em; padding: 0; font-size: 1.25em;}
#blogroll_widet_rss-3 h2 {display: none;}

          /* "tagline" seems to be heading for search results page  */
h2.tag, h2.tagline { text-align: center; color: #036;   /* navy blue */ margin-left: 1%;}
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-size: 1.0em; line-height: 1.4em; font-family: "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; }
#sidebar h3, .sidebarblock h3 {color: #999;}
/*#sidebar h3, .sidebarblock h3 a { color: #007; }*/
/*#sidebar h3, .sidebarblock h3 a:hover { color: #0f0; }*/
#sidebar h4{ color: #555; margin: 0 3%; padding:0; text-align: left;}
#sidebar p { margin: 1em; padding: 0%; font-size: small;}
#sidebar #calendar { padding: 10px 0 0 0; }
#sidebarmotto { margin: 5px 10px; background: #eff5fb; padding: 5px; border: 1px solid;}
#randompostswithindaterangewidget-3 li { list-style: none;}
#randompostswithindaterangewidget-3 h2 {color: #999; font-size: 1.25em; line-height: 1em; margin: 1em;}
.widget { list-style: none;}
        /* ------  end sidebar  ----------  */

#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: small; text-align: left; border: 0; padding: 2px;}
#footer-nav-box { display: inline; margin: 0; float: right; zoom: 1;}
.footer-nav { margin: 0.5em; padding: 0.5em; border: 1px solid blue; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* 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: -1em; margin-top: 0.5em;}
#navtabs { float: left; display: inline; overflow: hidden; position: relative; margin-left: 0em; padding-top:2px; margin-right: 25%; margin-top: 1.5em;
																		position: absolute; top: 35px; left: 145px;}
#navtabs ul, #navtabs ul li { list-style: none; margin: 0; padding:0;}
#navtabs ul { text-align: left; /*text-align: center;*/}
#navtabs ul li { display:  inline-block; _display: inline; /*  use this instead of display:inline; this allows margins & padding to work*/ /*	_display: inline; for IE 6*/
	margin-right: 0.5em; margin-bottom: 0.75em; font-family: "DejaVu Sans", "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em;
	_font-size: 0.8em; /*	for IE 6*/}
#navtabs li a { margin: 0.75em 0.25em; padding: 0.1em; color: #00f; font-size: 0.85em; text-decoration: none;
	border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 3px solid #808080; border-bottom: 3px solid #808080;
	border-radius: 3px 3px;	/* round corners with CSS3 compliant browsers */ -moz-border-radius: 5px; -webkit-border-radius: 5px;  _border: none; }  /* _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; color: #339933;}   /*  #ece0ea;*/
#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;}
