@charset "utf-8";
/* CSS Document */


body {
	background-color: #fff;
	background-image: url(images/BackgroundStripe6.gif);
	background-repeat: repeat-x;
	text-align: left;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	font-weight:normal;
	padding: 0;
	margin: 0;
}

a img {
	border: none;
}

#leftColumn a{
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	}

#leftColumn a:hover {
	color: #FF3366;
}

#rightColumn a{
	color:  #006699;
	font-weight: bold;
	text-decoration: none;
	}

#rightColumn a:hover {
	color: #FF3366;
}
a:visited {
	color: #6699CC;
}


h1 {
	font:"Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #000;
	margin: 0px;
	padding: 0px;
}
h2 {
	font:"Times New Roman", Times, serif;
	font-size: .9em;
	text-transform: uppercase;
	color: #336699;
	margin-bottom: 0;
}

.booktext {
	font:"Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #000;
	margin-bottom: 0px;
}
	

p {
	margin-top: 0;
	margin-bottom: 12px;
	text-align: justify;
}

blockquote {
	height: 40px;
	background-image: url(images/Twirl.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 38px;
	padding-top: 25px;
	font-size: 1em;
	font-weight: bold;
}
	

#wrapper {
	text-align: left;
	width: 760px;
	margin: 0 auto;
}

#header {
	margin-top: 0px;
	margin-bottom: 16px;
	height: 148px;
	background-image: url(images/PenAndInkBanner7.gif);
	background-repeat: no-repeat;
}


/* i removed the padding for this so that the navigation would butt up against the bottom of it. Adding padding to the bottom would change it back to have more space*/
#content {
	padding: 12pt;
	margin: 0;
}

#m {
	float: left;
}
	
.boldital {
	font-stretch: semi-expanded;
	font-size: 1.6em;
	font-weight: bolder;
	font-style: italic;
}
	

#nav {
	width: 760px;
	padding-top: 130px;
	height: 28px;
}
*html #nav { margin-top: -2}

/*floating this right makes the box float right instead of changing the order of hte list. */
ul#mainNav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*this sets the style of each individual text box in the navigation. */
#mainNav a{
	color: #000;
	text-align: center;
	font-size: .8em;
	font-weight: bolder;
	text-decoration: none;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 0 5px 0px 5px;
	margin: .5em;
	display: block;
	}

/*this changes the appearance of the navigation buttons at mouseover */
#mainNav a:hover {
		color: #336699;
}

/*this makes the list float to the left or right: the order of the links will change. better to float right in the larger container */
#mainNav li {
	float: left;
	}

body#index a#indexLink,
body#book a#bookLink,
body#excerpt a#excerptLink,
body#bio a#bioLink,
body#maliciousfun a#maliciousfunLink,
body#press a#pressLink,
body#video a#videoLink{
	color: #FF2F82;
	}
/* here is a copy of the nav css, modified for the submenu I'm adding to teh quiz section*/

#submenu {
	float: left;
	width: 760px;
	padding-left: 8px;
	margin-bottom: 5px;
	text-decoration: none;
}

*html #submenu { margin-top: -2}

#submenu a{
	text-align: center;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	}

#submenu a:hover{
	color: #FF3366;
	}

/* end submenu instructions */
#footer {
	clear: both;
	font-size:10px;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}

.snarkphoto {
	float: left;
	margin: 5px;
	border: thin solid #000000;
	text-align:center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;