?body {margin:20px 15px 20px 15px; font-family:Helvetica,Arial,Helvetica,Helvetica,sans-serif; font-size:small; }



/* #content {clear:both} */

/* turn this on for debugging layout issues */
/* #archive {border:1px solid blue} */
/* #content {border:1px solid red; float:right} */



/* bookstore sub menu styling */
ul.booksubmenu {clear:both; border-bottom:2px solid #004832; padding:0 0 3px 0; margin:0 0 5px 0}
ul.booksubmenu li {list-style:none; display:inline;padding:4px; margin-right:8px;
		background:#85A940; font-weight:bold}
ul.booksubmenu li.active { background: #004832; color:white}
ul.booksubmenu li a {text-decoration:none; font-weight:bold; color:black}

/* Nav Bar LM*/
div#header div#list-nav	{
float:left;
width:950px;

    }
ul#list-nav {
  list-style:none;
  margin:20px;
  padding:0;
  width:100%;
}

ul#list-nav li {
  display:block;
}

ul#list-nav li a {
  text-decoration:none;
  padding:5px 0;
  width:100px;
  background:#084935;
  color:#eee;
  float:left;
  text-align:center;
  border-left:1px solid #fff;
}

ul#list-nav li a:hover {
  background:#a2c9c8;
  color:#000
}
/* End Nav Bar LM */

div.message {margin: 1em 0;}
div.message p {margin: 0; padding:0}

div.messagewrapper {border:2px solid white; padding:10px 10px 10px 35px}
div.fyi {
	border: 1px solid #515151;
	background: #e0e0e0 url(images/exclamation_gray.png) no-repeat 10px 15px;
	}
div.error {
	border: 1px solid #E4463A;
	background: #F8ACA0 url(images/cancel.png) no-repeat 10px 15px;
	}
div.alert {
	border: 1px solid #B75802;
	background: #F9EBA7 url(images/error.png) no-repeat 10px 15px;
	}
div.debug {
	border: 1px solid #7698C8;
	background: #DDEAF9 url(images/magnifier.png) no-repeat 10px 15px;
	}



#container {
margin: 0 auto 0 auto;
width: 950px;
padding: 15px 15px 15px 15px; 
background:white;
}

/* #content {background:white;} */



/* */
/* Navigation */
/* DOCUMENT HOW THE SERVER SIDE INCLUDES WORK AND HOW THE IDS ARE STRUCTURED*/
#mainnav li, #header li {list-style:none}
#mainnav li {margin-bottom:.8em; padding: 4px}
/*
#mainnav li a {display:block; text-decoration:none}
#mainnav li a:hover {background:#99CC33; text-decoration:underline}
*/
#mainnav ul li ul li {
   font-size:x-small; 
   color:white;
   margin-left:12px; 
   margin-bottom:0.3em;
   /* display:none; */
/*     */}
#mainnav ul li ul li a {
   text-decoration:none; 
   color:white;
   }
/* This mess with nested divs appears to help with ie. Confirm */
#mainnav_container {
   width: 135px;
float:left;
/*    position: absolute; */
/*    left:10px; */
/*    top:75px; */
   }
#mainnav {
	width:125px;
	border-right:2px solid #004832;
	}



/* #mainnav ul {margin:0; padding:0; background:orange} */
#mainnav ul li {padding-right: 0;}

#mainnav li.active {font-weight:bold;  background:#004832;}
#mainnav li.active a {color: white; text-decoration:none; display:block}

#mainnav .subnav a:hover {color: black; background:white; text-decoration:underline; }
#mainnav ul.subnav li.active {color: black; background:white; margin-right:-5px;}
#mainnav .subnav li.active a {color: black; text-decoration:none; }

#mainnav ul.subnav {margin:0; padding:0;}



/* #mainnav .subnav li.active * {color: black; background:white; } */



li#archive_menu a {color:white; text-decoration:none;}
#mainnav li#archive_menu li {display:block;}



/* */
/* zero these values, avoids wierd cross browser problems and simplifies code */
h1, h2, h3, h4, ul, li {margin:0; padding: 0}

/* */
/* Set up some color */
/* h1, h2 {color: #036868} */
div.box h2 {color:black}



a {text-decoration:none; color:#336600}
a:visited {text-decoration:none; color:#663399}
a:active {text-decoration:none; color:black}
a:hover {text-decoration:underline; color:#336600}



dt {font-weight:bold; float:left; display:inline; margin-right:0.25em; }
dd {margin-bottom:1em;}
li, p, dt, dd {line-height:150%;}
img {border-style:none} /* solves annoying IE problem in one of the sidebars may no longe rbe necessary */
p {margin: 0; margin-bottom:1.25em;}

/* */
/* Set up sections */
#mainnav, #header {font-size:small; }
#mainnav p {padding-right:7px}
/* #header {width: 600px; } */
#printpromo {display:none}
#frontpage p,#frontpage li {font-size:medium; line-height:125%;}
#frontpage h3 {font-size:large}



/* */
/* Header styling */

#header img {padding: 5px 0 5px 0; float:left;  }
#header {border-bottom:2px solid black; width:950px; margin-bottom:15px; height:55px;
}



div#header div#searchform	{
float:right;
margin-top:18px;

    }
div#header div#searchform label	{
    display: none;
	margin: 0;
	padding: 0;
	font-size: 9px;
	}
div#header div#searchform form	{
	margin: 0;
	padding: 0;
    display:inline;
	}	
div#header div#searchform input	{
	padding: 0;
    margin-left:3px;
    font-size: 9px;
    font-family:Helvetica, arial, Helvetica, sans-serif;
    display:inline;	
    width:auto}
div#header div#searchform #s-q {
	width:80px;
	}



/* Front page third column formatting */
/* hopefully the new design won't need this */
#announce img  { display: block;
    margin-left: auto;
    margin-right: auto}
#announce {width:120px;
    position: absolute;
   left:680px;
   top:75px;
   font-size:small;
   }
#announce p {margin-top:0}
#announce h2 {color: #336633; font-size:medium; font-weight:bold; text-align:center}
#announce p.descript {font-size:x-small; text-align:center}

#subscribe { text-align: center; margin: 6px 0px 4px 0px; padding: 10px 0; background:#666666; cursor: pointer; }
#subscribe h3, #subscribe a, #subscribe p { color: #FFF; }
#subscribe h3 { font-size: 16px; margin-top: 0; padding-top: 0; }
#subscribe p { font-size: 12px; text-align: center; }

#newbook { text-align: center; margin: 0px 0px 20px 0px; padding: 10px 0; background: #dbeab4;border:1px solid #669933; cursor: pointer; width:125px;}
#newbook h3, #subscribe a, #subscribe p { color: #FFF; }
#newbook h3 { font-size: 16px; margin-top: 0; padding-top: 0; color: #cc0001}
#newbook p { font-size: 12px; text-align: center; padding: 0 5px;}

#play { text-align: center; margin: 0px 0px 20px 0px; padding: 10px 0; background: #663399; cursor: pointer; width:125px;}
#play h3, #play a, #play p { color: #FFF; text-decoration:none}
#play h3 { font-size: 16px; margin-top: 0; padding-top: 0; color: #cc0001}
#play p { font-size: 12px; text-align: center; }



#appeal { text-align: left; margin: 6px 0px 4px 0px; padding: 10px 6px 6px 10px; background: #dbeab4; cursor: pointer; }
#appeal h3, #subscribe a, #subscribe p { color: #FFF; }
#appeal h3 { font-size: 16px; margin-top: 0; padding-top: 0; }
#appeal p { font-size: 12px; text-align: left; }

#authorcontact { text-align: left; margin: 6px 4px 4px 4px; padding: 10px 6px 6px 10px; background: #dbeab4}
#authorcontact h3, #subscribe a, #subscribe p { color: #FFF; }
#authorcontact h3 { font-size: 16px; margin-top: 0; padding-top: 0; }
#authorcontact p { font-size: 12px; text-align: left; }

#blurb { text-align: center; margin: 0px 0px 20px 0px; padding: 10px 0; background: #dbeab4; cursor: pointer; width:125px;}
#blurb h3, #subscribe a, #subscribe p { color: #FFF; }
#blurb h3 { font-size: 16px; margin-top: 0; padding-top: 0; color: #cc0001}
#blurb p { font-size: 12px; text-align: center; }



/* Box styling */
div.box {
   background: #dbeab4;
   width:33%;
   float:right;
   padding:20px;
   margin:0 0 1em 1em;
   font-size:75%
   }

div.boxwide {
   background: #dbeab4;
   width:50%;
   float:right;
   padding:20px;
   margin:0 0 1em 1em;
   font-size:75%
   }

div.box3 {
   background: #FFFFFF;
   width:33%;
   float:right;
   padding:20px;
   margin:0 0 1em 1em;
   border:3px solid #084935;
   font-size:75%
   }
   
div.box1 {
   background: #dbeab4;
   width:33%;
   float:right;
   padding:17px;
   margin:0 0 1em 1em;
   font-size:75%
   }

div.bookbox {
   background: #dbeab4;
   width:33%;
   float:right;
   padding:20px;
   margin:0 0 1em 1em;
   font-size:85%
   }

div.box ul {margin-left:10px}
div.bookbox ul {margin-left:10px}

/* We might not be using this anymore. Check */
.yellow {background: #dbeab4; padding:5px}
div.yellow p {font-size:small; text-align:center; margin:0; padding:0;}
div.yellow img {margin-left: auto;
    margin-right: auto;} /* not working to center the image... */
/* We might not be using this anymore. Check */
span.new {color:#006600; font-weight:bold; font-size:medium}



/* */
/* Lays out each section */
#frontpage, #archive, #article, #general, #bookstore, #toc, #blogpage {
float:right;
padding-left:10px;
margin-right:-30px;
margin-right:0px;
padding:0;
	}

#frontpage {width:800px; 
}
#blogpage {width: 800px; margin-right:0; }
td.col1 {width:490px; padding:0; margin:0; vertical-align:top}
td.col2 {width:200px; padding:0; margin:0; vertical-align:top; }



#blogsection {width:470px;  float:left}
div.post {width:470px;}
#article, #archive, #bookstore, #general, #toc {width:800px}
#footer {margin-top:2em;}
#footer p {margin-bottom:0}
/* whatsposted is used on the front page only and will likely be removed when we finish the reorg */
/* #whatsposted,  */
#footer {font-size:small;}

#frontpage div.currentissue img {display:block}
#frontpage div.currentissue {float:left; margin:10px 10px 0 0; }
#frontpage div.currentissue p {font-size:small; width:168px; text-align:center}



/* used on the front page, maybe somewhere else too? */
span.descript {font-size:small}

.byline {color:#848484; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase;}

/* */
/* needed, at least for now in the yellow boxes */
p.firstgraph {margin-top:0px; padding-top:0px;} 

p.dropcap:first-letter {
 font-size: 44px;
font-weight:bold;
 float: left; 
color: #848484;
 line-height: 35px;
 padding-top: 3px; 
 padding-right: 3px;
}



p.quote {margin-left:30px; text-indent:0; font-size:small}
.clear {clear:both}



/* */
/* This allows us to style all of the mentions fo the Dollars and Sense name.  */
span.mag {
/* color:#004832; */
/* font-weight:bold; */
font-style: italic;
}



ul.from_magazine {margin-top:0.5em;}
ul.from_magazine, ul.from_magazine li {list-style:none; margin-bottom:1em}



/* */
/* Archive homepage styling */
#archive ul, #archive li {font-size:small}
#archive .year {width:200px; float:left; display:inline; margin-bottom:1em}
#archive li {list-style:none}



/* */
/* Bookstore styling */
#bookstore h3, #bookstore h4 {margin-bottom:0; padding-bottom:0}
#bookstore dd {margin-bottom:0;}
span.isbn {white-space:nowrap}
#bookstore ul.booklist {}
#bookstore ul.booklist {border-top:2px solid gray;}
#bookstore ul.booklist li {
  padding: 1em 0 0 0; 
  border-bottom:2px solid gray;  
  clear:left; 
  list-style:none}
#bookstore ul.booklist li img {float:left; margin: 0 10px 10px 0}
#bookstore img.bookcoverdetail {float:left; margin: 20px 20px 20px 0}

/* used: explain where */
ul.bookschedule li {font-style:italic} 
ul.bookschedule span.details {display:block; font-style:normal}
ul.bookschedule {margin-bottom:0.5em;}



/* used: explain where */

/* do I use this? */
/* ul.booksubmenu li.active a {color:white;font-weight:bold; text-decoration:none}  */
/* ul.booksubmenu li.active { background: #004832; } */

/* used: does some fancy formatting in individual book table of contents.   */
#toc h2 {text-align:center; border-bottom: 1px solid #669933; margin: auto; margin-bottom:5px; }
#toc img {float:left; margin: 0px 10px 10px 0; padding:0}
#toc #features {width:60%; float:left;}
#toc #regulars {width:35%; float:right} 
#toc li {list-style:none; margin-bottom:1em;}
#toc span.section {font-weight:bold; display:block; font-size:14px}
#toc li p {margin:0; padding: 0}
#toc li p.headline  {font-weight:bold; font-size:16px}
#toc li p.teaserweb {margin-left: 112px; font-size:small}
#toc li p.teaser
#toc li p.author {color:#848484; font-weight:bold; text-transform:uppercase;}
#toc ul li ul {margin-left:1em; margin-bottom:0.5em}
#toc ul li ul li {margin-bottom:0.5em} 

div.clear {clear:both}





ul.toc * {list-style:none;}
ul.toc li {margin-top:1em; font-weight:bold}
ul.toc li ul li {margin-left:2em; margin-top:0; font-weight:normal}
ul.toc span.author {font-style:italic; margin-left:2em; font-weight:normal; display:block;}
ul.toc span.author2 {margin-left:2em; font-weight:normal; display:block}



/* */
/* Article formatting, basics */
#blogpage h1, #article h1 {font-size:18px}
#blogpage h2, #article h2 {font-style:italic; font-weight:normal; font-size:small}
#blogpage h3, #article h3 {font-size:small}
#blogpage p, #article p {text-indent:0; font-size:small}
#blogpage p.noindent, #article p.noindent {text-indent:0;}
#blogpage p.author, #article p.author {text-indent:0;  margin-top:0.5em; color:#848484; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase;}
#blogpage li, #article li {font-size:small}
#blogpage p.cite, #article p.cite {text-indent:0; margin-top:0}
#blogpage p.authorbio, #article p.authorbio {
	font-size:small; 
	font-style:italic; 
	text-indent:0; 
	}
#blogpage p.authorbio i, #article p.authorbio i {
	font-style:normal
	}
#article div.seealso {   background: #dbeab4;
   width:148px;
   float:right;
   padding:10px;
   margin:0 0 1em 1em;
}
#article div.seealso p {text-indent:0; font-size:75%; margin:0; padding:0}
#endmatter {
	border-top: 1px solid silver;
	padding-top:0.5em; font-size:small;
	}
#endmatter p {
	font-size:small; 
	text-indent:0;
	}
#article div.quote p {font-size:85%; text-indent:0; margin-left:40px;}

#bookstore ul.plainlist {margin-left:2em}
#bookstore ul.inventory li, #bookstore ul.plainlist li {list-style:none;}
#bookstore ul.inventory li {margin-bottom:0.5em;}
#bookstore form.mailer div.radioblock input {display:inline; float:none} 
#bookstore form.mailer div.checkblock input {display:inline; float:none} 



/* */
/* Article formatting, advanced */
/* Article list styling */
#article ul {margin-left:4em}
#article ul.plainlist {margin-left:0}
#article ul.plainlist li {list-style:none; margin-bottom:1em}
#article ul.plainlistindent {margin-left:10}
#article ul.plainlistindent li {list-style:none; margin-bottom:1em}
#article table { border-collapse: collapse;}
#article table td, #article table th {
   background:white; 
   padding:4px; 
   border:1px solid #303030; 
   font-size:small;
   }
#article table caption {text-align:left; font-weight:bold}
#article div.intro {font-style:italic;}
#article div.intro i {font-style:normal;}

/* */
/* box style special cases.  */
#article div.box ul {
	 margin-left:0; 
   }
#article div.box ul li {
	padding-left:15px;
	margin-bottom:0.75em;
	margin-left:0;
	text-align:left;
}

/* */
/* Article types */
/* Ask Dr. Dollar question */
#article div.dollar p {margin-left:125px} /* what does this do?  */
#article div.dollar h1 {margin-left:125px; font-size:large}
#article div.dollar h1 + p {text-align:right; margin-top:0} /* how does this look in ie?  */
#article div.dollar h2 {margin-left:125px; font-size:small; font-weight:bold; color:black}
#article div.dollar + p {clear:both; margin-top:3em;} /* what does this do?  */
#article div.dollar img {float:left; margin:0}
#article div.dollar {display:inline; margin-bottom: 1em;}

/* articles with logos */
#article div.logo p {margin-left:125px} /* what does this do?  */
#article div.logo h1 {margin-left:125px; font-size:large}
#article div.logo h1 + p {text-align:right; margin-top:0} /* how does this look in ie?  */
#article div.logo h2 {margin-left:125px; font-size:small; font-weight:bold; color:black}
#article div.logo + p {clear:both; margin-top:3em;} /* what does this do?  */
#article div.logo img {float:left; margin-right:1em;}
#article div.logo {display:inline; margin-bottom: 1em;}



/* */
/* Up against the wall street journal box */
div.wsj {width: 400px;
	border: 1px solid #666;
	border-right:3px solid #3e3e3e;
	border-bottom:3px solid #3e3e3e;
	padding:10px 10px 0 10px;
margin-bottom:1em;
	background: #f7f7f7;
    }
div.wsj h2, div.wsj p {
	font-family: Georgia, "Georgia Ref", Times, "Times New Roman", serif; 
	color:#181818
	}
div.wsj h2 {text-align:center}
div.wsj p {
	font-size:80%; 
	text-align:justify
	}



/* */
/* All images places inline in an article get floated right. This is for simple, often small, images with no captions.  */
#article img {float:right; margin: 1em 0 1em 1em;}



/* */
/* Complex images that include a caption are wrapped in a div class="image" and the caption in p tags */
#article div.image {
	float: right;
	padding: 10px 0px 10px 10px;
	margin: 0px 0 10px 10px;
	}
#article div.image img {
	float:none; 
	margin:0; 
	padding:0} 

#article div.imagecenter {
	float:center;
	padding: 10px 0px 10px 10px;
	margin: 0px 0 10px 10px;
	}

#article div.imageleft {
	float:left;
	padding: 10px 0px 10px 10px;
	margin: 0px 0 10px 10px;
	}

/* */
/* More complex illustrations, such as tables, are wrapped in a div class="figure" 
By default it will use the full width*/
#article div.figure {
	padding: 10px;
	margin: 10px 0 10px 0px;
	}

/* */
/* To float smallerfigures to one side, add a left or right to the class, ie. class="figure right" and the whole unit will float */
#article div.right {
	float:right; 
	margin:0 0 10px 10px; 
	padding: 0 0 10px 10px;
	}
#article div.left {
	float:left; 
	margin:0 10px 10px 0; 
	padding: 0 10px 10px 0;
	}
	
/* */
/* Formats table sources and image captions */
#article div.figure p, #article div.image p {margin: 0; font-size:x-small; text-indent:0 }

/* */
/* This is the formatting for the sentence below the authors name that says what issue it is from.*/
#article div.from {
	float:right;
	width:168px;
	margin:0 0 10px 20px;
	}

#article div.from p {
	text-align:center; 
	margin:0;  
	text-indent:0; 
	font-size:x-small;
	}
#article div.from p.printversion {display:none;}
#article div.from img {margin:3px 0 0 0;}

/**/
/* Formats forms generally but not the header search or the page specific features */
form.mailer div.row {
  clear: both;
  padding-top: 10px;
  }
form.mailer div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
	font-weight:bold;
  }
form.mailer div.row span.formw {
  float: right;
  width: 250px;
  text-align: left;
  } 
form.mailer {display:block;}
form.mailer label {width: 300px;}
form.mailer label, form.mailer input, form.mailer textarea {
        display: block;
        float: left;
        margin-bottom: 10px;
		font-size:small;
		}
form.mailer input, form.mailer textarea {background:#dbeab4;}
form.mailer input.submit {width:auto; margin-left:270px; clear:both}
form.mailer label {text-align: right; padding-right: 20px;}
form.mailer br {clear: left;}
form.mailer input.submit {display:block}
div.radioblock {width:700px;}
div.radioblock input {padding-left:15px;}
div.checkblock {width:700px;}
div.checkblock input {padding-left:15px;}

.promoheader	{font-family: Helvetica, Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #004832;}
	
.promotext	{font-family: Helvetica,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;}
	
body {background:#999966}

#frontpage, #archive, #article, #general, #bookstore, #toc, #mainnav {background:white }



body {
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  font-size: .8em;}



#toclist {margin-top:0;padding-top:0}
#toclist li {list-style:none; margin-bottom:2em; margin-right:275px}

#toclist img {float:left; margin: 0px 10px 10px 0; padding:0}
#toclist li p {margin:0; padding: 0}
#toclist li p.headline  {font-weight:bold; font-size:medium;}
#toclist li p.teaser {font-size:small;margin-left:146px;}
#toclist li p.author {font-size:x-small; color:#848484; margin-bottom:
0.6em; text-transform:uppercase; letter-spacing:1.5px; }

#toclist li p {margin:0; padding: 0; margin-left: 86px}



#genlist {margin-top:0;padding-top:0}
#genlist li {list-style:none; margin-bottom:1.5em; margin-right:75px}

#genlist img {float:left; margin: 0px 10px 10px 0; padding:0}
#genlist li p {margin:0; padding: 0}
#genlist li p.headline  {font-weight:bold; font-size:medium;}
#genlist li p.teaser {font-size:small;}
#genlist li p.author {font-size:small; color:#848484; margin-bottom:
0.6em; text-transform:uppercase; letter-spacing:1.5px;}

#genlist li p {margin:0; padding: 0; }



#webtoclist {margin-top:0;padding-top:0}
#webtoclist li {list-style:none; margin-bottom:1.5em;}

#webtoclist img {float:left; margin: 0px 10px 10px 0; padding:0}
#webtoclist li p {margin:0; padding: 0}
#webtoclist li p.headline  {font-weight:bold; font-size:small;}
#webtoclist li p.teaser {font-size:small;  margin-left:87px}
#webtoclist li p.author {font-size:x-small; color:#848484; margin-bottom:
0.6em; text-transform:uppercase; letter-spacing:1.5px; }

#toclistflush li p {margin:0; padding: 0; margin-left: 0px; }

#toclistflush {margin-top:0;padding-top:0;}
#toclistflush li {list-style:none; margin-bottom:1.5em; margin-right:350px}

#toclistflush img {float:right; margin: 0px 10px 10px 0; padding:10px}
#toclistflush li p {margin:0; padding: 0}
#toclistflush li p.headline  {font-weight:bold; font-size:small;}
#toclistflush li p.teaser {font-size:small; padding: 10}
#toclistflush li p.author {font-size:small; color:#848484; margin-bottom:
0.6em; text-transform:uppercase; letter-spacing:1.5px;}

#toclistflush li p {margin:0; padding: 0; margin-left: 0px}



#toclistalt {margin-top:0;padding-top:0}
#toclistalt li {list-style:none; margin-bottom:1.5em;}

#toclistalt img {float:left; margin: 0px 10px 10px 0; padding:0}
#toclistalt li p {margin:0; padding: 0}
#toclistalt li p.headline  {font-weight:bold; font-size:small}
#toclistalt li p.teaser {font-size:small;margin-left: 61px}
#toclistalt li p.author {font-size:x-small; color:#848484; margin-bottom:
0.6em; margin-left: 61px;  text-transform:uppercase; letter-spacing:1.5px;}

#toclistalt li p {margin:0; padding: 0;}



#features h2 {text-align:left; border-bottom: 1px solid #004832;}
#features img {float:left; margin: 0px 10px 10px 0; padding:0; border:1px solid #666666}
#features ul li.feature {margin-left:2em;}
#features li p.author {font-size:x-small; color:#848484; margin-bottom:0.3em;  text-transform:uppercase; letter-spacing:1.5px;}
#features li p.teaser {font-size:small}
#features li p.teaserprint {font-size:small; margin-left: 87px}
#toc h2 {font-size:medium; text-align:left;}

#regulars h2 {text-align:left; border-bottom: 1px solid #004832;}
#regulars img {float:none; margin: 0px 0px 0px 0; padding:0}
#regulars ul li.regular {margin-left:2em; font-size:small}
#regulars li p.author {font-size:small; color:#848484; margin-bottom:0.3em;}
#regulars li p.teaser {font-size:x-small;}

ul#subbuttons {text-align:center; margin-bottom:1em}
ul#subbuttons li {display:inline; background:#666666; color:white;
margin:10px; padding:5px; }
ul#subbuttons li a {font-weight:bold;  color:white; text-decoration:none; padding: 5px;}

#blogsidebar {float:right; padding: 15px; margin: 0 0 10px 15px; width:180px; background: #F0F8FF;
}



#donationbar {background:#663399; border-bottom: 1px solid #004832; color: white; font-size:small; padding:4px; text-align:center; margin-bottom:16px;
position: absolute; left: 0px; top:0px; width: 100%;

}
#donationbar a {color:white; text-decoration:underline; font-weight:bold; border:none;}



#donationbar {background:black; border-bottom: 1px solid #848484; color: white; font-size:small; padding:4px; text-align:center; margin-bottom:16px;
position: absolute; left: 0px; top:0px; width: 100%;

}
#donationbar a {color:white; text-decoration:underline; font-weight:bold; border:none;}



#sharethis {margin-top:1em;}

#googleadfrom {margin-top:1em;}

p.founduseful {border-top: 1px solid silver; padding-top: 1em; text-indent:0}

#blogheadlines li {list-style:none; font-size:small; margin-left:3em;
text-indent:-3em}



/* Keep these lines at the bottom unless you know what you are doing! -peter 12 4 07 */
/* This lines fixes the problem with the images stacking up in the tocs when the teasers are short or the font size is small */
#features li, #toclist li {clear:left}
/* This line fixes makes the headlines line up at the top of the li block in both ie and other browsers */
#features li p.headline, #toclist li p.headline {display:inline; margin:0}

#blogroll li {list-style:none;}
#blogsidebar #blogheadlines li {margin-bottom:4px;Ê}