/*
Theme Name: E-cup-newyear
Theme URI: http://www.emptycup.cn/
Description:  A High-Quality Wordpress Theme designed by <a href="http://www.EmptyCup.cn/">EmptyCup</a>.
Version: 1.0
Author: EmptyCup
Author URI: http://www.EmptyCup.cn/
Tags: pink, black, fixed width, Lovers, two columns, widgets enabled
*/
/* global css */
body{ margin:0 auto; padding:0; width:100%; font-family: '����', Arial, Verdana, Sans-Serif; font-size:12px; text-align:left; 
position: relative;
	color: #414141;
	font: 12px/18px "Helvetica Neue", Arial, sans-serif;
	background: #dcdcdc;


}

html{ margin:0 auto; padding:0;}
div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,blockquote,th,td { margin:0; padding:0;}
input,select{ line-height:16px;}
img,a img{border:0;}




/* Images */

a img {
	border: none;
	outline: none;
}



ul,ol,li{list-style:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

.clear{ font-size:1px; width:1px; height:0; line-height:0; margin-top:0px!important; *margin-top:-1px; clear:both; visibility:hidden;}

/* Default Link */
a:link, a:visited{ color:#24282B; text-decoration:none;}
a:hover{ color:#5ac8f2; text-decoration:none;}




/* Head */

#head, #top-tier, #mid-tier, #low-tier, #foot {
	position: relative;
}

img {
	display: block;
}

a:focus {
	outline: none;
}

/* @group Headers */

#top-tier h1, #mid-tier h2, #low-tier h2 {
	font-size: 17px;
	line-height: 24px;
}

#top-tier h1 a, #top-tier h1 small, #mid-tier h2 a, #mid-tier h2 small, #low-tier h2 a, #low-tier h2 small {
	font-size: 14px;
	background-color: #bfbfbd;
	text-decoration: none;
	padding: 1px 6px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#top-tier h1 a:hover, #mid-tier h2 a:hover, #low-tier h2 a:hover {
	background-color: #c8c7c5;
}

/* @end */

/* @group Links */

#head a, #top-tier a, #mid-tier a, #low-tier a, #foot a {
	text-decoration: none;
}

#head a:hover, #top-tier a:hover, #mid-tier a:hover, #low-tier a:hover, #foot a:hover {
	text-decoration: none;
}

/* @end */

/* @group Wraps */

#container {
	min-width: 980px;
}

.contain {
	padding-bottom: 30px;
	padding-top: 20px;
	overflow: hidden;
}

.wrap {
	position: relative;
	width: 980px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	z-index: 1;
}

.index_flash{ background:url(images/02.jpg) no-repeat; width:950px; height:334px; margin:0 auto;}

.left {
	clear: both;
	float: left;
}

.right {
	float: right;
}

/* @end */

/* @group Search */

#top-tier form#global-search {
	float: right;
	width: 245px;
	height: 31px;
	padding-right: 12px;
	display: none;
}

#top-tier form#global-search fieldset {
	background: url(images/top-tier/search-field.gif) no-repeat;
	width: 245px;
	height: 31px;
	display: block;
	border-style: none;
	position: relative;
}

#top-tier form#global-search fieldset input {
	border-style: none;
	background-color: transparent;
	padding-left: 30px;
	color: #4b4b4b;
	font: bold 12px/18px "Helvetica Neue", Arial, sans-serif;
	text-shadow: #ddd 0 -1px 1px;
	padding-top: 7px;
	padding-bottom: 5px;
	width: 215px;
}

#top-tier form#global-search fieldset button {
	background-image: url(images/top-tier/search-button.gif);
	padding: 0;
	margin: 0;
	width: 56px;
	height: 24px;
	border-style: none;
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 3px;
	font: bold 12px/18px "Helvetica Neue", Arial, sans-serif;
	text-shadow: #fff 0 -1px 1px;
	color: #4b4b4b;
}



/* @end */

/* @group Intros */

.intro p {
	float: left;
	padding-left: 0;
	padding-bottom: 14px;
}

.intro p:first-child {
	font-size: 13px;
}

/* @end */

/* @group Sections */

#the-section {
	width: 986px;
	margin-left: -3px;
	position: relative;
	background: url(images/mid-tier/section.gif) repeat-y -986px;
	padding-bottom: 8px;
	text-shadow: #fff 0 -1px 1px;
	float: left;
	display: inline;
	zoom: 1;
}

#the-section .left {
	width: 677px;
	padding-left: 22px;
	padding-right: 16px;
	background: url(images/mid-tier/section.gif) no-repeat left top;
	padding-top: 18px;
	display: inline;
}

#the-section .right {
	width: 271px;
	background: url(images/mid-tier/section.gif) no-repeat -715px top;
	padding-top: 14px;
	display: inline;
}

#the-section .endit {
	width: 100%;
	height: 8px;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(images/mid-tier/section.gif) right bottom;
}

/* @end */

/* Head */

#head {
	background: #323232 url(images/head/background.jpg) repeat-x center bottom;
	height: 174px;
	color: #fff;
	text-shadow: #111 0 -1px 1px;
	padding-top: 2px;
}

#head a {
	color: #bbbbbb;
}

/* @group Takeover */

#takeover {
	height: 128px;
	width: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#takeover a {
	position: absolute;
	left: 50%;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 99;
}

#takeover a#eliminate {
	margin-left: -655px;
	width: 150px;
	height: 128px;
	z-index: 5;
}

#takeover a#eliminate-link {
	margin-left: -190px;
	margin-top: 16px;
	width: 89px;
	height: 40px;
}

#takeover a#touchpets {
	margin-left: 510px;
	width: 150px;
	height: 128px;
}

#takeover a#touchpets-link {
	margin-top: 16px;
	width: 80px;
	height: 40px;
	margin-left: -86px;
}

/* @end */

/* @group Head */

#head h1 {
	float: left;
	display: inline;
	width: 532px;
	height: 100px;
	padding-top: 10px;
	padding-left: 10px;
	background: url(images/head/logo.gif) no-repeat;
	display: block;
}

#head h1 a {
	display: block;
	width: 200px;
	height: 89px;
	text-indent: -9999px;
	overflow: hidden;
}

#head ul {
	float: left;
	display: inline;
	background: none;
	padding-bottom: 4px;
	width: 320px;
	margin-left: 70px;
	list-style: none;
	z-index: 1;
	padding-top: 52px;
}

#head ul li {
    line-height:18px;
	display: inline;
	font-size: 11px;
}

#head ul li.twitter {
	padding-left: 23px;
	width: 115px;
}

#head ul li.facebook {
	padding-left: 22px;
	width: 130px;
}

#head ul li a {
	font-weight: bold;
	text-decoration: none;
}

#head ul li a:hover {
	text-decoration:none;
}

/* @end */

/* @group Nav */

#nav {
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	padding-left: 4px;
	padding-right: 9px;
}

#nav ol {
	float: left;
	list-style: none;
	height: 40px;
}

#nav ol.primary {
	float: left;
}

#nav ol.secondary {
	float: right;
}

#nav ol li {
	float: left;
	display: inline;
	height: 40px;
}

#nav ol.primary li {
	margin-right: 4px;
}

#nav ol.secondary li {
	margin-left: 4px;
}

#nav ol li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(images/head/nav.gif);
	height: 40px;
}

#nav ol li.home a {
	width: 48px;
	background-position: 0 0;
}

#nav ol li.home a:hover {
	background-position: 0 -40px;
}

#home #nav ol li.home a {
	background-position: 0 -80px;
}

#nav ol li.about a {
	width: 130px;
	background-position: -48px 0;
}

#nav ol li.about a:hover {
	background-position: -48px -40px;
}

#about #nav ol li.about a {
	background-position: -48px -80px;
}

#nav ol li.get a {
	width: 115px;
	background-position: -178px 0;
}

#nav ol li.get a:hover {
	background-position: -178px -40px;
}

#get #nav ol li.get a {
	background-position: -178px -80px;
}
#nav A{ color:#FFFFFF}

#nav ol li.games a {
	width: 96px;
	background-position: -293px 0;
}

#nav ol li.games a:hover {
	background-position: -293px -40px;
}

#games #nav ol li.games a, #game #nav ol li.games a {
	background-position: -293px -80px;
}

#nav ol li.news a {
	width: 87px;
	background-position: -389px -40px;
    font-size:14px;
	text-indent:0px;
	line-height:40px;
	text-decoration:none; font-weight:bolder; text-align:center;
	
}

#nav ol li.news a:hover {
	background-position: -389px -80px;
	color:#af1203;
}

#news #nav ol li.news a {
	background-position: -389px -80px;
		color:#af1203;
}

#nav ol li.support a {
	width: 95px;
	background-position: -476px 0;
}

#nav ol li.support a:hover {
	background-position: -476px -40px;
}

#support #nav ol li.support a {
	background-position: -476px -80px;
}

#nav ol li.contact a {
	width: 92px;
	background-position: -571px 0;
}

#nav ol li.contact a:hover {
	background-position: -571px -40px;
}

#contact #nav ol li.contact a {
	background-position: -571px -80px;
}

#nav ol li.developers a {
	width: 125px;
	background-position: -663px 0;
}

#nav ol li.developers a:hover {
	background-position: -663px -40px;
}

#developers #nav ol li.developers a {
	background-position: -663px -80px;
}

/* @end */

/* @group Call */

.call {
    background: url(images/head/bubble.gif) no-repeat;
	position: absolute;
	padding: 14px 18px 24px;
	width: 317px;
	height: 83px;
	top: 25px;
	right: 7px;
	zoom: 1;
}



.call h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	position: relative;
	padding-bottom: 6px;
}

.call h2 a {
	background-image: url(images/head/apply.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 154px;
	height: 29px;
	top: 1px;
	right: 0;
}

.call h2 a:hover {
	background-position: 0 -29px;
}

.call h2 a:active {
	background-position: 0 -58px;
}

.call p {
	float: left;
	width: 144px;
	font-size: 11px;
	line-height: 16px;
}

div.call h2 + p {
	width: 162px;
	padding-right: 11px;
}

.call p a {
	font-weight: bold;
}

/* @end */

/* Top Tier */

#top-tier {
	background: #efefef url(images/top-tier/background.jpg) repeat-x center top;
	color: #414141;
	text-shadow: #eee 0 -1px 1px;
	z-index: 9;
}

#top-tier .contain {
	background: url(images/top-tier/ledge.gif) repeat-x center bottom;
}

#top-tier .head {
	overflow: hidden;
	padding-bottom: 12px;
}

#top-tier h1 {
	background: url(images/icons/plus-dark.gif) no-repeat 0 5px;
	font-size: 18px;
	padding-left: 20px;
	float: left;
	display: inline;
}

#top-tier a {
	color: #414141;
}

/* @group Home */

#home #top-tier .left {
	width: 705px;
}

#home #top-tier .right {
	width: 268px;
	padding-top: 3px;
}







/* @group Spotlight */

#spotlight {
border:3px #999999 solid;
	width: 689px;
	height: 305px;
	padding: 7px 8px 9px;
	position: relative;
	margin-left: -4px;
}

#spotlight .menu {
	width: 219px;
	float: left;
}

#spotlight .menu strong {
	display: block;
	background: #3c3c3c url(images/top-tier/spotlight-bar.gif) repeat-x 0 top;
	font-size: 14px;
	color: #fff;
	text-shadow: #222 0 -1px 1px;
	padding-top: 8px;
	padding-bottom: 10px;
	line-height: 18px;
	padding-left: 14px;
}

#spotlight .menu ul {
	list-style: none;
}

#spotlight .menu ul li {
	background: #ededed url(images/top-tier/spotlight-tab.gif) repeat-x;
	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #d5d5d5;
	height: 88px;
	position: relative;
	line-height: 14px;
}

#spotlight .menu ul li#hero3-link {
	border-bottom: none;
}

#spotlight .menu ul li a {
	display: block;
	height: 67px;
	padding-left: 90px;
	padding-right: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 21px;
	text-shadow: #fff 0 -1px 1px;
	color: #777;
}

#spotlight .menu ul li a:hover {
	background-color: #f6f6f6;
	color: #4b4b4b;
}

#spotlight .menu ul li a.activeSlide {
	color: #36a3f1;
	background-color: #f6f6f6;
}

#spotlight .menu img {
	position: absolute;
	top: 12px;
	left: 14px;
}

#spotlight .menu .mask {
	position: absolute;
	top: 12px;
	left: 13px;
	width: 65px;
	height: 65px;
	background: url(images/top-tier/spotlight-mask.png) no-repeat;
	z-index: 9;
}

#spotlight .hero {
	overflow: hidden;
	float: right;
	width: 470px !important;
	height: 305px !important;
	position: relative;
	background-color: #000;
}

#spotlight .hero #hero1, #spotlight .hero #hero2, #spotlight .hero #hero3 {
	width: 470px;
	height: 305px;
	position: relative;
}

#spotlight .hero strong {
	background-image: url(images/top-tier/spotlight-shade.png);
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 14px;
	width: 456px;
	padding-top: 9px;
	color: #fff;
	text-shadow: #444 0 -1px 1px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 17px;
}

#spotlight em.shadow {
	background: url(images/top-tier/spotlight-shadow.png) no-repeat;
	height: 305px;
	width: 3px;
	position: absolute;
	z-index: 9;
	left: 227px;
	top: 7px;
}

#spotlight .hero a {
	text-decoration: none;
	float: left;
}

/* @end */

/* @group News Widget */

#news-widget {
	background: #454545 url(images/top-tier/newswidget.gif) no-repeat right bottom;
	padding-bottom: 3px;
}

#news-widget .head {
	background: url(images/top-tier/newswidget.gif) no-repeat left top;
	font-size: 14px;
	padding: 4px 3px 0;
}

#news-widget .head strong {
	background: url(images/top-tier/newswidget-head.gif) repeat-x;
	display: block;
	color: #fff;
	text-shadow: #222 0 -1px 1px;
	line-height: 18px;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 17px;
	position: relative;
}

#news-widget .head strong a {
	position: absolute;
	top: 6px;
	right: 13px;
	display: block;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
}

#news-widget a.rss {
	background-image: url(images/top-tier/newswidget-rss.gif);
	width: 22px;
}

#news-widget .head strong a.view {
	background-image: url(images/top-tier/newswidget-all.gif);
	width: 64px;
	right: 38px;
	position: absolute;
}

#news-widget .head strong a:hover {
	background-position: 0 -23px;
}

#news-widget .head strong a:active {
	background-position: 0 -46px;
}

#news-widget ul {
	background: #ddd url(images/top-tier/newswidget-list.gif) repeat-x;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 0;
	padding-bottom: 5px;
	list-style: none;
}

#news-widget ul li {
	padding: 14px 17px 12px;
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #fff;
}

#news-widget ul li + li +li {
	border-bottom-style: none;
}

#news-widget ul li p {
	line-height: 12px;
	padding-bottom: 2px;
}

#news-widget ul li p + p {
	padding-bottom: 0;
	font-size: 11px;
	line-height: 16px;
	color: #787878;
}

#news-widget ul li p strong {
	display: block;
	font-size: 13px;
	float: left;
	width: 100%;
}

#news-widget ul li p small {
	font-size: 10px;
	font-weight: bold;
	display: block;
	line-height: 14px;
}

#news-widget ul li p a {
	text-decoration: none;
}

#news-widget ul li p a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Games */

#games #top-tier .left {
	width: 392px;
	margin-left: 20px;
	padding-top: 8px;
}

/* @group Banners */

#games #top-tier .banners {
	width: 545px;
	background-image: url(images/top-tier/banners.jpg);
	height: 121px;
	padding-top: 7px;
}

#games #low-tier .banners, #game #low-tier .banners {
	width: 545px;
	background-image: url(images/low-tier/banners.jpg);
	height: 121px;
	padding-top: 7px;
	margin-top: 6px;
	position: relative;
}

#games #low-tier a.cross-site, #game #low-tier a.cross-site {
	position: relative;
	display: block;
	margin-left: -3px;
	margin-top: -4px;
}

#games .banners a, #game .banners a {
	display: inline;
	float: left;
	position: relative;
	text-decoration: none;
	margin-left: 7px;
}

#games .banner strong, #game .banner strong {
	background-image: url(images/top-tier/banners-shade.png);
	position: absolute;
	left: 0;
	padding-left: 14px;
	width: 248px;
	padding-top: 8px;
	color: #fff;
	text-shadow: #444 0 -1px 1px;
	padding-bottom: 8px;
	font-size: 13px;
	bottom: 0;
}

/* @end */

/* @end */

/* @group Game */

#game #top-tier .contain {
	background: url(images/top-tier/ledge.gif) repeat-x center bottom;
	padding-bottom: 22px;
}

#game #top-tier .head {
	padding-bottom: 0px;
	padding-left: 3px;
}

#game #top-tier .head a {
	background-image: url(images/top-tier/game-back.gif);
	float: left;
	display: inline;
	width: 115px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 2px;
	background-position: 0 0;
}

#game #top-tier .head a:hover {
	background-position: 0 -28px;
}

#game #top-tier .head a:active {
	background-position: 0 -56px;
}

/* @end */

/* @group News */

#news #top-tier .contain {
	background: url(images/top-tier/ledge.gif) repeat-x center bottom;
	padding-bottom: 22px;
}

#news #top-tier .head {
	padding-bottom: 0px;
	padding-left: 3px;
}

#news #top-tier .head h1 {
	font-size: 18px;
	padding-left: 20px;
	float: left;
	display: inline;
	width: 527px;
}

#news #top-tier .head a.back {
	background-image: url(images/top-tier/news-back.gif);
	float: left;
	display: inline;
	width: 106px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 2px;
	background-position: 0 0;
}

#news #top-tier .head a.back:hover {
	background-position: 0 -28px;
}

#news #top-tier .head a.back:active {
	background-position: 0 -56px;
}

#news #top-tier .head .pagination {
	float: left;
}

#news #top-tier .head .pagination a, #news #top-tier .head .pagination span {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
	height: 30px;
}

#news #top-tier .head .pagination a.newer, #news #top-tier .head .pagination span.newer {
	background-image: url(images/top-tier/news-newer.gif);
	width: 69px;
	height: 30px;
	margin-left: 10px;
}

#news #top-tier .head .pagination a.older, #news #top-tier .head .pagination span.older {
	background-image: url(images/top-tier/news-older.gif);
	width: 64px;
	height: 30px;
}

#news #top-tier .head .pagination a:hover {
	background-position: 0 -30px;
}

#news #top-tier .head .pagination a:active {
	background-position: 0 -60px;
}

#news #top-tier .head .pagination span {
	background-position: 0 -90px;
}

/* @end */


/* Foot */

#foot {
	background: #efefef url(images/top-tier/background.jpg) repeat-x center top;
	color: #414141;
	border-top: 1px solid #fff;
	text-shadow: #ddd 0 -1px 1px;
	padding-top: 22px;
	padding-bottom: 32px;
	overflow: hidden;
	
}






/* Low Tier */

#low-tier {
	background: #323232 url(images/low-tier/noise.jpg) repeat center top;
	color: #fff;
	text-shadow: #111 0 -1px 1px;
	margin-top:10px;
}

#low-tier .contain {
	background: url(images/low-tier/background.jpg) repeat-x center top;
	padding-top: 26px;
}

#low-tier a {
	color: #fff;
}

#low-tier h2 {
	padding-left: 20px;
	padding-bottom: 14px;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}

#low-tier h3 {
	padding-left: 20px;
	padding-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}

#low-tier p {
	padding-left: 20px;
}

#low-tier h2 a, #low-tier h2 small {
	font-size: 12px;
	background-color: #1d1d1d;
	text-decoration: none;
	padding: 1px 6px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #a4a4a4;
	font-weight: bold;
}

#home #low-tier h2 a {
	font-size: 13px;
}

#low-tier h2 a:hover {
	background-color: #2b2b2b;
}

/* @group Plus+ Now */

#low-tier img.plus {
	position: absolute;
	top: -14px;
	right: 11px;
}

#challenges {
	float: left;
	width: 412px;
	margin-right: 16px;
	display: inline;
}

#leaders {
	float: left;
	width: 268px;
	margin-right: 16px;
	display: inline;
}

#rotation {
	float: left;
	width: 268px;
	display: inline;
}

#challenges p, #leaders p, #rotation p {
	font-size: 11px;
	line-height: 15px;
	position: relative;
	padding-right: 10px;
}

.board {
	margin-top: 20px;
	zoom: 1;
}

.board strong {
	padding-left: 20px;
	font-size: 13px;
	display: block;
	position: relative;
	padding-top: 11px;
	padding-bottom: 8px;
	line-height: 18px;
}

.board ul, .board ol {
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
	list-style: none;
}

.board ul li, .board ol li {
	position: relative;
	zoom: 1;
}

#challenges .board p, #leaders .board p, #rotation .board p {
	font-size: 12px;
	font-weight: bold;
	padding-left: 40px;
	padding-right: 55px;
}

#challenges .board p {
	font-size: 11px;
	padding-left: 56px;
	padding-right: 0;
}

#challenges .board p em {
	color: #0ea2ef;
	font-weight: bold;
	font-style: normal;
}

.board p small {
	color: #989898;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
}

.board ul img, .board ol img {
	position: absolute;
	left: 15px;
	top: 8px;
	padding: 3px;
	background: url(images/icons/avatar.gif) no-repeat;
}

.board ul img.challenged {
	position: absolute;
	left: 39px;
	top: 17px;
	background: url(images/icons/avatar-small.gif) no-repeat;
	padding-left: 1px;
}

.board p span {
	color: #0ea2ef;
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	position: absolute;
	right: 0;
	top: 7px;
}

/* @group Challenges */

#challenges .board {
	background: url(images/low-tier/board-wide.gif) no-repeat right bottom;
	padding-bottom: 6px;
}

#challenges .board strong {
	background: url(images/low-tier/board-wide.gif) no-repeat left top;
	width: 392px;
}

#challenges .board strong span {
	font-size: 11px;
	color: #ccc;
	position: absolute;
	top: 12px;
	right: 20px;
}

#challenges .board ul {
	background: url(images/low-tier/board-wide.gif) repeat-y center;
	padding-left: 3px;
	padding-right: 3px;
	list-style: none;
}

#challenges .board ul li {
	background: #e6e6e6 url(images/low-tier/board-tab.gif) repeat-x center top;
	padding: 10px 18px;
	border-top: 1px solid #b1b1b1;
}

#challenges .board ul li:first-child {
	border-top: none;
}

/* @end */

/* @group Leaders */

#leaders .board {
	background: url(images/low-tier/board-narrow.gif) repeat-y right bottom;
	padding-bottom: 6px;
}

#leaders .board strong {
	background: url(images/low-tier/board-narrow.gif) no-repeat left top;
	width: 248px;
}

#leaders .board strong img {
	position: absolute;
	top: 6px;
	right: 14px;
}

#leaders .board ol {
	background: url(images/low-tier/board-narrow.gif) repeat-y center;
	padding-left: 3px;
	padding-right: 3px;
	list-style: none;
}

#leaders .board ol li {
	background: #e6e6e6 url(images/low-tier/board-tab.gif) repeat-x center top;
	padding: 10px 18px;
	border-top: 1px solid #b1b1b1;
}

#leaders .board ol li:first-child {
	border-top: none;
}

/* @end */

/* @group Rotation */

#rotation .board {
	background: url(images/low-tier/board-narrow.gif) repeat-y right bottom;
	padding-bottom: 6px;
}

#rotation .board strong {
	background: url(images/low-tier/board-narrow.gif) no-repeat left top;
	width: 198px;
	padding-right: 50px;
}

#rotation .board strong img {
	position: absolute;
	top: 8px;
	right: 18px;
}

#rotation .board strong span.mask {
	font-size: 11px;
	color: #ccc;
	position: absolute;
	top: 8px;
	right: 18px;
	width: 23px;
	height: 24px;
	background: url(images/icons/23/mask-dark.png) no-repeat;
	z-index: 9;
}

#rotation .board ol {
	background: url(images/low-tier/board-narrow.gif) repeat-y center;
	padding-left: 3px;
	padding-right: 3px;
	list-style: none;
}

#rotation .board ol li {
	background: #e6e6e6 url(images/low-tier/board-tab.gif) repeat-x center top;
	padding: 10px 18px;
	border-top: 1px solid #b1b1b1;
}

#rotation .board ol li:first-child {
	border-top: none;
}

/* @end */

/* @end */

/* @group Twitter */

#low-tier img.twitter {
	position: absolute;
	top: -10px;
	right: 11px;
}

#twitter-updates {
	clear: both;
	zoom: 1;
}

#twitter-updates ul {
	float: left;
	list-style: none;
	zoom: 1;
}

#twitter-updates ul li {
	float: left;
	width: 231px;
	background: url(images/low-tier/tweet.gif) repeat-y -231px;
	margin-right: 18px;
	display: inline;
}

#twitter-updates ul li + li + li + li {
	margin-right: 0;
}

#twitter-updates ul li p {
	background: url(images/low-tier/tweet.gif) no-repeat 0 top;
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 16px;
	padding-top: 20px;
	padding-right: 20px;
	color: #414141;
	text-shadow: #fff 0 -1px 1px;
}

#twitter-updates ul li p a {
	color: #14a6cf;
}

#twitter-updates ul li small {
	background: url(images/low-tier/tweet.gif) no-repeat right bottom;
	display: block;
	padding-bottom: 4px;
}

#twitter-updates ul li small a {
	display: block;
	background-color: #f3f3f3;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 17px;
	padding-bottom: 7px;
	padding-top: 5px;
	color: #929292;
	text-decoration: none;
	text-shadow: #fff 0 -1px 1px;
	font-size: 11px;
	border-top: 1px solid #e7e7e7;
}

#twitter-updates ul li small a:hover {
	text-decoration: underline;
}

/* @end */

/* @group About */

#about #low-tier {
	font-size: 11px;
}

#about #low-tier h3 a {
	text-decoration: none;
}

#about #low-tier h3 a:hover {
	text-decoration: underline;
}

#low-tier #coming {
	float: left;
	display: inline;
	width: 412px;
	margin-right: 16px;
}

#low-tier #develop {
	float: left;
	display: inline;
	width: 268px;
	margin-right: 16px;
}

#low-tier #getplus {
	float: left;
	width: 268px;
}

#low-tier .box {
	background: url(images/low-tier/box-narrow.gif) repeat-y -268px;
	margin-top: 4px;
	position: relative;
	zoom: 1;
	float: left;
}

#low-tier #coming .box {
	background: url(images/low-tier/box-wide.gif) repeat-y -412px;
}

#low-tier .box p {
	background: url(images/low-tier/box-narrow.gif) no-repeat left top;
	padding-right: 130px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
	font-size: 12px;
	display: inline;
	zoom: 1;
	float: left;
}

#about #low-tier .box p a {
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
	display: block;
	clear: both;
	margin-top: 8px;
	text-indent: -9999px;
	overflow: hidden;
	height: 29px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about #low-tier #develop .box p a {
	background-image: url(../images/low-tier/link-developers.gif);
}

#about #low-tier #coming .box p a {
	background-image: url(../images/low-tier/link-features.gif);
}

#about #low-tier #getplus .box p a {
	background-image: url(../images/low-tier/link-get.gif);
}

#about #low-tier .box p a:hover {
	background-position: 0 -29px;
}

#about #low-tier .box p a:active {
	background-position: 0 -58px;
}

#low-tier #coming .box p {
	background: url(images/low-tier/box-wide.gif) no-repeat left top;
	padding-right: 139px;
}

#low-tier .box img {
	position: absolute;
}

#low-tier #coming img {
	right: 23px;
	top: 18px;
}

#low-tier #develop img {
	right: 1px;
	z-index: 9;
	bottom: 2px;
}

#low-tier #getplus img {
	right: 1px;
	z-index:  9;
	top: 10px;
}

#low-tier .box span {
	background: url(images/low-tier/box-narrow.gif) no-repeat right top;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
}

#low-tier #coming .box span {
	background: url(images/low-tier/box-wide.gif) no-repeat right top;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	zoom: 1;
}

/* @end */

/* @group Get */

#get #low-tier .box {
	float: left;
	display: inline;
	width: 479px;
	margin-right: 22px;
	background: url(images/low-tier/box-get.gif) repeat-y -479px 0;
	margin-top: 0;
	position: relative;
	zoom: 1;
}

#get #low-tier #step-1, #get #low-tier #step-2, #get #low-tier #step-3, #get #low-tier #step-4 {
	margin-bottom: 16px;
	float: left;
	display: inline;
}

#get #low-tier #step-3, #get #low-tier #step-4 {
	margin-bottom: 0px;
}

#get #low-tier #step-2 .box, #get #low-tier #step-4 .box {
	margin-right: 0;
}

#get #low-tier .box p {
	background: none;
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
	font-size: 11px;
	float: left;
	display: inline;
	width: 250px;
	padding: 6px 0 0 57px;
}

#get #low-tier .box p a {
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
}

#get #low-tier .box p a:hover {
	text-decoration: none;
}

#get #low-tier .box img {
	position: relative;
	float: right;
	display: inline;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
}

#get #low-tier .box span.top {
	background: url(images/low-tier/box-get.gif) no-repeat left top;
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	top: 0;
}

#get #low-tier .box span.low {
	background: url(images/low-tier/box-get.gif) no-repeat right top;
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	bottom: 0;
}

#get #low-tier h3 {
	color: #4b4b4b;
	text-shadow: #fff 0 -1px 1px;
	padding-top: 20px;
	width: 250px;
	float: left;
	display: inline;
	padding-left: 56px;
}

#get #step-1 h3 {
	background: url(images/low-tier/get-1.gif) no-repeat 20px 25px;
}

#get #step-2 h3 {
	background: url(images/low-tier/get-2.gif) no-repeat 20px 25px;
}

#get #step-3 h3 {
	background: url(images/low-tier/get-3.gif) no-repeat 20px 25px;
}

#get #step-4 h3 {
	background: url(images/low-tier/get-4.gif) no-repeat 20px 25px;
}

/* @end */

/* @group Developers */

#developers #low-tier .contain {
	background: url(images/low-tier/background.jpg) repeat-x center top;
	padding-top: 0px;
	overflow: visible;
	padding-bottom: 18px;
}

#developers #low-tier .contain:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#developers #low-tier .left {
	width: 392px;
	padding-top: 22px;
	background: url(images/low-tier/developers-plus.jpg) no-repeat 240px top;
	margin-top: -3px;
	position: relative;
	padding-right: 33px;
}

#developers #low-tier h3 {
	padding-bottom: 14px;
}

#developers #low-tier .left p {
	width: auto;
	padding-bottom: 12px;
}

#developers #low-tier .left p:first-child {
	font-size: 13px;
	padding-bottom: 10px;
}

#developers #low-tier a {
	font-weight: bold;
}

/* @end */

/* @group Contact */

#contact #low-tier .contain {
	padding-top: 16px;
	padding-bottom: 20px;
}

#contact #low-tier p {
	font-size: 16px;
	line-height: 34px;
}

#contact #low-tier p strong {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}

#contact #low-tier p a {
	background: url(images/low-tier/contact-apply.gif) no-repeat;
	width: 143px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 4px;
	float: right;
}

#contact #low-tier p a:hover {
	background: url(images/low-tier/contact-apply.gif) no-repeat 0 -34px;
}

#contact #low-tier p a:active {
	background: url(images/low-tier/contact-apply.gif) no-repeat 0 -68px;
}

/* @end */


















/* @group Foot */

#foot p.legal {
	float: left;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	background: url(images/icons/plus-dark.gif) no-repeat 0 6px;
	padding-left: 23px;
	line-height: 18px;
}

#foot p.legal small {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-left: -5px;
}

#foot p.legal small a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	background: url(images/foot/nav.gif) repeat;
	padding: 1px 6px 2px;
	margin-right: 7px;
}

#foot p.legal small a:hover {
	background: #d0cfcd;
}

#foot a {
	color: #414141;
	text-decoration: none;
}

#foot a.ngmoco {
	float: right;
	display: inline;
	padding-top: 40px;
}

#foot ol {
	position: absolute;
	top: 3px;
	left: 365px;
	list-style: none;
	padding-left: 14px;
	padding-top: 2px;
	padding-bottom: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	background: url(images/foot/nav.gif) repeat;
	margin-top: 4px;
}

#foot ol li {
	float: left;
	display: inline;
	margin-right: 14px;
}

/* @end */








/* Description PageMenu */
.description_pagelist{ padding:0px 15px; width:930px; height:30px; overflow:hidden;}
.description{ float:left; margin:8px 0px; color:#999;}
.pagelist{ float:right; margin:8px 0px;}
.pagelist li{ float:left; padding-left:10px;}
.pagelist li a:link, .pagelist li a:visited{ color:#999;}
.pagelist li a:hover, .pagelist li a:active{ color:#DDD;}
.pagelist li.current_page_item a{ color:#DDD;}

/* Logo Banner */
.logo_banner{ padding:0px 20px; width:920px; height:100px; overflow:hidden;}
.logo{ float:left; margin:20px 0px; text-indent:-1000px; }
.logo a:link, .logo a:visited, .logo a:hover{ width:328px; height:60px; background:url(images/logo.jpg) no-repeat left top; display:block;}
.banner{ float:right; margin:20px 0px; border:1px solid #F5100B; overflow:hidden;}
.banner img{ display:block;}

/* Main Navigation */
.navigation{ padding:0px 15px; width:930px; height:40px; overflow:hidden;}
.navigation li{ float:left; height:26px; margin:8px 0px 6px; font-size:14px; text-align:center; color:#DDD; overflow:hidden; }
.navigation li a:link, .navigation li a:visited{ float:left; margin:0px 2px; padding-left:10px; height:26px; line-height:25px; color:#DDD; text-decoration:none; cursor:pointer; display:block;}
.navigation li a:hover{ color:#DDD; background:url(images/icon.png) no-repeat 0 0;}
.navigation li a span{ padding:1px 8px 6px 0px; display:inline-block;}
.navigation li a:hover span{ background:url(images/icon.png) no-repeat right 0;}
.navigation li.current-cat a{ color:#EEE; background:url(images/icon.png) no-repeat 0 0;}
.navigation li.current-cat a span{ background:url(images/icon.png) no-repeat right 0; display:inline-block;}

/* Breadcrumb Search */
.breadcrumb{ margin:0 auto; width:980px;}
.crumb{ float:left; margin-bottom:10px; width:635px; padding:6px 10px 5px; border:1px solid #E6E6E6; background-color:#F4F5F7; border-radius:3px 3px; -moz-border-radius:3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; overflow:hidden;
margin-top:5px;}
.search{ float:right; width:310px; height:41px; background:url(images/icon.png) no-repeat right -36px; overflow:hidden;}
.searchform{ padding:0px 11px 0px 13px;}
.searchInput{ float:left; margin-top:7px; padding:5px 3px; width:200px; border:none; background:none;}
.searchBtn{ float:right; margin-top:5px; padding:2px 16px; width:68px; height:28px; line-height:28px; border:none; font-size:14px; font-weight:bold; color:#EEE; background:none; cursor:pointer; display:block;}


.search_top{ float:right; width:290px; height:41px;  overflow:hidden;}
.searchform_top{ padding:11px 11px 0px 20px;}
.searchInput_top{ float:left; margin-top:7px; padding:2px 2px; width:195px; border:none; background:none; background:#e09700}
.searchBtn_top{ float:right; margin-top:5px; padding-top:1px; padding-left:12px; width:69px; height:25px; line-height:25px; border:none; font-size:12px; font-weight:bold; color:#b80000; background:none; cursor:pointer; display:block;}

.biaoqian{ clear:both; color:#ffffff; height:35px; width:316px; overflow:hidden; padding-top:10px;}
.biaoqian a{ color:#ffffff; font-size:12px; text-decoration:none}
.biaoqian a:link,.biaoqian a:visted,.biaoqian a:actived{ color:#ffffff; font-size:12px; text-decoration:none}
.biaoqian a:hover{ color:#ffffff;}


.biaoqians{ clear:both; color:#bbbbbb; height:90px; width:220px; overflow:hidden; text-align:left;  margin-top:40px; padding-top:10px; margin-left:10px;}
.biaoqians a{ color:#bbbbbb; font-size:12px; text-decoration:none}
.biaoqians a:link,.biaoqian a:visted,.biaoqian a:actived{ color:#bbbbbb; font-size:12px; text-decoration:none}
.biaoqians a:hover{ color:#79d1ff;}



.index_tuijian{width:656px; background-color:#eaeaea; background:url(images/banner_bg.gif) repeat-x; height:520px; margin-top:10px; }
.index_tuijian .tit{  margin-left:14px; font-size:14px;  height:40px; line-height:40px; font-weight:bolder; color:#FF0000}
.index_tuijian .line{ height:30px; line-height:30px;  margin-left:14px;}
.index_tuijian .lists { margin-left:14px; clear:both;}
.index_tuijian .list_ad{ width:620px; margin:0 auto; margin-top:20px; border-top:1px #999999 dashed; padding-top:10px;}
.index_tuijian .lists li{ float:left; padding-right:6px;}
.index_tuijian .sub_ad{ width:200px; height:200px; float:left; margin-left:14px;}
* html .index_tuijian .sub_ad{ width:200px; height:200px; float:left; margin-left:10px;}
*+html .index_tuijian .sub_ad{ width:200px; height:200px; float:left; margin-left:14px;}
.index_listtit{width:656px; background-color:#eaeaea; background:url(images/banner_bg.gif) repeat-x; height:40px; margin-top:10px; font-size:14px; line-height:40px; font-weight:bolder; text-indent:20px; }
.page_listtit{width:656px; background-color:#eaeaea; background:url(images/banner_bg.gif) repeat-x; height:40px; margin-top:10px;  line-height:40px;  text-indent:20px; border-bottom:1px  dashed #d6d6d6; }

.page_ad{width:980px;  margin:0 auto;}
.page_list{ width:978px; border:1px #c6c6c6 solid;  margin:0 auto; }
.page_list .co{ width:968px; margin:0 auto; margin-top:6px; margin-bottom:10px;}
.page_list .tit{ height:25px; line-height:25px; text-indent:10px; background: #c6c6c6; color:#000000; font-weight:bolder;}
.page_list .liebiao{ margin-right:5px; line-height:30px; height:30px; text-indent:10px; border-bottom:1px dashed #d6d6d6;}
.page_list .co span{ margin-right:10px;}
/* Content */
#content{ margin:0 auto; width:980px;}

/* Article */
.article{ float:left; width:660px; overflow:hidden;}
.article_page{ float:left;  overflow:hidden;}
.post_page{ float:left; margin-bottom:10px; padding:10px 14px; }
.post{ float:left; width:628px; margin-bottom:10px; padding:10px 14px;  background:#fffbf1;  border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.post h2{ float:left; width:280px; font-size:14px;  font-weight:bolder; color:#414141;  font-family:"����"; text-shadow:1px 0 0 #CCC; }
.post p{padding:10px 0px 5px;}
.post h3, .post h4{ margin-bottom:15px; padding:20px 0px 3px; font-size:18px; border-bottom:1px solid #D8D8D8;}
.post h5, .post h6{ padding-top:15px; font-size:16px;}
.post ol li{ margin:5px 30px; list-style:decimal; line-height:22px; color:#454545;}
.post ul li{ margin:5px 30px; list-style:disc; line-height:22px; color:#454545;}

.pcomments{ float:right;}
.pcomments em{ font-size:12px;  color:#C81F1F;}

.thumb_image{ float:left; margin:10px 8px 0px 0px; padding:2px; width:180px; height:150px; border:1px solid #C5C5C5;}
.pcontent{ float:right; margin-top:10px; width:430px; line-height:24px; font-size:13px; overflow:hidden;}

.pmeta{ margin-top:0px; color:#666;}
.pmeta a:link, .pmeta a:visited{ padding:0px 3px; color:#666; }
.pmeta a:hover{ color:#5ac8f2; }
a.readmore:link, a.readmore:visited{ float:right; width:92px; padding:6px 0px 7px; font-size:14px; text-align:center; text-shadow:0 1px 0 #DDD; text-decoration:none; color:#454545; background:url(images/icon.png) no-repeat 0px -73px; display:block;}
a.readmore:hover{ text-shadow:0 1px 0 #86031B; color:#F4F4F4; background:url(images/icon.png) no-repeat 0px -36px; display:block;}

/* Sidebar */
.sidebar{ float:right; width:310px; overflow:hidden;}
.sidebar h3{ padding:9px 10px 7px 40px; font-size:14px; color:#F4F4F4; background:url(images/icon.png) no-repeat 0px -200px;}

.topbar{ width:310px;}
.topbar h3{text-shadow:1px 0 0 #666;}
.topbar ul{ float:left;}
.topbar ul li{ float:left; margin-bottom:10px; width:310px;}
.topbar ul li ul{ padding:10px 9px 0px; width:290px; border:1px solid #DDD; border-top:none; background-color:#F6F6F6; overflow:hidden;}
.topbar ul li ul li{ margin-bottom:3px; width:100%; border-bottom:1px solid #FFF;}
.topbar ul li ul li a:link, .topbar ul li ul li a:visited{ padding:2px 0px 6px 13px; width:280px; line-height:18px; border-bottom:1px solid #E6E6E6; background:url(images/icon.png) no-repeat 0 -289px; display:block;}
.topbar ul li ul li a:hover{ border-bottom:1px solid #CCC; background:url(images/icon.png) no-repeat -310px -289px; display:block;}
.topbar ul li ul li.recentcomments{ margin-bottom:5px; padding-bottom:5px;}
.topbar ul li ul li.recentcomments a{ background:none; text-decoration:none; display:inline;}
.topbar ul li ul li.recentcomments a:hover{ background:none;}

.sidebarL, .sidebarR{ float:left; *margin-top:10px; _margin-top:0px; width:152px; overflow:hidden;}
.sidebarR{ float:right;}
.sidebarL h3, .sidebarR h3{ padding:8px 10px 6px 28px; color:#666; text-shadow:1px 1px 0 #F3F3F3;  background:url(images/icon.png) no-repeat 0px -242px;}

.sidebarL ul, .sidebarR ul{ float:left; width:152px; list-style:none}
.sidebarL ul li, .sidebarR ul li{ float:left; width:150px; margin-bottom:10px; border:1px solid #DDD; background-color:#F6F6F6;}
.sidebarL ul li ul, .sidebarR ul li ul{ padding:10px 0px 10px 3px; width:147px; height:100%; list-style:none}
.sidebarL ul li ul li, .sidebarR ul li ul li{ margin:5px 0px 3px 5px; line-height:20px; width:135px; border:none;}
.sidebarL .textwidget, .sidebarR .textwidget{ padding:10px 0px 10px 3px; width:147px;}

/* Page Navigation */
.page_navi{ float:left; width:628px;  padding:0px 14px;  height:36px;  line-height:36px;  text-align:center; background-color:#ffba00; overflow:hidden; }
.wp-pagenavi{ margin:0 auto;}
.wp-pagenavi span.pages{ display:none;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:3px 7px !important; margin:2px; text-decoration:none !important; color:#454545 !important; border:1px solid #CCC !important; }
.wp-pagenavi a:hover{ color:#EEE !important; border:1px solid #ffffff !important; background-color:#d4d7db !important; font-weight:bold !important;}
.wp-pagenavi a:active{	padding:2px 2px; margin:2px; text-decoration: none; border:1px solid #CCC !important;}
.wp-pagenavi span.extend{ padding:3px 7px !important; margin:2px; color:#454545 !important; border:1px solid #CCC !important;}
.wp-pagenavi span.current{ padding:3px 7px !important; margin:2px; color:#EEE !important; background-color:#d4d7db !important; border:1px solid #ffffff !important;}
.pageleft, .pageright{ width:300px; overflow:hidden;}
.pageleft{ float:left; padding-left:15px; text-align:left;}
.pageright{float:right; padding-right:15px; text-align:right;}

/* Archive */
.archive .pcontent{ width:100%;}

/* Single */
.single h2{ width:100%; text-align:center; font-size:14px; margin-top:10px;}
.single p{ font-size:12px;}
.single .pmeta{ padding-bottom:6px; width:100%; text-align:center; border-bottom:1px solid #E2E2E2;}
.single .pcontent{ width:100%;}
.pcontent img{ max-width:600px;}

/* Page */
.page{ min-height:800px;}

/* Post Function */
.postmeta{ float:left; width:100%; margin-top:15px; padding:10px 0px; line-height:24px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.postmeta a{ color:#000000; text-decoration:underline;}
.postmeta a:hover{ color:#000000;}
.pro_next{ margin:20px 0px 15px; border-left:1px solid #DDD; border-right:1px solid #DDD; background:transparent url(images/icon.png) no-repeat -10px -153px; }
.pro_next .pageleft, .pro_next .pageright{ width:280px; overflow:hidden;}

/* Social Bookmark */
.snsmedia{ float:left; width:100%; margin:1px auto 15px; padding:10px 0px; text-align:center; line-height:24px; border-bottom:1px solid #DDD;background-color:#F5F5F5;}
.bookmark{ text-align:center;}
.snsfeed{ float:left; width:40px; height:38px; text-indent:-9999px; background:url(images/bookmark.png) no-repeat 0 0; display:block;}

/* Related Content */
.related{ float:left; width:100%;}
.related h3{ width:100%; margin:5px 0px 10px; padding:5px 0px 10px; font-size:14px;}
.related ul{ float:left; margin:0px 0px; }
.related ul li{ margin:0px 0px; padding:2px 0 1px 10px; background:transparent url(images/icon.png) no-repeat 0 -287px; overflow:hidden; }
.related_post{ float:left; width:290px; overflow:hidden;}
.related_txt{ float:right; width:300px; padding-left:9px; border-left:1px solid #E8E8E8; overflow:hidden;}

/* Post Comment */
.post_comment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; }
#addcomment, #comments{ float:left; width:99%; margin:10px 0px; padding:6px 0px 5px; text-indent:15px; text-shadow:1px 1px 0 #FFF; font-size:14px; border-width:1px; border-style:solid; border-color:#DDD #CCC #BBB #DDD; background:transparent url(images/icon.png) no-repeat -10px -156px; }
.post_comment p{ font-size:12px;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ width:99%; padding:5px 0px; font-size:12px; clear:both;}
.commentlist li{ background-color:#FFF; border:1px solid #E3E3E3; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDDDDD; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 0px;}

.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}
.avatar{ float:left; padding:1px 1px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px;}

.reply{ float:right; margin-top:-3px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond{ padding-bottom:35px;}
#respond em{ color:#5ac8f2;}
#author, #email, #url, #comment{ margin:0px 5px; padding:5px 5px; width:45%; border:1px solid #CCCCCC; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
#comment{ width:95%; height:150px; font-size:12px; overflow-y:scroll;}
#submit{ float:right; margin:0 13px; padding:6px 20px 4px; font-size:14px; border:1px solid #999; text-shadow:1px 1px 0px #FFF; background:transparent url(images/icon.png) no-repeat scroll -10px -160px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; cursor:pointer;}

/* Comment Navigation */
.comment_navi{ float:right; margin:10px 15px 10px 0px; text-align:center;}
.comment_navi span.cpt{ padding:3px 6px 2px; background-color:#E3E3E3; border-bottom:1px solid #D5D5D5;}
.comment_navi a{ padding:3px 3px 2px;}
.comment_navi a:hover{ color:#5ac8f2;}
.comment_navi .current{ font-weight:bold; color:#5ac8f2;}

/* Other */
.flink li{ float:left; width:140px;}

/* Footer */
#footer{ margin:15px auto; padding:0px 15px; width:930px; height:34px; line-height:34px; color:#999; background:url(images/topbottom.png) no-repeat center bottom;}
#footer a:link, #footer a:visited{ color:#999;}
#footer a:hover{ color:#BBB;}
#footer p{ float:left;}
#footer span{ float:right;}

/* AD */
.sidead{ width:310px; margin:10px auto 5px; text-align:center;}
.sidead img{ margin-bottom:5px;}


.bottom_bom{ list-style:none; margin:0; padding:0; clear: both;}
.bottom_bom li{ margin-right:10px; float:left;}