/*  
Theme Name: Joho the Bubble
Description: Bubbly new version of Joho
Version: 1
Author: David Weinberger 

	This theme is released under Creativ/*  
Theme Name: Joho the Bubble
Description: Bubbly new version of Joho
Version: 1
Author: David Weinberger
Jan 12, 2021

	This theme is released under Creative Commons Attribution 2.5 License.

*/

body{
	margin: 0;
	padding: 0;
	font-family: Georgia,Garamond,Serif;
	font-size: 22px;
	/* background-color: #FFFFF0; */
	margin-left:10%;
	margin-right: 10%;

}

#postcontainer{
	
}

#overlay{
		display:none;
		height: 100%;
		width : 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #1A4692;
		opacity: 0.7;
		 display: flex;
  		justify-content: center;
 		align-items: center;
	
	}
#blogroll{
		height: 90%;
		width: 90%
		background-color: #90BFFF;
	
}

.sidebar_divider{
background-color: #CCDD00;
}


p,li {   
	font-size: 1em; 
	color: #663300; 
	line-height: 1.2;
	}
p.footerstuff {   font-size: 10px; color: #663366}

/*.datehr{width:100%;color:#AE3520; height:2px;};*/

h1 {    font-size: small; font-weight: bold; color: #FFCC00; background-color: #CC0000;}
a {  color: #9E2100;  font-style: normal; text-decoration: none; font-weight: normal;}
a:hover {color: #EE3528; background-color: #FFFFFF;}
a:visited {color: #BB0001;}
h2{   
	font-size: 3em; 
	font-weight: 400; 
	color: #CC3333; 
	font-family: "Gill Sans", Verdana, Arial, Sans;
	
}
h3 {   font-size: 1.2em; font-weight: 400; color: #CC3333; background-color: #FFCC99;
font-family: "Gill Sans", Verdana, Arial, Sans;
}

h4 {   font-size: 1.0em; font-weight: 400; color: #CC3333;font-style: italic;
font-family: "Gill Sans", Verdana, Arial, Sans;
}

#pagetable{
 width:800px; 
 text-align:center;
 border-width: 0px;
 border-style: solid;
 border-color: gray;
 margin-left:auto; 
 margin-right:auto;
}


#bookcovers{
  background-color: #FFFFFF;
  /* 
width: 700px;
  height:150px;
  margin-left: auto ;
  margin-right: auto ;
 */
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
  
}
#innershelf{
 width:100%;
 height:100%;
 text-align:center;
}

  
#visionpref{
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans;
	font-size: 0.8em;

}

#bubblediv,  .sidebarbubble,  .btnbubble{
  background-color:#FDF5E6;
  margin-left: 5px ;
  margin-right: auto ;
  text-align:center;
 border-width:6px;
 border-color:#F4C890;
 border-style:solid;
 background-color:#FDF5E6;
  margin-bottom:10px;
  font-size: 0.9em;

  border-radius: 20px 20px 20px 20px;
}
.date{ 
	font-size: 1.2em;  
	color: #AE3520;  
	text-align:left;
	border-bottom: 2px solid #AE3520; 
    border-top: 2px solid #AE3520;
    padding-left: 1em;
    font-family: "Helvetica Neue", Helvetica, Verdana,Arial, Sans;
}
.datespan{
	
/* 
    background-color: #AE3520; 
    margin-left: 12px;
    margin-right: auto ;
    margin-top:5px;
    margin-bottom:5px;
    width: 95%;
    border-bottom: 2px solid #AE3520; 
    border-top: 2px solid #AE3520;
    padding:5px;
    text-align:left;
    font-family: "Helvetica Neue", Helvetica, Verdana,Arial, Sans;
    
 */
}
.btnbubble{
  border-width:2px;
 background-color:#FFF6F4;
 padding:3px;
}
.btnbubble:hover { 
   cursor: pointer; 
   /* thanks, wray cummings! */
}
.linkcursor:hover{
   cursor: pointer;
}
.sidebarbubble{
  width: 150px;
  border-width: 3px; 
  background-color:#FEE5AC;
  padding:10px;
  margin-bottom: 8px;
}
.entrybubble{
  width:90%;
  text-align:left;
  padding:10px;
  border-width:0;
  
 
  
  }
.singleentry{
  margin: 0 auto;
  text-align:left;
  min-width:600px;
  width: 90%;
  padding:10px;
}

#tableheader{
 width:840px;
 text-align:center;
 margin-left:50px;
 margin-bottom:5px;
}
Alert{
  background-color:#FDFF80;
  
 border-width:4px;
 border-color:red;
 border-style:solid;
 background-color:#FDF5E6;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -o-border-radius: 20px;
    

} 

.leftcolclass{
  width:160px;
}

.lefttitle{
  font-weight: bold;
}
  
abbr, acronym{ border: 0; }

address, dl, p{ padding: 10px 0 0; }

blockquote{
	margin: 10px 10px 0;
	background-color: #FDF8FF;
	color: #736926;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	-o-border-radius: 10px;
}

blockquote p{
	padding: 10px 10px 10px 20px;
}

/*
blockquote blockquote{
	margin: 10px 20px;
	background: #fff;
	color: #333;
}
*/

.postinfo{
	background:#FCD2A0;
	font-size: 13px;
	color: #FF7575;
	text-align:left;
}

.postinfo a{
	/* color: #FFBD9D; */
        color: #804040;
	text-decoration:underline;

}

.postdate{ 
   font-color: #a12a2a; 
   }

blockquote blockquote p{ padding: 10px; }

code{
	background: #f9f9f9;
}

dt{
	font-weight: bold;
}

dd{
	padding: 0 0 5px 15px;
}

hr{
	/*clear: both;*/
	
	width: 100px;
	margin: 0 auto;
	height: 1px;
	color: brown;
	text-align: center;
	/*background: url(images/bg_comment_bottom.gif) no-repeat;*/
}


.small{
	font-size: 14px;
	font-family: Helvetica Neue, Verdana, Arial, Helvetica,sans-serif;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

textarea#comment{
	border: 1px solid #cad5db;
	background-color: #f5f5f5;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}


#container{
	margin: 0 auto;
	width: 99%;
	padding: 10px 0 0;
}

#header{

        width:100%;
	background-color: #FFFFFF;
	text-align:center;
	margin-right:auto;
	marging-left:auto;
}

.description{
	color:#C13F00;
	text-align:center;
}

.entry{
 /*  background-color:#FDF5E6; */
  
  }


.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 9px 0 0;
	background-color:#FDF5E6;
}

.entry h1{
	/* font-size: 20px; */
	/* line-height: 30px; */
}

.entry h2{ line-height: 18px; 
	font-size: 5em; 
	font-weight: 400; 
	color: #CC3333; 
	font-family: "Gill Sans", Verdana, Arial, Sans;
}

.entry h3{ font-size: 14px; 
	font-size: 1.2em; 
	font-weight: 400; 
	color: #CC3333; 
	font-family: "Gill Sans", Verdana, Arial, Sans;
	

}

.entry h4{ 
font-size: 1em; 
	font-weight: 400; 
	color: #CC3333; 
	font-family: "Gill Sans", Verdana, Arial, Sans;

}

.entry h5{ font-size: 11px; }

.entry h6{ font-size: 10px; }




#footer{

	color: #FFFFFF;
	padding-top:25px;
	text-align:center;
}

#footer a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}



 /* #menu ul li a{

	text-align:center; */
	/*padding: 14px 20px 10px;*/
/*	text-decoration: none;
	color: #ff0000;
        background-color: #FFBD9D; 
}
*/

/*
#menu ul li a:hover{
	text-decoration: underline;
}
*/

#pagetitle{
	clear: both;
	/*
	width: 1000px;
	height: 100px;
	*/
}

#pagetitle h1{
	/*padding: 36px 28px 0;*/
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
}

#pagetitle h1 a{
	text-decoration: none;
	color: #fff;
}

#syndication{
	float: left;
	padding: 15px 31px 0;
	color: #999;
}

#syndication a{ color: #666; }

#syndication a.feed{
	padding: 0 0 0 19px;
	background: url(images/feed_icon.png) no-repeat 0 1px;
}

.pagewrapper{
	
}

.page{
	/*float: left;*/
	padding: 0 5px 5px;
	/* background: url(images/bg_page_top.gif); */
        color: #FF9933;

}

.wrapper{ /* This wrapper class appears only on Page and Single Post pages. */
	
}

.narrowcolumnwrapper{

}
.narrowcolumn{

}

.content{
   text-align:left;

}


#leftsidebar {
text-align: center;
}

#leftsidebar li {
padding: 5px 0px 1px 0px;
line-height: 10px;
text-align:left;
}

.sidebarbubble li, .sidebarbubble ul {
  	margin: 2px;
	padding: 2px;
	list-style: none;
	font-size:12px;
	text-align:left;
}
.post h2{
	padding: 0 0 2px;
	font-size: 1.6em;
	font-weight: 300;
	font-family: "Gill Sans","Helvetica Neue",Verdana,Arial,Sans;
	color: #cc3333;

}

.post h2 a{
	text-decoration: none;
        color:#EB5C43;
        /* font-weight: bold; */
       /*  font-size: 1.3em; */
        /* font-size:20px; */
       /* background-color: #F4C890; */
}

.post h2 a:hover{
	color: #EB3D8C;

}

.postTitle{
	color:#cc3333;
        font-weight: 400;
        font-size: 2em;
       text-align: center;
	font-family: "Gill Sans", "Helvetica Neue", Verdana, Arial, Sans;
}
.thinhr{
  height: 1px;
  width: 100%;
  text-align: left;
  border: 0;
  color: gray;
}

.post img{
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.post img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.post img.wp-smiley{
	padding: 0;
	border: 0;
	background: none;
}



.browse{
	border-top: 1px dotted #bdbdbd;
	padding: 15px 16px;
	line-height: 18px;
}





/*.sidebar ul li h2, .obar ul li h2{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #CC3333;
}

.sidebar ul ul li, .obar ul ul li{
	margin: 0;
	padding: 6px 0 3px;
	background: none;
}

.sidebar ul ul ul, .obar ul ul ul{ padding: 3px 0 0; }

.sidebar ul ul ul li, .obar ul ul ul li{
	padding: 6px 0px 3px 15px;
	background: url(images/bg_arrow_right.gif) no-repeat 0px 8px;
}

.sidebar ul ul ul ul li, .obar ul ul ul li{
	background: url(images/bg_arrow_right_2.gif) no-repeat 0px 8px;
}
*/

/* COMMENTS TEMPLATE */

.post h3#comments, .post h3#respond{
	padding: 0 0 2px 19px;
	line-height: 27px;
	background: url(images/user_comment.gif) no-repeat 0 6px;
	color: #e45b00;
}

.post h3#respond{
	background: url(images/add_comment.gif) no-repeat 0 6px;
	color: #333;
}

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

ol.commentlist li{
	padding: 13px 0;
	background: url(images/bg_comment_bottom.gif) no-repeat left bottom;
}

ol.commentlist li .commentmetadata{
	font-size: 11px;
	color: #546477;
}

ol.commentlist li .commentmetadata a{
	color: #546477;
}

form#commentform small{
	font-size: 11px;
}
.button
{
	width:31px;
	height:24px;
	border:0px;
	background-image:url(images/go.jpg);
}

.calloutleft, .calloutright{
	float: right;
	border: 1px solid #FF5553;
	font-size: 1.7em;
	font-family: Georgia, Bookman, Serif;
	border-width: 0px;
	text-align: left;
	color: #FF6B00;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 40%;
}
.calloutleft{
	text-align: left;
	float: left;
	padding-left: 0px;
	padding-right: 5px;
	margin-right: 10px;
}


.commentnotification {
font-size: small;
}
.browsebox {
      border-style: solid;
      border-width: 1px;        /* sets border width on all sides */
      border-color: orange;
}
.disclosureli {
	font-size: small; color: #663300;
	}
.disclosurep {   
  font-size: 11px; 
  color: #663300; 
  text-align: left;}

.tinytype {
  font-size: 0.8em;
}

.impairedvision { /* UI for toggling different visual schemes */
 text-align: center;
 font-color:black;
 font-size: 1.1em;
}

.booknook{
  height:125px;
  width:95px;
  border-width: 0px;
  margin-left: 1em;
  background-color:#F4DFA1;  float:left;
  font-family: Helvetica, Arial,sans-serif; 
  font-size: 14px;
  padding-top: 10px;
   -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -o-border-radius: 20px;
  border-radius: 20px 20px 20px 20px;
 
  }

div.entry hr {margin: 0 auto} /* to get hr's to center. Thanks to Wray Cummings */e Commons Attribution 2.5 License.

/* 


body{
	margin: 0;
	padding: 0;
	font-family: Georgia,Garamond,Serif;
	font-size: 22px;
	background-color: #FFFFF0;	width: 90%;

}
#postcontainer{
	
}

#overlay{
		display:none;
		height: 100%;
		width : 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #1A4692;
		opacity: 0.7;
		 display: flex;
  		justify-content: center;
 		align-items: center;
	
	}
#blogroll{
		height: 90%;
		width: 90%
		background-color: #90BFFF;
	
}

.sidebar_divider{
background-color: #CCDD00;
}


p,li {   
	font-size: 1em; 
	color: #663300; 
	line-height: 1.2;
	}
p.footerstuff {   font-size: 10px; color: #663366}

.datehr{width:100%;color:#AE3520; height:2px;};
h1 {    font-size: small; font-weight: bold; color: #FFCC00; background-color: #CC0000}
a {  color: #9E2100;  font-style: normal; text-decoration: none; font-weight: normal}
a:hover {color: #EE3528; background-color: #FFFFFF;}
a:visited {color: #BB0001;}
h3 {   font-size: small; font-weight: bold; color: #CC3333; background-color: #FFCC99}

h4 {   font-size: small; font-weight: bold; color: #CC0000; background-color: #FFCC99}

#pagetable{
 width:800px; 
 text-align:center;
 border-width: 0px;
 border-style: solid;
 border-color: gray;
 margin-left:auto; 
 margin-right:auto;
}


#bookcovers{
  background-color: #FFFFFF;
  width: 700px;
  height:150px;
  margin-left: auto ;
  margin-right: auto ;
  text-align:center;
  
  
}
#innershelf{
 width:100%;
 height:100%;
 text-align:center;
}

  
#visionpref{
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans;
	font-size: 0.8em;

}

#bubblediv,  .sidebarbubble,  .btnbubble{
  background-color:#FDF5E6;
  margin-left: 5px ;
  margin-right: auto ;
  text-align:center;
 border-width:6px;
 border-color:#F4C890;
 border-style:solid;
 background-color:#FDF5E6;
  margin-bottom:10px;
  font-size: 0.9em;

  border-radius: 20px 20px 20px 20px;
}
.date{ 
	font-size: 1.2em;  
	color: #AE3520;  
	text-align:left;
	border-bottom: 2px solid #AE3520; 
    border-top: 2px solid #AE3520;
    padding-left: 1em;
    font-family: "Helvetica Neue", Helvetica, Verdana,Arial, Sans;
}
.datespan{
	
    background-color: #AE3520; 
    margin-left: 12px;
    margin-right: auto ;
    margin-top:5px;
    margin-bottom:5px;
    width: 95%;
    border-bottom: 2px solid #AE3520; 
    border-top: 2px solid #AE3520;
    padding:5px;
    text-align:left;
    font-family: "Helvetica Neue", Helvetica, Verdana,Arial, Sans;
    
}
.btnbubble{
  border-width:2px;
 background-color:#FFF6F4;
 padding:3px;
}
.btnbubble:hover { 
   cursor: pointer; 
   thanks, wray cummings!}
.linkcursor:hover{
   cursor: pointer;
}
.sidebarbubble{
  width: 150px;
  border-width: 3px; 
  background-color:#FEE5AC;
  padding:10px;
  margin-bottom: 8px;
}
.entrybubble{
  width:90%;
  text-align:left;
  padding:10px;
  border-width:0;
  
 
  
  }
.singleentry{
  margin: 0 auto;
  text-align:left;
  min-width:600px;
  width: 90%;
  padding:10px;
}

#tableheader{
 width:840px;
 text-align:center;
 margin-left:50px;
 margin-bottom:5px;
}
Alert{
  background-color:#FDFF80;
  
 border-width:4px;
 border-color:red;
 border-style:solid;
 background-color:#FDF5E6;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -o-border-radius: 20px;
    

} 

.leftcolclass{
  width:160px;
}

.lefttitle{
  font-weight: bold;
}
  
abbr, acronym{ border: 0; }

address, dl, p{ padding: 10px 0 0; }

blockquote{
	margin: 10px 10px 0;
	background-color: #FDF8FF;
	color: #736926;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	-o-border-radius: 10px;
}

blockquote p{
	padding: 10px 10px 10px 20px;
}

blockquote blockquote{
	margin: 10px 20px;
	background: #fff;
	color: #333;
}

.postinfo{
	background:#FCD2A0;
	font-size: 13px;
	color: #FF7575;
	text-align:left;
}

.postinfo a{
	color: #FFBD9D;        color: #804040;
	text-decoration:underline;

}

.postdate{ 
   font-color: #a12a2a; 
   }

blockquote blockquote p{ padding: 10px; }

code{
	background: #f9f9f9;
}

dt{
	font-weight: bold;
}

dd{
	padding: 0 0 5px 15px;
}

hr{
	clear: both;	
	width: 100px;
	margin: 0 auto;
	height: 1px;
	color: brown;
	text-align: center;
	background: url(images/bg_comment_bottom.gif) no-repeat;}


.small{
	font-size: 12px;
	font-family: Helvetica Neue, Verdana, Arial, Helvetica,sans-serif;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

textarea#comment{
	border: 1px solid #cad5db;
	background-color: #f5f5f5;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}


#container{
	margin: 0 auto;
	width: 99%;
	padding: 10px 0 0;
}

#header{
	    float: left;
	width: 1000px;
	height: 191px;
	background: url(images/bg_header.gif) no-repeat left bottom;
               width:100%;
	background-color: #FFFFFF;
	text-align:center;
	margin-right:auto;
	marging-left:auto;
}

.description{
	color:#C13F00;
	text-align:center;
}

.entry{
  background-color:#FDF5E6;  
  }


.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 9px 0 0;
	background-color:#FDF5E6;
}

.entry h1{
	font-size: 20px;	line-height: 30px;}

.entry h2{ line-height: 18px; }

.entry h3{ font-size: 14px; }

.entry h4{ font-size: 12px; }

.entry h5{ font-size: 11px; }

.entry h6{ font-size: 10px; }




#footer{
	       float: left;
	
        width: 1000px;
	height: 169px;
	background: url(images/bg_footer.gif) no-repeat left top;
      	color: #FFFFFF;
	padding-top:25px;
	text-align:center;
}

#footer a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#menu {
	text-align:center;
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu ul li{
	display: inline; 
	font-size:12px;
	color: #CC3333;
border-width: 1px;
border-color: #FFFF00;
}

#menu ul li a{

	text-align:center;
	padding: 14px 20px 10px;	text-decoration: none;
	color: #ff0000;
        background-color: #FFBD9D;
}

#menu ul li a:hover{
	text-decoration: underline;
}

#pagetitle{
	clear: both;
		width: 1000px;
	height: 100px;
	}

#pagetitle h1{
	padding: 36px 28px 0;	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
}

#pagetitle h1 a{
	text-decoration: none;
	color: #fff;
}

#syndication{
	float: left;
	padding: 15px 31px 0;
	color: #999;
}

#syndication a{ color: #666; }

#syndication a.feed{
	padding: 0 0 0 19px;
	background: url(images/feed_icon.png) no-repeat 0 1px;
}
#searchbox{
	background: #fff url(images/bg_search.gif) no-repeat right top;
	float:right;
	padding-top:28px;
	width: 100px;
	height: 82px;
	background: #fffF00;
}

#searchbox input#s{
	border: 1px solid #ddd;
	padding: 3px;

}

#searchbox input#searchsubmit{ 
	height: 24px; 
}
.pagewrapper{
	       margin: 0 0 10px;
	float: left;
	width: 1000px;
	background: #fff url(images/bg_page_bottom.gif) no-repeat left bottom;
	color: #333;
      }

.page{
	float: left;	padding: 0 5px 5px;
	background: url(images/bg_page_top.gif);        color: #FF9933;

}

.wrapper{ This wrapper class appears only on Page and Single Post pages.	float: left;	width: 400px;}

.narrowcolumnwrapper{
	margin: 5px 0 0;
	float: left;
	width: 400px;       background-color: #FCF2AD;}
.narrowcolumn{
	float: left;
	width: 400px;}

.content{
   text-align:left;
       	margin-top: 10px;
	float: left;
	width: 400px;}


#leftsidebar {
text-align: center;
}

#leftsidebar li {
padding: 5px 0px 1px 0px;
line-height: 10px;
text-align:left;
}

.sidebarbubble li, .sidebarbubble ul {
  	margin: 2px;
	padding: 2px;
	list-style: none;
	background-color:#FFF9E1;	font-size:12px;
	text-align:left;
}
.post h2{
	padding: 0 0 2px;
	font-size: 1.3em;
	font-weight: bold;	font-family: "Helvetica Neue",Helvetica,Verdana,Arial,Sans;
	line-height: 27px;
	font-size: small;
	font-weight: bold;
	color: #cc3333;
	background-color: #ffcc99;}

.post h2 a{
	text-decoration: none;
        color:#EB5C43;
        font-weight: bold;        font-size: 1.3em;        font-size:20px;       background-color: #F4C890;}

.post h2 a:hover{
	color: #EB3D8C;

}

.postTitle{
	color:#cc3333;
        font-weight: bold;
        font-size:40px;
       background-color: #F4C890;}
.thinhr{
  height: 1px;
  width: 100%;
  text-align: left;
  border: 0;
  color: gray;
}

.post img{
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.post img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.post img.wp-smiley{
	padding: 0;
	border: 0;
	background: none;
}



.browse{
	border-top: 1px dotted #bdbdbd;
	padding: 15px 16px;
	line-height: 18px;
}





.sidebar ul li h2, .obar ul li h2{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #CC3333;
}

.sidebar ul ul li, .obar ul ul li{
	margin: 0;
	padding: 6px 0 3px;
	background: none;
}

.sidebar ul ul ul, .obar ul ul ul{ padding: 3px 0 0; }

.sidebar ul ul ul li, .obar ul ul ul li{
	padding: 6px 0px 3px 15px;
	background: url(images/bg_arrow_right.gif) no-repeat 0px 8px;
}

.sidebar ul ul ul ul li, .obar ul ul ul li{
	background: url(images/bg_arrow_right_2.gif) no-repeat 0px 8px;
}

COMMENTS TEMPLATE
.post h3#comments, .post h3#respond{
	padding: 0 0 2px 19px;
	line-height: 27px;
	background: url(images/user_comment.gif) no-repeat 0 6px;
	color: #e45b00;
}

.post h3#respond{
	background: url(images/add_comment.gif) no-repeat 0 6px;
	color: #333;
}

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

ol.commentlist li{
	padding: 13px 0;
	background: url(images/bg_comment_bottom.gif) no-repeat left bottom;
}

ol.commentlist li .commentmetadata{
	font-size: 11px;
	color: #546477;
}

ol.commentlist li .commentmetadata a{
	color: #546477;
}

form#commentform small{
	font-size: 11px;
}
.button
{
	width:31px;
	height:24px;
	border:0px;
	background-image:url(images/go.jpg);
}

.calloutleft, .calloutright{
	float: right;
	border: 1px solid #FF5553;
	font-size: 1.7em;
	font-family: Georgia, Bookman, Serif;
	border-width: 0px;
	text-align: left;
	color: #FF6B00;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 40%;
}
.calloutleft{
	text-align: left;
	float: left;
	padding-left: 0px;
	padding-right: 5px;
	margin-right: 10px;
}


.commentnotification {
font-size: small;
}
.browsebox {
      border-style: solid;
      border-width: 1px;        sets border width on all sides      border-color: orange;
}
.disclosureli {
	font-size: small; color: #663300;
	}
.disclosurep {   
  font-size: 11px; 
  color: #663300; 
  text-align: left;}

.tinytype {
  font-size: 0.8em;
}

.impairedvision { UI for toggling different visual schemes text-align: center;
 font-color:black;
 font-size: 1.1em;
}
 */


/* div.entry hr {margin: 0 auto}  to get hr's to center. Thanks to Wray Cummings  */