﻿/*  Global Styles for www.homygame.com Public Pages
--------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;	
	font-size: 12px;
	line-height: 150%;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
	/*font-family: 'Aria";',Simsun,arial,verdana,sans-serif,'Lucida Grande','Lucida Sans Unicode',;*/
}

/* Default Link Styles */
a:link {
	color: #666;
	text-decoration: none;	
}
a:visited {
	color: #666;
	text-decoration: none;	
}
a:hover {
	color: #f60;
	text-decoration: none;	
}
a:active {
	color: #f60;
	text-decoration: none;	
}
/* Some yuedings */
div,form,img,ul,ol,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {
	clear: both;
	visibility: hidden;
	}
	
@charset "utf-8";
/* www.homygame.com Public Pages Style Sheets Homepage 
 Copyright 2006, RedheartGame Inc, All Rights Reserved.  */

/*******页头导航*********/

#masthead{
	/* width:980px;*/
    width:100%;
}
#mastheadlogo{
	float:left;
	width:195px;
	height:39px;
	padding-top:5px;
}
#cloud{
	float:right;
	/*width:500px;*/
	height:24px;
	text-align:right;
	padding-top:20px;
	font-weight:bold;
    margin-right:30px;
	background-image: url(../images/nav_02.gif);
	background-repeat:no-repeat;
	color:#0054A6;
	letter-spacing: 1px;
}
#main_nav{
	width:100%;
	margin:0;
}
.nav_left{
/*	width:10px;*/
	float:left;
}
.nav_right{
	/*width:10px;*/
	float:left;
}

#nav_showtop{
	float:left;
	width:100%;
	padding:0;
	height:48px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	background-color: #fff;
	background-image: url(../images/nav_05.gif);
	background-repeat: repeat-x;
}
#nav_showtop ul {
	padding:9px 0px;
	margin:0px;
	list-style:none;
}
#nav_showtop li{
	display:inline;
}

#nav_showtop a{
	width:auto;
	height:36px;
	float:left;
	text-align:left;
	text-decoration:none;
	color:#666;
	font-size:14px;
	font-weight:bolder;
	padding-left:35px;
	padding-right:10px;
	border-right:1px dotted #ccc;
	margin-left:3px;
}
#nav_showtop a:hover{
	text-decoration:none;
	display:block;
	color:#f60;
	text-align:left;
}

#myzone_bg a{
}
#myzone_bg a:hover{
	background: url(images/myzone.gif) no-repeat center left;color:#f60;
}

#photo_bg a{
}
#photo_bg a:hover{
	background: url(images/photo.gif) no-repeat center left;color:#f60;
}

#podcast_bg a{
}
#podcast_bg a:hover{
	background: url(images/podcast.gif) no-repeat center left;color:#f60;
}

#tag_bg a{
}
#tag_bg a:hover{
	background: url(images/tag.gif) no-repeat center left;color:#f60;
}

#shop_bg a{
}
#shop_bg a:hover{
	background: url(images/shop.gif) no-repeat center left;color:#f60;
}

#moblog_bg a{
}
#moblog_bg a:hover{
	background: url(images/moblog.gif) no-repeat center left;color:#f60;
}

#mini139_bg a{
}
#mini139_bg a:hover{
	background: url(images/mini139.gif) no-repeat center left;color:#f60;
}

#family_bg a{
}
#family_bg a:hover{
	background: url(images/family.gif) no-repeat center left;color:#f60;
}

#payment_bg a{
}
#payment_bg a:hover{
	background: url(images/payment.gif) no-repeat center left;color:#f60;
}

#nav span{
	float:left;
	margin:0;
	padding:0;
	line-height: 100%;
}

#nav .current_home{}
#nav .current_home a{display:block;color:#666;}
#nav .current_home a:hover{display:block;color:#f60;}

#nav .current_myzone{}
#nav .current_myzone a{
color:#f60;
background:url(images/myzone.gif) no-repeat center left;
display:block;
}

#nav .current_photo{
}
#nav .current_photo a{
color:#f60;
background:url(images/photo.gif) no-repeat center left;
display:block;
}

#nav .current_podcast{
}
#nav .current_podcast a{
color:#f60;
background:url(images/podcast.gif) no-repeat center left;
display:block;
}

#nav .current_tag{
}
#nav .current_tag a{
color:#f60;
background:url(images/tag.gif) no-repeat center left;
display:block;
}

#nav .current_shop{
}
#nav .current_shop a{
color:#f60;
background:url(images/shop.gif) no-repeat center left;
display:block;
}

#nav .current_moblog{
}
#nav .current_moblog a{
color:#f60;
background:url(images/moblog.gif) no-repeat center left;
display:block;
}

#nav .current_mini139{
}
#nav .current_mini139 a{
color:#f60;
background:url(images/mini139.gif) no-repeat center left;
display:block;
}

#nav .current_family{
}
#nav .current_family a{
color:#f60;
background:url(images/family.gif) no-repeat center left;
display:block;
}

#nav .current_payment{
}
#nav .current_payment a{
color:#f60;
background:url(images/payment.gif) no-repeat center left;
display:block;
}

.text10{
	color:#999;
	font-size:10px;
	width:auto!important;
	height:auto;
	float:left;
	font-weight:normal;
}
.nonce{
	color:#f60;
	font-size:10px;
	width:auto!important;
	height:auto;
	float:left;
	}

/************/
#menu{
	width:980px;
	margin:0 auto 7px auto;
}

.submenu1 {
	color:#fff;
	text-align:center;
}
.submenu1 a:link  {
	color: #fff;
}
.submenu1 a:visited {
	color: #fff;
}
.submenu1 a:hover {
	color: #fff;
}
.submenu1 a:active  {
	color: #fff;
}
.submenu{
	color:#A863A8;
	font-weight:bold;
	background:url(images/nav_10.gif) repeat-x top;
	text-align:center;
}

.submenu2{
	display:block;
	background:url(images/nav_06.gif) no-repeat left;
	text-align:center;
	}

.submenu2 a:link {
	color: #0071BC;
}
.submenu2 a:visited {
	color: #0071BC;
}
.submenu2 a:hover {
	color: #000;
}
.submenu2 a:active  {
	color: #000;
}

/***Ȩ***/
#footer{
	margin:0 auto;
	border-top:5px solid #287958;
	background-color:#328567;
	padding-top:10px;
	width:980px;
	height:25px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footer a:link{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#footer a:visited{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#footer a:active{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
