body {
  margin: 0;
  padding: 0;
  background: #E3DBBE url(background.gif) top left repeat fixed;
  font: normal 12px verdana, Arial, Tahoma, Sans-Serif;
  color: #333;
  text-align: left;
}


/* IE Height Fixes */
* html body {
  margin:0;
  padding: 0;
  overflow-y:hidden;
}
* html body{
	height:100%;
}




/* --- images --- */
img a, a img {
  margin:0;
  padding:0;
  border:none;
}
img.author {
	padding: 5px;
	border: 1px solid #ccc;
}




/* --- horizontal rule --- */
div.hr {display: none}
/*/*/a{}
div.hr {display: block; height: 10px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: left center; margin: 2px 0 0 0;}
hr {display:none}/* */




/* --- all links ---*/
a:link, a:visited {
  text-decoration: underline;
  color: #663300;
}
a:hover {
	text-decoration: none;
  color: #333;
}


.quizhead
{
	background-color:#7a3f0f;
	color:#ffffff;
	font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:10pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin: 10px 0px 5px 0px;
}

.quizborder 
{
	color:#000000;
}

element.style 
{
float:right;
}

.smallfont 
{
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

#quizbody
{
	padding: 15px 10px 15px 10px;
}

.alt1
{
	background-color: #f0cdab;
}

.alt2
{
	background-color: #f4f3db;
}

.quizfieldset
{
	border: solid 1px #7a3f0f;
	margin: 0px 10px 10px 0px;
}

.quizfieldset legend
{
	font-weight: bold;
}

.quizfieldset li
{
	padding: 3px 0px 3px 0px;
}

a.quizlink
{
	color: #ffffff;
}

a.quizlink:visited
{
	color: #ffffff;
}
.quizerror
{
	padding: 5px 0px 10px 0px;
	color: #ff0000;
}

.quizanswer
{
	padding: 5px 0px 10px 0px;
	color: #ff0000;
}

.correctanswer
{
	color: #00ff00;
	font-weight: bold;
	
}

.wronganswer
{
	color: #ff0000;
	font-weight: bold;
	
}

.quizlabel
{
	margin: 0; 
	float: left;
	width: 200px;
}
.answerlabel
{
	margin: 0; 
	color: #000;
}
.quizbutton
{
padding:3px;
	margin: 10px 0px 5px 0px;
	color: #fff;
	font-weight: bold;
	background-color: #7a3f0f;
}


/* --- headings --- */
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Georgia, Serif;
	color: #663300;
}
h1 {
  font-size: 200%;
  margin: 5px 0 10px 0;
}
h2 {
  font-size: 180%;
  margin: 12px 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
}
ul.side-links li h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 130%;
}
ul.related h2, ul.quizzes h2 {
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 130%;
	border: none;
}
h3 {
  font-size: 160%;
  margin: 0;
  padding: 0 0 3px 0;
}
h4 {
  width: 140px;
  font-size: 120%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul.side-links {
	margin: 20px 0 20px 0;
}







/* --- main container styles ---*/

/* Mozilla Height Fixes */
html,body {
  margin: 0;
  padding: 0;
  height: 100%;	
}
html>body #container {
	height: auto;
}
/* End Mozilla Height Fixes */

#container{
  width: 775px;
  height: 100%; 
  min-height: 100%;
  padding:0;
  margin: 0 auto;
  position: relative;
  background: #fff;
  border-width: 0 2px 0 2px;
  border-style: solid;
  border-color: #793F0F;
}

/* --- header --- */
#header {
  position: relative;
  width: 775px;
  height: 166px;
  padding: 0;
  background: #F4F3DB ;
}

/* --- logo image styles ---*/
.logo {
	width:329px;
	height: 126px;  
	position: absolute; 
	left: 10px; 
	top: 10px; 
}

.logo span {
	background: #fff url(images/logo.gif) top left no-repeat; 
	position: absolute; 
	left: 0; 
	top: 0; 
	display: block; 
	width: 329px;
	height: 126px;
	cursor: pointer;
}
.logo a:link, .logo a:visited, .logo a:hover  {
	color: #F4F3DB; 
	text-decoration: none;
}




/* ---( top links in header )------------------------------------ */
#toplinks {
   float: right;
   margin-top: 60px;
   margin-right: 75px;
}


/* ---( main nav styles )------------------------------------ */
#nav, #nav1 {
  width: 775px;
  position: absolute; 
  left: 0;
  bottom: 0;
  line-height: 2.1em;
  font-size: 12px;
  font-weight: bold;
  background: #824229;
}

#nav ul {
	padding:0 10px 0 15px;
	list-style:none;
}
#nav li {
  display:inline;
}
#nav a {
	float: left;
  display: block;
  padding:5px 7px 4px 7px;
  text-decoration:none;
  color: #fff;
}

#nav a:hover {
  text-decoration: none;
  background: #DF751D;
}


.sf-menu					{ margin: 0; padding: 0; line-height: 25px; }
.sf-menu li				{ float: left; text-align: center; margin: 0; }
.sf-menu li a		 		{ color: #fff; display: block; padding: 3px 15px 2px; text-decoration: none; }
.sf-menu li a:hover				{ background: #DF751D; }
.sf-menu ul				{ margin-top: 7px; }
.sf-menu ul, .sf-menu ul ul			{ border: 1px solid; min-width: 200px;}
.sf-menu li li				{ height: 20px;	width: 150px; padding: 5px 5px 0px; border: none; }
.sf-menu li ul li a				{ text-align: left; color: #824229; }
.sf-menu li ul li a:hover 			{ text-decoration: underline; background: none; }
.sf-menu ul, .sf-menu ul ul			{ background-color: #E3DBBE; border: 1px solid #793F0F; padding: 0 0 15px; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, 
.sf-menu a:active				{ outline: 0;}

/* --- Phone Sex Ad Box --- */
.psbox1{
  float:right;
  margin:10px;
  border-style:solid;
  border-width:2px;
  border-color: #793F0F;
}

/* --- content divisions --- */
#content-container{
  padding: 0;
  padding-bottom:60px;
  margin: 0;
  position: relative;
}
#story-content{
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
}
#content-wrap {
	margin: 0;
	padding: 10px;
}
#single-wrap {
	margin: 0 10px 0 10px;
}
#sidebar {
	float: left;
	width: 190px;
}
#copy {
	float: right;
	width: 520px;
	padding-left: 15px;
	border-left: 1px solid #ccc;
}




/* --- footer styles ---*/
#footer{
  width: 775px;
  height: 60px;
  background: #793F0F;
  text-align: center;
  padding: 0;
  position: absolute;
  bottom: 0;
  color: #fff;
}
#footer p {
	padding: 0 0 6px 0;
	margin: 0 0 5px 0;
	font-size: .8em;
}
#footer a:link, #footer a:visited, #footer a:hover {
	color: #fff;
}
#footer ul {
	margin-top: 10px;
}
#footer ul li {
	font-size: .8em;
	font-weight: bold;
	margin: 0 0 0 5px;
	display: inline;
}






/* --- lists --- */

ul {
	list-style: bullet;
	margin: 0;
	padding: 5;
}

/* --- left side link lists --- */
ul.side-links li ul li {
	margin: 0 0 0 5px;
}

/* --- related and quiz link lists --- */
ul.related li, ul.quizzes li {
	margin-left: 15px;
}

/* --- search results list --- */
ol.search-results {
	margin-left: 40px;
}
ol.search-results li {
	margin: 10px 0 10px 0;
}
ol.search-results li small {
	font-weight: bold;
}







/* --- front/author page table styles --- */
table caption {
  display: none;
  margin: 0 auto;
} 
.rows {
  margin: 10px auto 30px auto;
  padding: 0;
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.rows thead {
	padding: 5px 0 5px 0;
	background: #7A3F0F;
  color: #fff;
}
.rows th, .rows td {
  vertical-align: top;
}
.rows tr th {
  letter-spacing: 1px;
  text-align: left;
  white-space: nowrap;
  padding: 0;
}
.rows tr td {
  padding: 10px 5px;      
}
.rows .even td {
  background: #F5F5DC;
}





/* --- advertising --- */

/* --- this is the wrap for the very top leaderboard above the logo --- */
.leader-wrap-top {
	width: 775px;
	height: 100px;
	background: #F4F3DB;
	padding-top: 10px;
}
/* --- this is the wrap for the middle leaderboard right below the main nav --- */
.leader-wrap-middle {
	width: 775px;
	height: 100px;
	background: #fff;
}
/* --- this is the wrap for the very bottom leaderboard right below the content --- */
.leader-wrap-bottom {
	width: 775px;
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
/* --- this is all leaderboards --- */
.leaderboard {
	width: 728px;
	height: 90px;
	margin: 0 auto;
	background: #eee;
}
/* --- this is right floating content ads --- */
.ad-right {
	width: 336px;
	height: 280px;
	border: 1px solid #ccc;
	float: right;
	margin: 7px 0 0 10px;
}
/* --- this is the left floating content ads --- */
.ad-left {
	width: 336px;
	height: 280px;
	border: 1px solid #ccc;
	float: left;
	margin: 7px 10px 0 0;
}

/* --- this is for the book conetent pages --- */
.skyscrapper {
	float: right;
	border: 1px solid #ccc;
	width: 160px;
	height: 600px;
	margin: 0 0 10px 20px;
}

/* --- this is the ad at the bottom of the main content column --- */
.ad-bottom {
	width: 468px;
	height: 253px;
	border: 1px solid #ccc;
	margin: 0 auto;
}
/* --- this is the amazon bookworm ads --- */
.amazon {
	width: 750px;
	height: 70px;
	padding: 10px 0 0 0;
	background: #fff;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.amazon h3, .amazon p {
	margin-left: 15px;
}
/* --- this is for the sonnet section --- */
.sonnet {
	position: relative;
	width: 750px;
	height: 160px;
	padding-top: 10px;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
/* --- this is the as soon in USA today --- */
.asseen {
	position: absolute;
	bottom: 55px;
	left: 15px;
}







/* --- various text styles --- */

.stats {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 12px;
	left: 550px;

}

.breadcrumb {
	font-size: .9em;
	font-weight: bold;
	margin: 0 0  20px 0;
}



.intro {
	margin-left: 15px;
        margin-right: 15px;
}

p.newcomment {
	font-size: 1.1em;
}

blockquote {
	padding: 3px 0 3px 10px;
	margin: 5px 0 10px 20px;
	border-left: 5px solid #ccc;
}
blockquote li{
	border: none;
}


.comments {
	margin-top: 30px;
	padding: 10px 5px 10px 0;
	background: #F5F5DC;
	margin-left: 15px;
}
.cbox {
	padding: 0 0 0 10px;
	margin: 0;
}
.cbox h3 {
  font-size: 115%;
  margin: 12px 0 0 0;
  padding: 0 0 3px 0;
}


p.postmetadata {
	font-size: .8em;
}

h3.index {
  margin: 12px 0 0 15px;
}

.advancedform {
	margin-bottom: 30px;
}

.spacer {
	padding: 20px 0 0 0;
}