/*
  KCAL.CA Screen Styles

  Table of Contents:
    reset
    layout
    typography
    forms
*/

/* Reset 
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  font-size: 75%;
  line-height: 1.5em;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* layout
----------------------------------------------- */

body {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
}


h1    {
  padding-top : 10px;
      }

h2    {
  margin : 0 0 0 0;
  padding-top : 10px;
      }

h3    {
  margin : 0 0 15px 0;
  padding-top : 8px;
      }

h4    {
  padding-top: 3px;
  margin-bottom: 5px;
  border-bottom: 0 solid Black;
  padding-bottom: 0;
}

a img {
 border: 0px;
}

em {
	font-style: italic;
}

.articleupdate {
  border: 1px solid Black;
  margin-left: 8px;
  margin-right: 8px;
  padding: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
}

blockquote{ padding: 5pt; }



.centertext { text-align: center; }

.cityreport { padding: 7px;background: white; border: thin solid Black; margin-bottom: 10px;}

.clearboth {
	clear: both;
}

.clearright {
	clear: right;
}

.donationrequest{
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid Black;
  padding: 10px;
}

a img,:link img,:visited img { border:none }

#headmiddle {
  position: static;
  width: 100%;
  border: 1px solid #564B47;
  padding-top: 8px;
  padding-bottom: 12px;
  text-align: center;
}

.kcalform {margin-bottom: 0%; margin-top: 0%;}

.quicksummarybody
{
  margin: 0;
  border: 0 solid Black;
  padding: 0;
}

.quickitemlistdate, .quickitemlistitem  {  margin: 0; }

.floatright {
 float: right;
}


.floatleft {
 float: left;
}

.frontbody {
  background: url(388.jpg);
  margin-left: 5pt;
  margin-right: 5pt;
  margin-top: 0;
}


.frontbody ul li {
  line-height: 1.5em;	
}

.hphighlight {
	padding: 10px;
	margin: 10px;
	border: 1px solid #747474;
}

.interjection {
  margin-left: 15pt;
  margin-right: 15pt;
  border: 1pt solid Black;
  padding: 5pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
}

.sidebar {
	margin-right: 1.25em;
	width: 220px;
	border: 1pt solid #6C6C6C;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: right;
}

.sidebar ul, .sidebar ul li { padding: 0px; border: 0px; margin: 0; margin-left: 8px;}

.lift {
	color: red;
	font-family: "Courier New", Courier, monospace;
	font-size: 13pt;
}

.obituary {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 2.25em;
}

.importantstub  {
	background: #eeeeee;
	font-style: italic;
	border-color: #75B36B;
	border-style: dashed;
	border-width: 1px;
	width: 25%;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
   float:right; }


.letter{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2%;
  margin-bottom: 2%;
  border: 1px solid Black;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.readercomment, .letterfromreader {
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 1px solid Black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.sectiontitle  {
  margin-top: 12px;
  margin-bottom: 4px;
}

ol li { padding-top: 3px; padding-bottom: 3px;}
ul li { padding-top: 3px; padding-bottom: 3px;}

li + li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0;
}

.pagetitle {
  margin-top: 20px;
  margin-bottom: 16px; text-align: center;
}

.tally, tally table tr td {
  border: 1px solid Black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Base styles for human-readable rss  */
.above {padding:1em;margin-bottom:1em;}
.item {
  padding: 7px;
  border: 1px solid Black;
  margin-bottom: 10px;
}

.itemtitle {
  margin-bottom: 1em;
}

.itemdesc {
  margin: 0px 0px 1em 2em;
  padding-right: 14px;
}

.itemdesc {
	line-height: 1.5em;
}

.itempubdate, .itemguid {margin:0px 0px .5em 2em; text-align: right; clear: both;}
.below {border-top:1px solid black;padding:.25em 1em 0px 1em;margin-top:.5em;}
.note {margin-top:1em; }


.imagewrap {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: thin solid #707070;
	background-color: White;
}

.image1px { border: 1px solid #333333;  margin: 3px 3px;  }

.kcaliframe {
	border: thin solid Black;
}

/* typography
----------------------------------------------- */

body {font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
}               

p  { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }


h1    {
  font-size : 22px;
      }

h2    {
  font-size : 18px;
  line-height : 28px;
  font-weight  : 600;
  color : #000;
      }

h3    {
  margin : 0 0 15px 0;
  font-size : 16px;
  color : #000;
      }

h4    {
  font-size: 13px;
  color: #000;
}

.tally, .tally table tr td, .readercomment, .readercommentauthor, .readercommentdate, .letterfromreader, .letter, blockquote{
  font-family: "Courier New", Courier, monospace;
}

.itemtitle, .pagetitle, .sectiontitle {
  font-family: Arial, Helvetica, sans-serif;
}

a:link, a:link b {color: #0000ff;}
a:hover, a:hover b {color: #ff0000;}
a:active, a:active b {color: #ff99ff;}

.articleupdate {
  background-color: White; 
}

blockquote{
  background-color: #D6D6D6;
  font-weight: bold;
}

blockquote .emph{
  color: Red;
}


.googlesearch {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 200;
   width: 350px;
}

.googlesearch img {
	top: 3px;
}

.btn {font-size: 8pt; font-weight: bold;}

.caps {color: #106CAC;}

.capslinks {font-size: 80%;}


.centertext {font-weight: bold;}


.chronologydate {font-style: italic; font-weight: bold; color: Red;
}

.contents {font-weight: bold; font-size: 12px; line-height: 140%;
}

.donationrequest { background-color: White; }
.emphcaps { color: #C91F16; font-size: 100%; font-weight: bold; }

.font07, .font07 a  { font-size: 70% ! important; }


.frontbody li a, .frontbody a{
  font-weight: bold;
}

#headmiddle {
  position: static;
  background-color: #FFFF99;
  font-family: Verdana, "Arial Black";
  font-size: larger;
}

.hphighlight { background: white; }

.interjection, .interjection a {
  background-color: #E3E3E3;
 font-weight: normal;
}

.item {   background: White; font-size: 14px; }

.item a { font-weight: bold; }

.itemtitle { font-size: 17px;  font-weight: bold;}

.itemdesc blockquote { font-size: 16px; margin-bottom:1.5em;}

.itempubdate { font-size: smaller;  color: Maroon;  }

.itemguid, .itemguid a  { font-size: smaller; font-weight: normal; }

.lastupdated { font-style: italic; }

.lastupdate {font-size: 12px; text-align: center;}

.letter{
  background-color: #E6E6E6;
}


.lvecopposed {
  background-color: #F08080;
  font-size: 80%;
}

.lvecsupport {
  background-color: #98FB98;
  font-size: 80%;
}

.lvecunknown {
  background-color: Silver;
  font-size: 80%;
}

.pagefooter {
  font-style: italic; text-align: center;
}

.pagetitle {
   font-family: Arial, Helvetica, sans-serif;
  font-style: normal ;
  font-weight: bold;
  font-size: 24px; line-height:36px;
}

.quickitemlistdate, .quickitemlistitem, .smallannotation {font-size: 11px; }

.quickitemlistitem { font-weight: normal; }

.quickitemlistitem a { font-weight: normal; text-decoration: none }

.quicksummarybody {
	font-size: 12px;
}

.readercomment, .readercommentauthor, .readercommentdate, .letterfromreader, .letter {
  color: Black;
  font-size: 1.25em;
  font-style: normal;
  font-weight: normal;
  background-color: #E6E6E6;
  }

.readercommentauthor { font-variant: small-caps; }

.sectiontitle  {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}

.tally, tally table tr td {
  background-color: White;
}

.rssdesc {font-style:italic;margin-top:.5em;}

.rsstitle {font-size:larger;font-weight:bold;}

.rsspubdate {font-style:italic;}


/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* forms
----------------------------------------------- */

.highlightquote {
  color: black;
  font-size: 16px;
  font-style: italic;
  margin-right: 15pt;
  margin-left: 8pt;
  width: 220px;
  border: 1pt solid black;
  padding: 5pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  float: right;
  background: #E0FFFF;
}

code {
	font-family: "Courier New", Courier, monospace; 
	font-size: 12pt;
	font-weight: bold; 
}

.bordertable {
	border: 1px solid Black;
	background-color: White;
	padding: 2px;
	border-spacing: 1px;
	left: 2%;
	position: relative;
	border-collapse: collapse;
	empty-cells: show;
	margin-top: 7px; margin-bottom: 10px;
}

.bordertable caption {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
}

.bordertable tr td,  .bordertable tr th {
	border: 1pt solid Gray; padding: 4px; 	background-color: White;
}

.bordertable tr th { padding: 6px; background-color: #FFFF99; text-align: center; }

.bordertable tr.activeitem td {
	border: 1pt solid Gray; padding: 4px; 	background-color: Aqua; }