/* small */
@media (min-width: 1px)
{
	.smallonly { display: inline; }
	.mediumonly { display: none; }
	.largeonly { display: none; }
	body, .body { font-size: 80%; }
	#tdleftside {	width: 80px; }
	.search_textbox { width: 65px; }
}
/* mediaum */
@media (min-width: 500px)
{
	.smallonly { display: none; }
	.mediumonly { display: inline; }
	.largeonly { display: none; }
	body, .body { font-size: 90%; }
	#tdleftside {	width: 125px; }
	.search_textbox { width: 80px; }
}
/* large aka full-size */
@media (min-width: 1000px)
{
	.smallonly { display: none; }
	.mediumonly { display: none; }
	.largeonly { display: inline; }
	body, .body { font-size: 95%; }
	#tdleftside {	width: 165px; }
	#tdmain { width: 824px; }
	.search_textbox { width: 115px; }
}

body, .body 
{
	margin: 0px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.25;
	background-color: #333333;
	color: #CCCCCC;
	text-align: left;
}

a:link {color: #BBBBBB}  /* visited link */
a:visited {color: #CCCCCC}  /* visited link */
a:hover {color: #FF0000}   /* mouse over link */
a:active {color: #FF0000}   /* selected link */

#pageheader  /* page header - title and subtitle */
{
	padding-bottom: 5px;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	margin-bottom: 5px;
}

.bannertext  /* blog heading */
{
	font-size: 1.65em;
	font-weight: 800;
}
.bannertext a:link, .bannertext a:visited  /* linked heading */
{
	color: #CCCCCC;
	text-decoration: none; 
}
.bannertext a:hover, .bannertext a:active  /* linked heading that's got mouse over or been clicked */
{
	color: #FF0000;
	text-decoration: underline;
}
.bannersubtitle /* blog subheading */
{
	font-size: 0.95em;
	font-weight: 600;
}

.heading 
{ 
	font-size: 18px;
	font-weight: 600;
}
.heading a:link, .heading a:visited  /* linked heading */
{
	color: #CCCCCC;
	text-decoration: none; 
}
.heading a:hover, .heading a:active  /* linked heading that's got mouse over or been clicked */
{
	color: #FF0000;
	text-decoration: underline;
}

.caption 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: 600;
	margin-top: 3px;
}
.captionsmall
{
	font-style: normal;
	font-size: 0.85em;
	margin-top: 2px;
} 
.subcaption
{
	margin-top: 1px;
	font-family: Verdana, Arial, Sans-Serif;
	font-style: italic;
	font-size: 0.8em;
}
h2   /* new subheading */
{ 
	margin: 30px 0 20px 0;
	padding: 0;
	font-size: 1.15em;
	font-weight: 600;
}
.subheading   /* old subheading */
{ 
	font-size: 1.15em;
	font-weight: 600;
	line-height: 1.1;
}

.story  /* includes entire post, including header, date, permalink, comments, etc */
{
	padding-bottom: 8px;
}

.post  /* includes entire post, down to permalink, but not comments */
{
	margin: 8px 0 0 0;
	padding: 2px 2px 2px 2px;
	background-color: #222222;
}

.posttext  /* Entry text, including permalink */
{
	color: #AAAAAA;
	margin-top: 8px;
	padding: 4px 6px 4px 6px;
}

.postbody  /* entry text only */
{
	font-size: 0.9em;
	padding: 3px 0px 10px 0px;
	line-height: 1.4;
}

.permalink  /* Comments link */
{
	color: #AAAAAA;
	font-family: tahoma, arial, sans-serif;
	font-size: 0.85em;
	padding-top: 5px;
}
.permalink a:link, .permalink a:visited 
{
	color: #AAAAAA;
	text-decoration: none; 
}
.permalink a:hover, .permalink a:active 
{
	color: #FF0000;
	text-decoration: underline;
}

.postdate  /* Entry date */
{
	color: #AAAAAA;
	font-size: 0.75em;
	font-style: italic;
	padding-left: 6px;
}

h1 /* Entry title */
{
	margin: 0;
	padding: 2px 0 0 2px;
	color: #CCCCCC;
	font-family: Verdana, arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
}
h1 a:link, h1 a:visited  /* linked post title */
{
	color: #CCCCCC;
	text-decoration: none; 
}
h1 a:hover, h1 a:active  /* linked post title that's got mouse over or been clicked */
{
	color: #FF0000;
	text-decoration: underline;
}
.posttitle  /* Entry title */
{
	padding: 2px 0 0 2px;
	color: #CCCCCC;
	font-family: Verdana, arial, sans-serif;
	font-size: 1.25em;
	font-weight: 600;
}
.posttitle a:link, .posttitle a:visited  /* linked post title */
{
	color: #CCCCCC;
	text-decoration: none; 
}
.posttitle a:hover, .posttitle a:active  /* linked post title that's got mouse over or been clicked */
{
	color: #FF0000;
	text-decoration: underline;
}
.date-header  /* date header text */
{
	color: #CCCCCC;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#moreentriescontainer  /* container for moreentries links */
{
	border-top-width: 1px;
	border-top-color: #777777;
	border-top-style: solid;
	padding-top: 5px;
	margin-bottom: 12px;
}
#moreentriesnone  /* container for showing "no posts" result */
{
	text-align: center;
	height: 400px;
	padding-top: 100px;
}
.moreentries  /* next/prev page links */
{
	font-size: 0.9em;
	color: #AAAAAA;
}
.moreentries a:link, .moreentries a:visited
{
	color: #AAAAAA;
	text-decoration: none; 
	padding: 2px;
}
.moreentries a:hover, .moreentries a:active 
{
	color: #FF0000;
	text-decoration: underline;
	padding: 2px;
}
.seemorecontainer  /* holds "read more..." text */
{
	padding-top: 15px;
}
hr.seemore   /* this hides the HR line when viewing the full article */
{
	display: none; 
}

#feedbackformcontainer  /* div to hold feedback form elements */
{
	margin-left: 10px;
	font-size: 0.8em;
	color: #AAAAAA;
}
.feedbackheading  /* subheading for comments (ie, "comments:", "leave a comment", etc) */
{
	margin: 15px 0 10px 0;
	font-weight: 600;
}
.feedbackform   /* form elements for feedback plugin */
{
	color: #FFFFFF;
	background-color : #444444;
	border: 1px solid #666666;
	margin-top: 2px;
	margin-bottom: 5px;
}
.feedbackfootnote   /* footnote under comments form */
{
	font-style: italic;
	margin-top: 5px;
}
.feedbackbutton  /* form buttons for feedback plugin */
{
	font-size: 1em;
	background-color : #999999;
}
.comment   /* div holding each comment */
{
	font-size: 0.85em;
	color: #999999;
	background-color: #222222;
	margin: 3px 0 5px 0; 
	padding: 5px;
}
.owncomment   /* div holding author's own comment */
{
	font-size: 0.85em;
	color: #999999;
	background-color: #444444;
	margin: 3px 0 5px 0; 
	padding: 5px;
}
.comment a:link, .comment a:visited, .owncomment a:link, .owncomment a:visited
{ 
	color: #999999; 
}
.comment a:active, .comment a:hover, .comment a:focus, .owncomment a:active, .owncomment a:hover, .owncomment a:focus
{ 
	color: #FF0000; 
}
.comment p, .owncomment p
{
	margin: 6px 0 2px 0;
}
.commentname   /* comment poster name and date */
{
	font-weight: 600;
}
.commentbody   /* actual comment body */
{
	padding: 0 0px 0px 20px;
	line-height: 1.4;
}
.comment-response   /* response/mesg to user */
{
	color: #66FF00;
}

.menus, .small 
{
	font-size: 0.8em;
}

.breadcrumbs
{
	background-color: #222222;
	font-size: 0.75em;
	padding: 2px 0 3px 4px;
	margin-bottom: 5px;
}

@media print
{
  .noprint
  {
	display: none;
  } 
}

/* suppress border on old bookdepository banners */
.bd-suppress-border img  
{
	border: 0;
}

#searchform
{
	margin: 0;
}
.search_textbox
{
	background-color : #666666;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
}
.search_button
{
	background-color : #999999;
	width: 28px;
	font-size: 1em;
}

.link_text
{
	color: #CCCCCC;
}
.link_text a:link, .link_text a:visited
{ 
	color: #CCCCCC; 
	text-decoration: none;
}
.link_text a:active, .link_text a:hover, .link_text a:focus  
{ 
	color: #FF0000; 
	text-decoration: underline;
}

#bannerdiv   /* div that holds entire banner */
{
	height: 70px;
	text-align: center;
	border-width: 5px 5px 2px 5px;
	border-color: #777777;
	border-style: double;
	margin: 5px 0px 0px 0px;
	background-color: #222222;
}

#bannertext  /* div that holds banner text */
{
	margin-top: 10px;
}

#navmenu  /* div to hold master nav links */
{
	height: 16px;
	text-align: center;
	margin: 0px 0px 2px 0px;
	padding-top: 1px;
	border-width: 0px 2px 2px 2px;
	border-color: #777777;
	border-style: solid;
	background: #222222;
	font-size: 0.75em;
}
.navmenu_link a:link, .navmenu_link a:visited
{ 
	color: #CCCCCC; 
	text-decoration: none;
}
.navmenu_link a:active, .navmenu_link a:hover, .link_text a:focus  
{ 
	color: #FF0000; 
	text-decoration: underline;
}

#tdleftside  /* table cell to hold left side menu and other stuff */
{
	border-right-width: 1px;
	border-right-color: #777777;
	border-right-style: solid;
	padding-top: 2px;
	padding-right: 4px;
}
#tdmain  /* table cell to hold main story content */
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#tdrightside  /* table cell to hold right side stuff - ad boxes are 125px wide */
{
	border-left-width: 1px;
	border-left-color: #777777;
	border-left-style: solid;
	padding-top: 4px;
	padding-left: 0px;
	width: 0px;
}
#tdfooter  /* table cell to hold footer */
{
	border-top-width: 1px;
	border-top-color: #777777;
	border-top-style: solid;
	padding: 3px 0 5px 2px;
}

.foottext
{
	font-family: Tahoma,Verdana,Helvetica; 
	font-size: 0.8em; 
	color: #999999;
	margin-bottom: 5px;
}
.foottext a:link, .foottext a:visited
{ 
	color: #999999; 
	text-decoration: none; 
}
.foottext a:active, .foottext a:hover, .foottext a:focus  
{ 
	color: #FF0000; 
	text-decoration: none; 
}
.menuheading
{
  font-size: 11.5px;
	font-weight: 600;
	margin: 4px 0 2px 0;
}
.menucontent
{
	margin-left: 8px;
	font-size: 11px;
}
.menulist
{
	font-size: 11px;
	line-height: 1.4;
	padding: 0 0 0 22px;
	margin: 0;
}
#categories_menu_header
{
	cursor: pointer;
}	
#categories_menu
{
	display: none;
}
#archive_menu_header
{
	cursor: pointer;
}	
#archive_menu
{
	display: none;
}
.archives
{
	line-height: 1.4;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
}
.archives2
{
	padding-left: 10px;
	margin: 0px;
	list-style-type: none;
}

.subscribereminder
{
	font-size: 0.8em;
	font-style: italic;
	color: #999999; 
}
.subscribereminder a:link, .subscribereminder a:visited
{ 
	color: #BBBBBB; 
}
.subscribereminder a:active, .subscribereminder a:hover, .subscribereminder a:focus  
{ 
	color: #FF0000; 
	text-decoration: underline; 
}

.understorybar   /* bar under story containing rss subscribe reminder, permalink, etc */
{
	padding-top: 15px;
}

/* red border on image hover */
/* replaces existing 1px black border with 1px red border on hover */
/* and in FF / Opera, also adds another 1px outline outside red border */
@media screen
{
 .linkedimg img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 2px solid #FFFFFF;
	margin: 2px 0 0px 0;
 }
 .unlinkedimg
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 2px solid #FFFFFF;
	margin: 8px 5px 0 5px;
 }
 .linkedimg2 img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 1px solid #FFFFFF;
	margin: 2px 0 0px 0;
 }
 .unlinkedimg2
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 1px solid #FFFFFF;
	margin: 8px 5px 0 5px;
 }
 .linkedimg3 img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 2px solid #FFFFFF;
	margin: 2px 0 0px 0;
 }
 .linkedimg4 img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 1px solid #FFFFFF;
	margin: 1px 0 0px 0;
 }
 .linkedimg5 img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
	border: 1px solid #FFFFFF;
	margin: 2px 2px 0px 2px;
 }
 .adimg img
 {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:90%;
 }
}

@media print
{
 .linkedimg img
 {
	border: 3px solid #000000;
	margin: 2px 0 0px 0;
 }
 .unlinkedimg
 {
	border: 2px solid #000000;
	margin: 8px 5px 0 5px;
 }
 .linkedimg2 img
 {
	border: 1px solid #000000;
	margin: 2px 0 0px 0;
 }
 .unlinkedimg2
 {
	border: 1px solid #000000;
	margin: 8px 5px 0 5px;
 }
 .linkedimg3 img
 {
	border: 2px solid #000000;
	margin: 2px 0 0px 0;
 }
 .linkedimg4 img
 {
	border: 1px solid #000000;
	margin: 1px 0 0px 0;
 }
 .linkedimg5 img
 {
	border: 1px hidden;
	margin: 1px 0 0px 0;
 }
}

.linkedimg:hover img
{
	border: 2px solid red;  /* IE hack */
	outline-width: 1px;     /* FF/Opera only */
	outline-color: red;     /* FF/Opera only */
	outline-style: solid;   /* FF/Opera only */
}

.linkedimg2:hover img
{
	border: 1px solid red;  /* IE hack */
	outline-width: 1px;     /* FF/Opera only */
	outline-color: red;     /* FF/Opera only */
	outline-style: solid;   /* FF/Opera only */
}
.linkedimg3:hover img
{
	border: 2px solid red;  /* IE hack */
	outline-width: 1px;     /* FF/Opera only */
	outline-color: red;     /* FF/Opera only */
	outline-style: solid;   /* FF/Opera only */
}
.linkedimg4:hover img
{
	border: 1px solid red;  /* IE hack */
	outline-width: 1px;     /* FF/Opera only */
	outline-color: red;     /* FF/Opera only */
	outline-style: solid;   /* FF/Opera only */
}
 .linkedimg5:hover img
 {
	border: 1px solid red;  /* IE hack */
	outline-width: 1px;     /* FF/Opera only */
	outline-color: red;     /* FF/Opera only */
	outline-style: solid;   /* FF/Opera only */
 }

.purchaseinfo
{
	color: #777777;
	margin-top: 25px;
}
.purchaseinfo a:link, .purchaseinfo a:visited
{ 
	color: #888888; 
}
.purchaseinfo a:active, .purchaseinfo a:hover, .purchaseinfo a:focus  
{ 
	color: #FF0000; 
}
.doublespaced   /* used for spacing out a list */
{
	margin: 10px 0 5px 0;
}
.quoteblock
{
	margin: 20px 100px 20px 100px;
	padding: 10px 20px 15px 20px;
	font-style: italic;
	background-color: #333333;
}
.quoteblock2
{
	margin: 20px 30px 20px 30px;
	padding: 5px 10px 8px 10px;
	font-style: italic;
	background-color: #333333;
}
.codeblock
{
	margin: 20px 30px 20px 30px;
	padding: 5px 10px 8px 10px;
	background-color: #333333;
}
.codeblock2
{
	margin: 5px 20px 5px 20px;
	padding: 2px 2px 2px 8px;
	background-color: #333333;
}
.noteblock
{
	padding: 10px 10px 12px 10px; 
	font-style: italic; 
	background-color: #333333;
}
.inlineimg
{
	margin: 10px 0 10px 0;
}
.code
{
	font-family: 'Courier New', Arial, sans-serif;
}
.rssicon
{
	height: 14px;
	width: 14px;
	border: 0;
	position: relative;
	top: 3px;
}
table.tbl   /* used for tables of data in posts */
{
	font-size: 0.9em; 
	margin-left: 20px;
}
table.tbl td
{
	background-color: #333333;
	vertical-align: top;
	padding: 2px 4px 2px 4px;
}
table.tbl td.highlight   /* used for highlighting a specific td cell */
{
	background-color: #555555;
}
table.tbl td.nothing   /* should be same colour as .post background color */
{
	background-color: #222222;
}

table.tbl2 
{
	margin-left: 0px;
}
table.tbl2 td
{
	background-color: #333333;
	vertical-align: top;
}

#bbcode_help   /* container for help info for feedback plugin */
{
	display: none;   /* initially hidden */
	color: #999999;
	padding: 2px 4px 5px 2px;
	margin: 4px 0 2px 0;
	height: 76px;
	width: inherit;
}
#bbcode_actionlink
{
	cursor: pointer;
	text-decoration: underline;
}
#bbcode_header
{
	font-weight: bold;
	margin-bottom: 3px;
}
#bbcode_detail
{
	font-family: 'Courier New', Arial, Sans-Serif;
	font-size: 1.1em;
	margin-left: 15px;
}

.relatedstories
{
	margin: 10px 0 18px 0;
	font-size: 0.9em;
	font-family: Verdana, Arial, Sans-Serif;
}
.relatedstoriesheading
{
	font-weight: bold;
}
.related_stories_list
{
	margin-top: 5px;
	margin-bottom: 0;
}
.related_stories_listitem
{
	font-size: 1em;
}
.inline-ad-block
{
	width: 200px; 
	float: right; 
	padding: 2px 10px 10px 10px; 
	margin: 15px 5px 15px 15px; 
	background-color: #333333;
}
.inline-ad-block-header
{
	color: #666666;
	font-style: normal;
	font-size: 8pt;
	padding-top: 2px;
	padding-bottom: 10px;
}
.disclosure
{
	font-style: italic;
	font-size: 0.8em;
	padding-bottom: 25px;
}