html {margin:0px; padding:0px;}

/* #0033CC = dark blue
   #0099FF = light blue
   #990033 = magenta
   #66CC33 = neon green */


/* body {background-color:#6C3; text-align:center; margin:0px; padding:0px; overflow-x:hidden; z-index:0;} */
/* body {background-color:#7ECC58; background-image:url(/hm/gfx/templates/unot2007/background_grassy.png); text-align:center; margin:0px; padding:0px; overflow-x:hidden; z-index:0; } */

body {
	background: #669933 url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/unot-background2.jpg') fixed; 
	text-align:center; margin:0px; padding:0px; overflow-x:hidden; z-index:0; 
}

p.info {font-size:100%; color:#000; line-height:1.3em; font-family:verdana, helvetica, sans-serif;}
a:link, a:visited {color:#03C; text-decoration:none; border-bottom:1px dashed #903;}
a:hover {color:#09F; text-decoration:none; border-bottom:1px solid #FFF;}

p.smalltext {font-size:80%;}

/*links back to game/index.php on left_nav.htm */
a.gamelink:link, a.gamelink:visited, a.gamelink:hover {border-bottom:none; text-decoration:none;}

span.title1 {font-size:100%; color:#001E80; font-weight:bold; font-family:verdana, helvetica, sans-serif;}
span.title2, .bold {font-size:100%; color:#001E80; font-weight:bold; font-family:verdana, helvetica, sans-serif;}
span.title3 {font-size:125%; color:#001E80; font-weight:bold; font-family:verdana, helvetica, sans-serif;}
span.title4 {font-size:150%; color:#001E80; font-weight:bold; font-family:verdana, helvetica, sans-serif;}

.italic {font-style:italic;}

h1, h2, h3 {color:#80002B;}
h1 {line-height:1.2em}

ul, ul.list {
	list-style-image: url('/hm/gfx/greendot.gif');
	margin-top:5px;
	padding-top:0px;
}

ul, ul.list li {
	font-family: Verdana, Helvetica, "sans serif"; 
	color:black;
	/* font-size:10pt; */
	margin-bottom:7px;
}


/* navigation style */
p.nav {font-size:11px; color:#000; line-height:1.5em; font-family:verdana, helvetica, sans-serif;}
.gameTitlePush {margin-left:14px;} 
a.gameTitle:link {color:#03C; text-decoration:none; border:none;}
a.gameTitle:visited {color:#03C; text-decoration:none; border:none;}
a.gameTitle:hover {color:#09F; text-decoration:none; 
	background-image:url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/gameTitle_hover.png'); 
	background-repeat:no-repeat; border:none;}



/* harvest moon nav bar */
#leftNav {float:left; width:175px; 
	border:4px solid #09F; background-color:#FFF; 
	margin:0px 20px 12px 20px; 
	text-align:left; font-family:verdana, helvetica, sans-serif; z-index:4;}
	.leftNav_top {background-image:url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/hm_nav_img.png'); border-bottom:4px solid #09F; 
		height:35px; background-position:top right; z-index:2;}

/* river king nav bar, mailing list form, and offsite links */
#rightNavBox {float:right; width:183px; margin:0px 20px 20px 20px; }
.rightNav {border:4px solid #09F; background-color:#FFF; margin:0px;
	text-align:left; font-family: verdana, helvetica, sans-serif; font-size:10pt; line-height:1.3em;}
	a.banners:link, a.banners:visited, a.banners:hover, .banners {text-decoration:none; border-bottom:0px; margin:5px;}

/* Top GoogleAds and release dates */
#aboveTitle {margin: 20px 20px 10px 20px; width:auto; height:98px;}
	.topAdsense {border:4px solid #09F; background-color:#FFF; 
		text-align:center; height:90px; width:728px; float:left; z-index:2;}
	.releaseDates {border:4px solid #09F; background-color:#FFF;
		width:auto; float:right; z-index:2; font-family:verdana, helvetica, sans-serif; font-size:10pt; margin-bottom:10px; }
	.releaseDatesContent {font-family:verdana, helvetica, sans-serif; font-size:8pt; 
		color:#000; padding: 7px; text-align:left; line-height:1.8em;}
	.topAdsensetest {border:4px solid #09F; background-color:#FFF; 
		text-align:center; height:75px; width:740px; float:left; z-index:2;}

/* UNoT logo */
#topTitle {width:auto; border:4px solid #09F; background-color:#FFF; 
	background-image:none; text-align:center; height:120px; overflow:hidden;
	margin:10px 20px 10px 20px; z-index:2; clear:both;}

/* phpUpdate blog navigation links */
#middleLinks {border:4px solid #09F; background-color:#FFF; margin-left:216px; margin-right:216px; 
	text-align: center; margin-bottom:16px; vertical-align:middle;}
#middleLinksGame {border:4px solid #09F; background-color:#FFF; margin-left:216px; margin-right:18px; 
	text-align:left; margin-bottom:16px; height:40px; margin-top:2px; vertical-align:middle;}
#rkmiddleLinksGame {border:4px solid #09F; background-color:#FFF; margin-right:216px; margin-left:18px; 
	text-align:left; margin-bottom:16px; height:40px; margin-top:2px; vertical-align:middle;}

/* phpUpdate blog section*/
#middleContentBox {background-image:url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/thomas_background_grassy.png'); 
	background-repeat:no-repeat; background-position:bottom right; padding-bottom:97px; 
	margin-right:216px; margin-left:216px; margin-bottom:-20px; min-height:880px;}

	#middleContent {
		border-top:4px solid #09F; border-right:4px solid #09F; border-left:4px solid #09F; border-bottom:none;
		background-color:#FFF; text-align:left; min-height:860px; 
		padding:10px; font-family:verdana, helvetica, "sans-serif"; font-size:.9em; line-height:1.5em;
	}

/* harvest moon section - content box flush with right side*/
#gameContentBox {background-image:url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/thomas_background_grassy.png'); 
	background-repeat:no-repeat; background-position:bottom right; padding-bottom:97px; 
	margin-right:18px; margin-left:216px; margin-bottom:-20px;}
#gameContent {
	border-top:4px solid #09F; border-right:4px solid #09F; border-left:4px solid #09F; border-bottom:none;
	background-color:#FFF;	text-align:left;
	padding:15px; font-family:verdana, helvetica, sans-serif; font-size:.9em; /*line-height:1.5em; */
	}

/* river king section - content box flush with left side */

#rkgameContentBox {background-image:url('https://c4bfc4f9c00c148166fb-86fa4569d0e8fcd4f08730ec2ad1eca8.ssl.cf2.rackcdn.com/thomas_background_grassy.png'); 
	background-repeat:no-repeat; background-position:bottom right; padding-bottom:97px; 
	margin-right:216px; margin-left:18px; margin-bottom:-20px;}

/* Bottom GoogleAds */
#belowTitle {margin: 0px 20px 20px 20px;
	height:100px; z-index:4; width:97%;}
	.bottomAdsense {border:4px solid #09F; background-color:#FFF; z-index:4; 
	height:90px; width:728px; margin-left:auto; margin-right:auto;
	}

/* image placement */
img.floatRight, img.floatright {float:right; margin:10px;}
img.floatLeft, img.floatleft {float:left; margin:10px;}
img.roundc {border-radius:15px;}
img.thomas {float:left; z-index:1; margin-top:-130px; margin-left:110px;}
img.moi{position:absolute; top:75px; left:75%; z-index:1;}

.blog-center {display:block; margin:0px auto; max-width:100%; height:auto; border-radius:10px;}
.blog-right {float:right; margin: 0px 0px 20px 20px; max-width:100%; height:auto; border-radius:10px;}

blockquote {
	margin:25px; padding:25px; 
	border:2px solid #990033; 
	border-radius:15px; 
	background-color: #FFFFCC; 
	box-shadow: 6px 7px 5px 0px rgba(180,180,180,0.75);
}

table {font-family:verdana, helvetica, sans-serif;}
	table td {font-family:verdana, helvetica, sans-serif; /* font-size:10pt; */ color:#000; padding:5px; line-height:1.3em;}

table.tbseperator {
	border:none;
	margin-left:auto;
	margin-right:auto;
}

table.tbseperator td{
	vertical-align:top;	
	border:none;
	padding:5px 20px;	
}

table.data {
	border:none;
	margin-left:auto; 
	margin-right:auto;
	background-color:#0099FF;
}
	table.data td, table.data th {
		font-family:verdana, helvetica, sans-serif; 
		/*font-size:80%; */
		color:#000; 
		padding:5px 5px; 
		line-height:1.3em;
		
	}
	table.data tr {background-color:#FFFFFF;}
	table.data tr.color, .colorSwap, .colorswap, table.data tr:nth-child(even) {background-color:#D9F0FF;}
	table.data th {text-align:center;}
	table.data td {border:none;}

	table.data tr:hover {background-color:#D2FBBE;}

	table.data td.spoiler {background-color:white; color:white;}
	table.data td.spoiler:hover {background-color:white; color:#03C;}

div.clear {display:block; clear:both;}

span.credit {font-size:80%;}
span.smalltext {font-size: 80%; line-height:1.1em;}

/* blog navigation menu */
a.menu:link, a.menu:visited {border:none; text-decoration:none;}
a.menu:hover {text-decoration:none;}
.menuImage {border:none; margin: 5px 1% 5px 1%;}

div.st_blogdivider {text-align:center; padding:15px;}
font.st_blogtitle {font-weight:bold; color:#03C; font-family: tahoma, verdana, sans-serif; font-size:150%;}
div.st_blogspacing {padding:5px;}
font.st_blogcommline {padding:5px;}

/* css for table that wraps prev and next links on blog */
.st_prevnext {border:none;}
.st_prevnext td {font-size:10pt; font-family: verdana, helvetica, sans-serif;}

/* contact form style */
.msg_title {font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12pt; color:#03C;}
.msg_fieldtitle {font-family:verdana, arial, sans-serif; font-weight:bold; font-size:10pt; color:#03C;}
.msg_firstn, .msg_email, .msg_text, .msg_select {font-family:verdana, arial, sans-serif; 
	font-weight:normal; font-size:8pt; color:#000000; color:purple; padding:2px; margin:2px;}
.msg_paragraph {color:#000000; font-family: verdana, heltica, sans-serif; 
font-size:10pt;}

/* innocent life wiki */
hr.wikibar {color:#990033; background-color:#990033; width:90%; height:2px; margin: 40px; clear:right;}

/* this css file is for the blog comments */

#blogcommentbox {border:4px solid #09F; background-color:#FFF; 
	font-family:verdana, helvetica, sans-serif; font-size:10pt; color:#000; margin:20px; padding:4px;}
.st_commentshead {font-size:12pt; color:#03C; font-weight:bold;}
.st_commentsname {font-size:10pt; color:#03C; font-weight:bold;}
.st_commentstext {font-size:10pt;}
.st_blogdateline {font-size:8pt; color:#903; padding:5px 0px 5px 0px;}

a.st_commentslink:link, a.st_commentslink:visited {color:#03C; text-decoration:none; 
	border-bottom:1px dashed #903;}
a.st_commentslink:hover {color:#09F; text-decoration:none; border:none;}

div.st_blogspacing {padding:10px;}

/* Friend Code Generator */

fc_center{
	text-align:center;
}

table.fc_table {
	width:80%;
	margin: 0px auto 20px auto;
}

table.fc_table td {
	text-align:center;
}