body {
	background-color: #8EB7DA;
	margin:0px; padding-top:2px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#Top_AjaxImg{display:none; position: absolute; top: 100px; left:100px; height:16px; width:16px; background: url('images/loading.gif') no-repeat center; }
#content .post{
	font-size: 100%;
	width: 100%;
	color: #4F402A;
	margin: 0 0 0 0;
}

#content .postop {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
}

#content .postop .pheadfill {
			margin: 0 0 0 0;
			padding: 10px 30px 5px 0;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}

#content .storycontent{
			margin: 0 0 0 0;
			padding: 2px 30px 31px 30px;
}

.thecontent{
	width: 60%;
	float: left;
}

.storytitle {
	text-decoration: none;
	font-size:12px;
	line-height:1px;
	height:1px;
}

#content .post .storycontent p img.left{
float: left;
border: none;
margin-right: 15px;
margin-bottom: 10px;
}

#content .post .storycontent p img.right{
float: right;
border: none;
margin-left: 15px;
margin-bottom: 10px;
}

#content .post .storycontent p img.centered{
border: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}


/*  roudn corners */

#content {
	width: 910px;
    margin :0 auto;
    padding:0px;
	text-align: left;
}

#header {
	width: 910px;
	color: #4F402A;
	margin :0 auto;
	text-transform: capitalize;
	clear: both;
	padding: 0 0 0 0;
}

#footer {
	width: 910px;
	color: #4F402A;
	margin :0 auto;
	text-transform: capitalize;
	clear: both;
	padding: 0 0 0 0;
}

.reset{
	clear: both;
	height: 1px;
}

/*----------------------- METAS ------------------------*/

.themeta{
	width: 35%;
	float: right;
	color: #333;
	padding-left: 25px;
	line-height: 20px;
}
.thecontent ul {
	list-style-type:none; margin:auto; padding:0;
}
.thecontent li {
	line-height:24px; margin-bottom:6px; font-size: 12px; text-align:left; 
}

.themeta li, ul.post-meta li {
	line-height:24px; margin-bottom:6px; font-size: 12px; text-align:left; 
}

.themeta ul {
	display: inline;
	list-style: none;
	margin:auto;
	padding: 0;
}

.themeta span{
	color: #333;
	padding-right: 6px;
}

.themeta a {
	color: #83B5DA;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
}

.themeta a:hover{
	color: #74C0FA;
}

/*----------------------- HEADER -----------------------*/

#headercontent{
			margin: 0 0 0 0;
			padding: 0px 30px 31px 20px;
}

#header .fboxhead{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
}

#header .fboxhead .fheadfill{
			margin: 0 0 0 0;
			padding: 5px 30px 5px 0;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}

#header a{
	text-decoration: none;
	color: White;
	font-size:12px;
	margin:0px 6px 0px 6px;
}

#header a:hover{
	background: White;
	color: #74C0FA;
	margin:0px 6px 0px 6px;
}

#header p {
	margin: 0 10px;
}

#header .rss{
	padding-left: 15px;
}

#pagination{
	margin-left: 35px;
	color: White;
}

.credit {
	color: #fff;
	font-size: 12px;
	text-align: left;
	margin: 0 0 10px 10px;
	float: left;
}

.headermeta{
	color: #fff;
	font-size: 11px;
	float: right;
	margin: 0 10px 10px 0;
}

.headermeta a{
	color: White;
	text-decoration: none;
	margin-left: 5px;
}

.resethead{
	height: 10px;
}

/*----------------------- FOOTER -----------------------*/
#footer .credit2 {
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin: 0 0 10px 2em;
	float: left;
}

/* Theme Images */


#content .post{
	background: url('images/csbbody-r.gif') no-repeat bottom right;
}

#content .postop {
			background: url('images/csbhead-r.gif') no-repeat top right;
}

#content .postop .pheadfill {
			background: url('images/csbhead-l.gif') no-repeat top left;
}

#content .storycontent{
			background: url('images/csbbody-l.gif') no-repeat bottom left;
}

.licontainer{
	background: url('images/subitem.gif') repeat-x bottom left;
}

#header {
	background: url('images/fbbody-r.gif') no-repeat bottom right;
}

#headercontent{
			background: url('images/fbbody-l.gif') no-repeat bottom left;
}

#header .fboxhead{
			background: url('images/fbhead-r.gif') no-repeat top right;
}

#header .fboxhead .fheadfill{
			background: url('images/fbhead-l.gif') no-repeat top left;
}

/* End Theme Images */

/*----------------------- INPUT -----------------------*/
.input_orc 
{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	background: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding-left:3px;
	border:1px solid #BABABA;
}
.button_orc {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	height: 22px;
	width:62px;
	margin-left:42px;
	border: 1px solid #BABABA;
	color: #000000;
	background-color: #F5F5E9;
	cursor:pointer;
}

/*----------------------- MESSAGE -----------------------*/
.ContentCheckMsg {
	color: #333;
	padding-left: 20px;
	background-color:#ccc;
	background: url('images/msgbk2.png') no-repeat left center;
}
/*----------------------- WEB GAME LAYOUT -----------------------*/

.thecontent_left{
	width: 140px;
	float: left;
	background-color:#fff;
}

.themeta_right{
	margin:0 auto;
	width:680px;
	float: left;
	color: #333;
	padding-left: 25px;
	background-color:#fff;
}

.Right_top{ float:left; 	margin:0 auto;
	width:680px; height:32px; line-height:32px; clear:both; }
/*----------------------- WEB GAME LAYOUT UI-----------------------*/
.thecontent_left ul {
	list-style-type:none; margin:auto; padding:0;
}
.thecontent_left li {
	line-height:22px; font-size: 12px; text-align:left; 
}

.themeta_right li {
	line-height:22px; font-size: 12px; text-align:left; 
}

.themeta_right ul {
	display: inline;
	list-style: none;
	margin:auto;
	padding: 0;
}

.thecontent_left span{
	color: #fff;
	width:120px;
	display:block;
	text-align:center;
	background: url('images/titlebk1.gif') no-repeat center;
}

.themeta_right span{
	color: #333;
	padding-right: 6px;
}

.thecontent_left a {
	color: #333 ;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
	padding-left:22px;
	padding-right: 30px;
}

.thecontent_left a:hover
{
	color: #333;
	padding-left:22px;
	padding-right: 30px;
	background: url('images/onebit_29.gif') no-repeat right center;
}

.themeta_right a {
	color: #83B5DA;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
}

.themeta_right a:hover
{
	color: #74C0FA;
}

.themeta_right input{-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}

/*----------------------- WEB GAME UI-----------------------*/

a.pub:link, a.pub:visited { margin:0; padding:0px 4px 0 4px; font-size:12px; font-weight:normal; text-decoration:none; color:#6d9101; }
a.pub:hover { margin:0; padding:0px 4px 0 4px; text-decoration:underline; color:#6d9101; }


.libraryDiv{ float:left; margin:0 auto; width:680px; height:340px; clear:both; overflow-y:scroll; background-image:url("Images/bg.gif"); }
.mapDiv { float: left; margin:0 auto; width:680px; height:350px; clear:both; border:solid 1px #000; clear:both; }
.seartchdiv { float: left; margin:0 auto; line-height:2.4em; height:2.4em; width:680px; clear:both; display:block; }
.Target{position: absolute; display:none; }


ul.pub {list-style-type:none; margin:0px; }
ul.pub li { line-height:22px; font-size: 12px; text-align:left;  }
ul.pub span { padding-right:8px; }
ul.pub .span1 { padding:0px 8px 0px 8px; color:red; }
ul.pub .span2 { color:#6d9101; }
ul.pub .span3 { padding:0px 8px 0px 8px; color:#6d9101; }
ul.pub .span4 { padding:0px 0px 0px 20px; color:#666; }
ul.pub .seartchText { margin:0 auto; line-height:1.6em; width:auto; height:auto; clear:both; font-size: 12px;}

ul.map {list-style-type:none; margin:0px;}
ul.map li {display:inline; }
ul.map img { margin:12px 6px 0px 24px; cursor:pointer; }


ul.shop {list-style-type:none; margin:0px; width:680px;}
ul.shop li {float:left; margin-top:1em; margin-right:0.6em; }
ul.shop img { width:64px; height:64px; cursor:pointer; }
ul.shop span{ color:red; }



ul.Content {list-style-type:none; margin:0px;}
ul.Content li { padding:0; padding-top:0.1em; line-height:2em; }
a.Content_address:link, a.Content_address:visited { padding-left:18px; padding-right:2px; font-size:12px; font-weight:normal; text-decoration:none; color:#6d9101; background:url("Images/address.gif") no-repeat left top; }
a.Content_address:hover { padding-left:18px; padding-right:2px; text-decoration:underline; color:#6d9101; background:url("Images/address.gif") no-repeat left top; }
a.Content_action:link, a.Content_action:visited { padding-left:18px; padding-right:2px; font-size:12px; font-weight:normal; text-decoration:none; color:#6d9101; background:url("Images/hgrid_crumbs.gif") no-repeat left top; }
a.Content_action:hover { padding-left:18px; padding-right:2px; text-decoration:underline; color:#6d9101; background:url("Images/hgrid_crumbs.gif") no-repeat left top; }
a.Content_seek:link, a.Content_seek:visited { padding-left:18px; padding-right:2px; font-size:12px; font-weight:normal; text-decoration:none; color:#6d9101; background:url("Images/Seek01.gif") no-repeat left top; }
a.Content_seek:hover { padding-left:18px; padding-right:2px; text-decoration:underline; color:#6d9101; background:url("Images/Seek01.gif") no-repeat left top; }
a.muise:link, a.muise:visited { padding-left:18px; padding-right:2px;font-size:12px; font-weight:normal; text-decoration:none; color:#8EB7DA; background:url("Images/muise.gif") no-repeat left top; }
a.muise:hover { padding-left:18px; padding-right:2px; text-decoration:underline; color:#8EB7DA; background:url("Images/muise.gif") no-repeat left top; }
ul.Content span { padding:0px 2px 0px 2px; color:red; }
ul.Content .span1 { color:#6d9101; }
ul.Content .spanWrite { margin-left:100px; color:#6d9101;}

.btnSubmit{ height: 22px;width:80px; border: 1px solid #BABABA; color: #000000;	background-color: #F5F5E9;cursor:pointer; }
.btnSeartch{ height: 22px;width:62px;margin-left:8px;border: 1px solid #BABABA; color: #000000;	background-color: #F5F5E9;cursor:pointer; }
input.pub{ margin-left:6px; margin-right:6px; font-size: 12px; background-color:#fff; color:Red; border:#ccc solid 1px; padding-left:4px;}
input.Seartch{ font-family: Tahoma, Arial;	font-size: 12px; background: #FFFFFF; margin:0px 0px 0px 0px;width:200px;padding-left:3px;border:1px solid #BABABA;}
input.talking{ font-family: Tahoma, Arial;	font-size: 12px; background: #FFFFFF; margin:0px 0px 0px 0px;width:200px;padding-left:3px;border:1px solid #BABABA;}
input.mapping{ font-family: Tahoma, Arial;	font-size: 12px; background: #FFFFFF; margin:0px 0px 0px 0px;width:200px;padding-left:3px;border:1px solid #BABABA;}
		
#skillResult { line-height:32px; }
#skillResult span{ margin-top:4px; }
#MediaPlaye {margin:0 auto;}
#shoptalk {float:left; margin:0 auto; width:680px;clear:both;}