@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

html, button, input, select, textarea { font-family: Tahoma, Geneva, sans-serif; color: #667; }
body,td,th {
	font-size: 0.9em;
}

#topheader {
	height: 310px;
}

.topnav a {
	color: #DDE;
	background: #948;
	margin: 0 0 5px 0;
	text-decoration: none;
	padding: 7px 0;
	width: 100%;
	display: block;
}
.topnav a:visited {
	color: #DDE;
	background: #948;
	margin: 0 0 5px 0;
	text-decoration: none;
	padding: 7px 0;
	width: 100%;
	display: block;
}
.topnav a:hover {
  color: #000;
  background: #C7B;
}
.topnav a:active {
  color: #000;
  background: #C7B;
}
.topnav ul {
	margin: 0 15px;
	list-style: none;
}
.topnav li {
    display: block;
}

#topmenu a {
	color: #DDE;
	background: #948;
	margin: 0 0 5px 0;
	text-decoration: none;
	padding: 7px 0;
	width: 100%;
	display: block;
}
#topmenu a:visited {
	color: #DDE;
	background: #948;
	margin: 0 0 5px 0;
	text-decoration: none;
	padding: 7px 0;
	width: 100%;
	display: block;
}
#topmenu a:hover {
  color: #000;
  background: #C7B;
}
#topmenu a:active {
  color: #000;
  background: #C7B;
}
#topmenu ul {
	margin: 0 15px;
	list-style: none;
}
#topmenu li {
    display: block;
}



#blogEntries {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #D7B;
	margin-top: 5px;
}

.singleEntry {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #556;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	width: 100%;
}
.singleEntry a:link, a:visited {
	color: #B4A;
	text-decoration: none;
}
.singleEntry a:hover, a:active {
	color: #D9D;
	text-decoration: none;
	background: FFF;
	outline: 0;
}
.singleEntry a:focus { outline: thin dotted; }

.blogtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	color: #556;
}
.blogsubtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #B4A;
}
.postdate {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #D6C;
}
.smalltext {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #556;
}
.textbold {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #556;
}
.textitalic {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	color: #667;
}
H1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	color: #B4A;
	font-weight: normal;
}
.imageright {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.imageleft {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
}

#bookpromo {
	background: #223;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	color: #CCD;
}

#bookpromo a { color: #CCD; text-decoration: underline; }
#bookpromo a:visited { color: #CCD; }
#bookpromo a:hover, a:active { color: #A68;
	outline: 0; text-decoration: none;}
#bookpromo a:focus { outline: thin dotted; }

.bookimage {
	margin-bottom: 10px;
}

#socialdiv {
	background: #545;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	color: #CCD;
}

#webpromo {
	background: #545;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	color: #CCD;
}

#webpromo a { color: #CCD; text-decoration: underline; }
#webpromo a:visited { color: #CCD; }
#webpromo a:hover, a:active { color: #B79;
	outline: 0; text-decoration: none;}
#webpromo a:focus { outline: thin dotted; }


#bottomfooter {
	background: #B4A;
	margin: 5px 0;
	padding: 10px 2%;
	clear: both;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	color: #EAE;
	clear: both;
}
#pagecontent {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #DD77BB;
	margin-top: 5px;
}
#pagecontent a:link, a:visited {
	color: #B4A;
	text-decoration: none;
}
#pagecontent a:hover, a:active {
	color: #D9D;
	text-decoration: none;
	background: FFF;
	outline: 0;
}
#pagecontent a:focus { outline: thin dotted; }

#morecontent {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #767;
	margin-top: 5px;
}
#morecontent a:link, a:visited {
	color: #B4A;
	text-decoration: none;
}
#morecontent a:hover, a:active {
	color: #D9D;
	text-decoration: none;
	background: FFF;
	outline: 0;
}
#morecontent a:focus { outline: thin dotted; }
img {
  max-width: 100%;
	height:auto;
}
#slideshow { 
    margin: 10px auto; 
    position: relative; 
    padding: 10px; 
}
#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
	max-width: 100%;
  	height: auto;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}