/* BLOG Stylesheet for 8-bit Central
coded by Pete - atari2600vcs@yahoo.com */



/* individual posts on index page ONLY --------------------------*/
body div.blogPost
{
  border: 2px solid #333;
  color: #acacac;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0px 40px 30px 40px;
  min-height: 120px;
  padding: 10px;
}

body div.blogPost:hover
{
  border: 2px solid #06c;
  color: #acacac;
}

body a div.blogPost, body a:hover div.blogPost 
{
  color: #acacac;
}

div.blogPost div.date
{
  border-bottom: 2px solid #90f;
  border-right: 2px solid #90f;
  display: block;
  color: #90f;
  float: left;
  font-family: Courier, Arial, Verdana, sans-serif; 
  font-size: 1.5em;
  Font-weight: bold;
  line-height: 1.3em;
  margin: 0px 10px 5px 0px;
  padding: 0px 5px 5px 0px;
  text-align: center;
}

h2.blogTitle
{
  border-bottom: 1px dotted #666;
  background-color: #06c;
  color: #fff;
  display: block;
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 0px 5px 10px 0px;
  padding: 6px 5px 6px 8px;
  position: relative;
  text-transform: capitalize;
}

body div.blogPost a h2.blogTitle 
{
  color: #fff;
  display: block;
}

/*body div.blogPost a:hover h2.blogTitle 
{
  color: #f0c;
}*/

div.blogPost div.blogImage img
{
  float: right;
  height: auto;
  margin: 0px 0px 7px 10px;
  max-width: 200px;
}

body a div.blogPost span.readMore
{
  clear: both;
  color: #06c;
  display: block;
  font-size: 1em;
  padding: 7px 0px 0px 0px;
  text-align: right;
}









div.blog
{
  margin: 5px 15px 100px 45px;
  padding: 0;
}

div.blog div.fullBlogPost
{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
  background: url(../images/blog/bricks.jpg) repeat-x;
  color: #90f;
  font-size: 1.1em;
  font-weight: bold;
  height: 40px;
  margin: 0px 0px 0px; 0px;
  padding: 2px 0px 0px 10px;
/*  text-shadow: 2px 2px #000; 
  width: 670px;*/
  width: 97%;
}

div.blog div.fullBlogPost span
{
  color: #789eff;
  padding-left: 5px;
  text-shadow: 2px 1px #333;
}

div.blog div.blogBody
{
  border-left: 2px solid #789eff;
  border-bottom: 2px dashed #789eff;
  color: #acacac;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 10px 10px 75px 0px;
  padding: 0px 0px 12px 15px;
}

div.blog div.last
{
  border-bottom: 4px solid #789eff;
  margin-bottom: 35px;
}

/*div.blog div.blogBody h2.blogTitle
{
  border-bottom: 1px dotted #666;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0px 0px 10px 0px
  padding: 0px 0px 4px; 0px;
  text-transform: capitalize;
} */

div.blog div.blogBody h2.blogTitle a, div.blog div.blogBody h2.blogTitle
{
  background-color: #06c; 
  color: #fff;
  display: block;
  padding: 6px 5px 6px 8px;
}

<!--div.blog div.blogBody h2.blogTitle a:hover
{
  background-color: #06c; 
  color: #f0c;
  display: block;
}-->



div.blogSummary
{
  color: #9cf;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0px 50px 20px 50px;
  text-align: center;
}

div#bodyCopyMain div.blog img.inLine
{
  margin: 7px 0px 10px 0px;
  padding: 0;
}

div#bodyCopyMain div.blog img.right
{
  float: right;
  margin: 7px 0px 10px 15px;
  padding: 0;
}

div#bodyCopyMain div.blog img.left
{
  float: left;
  margin: 5px 15px 10px 0px;
  padding: 0;
}



/* navigation between quarterly blog archive pages ---------*/
/*  old nav --------------*/
div.blogNav
{
  font-size: 0.9em;
  margin: 3px 40px 10px 0px;
  text-align: right;
}


/* new nav -----------------------*/
div.calendarNav
{
-webkit-border-radius: 6px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 6px;
-moz-border-radius-topleft: 0;
border-radius: 6px;
border-top-left-radius: 0;

  background-color: #000;
  border: 1px solid #90f;
  color: #ccc;
  font-family: Courier, Helvetica, Arial, Verdana, sans-serif; 
  font-size: 0.7em;
  font-weight: bold;
  margin: 0px 25px 20px 40px;
  padding: 7px 0px 7px 10px;
}

div.calendarNav span.heading
{
  font-size: 1.4em;
}

div.calendarNav a
{
  color: #ccc;
}

div.calendarNav a:hover
{
  color: #90f;
}







/* Read more ---------------*/
p.readMore
{
  clear: both;
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0px 0px 0px;
  text-align: right;
}






/* pictures - for inserting multiple pictures- auto resized in list, full size in post ----*/
div.justApic, div.justApic2
{
  float: left;
  font-size: 0.9em;
  margin: 7px 5px 20px 5px;
  padding: 0;
  text-align: justify;
  text-justify: inter-word;
  text-align: left;
  width: 320px;
}

div.justApic img, div.justApic2 img
{
  height: auto;
  max-width: 300px;
 text-align: center;
}



/* 2 colum 660px wide table - generic for blog  -----------------------------*/
table.blogPost
{
  border-spacing: 0;
  margin: 5px 0px 10px 0px;
  width: 100%;
}

table.blogPost td, table.blogPost th
{
  border: 1px solid #333;
  margin: 0;
  padding: 7px;
  vertical-align:text-top;
  width: 50%;
}






/* blog author ----------------*/
div#blogAuthor
{
  border: 1px solid #06c; 
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
  color: #666;
  font-size: 0.9em;
  margin: 0px 40px 25px 40px;
  min-height: 75px;
  padding: 15px;
}

div#blogAuthor span
{
  color: #666;
  display: block;
  font-size: 1em;
  margin: bottom: 2ps;
}

div#blogAuthor img
{
  border: 2px solid #06c; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
  float: left;
  height: 75px;
  margin: 0px 7px 4px 0px;
  width: 75px;
}







/* viertical line to delineate an external quote */
div.externalQuote
{
  background: url(../images/blog/quoteLine.jpg) repeat-y;
  margin: 7px 0px 7px 30px;
  padding-left: 15px;
}






/* guest author ----------------*/
div.guestAuthor
{
  border: 1px solid #666; 
  font-style: italic; 
  padding: 15px;
}




/* inline highlighted quotes to showcase text ------------------*/
div.quoteRight
{
  color: #69c;
  float: right;
  font-family: Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 7px 0px 7px 0px;
  padding: 5px;
  text-align: right;
  width: 225px;
}

div.quoteLeft
{
  color: #69c;
  float: left;
  font-family: Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 7px 0px 7px 0px;
  padding: 5px;
  text-align: left;
  width: 225px;
} 

/* alternate background pattern for quotes */
div.quoteRightBG
{
  background:url(../images/blog/quoteBackground4.jpg);
  color: #fff;
  float: right;
  font-family: Courier, Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 7px 0px 7px 5px;
  padding: 8px;
  text-align: right;
  width: 225px;
}

div.quoteRightBG span
{
  background: #000;
  padding: 4px;
  margin: 5px;
}

div.quoteLeftBG
{
  background:url(../images/blog/quoteBackground4.jpg);
  color: #fff;
  float: left;
  font-family: Courier, Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 7px 10px 7px 0px;
  padding: 8px;
  text-align: left;
  width: 225px;
}

div.quoteLeftBG span
{
  background: #000;
  padding: 4px;
  margin: 5px;
}





/* page return -------------------*/
p.return a
{
  border: 1px dotted #333;
  float: right;
  font-size: 0.9em;
  padding: 3px 5px 3px 5px;
}

p.return a:hover
{
  border: 1px dotted #90f;
}