html,body {
height:100%;
}
	
body {
margin: 0 auto;
padding: 0px;
background: #fff;
text-align: left;
}

form {	
margin: 0;			
}

h3 {	
margin-bottom: 10px;			
}

.clear { 
clear: both; 
}

.center { 
text-align: center; 
}

.zeromargin { 
margin: 0; 
}

a:link img { 	
border: 0px solid black; 
}

a:visited img {	
border: 0px solid black; 
}

a:hover img {	
border: 0px solid #ffff00; 
}

a:active img {	
border: 0px solid black; 
}

a:link { 
color:#0000FF; 
text-decoration: none;
}

a:visited { 
color:#0000AA; 
text-decoration: none;
}

a:hover { 
color:#FF0000; 
text-decoration: underline;
}

a:active { 
color:#0000FF; 
text-decoration: none;
}

/* ----------===== Header Logo =====---------- */

.header {	
margin: 0 auto;	
background: #F3980A;
border-bottom: 1px solid #F76B63;
text-align: center; 		
}

.headerbox {	
width:980px;
}

.headerimg {		
color: #0000cc;	
margin: 0px;	
text-align: left; 
}

#header_menu{
	background-image: url(/images/header_menu.jpg);
	background-repeat: repeat-x;
	text-align: right;
	height: 40px;
	padding-top: 10px;
	margin-top: -20px;
}

/* ----------===== Header Links =====---------- */

.headerlinks {	
float: right;	
text-align: right;	
margin: 0px;	
width: 0 auto;		
}

.bookmarkus {	
padding: 20px;	
font-weight: bold;		
}

.search {	
margin: 0px;	
text-align: center;
}

/* ----------===== TOP NAV =====---------- */

.topnavdiv	{		
text-align: center;		
clear: both;
background:#840000;	
}

.topnav	{	
border: 0;	
padding: 0;	
color:#fff;	
font-family: arial, helvetica, sans-serif;	
list-style-type:none;
width:980px;		
text-align: left;		
}	

.topnav li	{	
display:inline;	
line-height: 210%;	
white-space:nowrap;
}	

.topnav li a	{	
padding:0.2em 1em;	
background:#840000;	
color:#fff;	
text-decoration:none;	
font-weight: bold;	
float: none;	
}

.topnav li a:visited {	
background:#840000;	
color:#fff;	
text-decoration: none;
}	

.topnav li a:hover{	
background:#B20000;	
color:#F3980A;	
text-decoration: none;
}

/* ----------===== Main Content =====---------- */

.maincontent {	
text-align: center;	
margin: auto;	
width: 980px;
background: #fff;
border: 0px dotted #d7d7d7; 		
}

.riddlediv {	
width: 615px;	
margin: auto;	
text-align: left;	
float: right;		
}

.riddlename {	
padding: 5px 0 5px 40px;		
}

.riddlediv H2 {	
font-size: 130%;	
margin: 0;		
}

.riddlediv H3 {	
font-size: 130%;	
margin: 0;		
}

.random {	
width: 610px;	
text-align: left;	
font-size: 135%;	
border: 1px solid #F76B63;	
margin: auto;	
padding: 0;	
float: right;		
}

.question 	{	
padding: 0;	
background: #ffeeee;	
border-top: 1px solid #ff5555;	
border-left: 1px solid #ff5555;	
border-right: 1px solid #ff5555;	
border-bottom: 1px solid #ccffcc;	
color: #330000;		
}

.adlinks {	
background: #ccffcc;	
border-left: 1px solid #55ff55;	
border-right: 1px solid #55ff55;	
text-align: center;	
margin: auto;	
height: 20px;		
}

.answer	{	
padding: 0;	
background: #eeeeff;	
border-bottom: 1px solid #5555ff;	
border-left: 1px solid #5555ff;	
border-right: 1px solid #5555ff;	
border-top: 1px solid #ccffcc;	
color: #000033;		
}

.riddletitle {	
float: left;	
padding: 4px;		
}

.riddletitle H1 {	
font-size: 140%;	
margin: 0;	
padding: 0;		
}		

.riddlerating {	
float: right;	
padding: 4px;		
}

.riddleimage {	
width: 200px;	
float: left;		
}

.riddletext {	
padding: 15px 15px 30px 0;		
}

.rateriddle {	
text-align: center;	
margin: auto; 
border: 1px solid #5555FF; 
margin-top:20px; 
padding: 10px; 
background: #eeffff;	
}

.red { 
color: red; 
}

.blurb {	
margin: auto; 
border: 1px solid #5555FF; 
margin-top:20px; 
padding: 10px; 
background: #eeffff;		
}

/* ----------===== Left and Right NAV =====---------- */

.ads {	
float: left;	
width: 170px;		
}

.partners {	
font-size: 80%;	
float: right;	
width: 170px;	
text-align: left;	
padding: 0 0 0 7px;		
}

.navheading {	
font-size: 120%;	
font-weight: bold;	
text-decoration: underline;	
text-align: center;	
margin: auto;	
padding: 0 0 15px 0;		
}