body {
	color:#01234a;
	font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px; 
	margin:0px 0px;
	padding:0px 0px;
	line-height:150%;
}

div#root
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#pagewrap
{
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:798px;	
}

h1 {
	font-size: 15px;
	letter-spacing: 1px;
}

h2 {
	font-size: 13px;
}

a {
	text-decoration: none;
	color: #333399;
}

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



img {
	border: none;
}




/*----------------------------
					 Header
----------------------------*/

#header {
	margin:10px 0px 0px 0px;
	width: 100%;
	display:block; float:none;
background: url('/img/godsgift/geek.jpg');
background-position: top right;  	
background-repeat: no-repeat;
}

a#logo { display:block; float:left; padding-top: 5px;}

#bloginfo { display:block; float:none; padding: 8px 0px 0px 0px; margin-left:220px; height: 100px; border: 0px none; width: 575px;

}

#bloginfo p {line-height: 150%; display: block; height:20px; overflow: visible;}

#header h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 55px;
	font-weight: normal;
	margin: 0px;
	letter-spacing: 6px;
	color: #000033;
	display: block; float: none; line-height: 100%;
}

#header h1 a {color: #cccccc;}
#header h1 a:hover {color: #333399;}

#header p {
	letter-spacing: 3px;
	color: #003366;
	display: block; float: none; line-height: 100%;
	font-size: 13px;
	padding: 0px 0px 0px 4px;
}

#header .clr { display:block; clear:left; float:none; height:1px; }


/*----------------------------
						Menu
----------------------------*/

#menu{
	background:#01234a; background-image: url('/img/godsgift/dkblue-grad.gif'); background-repeat: repeat-x; background-position: left bottom;
	border-top:1px solid #336666;
	padding: 5px;
	margin-bottom: 20px;
}

#menu ul{
	list-style: none none outside;
	margin: 0;
	padding: 0;	
}

#menu ul li{
	display:inline;
	padding: 0px 12px 0px 9px;
	border-style: none solid none none; border-color: #333366; border-width: 1px;
	text-align:center;
}

#menu ul li.shop{
	display:inline;
	padding: 0px 12px 0px 9px;
	border-style: none solid none none; border-color: #333366; border-width: 1px;
	text-align:center;
	color: #cccccc;
	
}


#menu ul li.shop a{
	color: #cccccc;
font-size: 11px;
}

#menu ul li a{
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #ccffff;
	letter-spacing:1px;
}


div#body {font-family: arial, tahoma, helvetica, sans-serif;}

div#clmRht {width: 300px; float: right; display: block; border:0px none; padding: 0px; text-align: center;}

div#clmRht img.example {border:0px none; display: block;}

div#clmRht img.endimage {display: block; float: right;}

div#clmLft {display: block; float: left; width: 450px; padding: 10px 0px 10px 25px;}

div#clmLft p.question {display: block; font-size: 16px; letter-spacing: 1px; }

div#clmLft p.result {display: block; font-size: 22px; letter-spacing: 2px; }


div#clmLft ul.answers {display: block; list-style: none outside; margin: 20px auto 20px 25px; font-size: 14px; color: #333333; font-weight: bold; padding:0px;}

div#clmLft ul.answers li {padding: 5px 0px 5px 15px; margin: 0px 0px 0px 0px;}

div#clmLft p.rationale {display: block; color: #cc0099; font-size: 14px; padding: 10px; border: dotted 1px #cccccc; background:#E8F1F4;}

div#clrBody {display: block; float: none; clear: both; width: 798px; height: 1px; background-color:#ffffff; border: solid 1px #ffffff;}

p#copyright { text-align:center; font-size:10px; margin:0px 0px; padding:0px 0px;}


div#footer {display: block; clear: both; float: none; width: 100%; border-top: solid 1px #cccccc; margin: 20px 0px 0px 0px; padding: 10px;}

div#buttons {display: block; height: 35px; text-align: left; padding-left: 50px; margin: 0px 0px 20px 0px;}

div#bookmarking {display: block; text-align: left; margin: 10px 0px 10px 0px; float: left; width: 55px;}

div.subbies {margin: 35px 0px 20px 0px; display: block;}

div.subbies p.hdr {display: block; font-weight: bold; letter-spacing: 1px; font-size: 16px; color: #003366; margin: 0px;}

div.subbies p.bdy {font-size: 13px; display: block; margin: 10px 0px;}


div#refer p.hdr {display: block; font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #003366; margin: 0px; padding: 0px;}

div#refer p.bdy span {display: block; padding: 5px; font-size: 11px; color: #0033ff; text-align: center; border-bottom: dotted 1px #cccccc; background:#ffffff;}


div.linkrow {display: block; margin: 20px 0px;}

div.linkview {display: block; margin: 0px; float: right; width: 200px;}

div.linkhtml {display: block; margin: 0px; float: left; width: 200px;}

div.linkhtml textarea {width: 200px; height: 100px; font-size: 10px; }

div.linkclr {display: block; float: none; clear: both; height: 1px; border: solid 1px #ffffff;}


div#highscores {display: block; float: none; border: solid 1px #ffffff; padding: 8px; margin: 5px auto 25px auto;}

div#highscores p.hdr {display: block; float: none; padding: 2px; background: #cc0099; letter-spacing: 1px; font-size: 17px; color: #ffffff; font-family: 'times new roman', serif; font-weight: bold;}

div.highscorerow {color: #cc0099; vertical-align: baseline; border-bottom: dotted 1px #cccccc; padding: 2px;}

div#highscores div.highscorerow p.score {display: block; float: right; font-size: 17px; font-weight: bold; margin: 0px; padding: 0px;}

div#highscores div.highscorerow p.scorer {display: block; float: left; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px;}

div.highscorerowclr {display: block; float: none; clear: both; height: 1px; border: solid 1px #ffffff; margin: 0px; padding: 0px;}



/*------------ FOR INDEX PAGE ON WWW. SERVER ------------------ */


p.areyou {font-size: 26px; letter-spacing: 4px; color: #003366; margin:25px 0px 20px 0px;}

ul.whytake {list-style: none outside; font-size: 14px; letter-spacing: 1px; line-height:150%; margin: 0px; padding:0px;}

ul.whytake li {padding: 11px 0px 12px 0px; margin: 0px;}



/*------------ HIGH SCORES ADDITIONS ------------------ */


#clmLft h1 {display: none;}
#clmLft h2 {display: none;}

#scorestable {display: block; margin: 20px 0px 20px 0px;}

#scorestable div.hdr {background: #cc0099; color: #ffffff; font-weight: bold; letter-spacing: 2px; text-align: center; padding : 4px; font-size: 22px; font-family: 'times new roman', 'times roman', times, serif;}

#scorestable div.scorestablerow {margin:0px; padding: 0px; }

#scorestable div.scorestablerow p.tablescore {display: block; float: right; width: 100px; padding: 5px 10px 5px 10px; text-align: right; border-bottom: dotted 1px #cccccc; margin: 0px;}
#scorestable div.scorestablerow p.tablescorer {display: block; float: left; width: 305px; padding: 5px 10px 5px 10px; text-align: right; margin: 0px; background: url('/img/godsgift/eaf1f8-grad.jpg'); background-repeat: repeat-y; background-position: right top;}
#scorestable div.scorestablerow div.highscorerowclr {display: block; float: none; clear: both; width:400px; height: 1px; padding: 0px; margin: 0px;}


#clmLft p.scorestake {font-size: 14px; letter-spacing: 1px; font-weight: bold; font-style: italic;}

#clmLft p.scorestake a {border-bottom: dotted 1px #0000ff;}
#clmLft p.scorestake a:hover {border-bottom: 0px none;}




/*--------------- SOCIAL BOOKMARKING STUFF --------------------------------------------------------------------------------------*/

div#bookmarks {padding: 5px;}
div#bookmarks.show {display: block; visibility: visible;}
div#bookmarks {display: none; border: dotted 1px #cccccc; visibility: hidden; margin: 0px 30px 0px 30px;}
div#bookmarks ul {list-style: none outside; margin: 0px 0px 0px 0px; padding: 0px; text-align: left;}
div#bookmarks ul li {padding: 5px; margin: 0px;}
div#bookmarks img {vertical-align: middle;}
div#bookmarks a {text-decoration: none;}
div#bookmarks a:visited {color: #3333FF;}
div#bookmarks p {text-align: right; margin: 0px;}