/* reset styles
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	font:14px/1.5 normal;
	color:#4a525c;
	/*vertical-align:baseline;*/
	border:0;
	outline:0;
	background:transparent;
	}
ol, ul {
	list-style:none;
	}
blockquote, q {
	quotes:none;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}

/* master styles
--------------------------------------------- */

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#333;
	background:#f0f0f0 url(http://www.nietuan.com/image/skin/tile.png) repeat -70% 0;
	}

/* links */

a:link, a:visited {
	color:#4a525c;
	outline:none;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	color:#205f82;
	}

/* custom selection colors */

::-moz-selection {
	color:#fff;
	color:rgba(255,255,255,.85);
	background:#ff3600;
	}
::selection {
	color:#fff;
	color:rgba(255,255,255,.85);
	background:#ff3600;
	}

/* page structure
--------------------------------------------- */

#wrap {
	padding:20px 0 30px 0;
	background:url(http://www.nietuan.com/image/skin/bg.png) repeat-x 0 -189px;
	}
#content {
	position:relative;
	width:990px;
	margin:0 auto;
	padding:0;
	}
#main {
	float:left;
	width:800px;
	}
#main.main-full {
	float:none;
	width:990px;
	}
#main div.col-50 {
	float:left;
	width:330px;
	}
#main div.col-50-last {
	float:right;
	width:330px;
	}
#main div.col-70 {
	float:left;
	width:460px;
	}
#main div.col-30 {
	float:right;
	width:220px;
	}
#main div.col-2x2 {
	float:left;
	width:460px;
	}
#main div.col-2x2-last {
	float:right;
	width:460px;
	}
#side {
	float:right;
	width:172px;
	height:100px;
	}
/* header
--------------------------------------------- */

#header {
	background:url(http://www.nietuan.com/image/skin/bg.png) repeat-x 0 -62px;
	height:126px;
	}
#header-inner {
	width:990px;
	margin:0 auto;
	}
#top, #top .changecity,
#top .user, #top a {
	height:36px;
	line-height:36px;
	font-size:12px;
	}
#top .changecity {
	float:left;
	color:#91908e;
	}
#top .changecity span {
	color:#e40606;
	}
#top #changecity {
	color:#91908e;
	margin:11px 4px 0;
	border:1px solid #ccc;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -57px -39px;
	display:block;
	float:left;
	width:33px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	}
#citylist {
	display:none;
	position:absolute;
	top:28px;
	margin-left:40px;
	border:1px solid #000;
	background-color:#666;
	padding:0 12px;
	line-height:20px;
}
#citylist a {
	color:#fff;
	padding:0 4px;
}
#citylist a.more {
	color:#ddd;
	padding:0 4px;
	background-color:#333;
}
#top #citylist .close {
	float:right;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -52px -79px #000;
	display:block;
	width:35px;
	height:13px;
	padding:0;
	position:absolute;
	right:-1px;
	top:-8px;
	text-indent:-9999px;
	overflow:hidden;
	}

#top .user {
	float:right;
	color:#91908e;
	}

ul#menu {
	height:29px;
	background:url(http://www.nietuan.com/image/skin/bg.png) repeat-x 0 -33px #787e84;
	float:left;
	margin-left:200px;
	_margin-left:168px;
	margin-top:7px;
	}
ul#menu li {
	float:left;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat 72px -64px;
	}
ul#menu li a {
	display:block;
	color:#fff;
	font-weight:normal;
	width:75px;
	height:30px;
	_height:29px;
	line-height:28px;
	text-align:center;
	padding:0;
	font-size:14px;
	}
ul#menu li.first {
	padding-left:6px;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -86px -95px;
	}
ul#menu li.last {
	padding-right:6px;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat 77px -95px;
	}
#deal ul#menu li.deal a,
#bbs ul#menu li.bbs a,
#map ul#menu li.map a {
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -8px -95px;
	}

#logo {
	float:left;
	width:300px;
	height:88px;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat 298px 16px;
	text-indent:-9999px;
	overflow:hidden;
	}
#logo img {
	display:none;
	}
#logo a,
#logo span {
	display:block;
	width:280px;
	height:56px;
	margin:16px auto;
	background:url(http://www.nietuan.com/image/skin/logo.png) no-repeat center;
	-webkit-transition:opacity .2s ease;
	-o-transition:opacity .2s ease;
	transition:opacity .2s ease;
	_background:transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nietuan.com/image/skin/logo.png');
	}
#logo a:hover {
	opacity:.6;
	}

/* search */

#search {
	float:right;
	width:660px;
	height:68px;
	padding:20px 0 0 20px;
	}
#search form {
	clear:both;
	height:37px;
	}
#search input {
	vertical-align:middle;
	}
#search #search-ipt {
	float:left;
	padding:2px;
	background-color:#ff3e00;
	}
#search input#search-txt {
	border:1px solid #000;
	color:#bbb;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	height:31px;
	line-height:30px;
	padding:0 5px;
	width:472px;
	}
#search input#search-txt:focus {
	color:#333;
	outline:none;
	}
#search button {
	cursor:pointer;
	color:#fff;
	height:37px;
	width:86px;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -4px 0 #ff2d00;
	border:none;
	margin:0 4px;
	}
#search button span {
	display:none;
	text-indent:-9999px;
	}
#search button:hover {
	color:#333;
	}
#search .search-hot a {
	color:#b5bac1;
	font-size:12px;
	line-height:28px;
	padding:0 4px;
	}
/* nav */

#nav {
	float:left;
	margin:19px 0 0 20px;
	color:#fff;
	display:none;
	}
#nav li {
	float:left;
	margin:0 4px 0 0;
	line-height:1;
	}
#nav li#t-profile,
#nav li#t-profile img {
	float:left;
	margin:0 6px 0 0;
	}
#nav li a {
	color:#fff;
	display:block;
	height:44px;
	line-height:44px;
	text-align:center;
	text-decoration:none;
	width:80px;
	}
#nav li a:hover,
#nav li#t-profile:hover a,
#nav li#t-shots:hover a,
#nav li#t-players:hover a,
#nav li#t-explore:hover a {
	color:#fff;
	background:rgba(255,255,255,.12) url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#nav li#t-signin a, #nav li#t-signup a {
	padding:0;
	margin:6px 10px 6px 5px;
	}
#nav li#t-signin a:hover, #nav li#t-signup a:hover {
	background:transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
#nav li#t-upld a span {
	padding-left:29px;
	background:url(http://www.nietuan.com/image/skin/icon-upload.png) no-repeat 0 50%;
	}
body#user-profile #nav li#t-profile a,
body#deal #nav li#nav-deal a,
body#players #nav li#t-players a,
body#explore #nav li#t-explore a,
body#activity #nav li#t-activity a,
body#upld #nav li#t-upld a,
body#about #nav li#t-about a,
body#following li#t-following a,
body#incoming-activity li#t-activity a {
	font-weight:bold;
	color:#0b5b88;
	background:url(http://www.nietuan.com/image/skin/nt.png) repeat-x top left;
	width:114px;
	height:40px;
	line-height:40px;
	padding-top:4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#nav li#t-profile a.url,
#nav li#t-shots a.has-sub,
#nav li#t-players a.has-sub,
#nav li#t-explore a.has-sub {
	background-color:rgba(43,48,53,.53);
	background:url(http://www.nietuan.com/image/skin/icon-submenu.png) no-repeat 100% 50%;
	}
#nav li#t-profile:hover a.url,
body#user-profile #nav li#t-profile:hover a.url,
#nav li#t-shots:hover a.has-sub,
body#shots #nav li#t-shots:hover a.has-sub,
#nav li#t-players:hover a.has-sub,
body#players #nav li#t-players:hover a.has-sub,
#nav li#t-explore:hover a.has-sub,
body#explore #nav li#t-explore:hover a.has-sub {
	background-color:rgba(255,255,255,.12);
	background-image:
		url(http://www.nietuan.com/image/skin/glass-light.png),
		url(http://www.nietuan.com/image/skin/icon-submenu.png);
	background-repeat:repeat-x, no-repeat;
	background-position:0 50%, 100% 50%;
	}
body#user-profile #nav li#t-profile a.url,
body#shots #nav li#t-shots a.has-sub,
body#players #nav li#t-players a.has-sub,
body#explore #nav li#t-explore a.has-sub {
	background-image:
		url(http://www.nietuan.com/image/skin/nav-shadow.png),
		url(http://www.nietuan.com/image/skin/icon-submenu.png);
	background-repeat:repeat-x, no-repeat;
	background-position:top left, 100% 50%;
	}

/* subnavs */

#nav li#t-profile:hover a,
body#user-profile #nav li#t-profile:hover a,
#nav li#t-shots:hover a,
body#shots #nav li#t-shots:hover a,
#nav li#t-players:hover a,
body#players #nav li#t-players:hover a,
#nav li#t-explore:hover a,
body#explore #nav li#t-explore:hover a {
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
	}
#nav li ul.tabs {
	position:absolute;
	display:none;
	float:left;
	width:120px;
	padding:5px 0;
	background:#5e656d;
	-webkit-border-radius:6px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius:6px;
	-moz-border-radius-topleft:0;
	border-radius:6px;
	border-top-left-radius:0;
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,.3);
	box-shadow:1px 1px 1px rgba(0,0,0,.3);
	z-index:3;
	}
#nav li ul.tabs li {
	clear:left;
	margin:0;
	width:100%;
	}
#nav li#t-profile ul.tabs li a,
body#user-profile #nav li#t-profile:hover ul.tabs li a,
#nav li#t-shots ul.tabs li a,
body#shots #nav li#t-shots:hover ul.tabs li a,
#nav li#t-players ul.tabs li a,
body#players #nav li#t-players:hover ul.tabs li a,
#nav li#t-explore ul.tabs li a,
body#explore #nav li#t-explore:hover ul.tabs li a {
	padding:5px 10px;
	font-weight:normal;
	color:#bbbfc3;
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
#nav li#t-explore ul.tabs li#t-backboard a,
body#explore #nav li#t-explore:hover ul.tabs li#t-backboard a {
	padding-left:25px;
	background-image:url(http://www.nietuan.com/image/skin/icon-backboard-sub.png);
	background-repeat:no-repeat;
	background-position:10px 50%;
	}
#nav li#t-profile ul.tabs li a:hover,
body#user-profile #nav li#t-profile ul.tabs li a:hover,
#nav li#t-shots ul.tabs li a:hover,
body#shots #nav li#t-shots ul.tabs li a:hover,
#nav li#t-players ul.tabs li a:hover,
body#players #nav li#t-players ul.tabs li a:hover,
#nav li#t-explore ul.tabs li a:hover,
body#explore #nav li#t-explore ul.tabs li a:hover {
	color:#fff;
	background:rgba(255,255,255,.1);
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
#nav li#t-profile ul.tabs li a:active,
body#user-profile #nav li#t-profile ul.tabs li a:active,
#nav li#t-shots ul.tabs li a:active,
body#shots #nav li#t-shots ul.tabs li a:active,
#nav li#t-players ul.tabs li a:active,
body#players #nav li#t-players ul.tabs li a:active,
#nav li#t-explore ul.tabs li a:active,
body#explore #nav li#t-explore ul.tabs li a:active {
	background:rgba(0,0,0,.15);
	}

#nav li#t-profile ul.tabs li:last-child a,
#nav li#t-shots ul.tabs li:last-child a,
#nav li#t-players ul.tabs li:last-child a,
#nav li#t-explore ul.tabs li:last-child a {
	border-bottom:none;
	}

/* main styles
--------------------------------------------- */

/* logged-in box */

#home-h {
	position:relative;
	}
#home-h img {
	position:absolute;
	top:-16px;
	right:5px;
	}

/* homepage tagline non-logged */

a.tagline-action {
	margin:0 0 0 3px;
	font-weight:bold;
	padding-right:12px;
	background:url(http://www.nietuan.com/image/skin/icon-bluearrow.png) no-repeat 100% 4px;
	}
a.tagline-action:hover {
	background-position:100% -18px;
	}

/* default styles */

div.full {
	width:700px;
	margin:0 0 20px 0;
	padding:0;
	}
div.title-alt h1,
div.title-alt p {
	padding-left:240px;
	}
div.full p {
	line-height:1.4;
	color:#777;
	}
div.full p span.could {
	border-bottom:1px solid #bbb;
	}
div.full h2#action {
	margin:20px 0 10px 0;
	text-align:left;
	font-weight:normal;
	color:#777;
	}
div.full h2#action a {
	text-decoration:underline;
	}
h1 {
	line-height:1.5em;
	}
h1.title {
	font-weight:normal;
	}
h1.compact {
	font-weight:normal;
	color:#777;
	}
h1.compact strong {
	color:#333;
	}
h1.compact span.sep {
	margin:0 2px;
	color:#bbb;
	text-shadow:none;
	}
h1.compact span.meta {
	margin-left:4px;
	font-size:11px;
	color:#bbb;
	}
h1 span.fn {	
	vertical-align:middle;
	}
h1 span.badge,
span.badge {
	padding:1px 3px;
	font-size:10px;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	color:#fff;
	background:#9399a0 url(http://www.nietuan.com/image/skin/glass.png) repeat-x 0 50%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
h1 span.badge-prospect,
span.badge-prospect {
	background-color:#9399a0;
	}
h1 span.badge-pro,
span.badge-pro {
	background-color:#ff3600;
	}
a:hover span.badge-pro {
	background-color:#df3e7b;
	}
a:active span.badge-pro {
	background-color:#c22b65;
	}
h1 span.badge-freeagent,
span.badge-freeagent {
	background-color:#f48100;
	}
h1 span.badge-freeagent-avatar,
span.badge-freeagent-avatar {
	position:absolute;
	top:83px;
	left:-6px;
	width:92px;
	padding-top:5px;
	padding-bottom:3px;
	text-align:center;
	background:url(http://www.nietuan.com/image/skin/freeagent-badge.png) no-repeat 0 0;
	}
h1 span.callout {
	color:#ff3600;
	}
h1 span.pro-title {
	padding:2px 6px;
	line-height:2.1;
	vertical-align:bottom;
	text-transform:uppercase;
	color:#fff;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
h1 em {
	font-weight:normal;
	font-style:normal;
	color:#777;
	}
#main div.full h1 {
	font-size:1.6em;
	}
#main div.full p {
	font-size:1.2em;
	}
em.size {
	font-style:normal;
	font-weight:bold;
	color:#999;
	}
div.notice {
	padding:10px 12px;
	font-size:1.7em;
	font-weight:normal;
	text-align:left;
	color:#fff;
	border-top:1px solid #85aed3;
	border-bottom:1px solid #ccc;
	background:#618fb9 url(http://www.nietuan.com/image/skin/alert-lines.png) repeat-x top left;
	}
div.notice h2 {
	width:960px;
	margin:0 auto;
	font-weight:normal;
	text-align:center;
	}
div.notice a:link,
div.notice a:visited {
	color:#fff;
	text-decoration:underline;
	}
div.error {
	border-top-color:#fb6161;
	background-color:#df3b3b;
	}
div.info {
	border-top-color:#85aed3;
	background-color:#618fb9;
	}
div.success {
	border-top-color:#a4d178;
	background-color:#8aba56;
	}
p.stub {
	margin:0 0 20px 0;
	font-size:1.6em;
	line-height:1.4;
	color:#bbb;
	text-align:center;
	}
p.explain {
	margin:0 0 25px 0;
	font-size:1.15em;
	line-height:1.4;
	}

/* small flag bubble */

h2.flag {
	margin:25px 0 15px 0;
	font-size:.75em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	padding:4px 8px;
	background:url(http://www.nietuan.com/image/skin/flag-bg1.gif) repeat-x 0 50%;
	}
h2.flag span {
	padding:0 6px;
	background:url(http://www.nietuan.com/image/skin/tile.gif);
	}

/* small section header */

h2.section {
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	font-size:.8em;
	line-height:1;
	text-transform:uppercase;
	border-bottom:1px solid rgba(255,255,255,.9);
	background:url(http://www.nietuan.com/image/skin/border-2px.gif) repeat-x bottom left;
	overflow:hidden;
	}
h2.section-alt {
	margin:0 0 10px 0;
	padding-bottom:0;
	border:none;
	background:none;
	}
h2.section span.meta {
	font-weight:normal;
	line-height:.9em;
	color:#666;
	}
h2.section span.alt {
	text-transform:none;
	}
h2.section span.size {
	text-transform:none;
	font-weight:normal;
	color:#666;
	}
h2.section span.section-callout {
	color:#ff3600;
	}
h2.fans {
	padding-left:16px;
	background:url(http://www.nietuan.com/image/skin/icon-hearts.gif) no-repeat 0 -32px;
	}
h2.section a.crop {
	float:right;
	padding-left:16px;
	background:url(http://www.nietuan.com/image/skin/icon-crop.gif) no-repeat 0 50%;
	}

/* special badge */

h3.special {
	margin:0 0 10px 0;
	font-size:.8em;
	font-weight:normal;
	color:#777;
	}
h3.special span.special-flag {
	padding:2px 16px 3px 6px;
	font-size:11px;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	color:#fff;
	background:#ff3600 url(http://www.nietuan.com/image/skin/flag-cutout.png) no-repeat 100% 50%;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	}
h3.special span.special-featured {
	background-color:#ff3600;
	}
h3.special span.special-alt {
	background-color:#9299a0;
	}
h3.special span.sponsored {
	float:right;
	margin:0 6px 0 0;
	color:#777;
	}
h3.special span.sponsored a {
	font-weight:bold;
	text-decoration:underline;
	}
h3.special a.date-more {
	padding-right:12px;
	background:url(http://www.nietuan.com/image/skin/icon-bluearrow.png) no-repeat 100% 2px;
	}
h3.special a.date-more:hover {
	background-position:100% -20px;
	}

h4 {
	height:40px;
	line-height:20px;
	margin:6px 0 2px;
	*padding-top:4px;
	overflow:hidden;
	}

/* tags */
#tags {
	border:1px solid #ebebeb;
	margin-bottom:16px;
	overflow:hidden;
	display:none;
	}
#tags h3 {
	float:left;
	width:40px;
	height:47px;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -10px -40px;
	}
#tags h3 a {
	color:#8a8a8a;
	display:block;
	font-size:12px;
	line-height:16px;
	padding:7px 4px;
	width:32px;
	}
#tags ul {
	height:23px;
	}
#tags ul li {
	float:left;
	}
#tags ul li a {
	display:block;
	padding:0 10px;
	line-height:23px;
	font-size:12px;
	}
#tags ul li a span {
	padding:0 1px;
	color:#ccc;
	font-size:10px;
	}

/* subnav tabs */

#wrap ul.tabs {
	margin-bottom:16px;
	padding:0;
	font-size:14px;
	height:34px;
	line-height:14px;
	border-bottom:1px solid rgba(255,255,255,.9);
	background:url(http://www.nietuan.com/image/skin/bg.png) repeat-x 0 2px #fff;
	}
#wrap ul.tabs:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
#wrap ul.tabs li {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#aaa;
	background:url(http://www.nietuan.com/image/skin/nt.png) no-repeat -89px -63px;
	}
#wrap ul.tabs li.last {
	margin-right:0;
	}
#wrap ul.tabs li span.meta {
	font-weight:normal;
	color:#aaa;
	}
#wrap ul.tabs li a,
#wrap ul.tabs li span.empty {
	float:left;
	color:#205f82;
	padding:0 12px 8px;
	_padding:0 12px;
	height:24px;
	line-height:34px;
	text-decoration:none;
	}
#wrap ul.tabs li a span.meta {
	line-height:12px;
	color:rgba(64,131,169,.8);
	}
#wrap ul.tabs li a:hover {
	background:url(http://www.nietuan.com/image/skin/tab-over-2px.gif) repeat-x bottom left;
	}
#wrap ul.tabs li a:hover,
#wrap ul.tabs li a:hover span.meta {
	color:#ff3e00;
	border-bottom:2px solid #ff3e00;
	}
#wrap ul.tabs li.unpublished a {
	color:#999;
	}
#wrap ul.tabs li.unpublished a span.meta {
	color:#bbb;
	}
#wrap ul.tabs li.active a,
#wrap ul.tabs li.active span.empty {
	color:#333;
	border-bottom:2px solid #666;
	background:url(http://www.nietuan.com/image/skin/tab-on-2px.gif) repeat-x bottom left;
	}
#wrap ul.tabs li.active a span.meta {
	color:#777;
	}
ul.tabs li a span.notify {
	padding:1px 8px;
	text-transform:none;
	font-weight:bold;
	color:#fff;
	background:#8aba56;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	}
ul.tabs li.active a span.notify {
	background:#666;
	}
#wrap ul.tabs li.first {
	background:none;
	}
#wrap ul.tabs li.today,
#wrap ul.tabs li.free {
	float:right;
	}
#wrap ul.tabs li.today a,
#wrap ul.tabs li.free a {
	font-size:12px;
	}
/* tabs with bigger numbers */

#wrap ul.tabs-numbers {
	margin-top:-.2em;
	font-size:1em;
	}

/* main deal list */
ol.deals {
	clear:both;
	}

ol.deals li {
	position:relative;
	width:256px;
	float:left;
	padding:0;
	margin:0 16px 30px 0;
	}
ol.deals li.third {
	margin-right:0;
	}
ol.deals li h2 {
	margin:0;
	padding:0;
	vertical-align:middle;
	}
ol.deals li h2 a img {
	float:left;
	width:16px;
	height:16px;
	max-height:16px;
	margin:0 5px 0 0;
	vertical-align:middle;
	}
ol.deals li h2 a span {
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#666;
	vertical-align:text-middle;
	}
ol.deals li h2 a {
	font-weight:bold;
	color:#205f82;
	text-decoration:none;
	}
ol.deals li h2 a:hover img {
	width:16px;
	}
ol.deals li h2 span.badge {
	font-size:9px;
	line-height:16px;
	vertical-align:top;
	opacity:0;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease;
	}
ol.deals li:hover h2 span.badge-pro {
	opacity:1;
	}
ol.deals li div.deal {
	position:relative;
	clear:left;
	padding:0 0 10px 0;
	background:url(http://www.nietuan.com/image/skin/deal-bottom-sm.png) no-repeat right bottom;
	overflow:hidden;
	}
ol.deals li div.deal div.deal-shot {
	padding:0 10px 10px;
	border:1px solid #e5e5e5;
	background:#fff;
	height:226px;
	/*background:url(http://www.nietuan.com/image/skin/deal-check-sm.gif) no-repeat top left;*/
	}
ol.deals li div.deal div.deal-shot-hover {
	border:1px solid #ff3e00;
	}

ol.deals div.deal a img {
	width:234px;
	height:150px;
	}

ol.deals div.deal a .deal-mask,
ol.deals div.deal a .deal-info {
	position:absolute;
	top:48px;
	*top:52px;
	left:10px;
	width:232px;
	height:148px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	margin:2px;
	zoom:1;
	opacity:0;
	filter:alpha(opacity=0);
}
ol.deals div.deal a .img-mask {
	position:absolute;
	top:48px;
	*top:52px;
	left:10px;
	width:232px;
	height:148px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background:url(http://www.nietuan.com/image/skin/mask.png);
	padding:1px;
	margin:1px;
}
ol.deals div.deal a .deal-mask {
	background-color:#fff;
	margin:1px;
	border:1px solid #eee;
}
ol.deals div.deal a .deal-info p.title {
	color:#333;
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding:10px 10px 0;
	height:108px;
	overflow:hidden;
	_font-family:'新宋体','宋体';
}
ol.deals div.deal a .deal-info p.remain {
	color:#000;
	border-top:1px dashed #666;
	font-size:14px;
	line-height:24px;
	padding:0 10px;
	margin:6px 6px 0;
	height:24px;
	overflow:hidden;
	_font-family:'新宋体','宋体';
}
ol.deals li div.deal a.deal-over {
	position:absolute;
	top:30px;
	left:10px;
	_left:0;
	width:215px;
	height:124px;
	margin:0;
	padding:10px;
	line-height:2em;
	text-decoration:none;
	overflow:hidden;
	color:#888;
	background:url(http://www.nietuan.com/image/skin/zoom-bg-white.png) no-repeat bottom right;
	_background:transparent;
	opacity:0; /* revealed on hover with jQuery */
	filter:alpha(opacity = 0) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nietuan.com/image/skin/zoom-bg-white.png'); /* IE hack */
	}
ol.deals li div.deal-img {
	width:234px;
	height:150px;
	overflow:hidden;
	}
ol.deals-tease li {
	margin-bottom:20px;
	}
ol.deals-tease li div.deal div.deal-shot {
	background:#fff;
	}
ol.deals-tease li div.deal-img {
	height:130px;
	}

/* mark as a rebound */

ol.deals li div.deal div.extras {
	position:absolute;
	bottom:17px;
	left:10px;
	z-index:2;
	}
ol.deals li div.deal span.rebound-mark {
	float:left;
	margin:0 5px 0 0;
	}
ol.deals li div.deal span.has-rebounds {
	padding:0 0 0 9px;
	font-size:.78em;
	line-height:1.5;
	color:#8aba56;
	background:url(http://www.nietuan.com/image/skin/icon-rebound-source.png) no-repeat 0 0;
	}

/* mark if has attachments */

ol.deals li div.deal span.attachments-mark {
	float:left;
	}

/* tool icons */

ol.deals li ul.tools {
	margin:8px 0 0 0;
	height:20px;
	text-align:left;
	}
ul.tools li {
	float:right;
	width:auto;
	margin:0 0 0 12px;
	display:inline;
	font-size:11px;
	line-height:1;
	color:#aaa;
	}
ul.tools li.rebound {
	float:left;
	}
ul.tools li a {
	text-decoration:none;
	color:#aaa;
	}
ul.tools li.view,
ul.tools li.fav,
ul.tools li.comment {
	display:none;
	}
ul.tools li.price {
	float:left;
	}
ul.tools li.price span {
	font-size:14px;
	color:#ff3e00;
	font-weight:bold;
	}
ul.tools li.view {
	margin-left:0;
	border-left:none;
	padding-left:19px;
	background:url(http://www.nietuan.com/image/skin/icon-views-sm.png) no-repeat 0 50%;
	}
ul.tools li.current-user-view {
	background-image:url(http://www.nietuan.com/image/skin/icon-views-sm.png);
	}
li.cmnt a,
li.cmnt span {
	padding-left:15px;
	background:url(http://www.nietuan.com/image/skin/icon-comments.png) no-repeat 0 0;
	}
li.cmnt a:hover {
	background-position:0 -15px;
	}
li.current-user-cmnt a {
	background-position:0 0;
	}
li.comments-since a {
	background-position:0 -45px;
	}
li.fav a,
li.fav span {
	padding-left:15px;
	background:url(http://www.nietuan.com/image/skin/icon-hearts.gif) no-repeat 0 0;
	}
li.fav a:hover {
	background-position:0 -17px;
	}
li.fav.marked a,
li.fav.marked span {
	background-position:0 -34px;
	}
li.fav strong a,
li.fav.marked strong a {
	color:#999;
	text-decoration:underline;
	}
ul.tools li a:hover {
	color:#777;
	}
li.progress a.fav-toggle {
	background:url(http://www.nietuan.com/image/skin/ajax-bounce.gif) no-repeat 0 0;
	}

/* multi-grid */

div.multi {
	margin:15px 0;
	padding:15px 0 0 0;
	border-top:2px solid #ddd;
	}
div.multi:first-of-type {
	padding-top:0;
	border-top:none;
	}
div.multi ol.deals {
	float:left;
	}
div.multi ol.deals li.group {
	margin:0;
	}
ol.multi-grid {
	float:right;
	width:480px;
	}
#side ol.multi-grid {
	float:none;
	width:240px;
	margin-left:-20px;
	}
ol.multi-grid li.multi-thumb {
	position:relative;
	float:left;
	width:88px;
	height:66px;
	margin:0 0 18px 20px;
	padding:6px 6px 16px 6px;
	background:url(http://www.nietuan.com/image/skin/multi-frame.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom {
	float:left;
	width:88px;
	height:66px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
ol.multi-grid li.multi-thumb a.zoom img {
	float:left;
	max-width:88px;
	max-height:66px;
	margin:0;
	padding:0;
	}
ol.multi-grid li.multi-thumb a.zoom strong {
	position:absolute;
	top:6px;
	left:6px;
	opacity:0; /* revealed with jQuery */
	filter:alpha(opacity = 0); /* IE hack */
	height:66px;
	width:88px;
	line-height:66px;
	text-align:center;
	background:url(http://www.nietuan.com/image/skin/multi-zoom.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom strong span {
	padding:0 0 0 18px;
	font-weight:normal;
	color:#666;
	background:url(http://www.nietuan.com/image/skin/icon-like16.png) no-repeat 0 0;
	}
#side ol.multi-rebounds li.multi-thumb a.zoom strong span {
	color:#8aba56;
	background:url(http://www.nietuan.com/image/skin/icon-hasrebounds-16.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom strong span.marked {
	background-image:url(http://www.nietuan.com/image/skin/icon-liked16.png);
	}
ol.multi-grid li.multi-thumb div.tipsy-player {
	display:none;
	}
span.tipsy-player-link a {
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
	}
span.tipsy-player-link img.photo {
	float:left;
	width:16px;
	margin:0 5px 0 0;
	}

/* mutli grid with 5 shots */

div.multi-5 ol.multi-grid {
	float:left;
	width:240px;
	}
div.multi-5 div.multi-meta {
	float:left;
	margin-right:20px;
	width:220px;
	}

/* page */

div.page {
	padding:20px 0 0 0;
	font-weight:bold;
	text-align:center;
	border-top:2px solid #ccc;
	clear:both;
	height:40px;
	}
div.page li {
	float:left;
	}
#comments-section div.page {
	margin-bottom:40px;
	border-width:1px;
	}
div.page-top {
	float:right;
	padding:3px 0 0 0;
	border:none;
	}
div.page span.disabled {
	padding:6px 12px;
	font-weight:normal;
	color:#bbb;
	}
div.page a {
	margin:0;
	padding:7px 12px;
	font-size:1em;
	line-height:1;
	text-decoration:none;
	color:#666;
	background:#d3d3d3 url(http://www.nietuan.com/image/skin/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
div.page-top a {
	padding:0;
	font-weight:normal;
	color:#4083a9;
	background:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
div.page-top span.calendar {
	margin:0 6px;
	padding:2px 0;
	font-weight:bold;	
	}
div.page-top a.prev_page {
	padding-left:8px;
	padding-right:6px;
	border-right:1px solid #ddd;
	background:url(http://www.nietuan.com/image/skin/arrow-prev.gif) no-repeat 0 3px;
	}
div.page-top a.next_page {
	padding-right:8px;
	padding-left:6px;
	border-left:1px solid #ddd;
	background:url(http://www.nietuan.com/image/skin/arrow-next.gif) no-repeat 100% 3px;
	}
div.page a:hover {
	color:#fff;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
div.page-top a.prev_page:hover {
	color:#205f82;
	background:url(http://www.nietuan.com/image/skin/arrow-prev.gif) no-repeat 0 3px;
	}
div.page-top a.next_page:hover {
	color:#205f82;
	background:url(http://www.nietuan.com/image/skin/arrow-next.gif) no-repeat 100% 3px;
	}

/* add form */

#add {
	margin:0 0 20px 0;
	text-align:center;
	}
#add fieldset#url {
	display:none;
	}
#add #add-btn {
	margin:20px 0 0 0;
	font-size:1.1em;
	}
#add #add-btn input.form-sub {	
	padding:10px 50px;
	}
#add #add-btn p {
	margin:8px 0 0 15px;
	font-size:.9em;
	color:#777;
	}
#add fieldset input {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.4em;
	color:#333;
	}
#add fieldset#upload input {
	width:300px;
	padding:10px;
	font-size:1em;
	border:none;
	color:#555;
	background:rgba(0,0,0,.07);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#add fieldset p.toggle {
	float:right;
	margin:8px 0 0 10px;
	font-size:.8em;
	font-weight:bold;
	}
#add p.meta {
	margin:20px 0 0 0;
	font-size:12px;
	color:#999;
	}

/* general form */

div.session-form {
	margin:0;
	}
div.message {
	float:left;
	color:#777;
	}
div.message h2 {
	margin:0 0 4px 0;
	font-size:1.2em;
	}
div.message p {
	font-size:1.2em;
	}
form.gen-form {
	margin:20px 0 0 0;
	}
form#invite-form {
	margin-bottom:30px;
	}
form.plain h2 {
	margin:0 0 12px 0;
	}
form.gen-form fieldset,
form.with-messages div.form-field {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #ddd;
	}
form.plain fieldset {
	padding:0 0 5px 0;
	border:none;
	}
form.with-messages fieldset {
	margin:0;
	padding:0;
	border-bottom:none;
	}
form.gen-form fieldset.last,
form.with-messages div.last {
	border:none;
	}
form.gen-form label {
	display:block;
	float:left;
	width:230px;
	margin:.7em 20px 2px 0;
	font-size:1em;
	line-height:1.5em;
	font-weight:normal;
	text-align:right;
	}
form.gen-form label.label-top {
	margin-top:0;
	}
form.plain label {
	float:none;
	width:auto;
	margin:0;
	text-align:left;
	}
form.gen-form label.check {
	float:none;
	width:auto;
	margin:0;
	text-align:left;
	}
form.gen-form label span {
	margin-right:10px;
	font-size:.8em;
	font-weight:normal;
	color:#777;
	}
form.gen-form label.remember {
	display:inline;
	font-size:1.2em;
	font-weight:normal;
	}
form.gen-form div.no-label fieldset {
	float:left;
	margin:-3px 0 0 250px;
	}
form.gen-form div.no-label span {
	font-size:.9em;
	line-height:1;
	}
form.gen-form p.message {
	margin:3px 0 0 250px;
	font-size:11px;
	line-height:1.5em;
	color:#999;
	}
form.gen-form p.message strong {
	font-weight:bold;
	color:#666;
	}
form.gen-form p.message code {
	font-family:Monaco, monospace;
	font-size:1.1em;
	}
form.gen-form div.form-important {
	margin:5px 0 5px 250px;
	padding:5px 10px;
	font-size:.8em;
	line-height:1.5em;
	color:#505d68;
	background:rgba(118,182,217,.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
form.gen-form fieldset.check {
	float:left;
	margin:0 0 0 20px;
	padding:0;
	border:none;
	}
form.gen-form fieldset.check input {
	vertical-align:middle;
	margin-right:5px;
	}
form.gen-form div.no-label fieldset input.input-check {
	margin-right:5px;
	}
form.gen-form fieldset.check label {
	width:auto;
	font-size:.8em;
	}
form.gen-form fieldset input.form-text {
	width:400px;
	padding:5px 8px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.4em;
	color:#333;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
form.gen-form fieldset textarea {
	width:400px;
	height:100px;
	padding:5px 8px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#333;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
form.gen-form fieldset input.form-text:focus,
form.gen-form fieldset textarea:focus {
	border-top-color:#ddd;
	background:#fff;
	outline-width:0;
	}
form.gen-form fieldset div.ctrl-group {
	width:400px;
	padding:8px 0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1.8;
	color:#333;
	}
form.gen-form div.form-btns {
	padding:10px 0 0 250px;
	}
form.gen-form div.form-btns-only {
	text-align:center;
	}
form.plain div.form-btns {
	padding-left:0;
	}
form.gen-form div.form-btns a.link {
	float:right;
	margin:10px 0 0 0;
	font-size:12px;
	}
form.gen-form input.signin {
	float:left;
	}
form.gen-form h3.section {
	margin:15px 0;
	text-align:center;
	text-transform:uppercase;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/border-2px.gif) repeat-x 0 50%;
	}
form.gen-form h3.section span {
	padding:0 6px;
	background:#f0f0f0 url(http://www.nietuan.com/image/skin/tile.gif) repeat -70% 0;
	}

form span.or {
	margin:0 4px;
	color:#999;
	}

/* char counts */

div.form-field-bio,
fieldset.bucket div.form-field {
	position:relative;
	}
span.counter {
	font-size:12px;
	font-weight:bold;
	color:#999;
	}
div.form-field-bio span.counter {
	position:absolute;
	bottom:12px;
	right:35px;
	}
fieldset.bucket div.form-field span.counter {
	position:absolute;
	top:14px;
	right:0;
	}
#bucket-add fieldset.bucket div.form-field span.counter,
#project-add fieldset.bucket div.form-field span.counter {
	font-size:11px;
	right:5px;
	top:12px;
	}
span.counter.warning {
	color:#ff3600;
	}
span.counter.exceeded {
	padding:1px 4px;
	color:#fff;
	background:#df3b3b;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
	
/* form buttons */

.form-sub,
a.form-sub,
div.comment-body form.comment button[type="submit"] {
	padding:7px 12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	border:none;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
.form-sub:hover,
.form-sub:focus,
a.form-sub:hover,
a.form-sub:focus,
div.comment-body form.comment button[type="submit"]:hover,
div.comment-body form.comment button[type="submit"]:focus {
	text-decoration:none;
	background-color:#df3e7b;
	}
.form-sub:active,
a.form-sub:active,
div.comment-body form.comment button[type="submit"]:active {
	text-decoration:none;
	background-color:#c22b65;
	}
.form-sub[disabled="disabled"] {
	opacity:.4;
	}
.form-btn,
a.form-btn,
div.comment-body form.comment button[type="cancel"] {
	padding:7px 12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	color:#666 !important;
	border:none;
	background:#d3d3d3 url(http://www.nietuan.com/image/skin/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
.form-btn:hover,
.form-btn:focus,
a.form-btn:hover,
a.form-btn:focus,
div.comment-body form.comment button[type="cancel"]:hover,
div.comment-body form.comment button[type="cancel"]:focus {
	text-decoration:none;
	background-color:#ccc;
	}
.form-btn:active,
a.form-btn:active,
div.comment-body form.comment button[type="cancel"]:active {
	text-decoration:none;
	background-color:#b9b9b9;
	}

/* avatar upload form */

#avatar-preview,
#avatar-preview-prefilled {
	margin-bottom:20px;
	}
#avatar-preview form#delete-avatar-form img,
#avatar-preview-prefilled img {
	float:left;
	margin:0 8px 10px 0;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
#avatar-preview-prefilled img {
	float:none;
	}
#avatar-form {
	clear:both;
	}
#avatar-preview a.edit-text {
	margin-right:5px;
	}
#avatar-preview input.form-btn {
	margin:5px 0 0 0;
	font-size:.9em;
	}
#avatar-preview p.info {
	padding:8px 0 0 0;
	}

/* authentications */

a.auth-twitter,
.auth-twitter {
	display:block;
	float:left;
	position:relative;
	margin:0 10px 10px 0;
	padding:10px 14px 10px 42px;
	font-size:1.1em;
	font-weight:normal;
	text-decoration:none;
	color:rgba(255,255,255,.9);
	border:none;
	background:url(http://www.nietuan.com/image/skin/icon-twitter-t.png) no-repeat 12px 50%;
	background:
		url(http://www.nietuan.com/image/skin/icon-twitter-t.png) no-repeat 12px 50%,
		url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	background-color:#1d88b4;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	}
.auth-nonlink {
	padding-right:26px;
	color:#555;
	border:1px solid #ccc;
	background-color:#ddd;
	}
a.auth-twitter:hover,
input.auth-twitter:hover {
	color:#fff;
	background-color:#197ea7;
	}
a.auth-twitter:active,
input.auth-twitter:active {
	background-color:#15739a;
	}
a.auth-generic,
.auth-generic {
	display:block;
	float:left;
	position:relative;
	margin:0 10px 10px 0;
	padding:10px 14px;
	font-size:1.1em;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	border:none;
	background:url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	background-color:#ff3600;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	}
a.auth-generic:hover,
input.auth-generic:hover {
	color:#fff;
	background-color:#df3e7b;
	}
a.auth-generic:active,
input.auth-generic:active {
	background-color:#c22b65;
	}
a.auth-subdued,
.auth-subdued {
	background-color:#95989c;
	}
a.auth-subdued:hover {
	color:#fff;
	background-color:#8a8d91;
	}
a.auth-subdued:active {
	background-color:#7b7e82;
	}


.auth-twitter a.remove {
	position:absolute;
	top:-2px;
	right:-7px;
	margin:6px 12px 0 0;
	padding:0;
	width:12px;
	height:12px;
	vertical-align:middle;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-tagx.png) no-repeat 0 0;
	z-index:3;
	}
.auth-twitter a.remove:hover {
	background-position:0 -12px;
	}
.auth-twitter a.remove img {
	height:0;
	}

/* edit view form overrides */

div.edit-form {
	float:right;
	width:480px;
	}
div.edit-form form.gen-form {
	margin-top:0;
	}
div.edit-form form.gen-form fieldset.first {
	padding-top:0;
	}
div.edit-form form.gen-form label {
	float:none;
	width:auto;
	margin-top:0;
	font-weight:bold;
	text-align:left;
	}
div.edit-form form.gen-form label[for="screenshot_project"] {
	margin:0;
	padding:0 0 0 21px;
	background:url(http://www.nietuan.com/image/skin/icon-addtoproject.png) no-repeat 0 50%;
	}
div.edit-form form.gen-form label[for="screenshot_project"] a {
	font-size:12px;
	}
div.edit-form form.gen-form label[for="screenshot_project"] a.remove-from-project {
	margin-left:5px;
	font-weight:normal;
	}
div.edit-form form.gen-form label span {	
	margin-left:10px;
	}
div.edit-form form.gen-form fieldset input.form-text {
	width:465px;
	}
div.edit-form form.gen-form fieldset textarea {
	width:465px;
	height:100px;
	}
div.edit-form form.gen-form fieldset ol.projects {	
	margin:10px 0 0 0;
	}
div.edit-form form.gen-form div.form-btns {
	padding:10px 0 0 0;
	}
div.edit-form form.gen-form div.form-btns input {
	margin:0;
	}
div.edit-form form.gen-form fieldset p.tag-help-edit {
	padding:4px 60px 0 0;
	font-size:.8em;
	line-height:1.5;
	color:#999;
	}
#publish-screenshot-btn {
	float:left;
	margin-right:6px;
	}
#cancel-screenshot-form {
	float:left;
	padding-top:10px;
	}
#cancel-screenshot-form input {
	margin:0;
	}

/* bucket editing */

#the-shot-group {
	float:left;
	width:460px;
	margin:10px 0 0 0;
	}
#the-shot-group ol.deals {
	float:left;
	}
#the-shot-group ol.deals li {
	margin-right:0;
	}
#the-shot-group ol.multi-grid {
	float:right;
	width:240px;
	margin-left:0;
	}

div.edit-bucket {
	width:460px;
	}
div.edit-bucket form.gen-form fieldset input.form-text {
	width:445px;
	}
div.edit-bucket form.gen-form fieldset textarea {
	width:445px;
	height:100px;
	}

/* deal view styles
--------------------------------------------- */

#screenshot-dash {
	margin:5px 0 0 0;
	font-size:.9em;
	font-weight:bold;
	}
#screenshot-dash a.prev {
	float:left;
	padding-left:8px;
	background:url(http://www.nietuan.com/image/skin/arrow-prev.gif) no-repeat 0 5px;
	}
#screenshot-dash a.next {
	float:right;
	padding-right:8px;
	background:url(http://www.nietuan.com/image/skin/arrow-next.gif) no-repeat 100% 5px;
	}

/* the screenshot title */

div.single-title {
	font-size:.9em;
	overflow:hidden;
	}
div.single-title a img {
	float:left;
	width:48px;
	margin:0 8px 0 0;
	vertical-align:middle;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
div.single-title a:hover img {	
	background:#e5e5e5;
	}
div.single-title h1 {
	margin-left:60px;
	line-height:1.5;
	}
div.single-title h2,
div.single-title div.shot-byline {
	margin-left:60px;
	font-size:13px;
	font-weight:normal;
	line-height:1.4;
	color:#999;
	}
div.single-title div.shot-byline span.shot-byline-user {	
	float:left;
	}
div.single-title div.shot-byline span.badge {	
	float:left;
	height 16px;
	margin:2px 0 0 5px;
	padding:2px 3px;
	}
div.single-title h2 a,
div.single-title div.shot-byline a {
	font-size:1em;
	font-weight:bold;
	}
div.single-title div.shot-byline div.follow-prompt,
div.single-title div.shot-byline div.follow-prompt form {	
	display:inline;
	float:left;
	margin:0;
	padding:0;
	}
div.single-title div.shot-byline div.follow-prompt {	
	margin:0 3px 0 5px;
	}
div.single-title div.shot-byline a.follow,
div.single-title div.shot-byline a.following {
	margin:2px 0 0 0;
	padding:3px;
	width:8px;
	height:8px;
	margin-right:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
div.single-title div.shot-byline a.follow span,
div.single-title div.shot-byline a.following span {	
	float:left;
	width:10px;
	padding-left:8px;
	text-indent:-999em;
	}
div.single-title div.shot-byline a.follow span {	
	background-image:url(http://www.nietuan.com/image/skin/icon-mini-follow.png);
	background-position:0 0;
	}
div.single-title div.shot-byline a.follow:hover span {	
	background-image:url(http://www.nietuan.com/image/skin/icon-mini-follow-hov.png);
	background-position:0 0;
	}
div.single-title div.shot-byline a.following span {	
	background-image:url(http://www.nietuan.com/image/skin/icon-mini-following.png);
	background-position:0 0;
	}
div.single-title div.shot-byline a.following:hover span {	
	background-image:url(http://www.nietuan.com/image/skin/icon-mini-unfollow.png);
	background-position:0 0;
	}
div.fans div.fans-shot {
	float:left;
	width:88px;
	height:66px;
	margin:0 10px 0 0;
	padding:6px 6px 16px 6px;
	background:url(http://www.nietuan.com/image/skin/multi-frame.png) no-repeat 0 0;
	}
div.fans div.fans-shot a {
	float:left;
	width:88px;
	height:66px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
div.fans div.fans-shot a img {
	width:auto;
	max-width:88px;
	max-height:66px;
	padding:0;
	border:none;
	background:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;	
	border-radius:0;
	}

/* the screenshot */

#the-shot {
	float:left;
	width:440px;
	padding:0 0 15px 0;
	background:url(http://www.nietuan.com/image/skin/deal-shadow-lg.png) no-repeat bottom right;
	}
#single {
	width:400px;
	min-height:300px;
	margin:0;
	padding:20px;
	border:1px solid #e5e5e5;
	background:#fff;
	overflow:hidden;
	}
#single-grid {
	display:table;
	width:400px;
	height:300px;
	background:url(http://www.nietuan.com/image/skin/deal-checkerbg-lg.gif) no-repeat top left;
	overflow:hidden;
	}
#single-grid #single-img {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
#single-desc {
	margin:10px 0 25px 0;
	padding:0;
	color:#333;
	}
#screenshot-description {
	font-size:1.1em;
	line-height:1.4em;
	}

/* date, dimensions and pixel count */

span.screenshot-dash,
div.screenshot-dash {
	float:left;
	margin:2px 0 0 0;
	font-size:12px;
	color:#999;
	}
div.screenshot-dash {
	margin-left:4px;
	}
span.screenshot-dash span.sep,
div.screenshot-dash span.sep {
	margin:0 4px;
	color:#ccc;
	text-shadow:1px 1px 1px #fff;
	}
span.screenshot-dash strong {
	font-weight:bold;	
	}
span.screenshot-dash strong.views {	
	padding-left:20px;
	font-weight:normal;
	background:url(http://www.nietuan.com/image/skin/icon-views.png) no-repeat 0 48%;
	}
strong.project {	
	padding:1px 0 1px 21px;
	font-size:12px;
	font-weight:normal;
	background:url(http://www.nietuan.com/image/skin/icon-addtoproject.png) no-repeat 0 50%;
	}
div.shot-byline strong.project-add a {	
	font-weight:normal;
	color:#999;
	}
div.shot-byline strong.project-add a:hover {	
	color:#666;
	}
form.remove-from-project {
	display:none;
	}
div.shot-byline:hover form.remove-from-project {
	display:inline;
	}
form.remove-from-project div {
	display:inline;
	}
form.remove-from-project input {
	padding:2px 0 0 2px;
	line-height:12px;
	vertical-align:top;
	opacity:.4;
	}
form.remove-from-project input:hover {
	opacity:1;
	}
span.screenshot-dash em {
	font-size:.8em;
	font-style:normal;
	color:#999;
	}
		
/* rebound */

div.the-rebound {
	margin:20px 0 0 0;
	}
div.full div.the-rebound {
	float:left;
	width:440px;
	margin:10px 0 20px 0;
	}
div.full div.the-rebound-img {
	font-size:1.2em;
	}
ol.comments li div.the-rebound {
	float:none;
	clear:none;
	width:auto;
	}
div.the-rebound div.deal-img {
	position:relative;
	float:left;
	width:88px;
	height:66px;
	margin:0 10px 0 0;
	padding:6px 6px 16px 6px;
	background:url(http://www.nietuan.com/image/skin/multi-frame.png) no-repeat 0 0;
	}
div.the-rebound div.deal-img a.deal-link {
	float:left;
	width:88px;
	height:66px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
div.the-rebound div.deal-img a.deal-link img {
	width:auto;
	max-width:88px;
	max-height:66px;
	padding:0;
	border:none;
	background:none;
	}
div.the-rebound a.deal-over {
	position:absolute;
	top:6px;
	left:6px;
	opacity:0; /* revealed with jQuery */
	filter:alpha(opacity = 0); /* IE hack */
	height:100%;
	width:100%;
	text-indent:-9999px;
	background:url(http://www.nietuan.com/image/skin/thumb-zoom.png) no-repeat 0 0;
	}
h3.rebound-flag {
	margin:4px 0 4px 110px;
	padding:5px 0 0 20px;
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	color:#8aba56;
	background:url(http://www.nietuan.com/image/skin/icon-rebound.png) no-repeat 0 5px;
	}
div.the-rebound h3.rebound-title {
	margin:0 0 4px 0;
	font-size:1em;
	font-weight:bold;
	line-height:1.3;
	}
div.the-rebound h4 {
	margin:0 0 4px 0;
	font-size:.9em;
	line-height:1.3;
	font-weight:normal;
	color:rgba(0,0,0,.5);
	}
div.the-rebound h4 a {
	font-weight:normal;
	}
div.the-rebound h4 span.badge {
	font-size:9px;
	line-height:1.8;
	vertical-align:top;
	}
div.the-rebound p {
	font-size:.9em;
	line-height:1.3;
	color:rgba(0,0,0,.5);
	}

/* attachments on shot detail */

div.attach {
	min-height:30px;
	margin:20px 0 0 0;
	padding-left:38px;
	background:url(http://www.nietuan.com/image/skin/icon-attachment-lg.png) no-repeat 0 0;
	}
div.attach h3 {
	margin:0 0 5px 0;
	font-size:.75em;
	line-height:1;
	text-transform:uppercase;
	color:#444;
	}
div.attach ul li {
	margin:0 0 4px 0;
	font-size:.8em;
	line-height:1;
	}
div.attach ul li:last-child {
	margin-bottom:0;
	}
div.attach ul li a {
	font-weight:bold;
	}
div.attach ul li em {
	margin-left:3px;
	font-size:.95em;
	font-style:normal;
	color:#bbb;
	}
div.attach ul li a.delete-attachment {
	display:inline-block;
	margin:-2px 0 0 3px;
	padding:0;
	width:12px;
	height:12px;
	vertical-align:middle;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-tagx.png) no-repeat 0 0;
	z-index:3;
	}
div.attach ul li a.delete-attachment:hover {
	background-position:0 -12px;
	}
div.attach ul li a.delete-attachment img {
	height:0;
	}
div.attach form {
	margin-top:10px;
	}
div.attach div.attach-upld-btn {
	margin:5px 0 0 0;
	}
div.attach div.attach-upld-btn input.form-sub {
	padding:5px 8px;
	font-size:.75em;
	}
div.attach p.note {
	margin:5px 0 0 0;
	font-size:.75em;
	color:#999;
	}

/* screenshot meta col */

#screenshot-meta {
	float:right;
	margin-right:10px;
	width:220px;
	}
#screenshot-edit #screenshot-meta {
	width:480px;
	}
h3.meta-head {
	margin-top:20px;
	padding:0 12px 8px 12px;
	font-size:.9em;
	font-weight:normal;
	color:#333;
	}
div.meta-act {
	border-bottom:1px solid #ddd;
	}
div.meta-act-last {
	border-bottom:none;
	}
div.meta-act .meta-act-link {
	display:block;
	padding:8px 12px 8px 35px;
	font-size:.9em;
	font-weight:bold;
	color:#333;
	background-repeat:no-repeat;
	background-position:12px 50%;
	z-index:555;
	}
div.meta-act .meta-act-link em {
	font-style:normal;
	font-weight:normal;
	color:#666;
	}
div.meta-act a.meta-act-link:hover {
	color:#555;
	background-color:rgba(255,255,255,.5);
	}
div.meta-act a.meta-like {
	background-image:url(http://www.nietuan.com/image/skin/icon-like16.png);
	}
div.meta-act span.meta-views {
	background-image:url(http://www.nietuan.com/image/skin/icon-views.png);
	}
div.meta-act a.meta-rebound {
	background-image:url(http://www.nietuan.com/image/skin/icon-rebound16.png);
	}
div.meta-act a.meta-project {
	background:url(http://www.nietuan.com/image/skin/icon-addtoproject.png) no-repeat 12px 8px;
	}
div.meta-act a.meta-project span.project-name {		
	display:block;
	margin:3px 0 0 0;
	font-size:11px;
	font-weight:normal;
	color:#999;
	}
div.meta-act a.meta-bucket {
	background-image:url(http://www.nietuan.com/image/skin/icon-bucket.png);
	background-position:9px 8px;
	}
div.meta-act div.bucketed a.meta-bucket {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-bucketed.png);
	}
div.meta-act a.meta-tweet {
	background-image:url(http://www.nietuan.com/image/skin/icon-tweet16.png);
	}
div.meta-act div.meta-share {
	background-image:url(http://www.nietuan.com/image/skin/icon-short16.png);
	}
div.meta-act div.meta-colors {
	padding-right:0;
	background-image:url(http://www.nietuan.com/image/skin/icon-colordrop.png);
	}
div.meta-act div.meta-colors ul.color-chips {
	margin:1px 0 0 0;
	}
div.meta-act div.meta-colors ul.color-chips li {
	margin:0;
	}
div.meta-act div.meta-colors ul.color-chips li a {
	width:23px;
	}
div.meta-act div.meta-colors ul.color-chips li:last-child a {
	width:24px;
	}
div.meta-act a.meta-edit {
	border-bottom:none;
	background-image:url(http://www.nietuan.com/image/skin/icon-edit16.png);
	}
div.meta-act a.meta-addtags {
	background-image:url(http://www.nietuan.com/image/skin/icon-addtags16.png);
	}
div.meta-act a.meta-alljobs {
	background-image:url(http://www.nietuan.com/image/skin/icon-meta-act-back.png);
	}
div.fav,
div.rebound,
div.bucket,
div.project {
	position:relative;
	}
div.fav strong.fav-number,
div.rebound strong.rebound-number,
div.bucket strong.bucket-number,
div.project strong.project-number {
	position:absolute;
	top:0;
	right:0;
	font-size:.8em;
	font-weight:normal;
	color:#777;
	z-index:777;
	}
div.fav strong.fav-number a,
div.rebound strong.rebound-number a,
div.bucket strong.bucket-number a,
div.project strong.project-number a {
	display:block;
	font-weight:bold;
	padding:8px 12px;
	}
div.fav a.action {
	float:left;
	font-size:.9em;
	line-height:1.2;
	}
div.fav a.action span {
	padding-left:17px;
	background:url(http://www.nietuan.com/image/skin/icon-like.gif) no-repeat 0 50%;
	}
div.fav a.action:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-liked.gif);
	}
div.fav a.pass span {
	padding-left:26px;
	background-image:url(http://www.nietuan.com/image/skin/icon-pass.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
div.meta-act div.marked a.meta-act-link {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-liked16.png);
	}

div.fav .likes {
	padding-left:17px;
	font-weight:bold;
	background:url(http://www.nietuan.com/image/skin/icon-hearts.gif) no-repeat 0 -32px;
	}
div.fav span.likes {
	font-weight:normal;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-like.gif) no-repeat 0 50%;
	}

/* help pop up */

.help-pop {
	display:none;
	position:absolute;
	top:6px;
	left:-19px;
	margin-left:3px;
	padding:2px 5px;
	-webkit-transition:opacity .2s linear;
	}
div.meta-act:hover .help-pop {
	display:block;
	}
.help-pop:hover {
	opacity:.7;
	}

/* comments */

#comments-section {
	float:left;
	width:440px;
	margin:25px 0;
	}
ol.comments li {
	position:relative;
	}
ol.comments li.response {
	float:none;
	width:auto;
	margin:0 0 15px 0;
	padding:0;
	font-size:1em;
	line-height:1.4em;
	color:#555;
	border-bottom:1px solid #ddd;
	}
ol.comments li:last-child {
	border-bottom:none;
	}
ol.comments li h2 img {
	float:left;
	width:32px;
	margin:1px 10px 0 0;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
ol.comments li h2 span.badge {
	position:absolute;
	top:43px;
	left:0;
	width:36px;
	height:10px;
	margin:2px 0 0 0;
	padding:2px 3px;
	text-align:center;
	line-height:1;
	opacity:0;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease;
	}
ol.comments li:hover h2 span.badge {
	opacity:1;
	}
ol.comments li h2 a:hover img {
	background:#e5e5e5;
	}
ol.comments li div.comment-body {
	width:388px;
	margin:0 0 0 52px;
	overflow:hidden;
	}
ol.comments li div.comment-body p {
	margin:0 0 10px 0;
	padding:0;
	}
ol.comments li div.comment-body p code {
	font-family:Monaco, monospace;
	font-size:1.1em;
	color:#666;
	}
ol.comments li div.comment-body strong.plus1 {
	margin:0 2px 0 0;
	padding:1px 3px;
	font-size:.8em;
	color:#fff;
	background:#8aba56 url(http://www.nietuan.com/image/skin/glass.png) repeat-x 0 50%;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
ol.comments li a.posted:hover {
	text-decoration:none;
	color:#777;
	}
ol.comments li p.comment-meta {
	margin:0 0 15px 52px;
	font-size:.75em;
	line-height:1;
	color:#ccc;
	}
ol.comments li p.comment-meta a {
	color:#999;
	}
ol.comments li p.comment-meta a:hover {
	color:#666;
	}
ol.comments li p.comment-meta span.sep {
	margin:0 3px;
	}

/* liking comments */

ol.comments li span.comment-meta-likes {
	float:right;
	white-space:nowrap;
	font-size:.78em;
	line-height:1;
	}
ol.comments li a.likes-list {
	float:right;
	font-weight:normal;
	color:#aaa;
	padding-left:15px;
	background:url(http://www.nietuan.com/image/skin/icon-hearts.gif) no-repeat 0 0;
	}
ol.comments li a.likes-list:hover {
	color:#555;
	background-position:0 -17px;
	}
ol.comments li a.liked-by-current-user {
	background-position:0 -34px;
	}
ol.comments li p.comment-meta a.liked-by-current-user {
	font-weight:bold;
	color:#ff3600;
	}

ol.comments li div.comment-likes ol.players-list {
	margin:0 0 10px 50px;
	padding:0;
	}
ol.comments li div.comment-likes ol.players-list li {
	float:right;
	margin:0;
	padding:0;
	border:none;
	}
ol.comments li div.comment-likes li img {
	float:right;
	width:24px;
	margin:1px 0 5px 5px;
	padding:3px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
ol.comments li div.comment-likes li a:hover img {
	background:#e5e5e5;
	}

/* rebounds */

ol.comments li div.the-rebound {
	margin:-3px 0 5px 0;
	padding:0;
	background:none;
	}
ol.comments li.response div.comment-body div.the-rebound p {
	margin-bottom:6px;
	}
ol.comments li ul.tools {
	float:right;
	}

/* add comment form */

form.comment textarea {
	width:424px;
	height:100px;
	margin:0 0 10px 0;
	padding:5px 8px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1.4em;
	color:#555;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
div.comment-body form.comment {
	margin-bottom:20px;
	}
div.comment-body form.comment textarea {
	width:372px;
	}
form.comment textarea:focus {
	border-top-color:#ddd;
	background:#fff;
	outline-width:0;
	}
form.comment input {
	float:left;
	}
div.comment-body form.comment button {
	margin-right:4px;
	}

/* comments help */

#view-comments-help {
	float:right;
	margin:0 0 0 15px;
	font-size:.8em;
	font-weight:bold;
	line-height:2.9;
	}
#view-comments-help a {
	color:#666;
	font-weight:normal;
	padding:2px 0 0 21px;
	background:url(http://www.nietuan.com/image/skin/icon-help-circle.png) no-repeat 0 50%;
	}
#view-comments-help a:hover {
	opacity:.7;
	}

/* keyboard shortcut legend */

#kbd-legend {	
	clear:both;
	}
#kbd-legend p {
	margin:0;
	padding:30px 0 0 0;
	font-size:12px;
	text-align:center;
	color:#bbb;
	border-top:1px solid #ddd;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
	}
#kbd-legend p:hover {
	color:#777;
	}
#kbd-legend span {	
	margin:0 20px;
	}
#kbd-legend span strong {	
	margin:0 4px 0 0;
	}

/* prev/next navigation from shot detail */

ol.prevnext {
	margin:-5px 0 25px 0;
 	}
ol.prevnext li.prev,
ol.prevnext li.next {
	position:relative;
	float:left;
	width:88px;
	height:66px;
	margin:0;
	padding:6px 6px 16px 6px;
	background:url(http://www.nietuan.com/image/skin/multi-frame.png) no-repeat 0 0;
	}
ol.prevnext li a,
ol.prevnext li span {
	float:left;
	width:88px;
	height:66px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
ol.prevnext li a img {
	float:left;
	width:auto;
	max-width:88px;
	max-height:66px;
	margin:0;
	padding:0;
	}
ol.prevnext li.next {
	float:right;
	}
ol.prevnext li a strong {
	position:absolute;
	opacity:0; /* revealed with jQuery */
	filter:alpha(opacity = 0); /* IE hack */
	top:6px;
	left:6px;
	height:100%;
	width:100%;
	text-indent:-9999px;
	background:url(http://www.nietuan.com/image/skin/prevnext-prevover.png) no-repeat 0 0;
	}
ol.prevnext li.next strong {
	background-image:url(http://www.nietuan.com/image/skin/prevnext-nextover.png);
	}
ol.prevnext li.none {
	padding:6px 6px 14px 6px;
	background:rgba(0,0,0,.07);
	}
ol.prevnext li.none span {
	width:78px;
	height:50px;
	padding:22px 5px 10px 5px;
	font-size:.75em;
	line-height:1.4;
	color:#aaa;
	text-align:center;
	background:none;
	}

/* search results
--------------------------------------------- */

ol.users {
	margin:-8px 0 20px 0;
	}
ol.users li {
	border-bottom:1px solid #ddd;
	overflow:auto;
	}
ol.users li a {
	display:block;
	margin:0;
	padding:7px 0;
	font-size:.9em;
	line-height:1.9;
	overflow:auto;
	}
ol.users li:last-child {
	border-bottom:none;
	}
ol.users li img {
	float:left;
	width:20px;
	vertical-align:middle;
	margin:0 5px 0 0;
	padding:3px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
ol.users li a {
	font-weight:bold;
	}
ol.users li a:hover img {
	width:20px;
	background:transparent;
	border-color:transparent;
	}

/* players list */

ol.players-list {
	margin:-8px 0 20px 0;
	font-size:.9em;
	}
#side ol.players-list {
	font-size:.8em;
	}
ol.players-list li {
	margin:0;
	padding:8px 0;
	border-bottom:1px solid #ddd;
	}
ol.players-list li h4.vcard {
	margin:0;
	}
#side ol.players-list li h4.vcard {
	line-height:1.4;
	}
#side ol.players-list li h4.vcard img {
	width:24px;
	}
ol.players-list li h4.vcard span.badge {	
	font-size:9px;	
	line-height:20px;
	vertical-align:top;
	}
ol.players-list li span.user-meta {
	display:block;
	margin:0;
	padding:0;
	font-size:.85em;
	font-weight:normal;
	line-height:1.2;
	color:#999;
	}
#side ol.players-list li span.user-meta {
	font-size:.9em;
	line-height:1;
	}
ol.players-list li span.user-meta i {
	margin:0 4px;
	font-size:.9em;
	text-shadow:1px 1px 1px #fff;
	color:#bbb;
	}
ol.players-list li div.follow-prompt {
	float:right;
	font-size:.9em;
	line-height:12px;
	margin:-2px 0 0 0;
	}
ol.players-list li div.follow-prompt form {
	margin:0;
	padding:0;
	}
ol.players-list li a.follow,
ol.players-list li a.following {
	padding:6px;
	margin-right:0;
	}
ol.players-list li a.follow span,
ol.players-list li a.following span {
	float:left;
	padding-left:12px;
	text-indent:-999em;
	}
ol.players-list li:last-child {
	border-bottom:none;
	}

/* teaser styles
--------------------------------------------- */

#teaser {
	position:relative;
	overflow:hidden;
	width:200px;
	height:200px;
	}
ol.new {
	float:right;
	margin-right:220px;
	}
#single.edit {
	padding:10px;
	}

/* croptastic
--------------------------------------------- */

body#crop {
	background:#fff url(http://www.nietuan.com/image/skin/checker.gif) repeat 0 -2px;
	}
body#crop #header input {
	margin:0;
	font-size:1.3em;
	border:none;
	}
body#crop #main {
	width:100%;
	margin:0;
	}
#crop-form,
#cancel-crop-form {
	float:right;
	margin:0 0 0 8px;
	}
#crop-form fieldset#keep-attachment {
	float:left;
	margin:5px 10px 0 0;
	font-size:1.2em;
	line-height:1.9;
	color:rgba(255,255,255,.5);
	}
#crop-form fieldset#keep-attachment input {
	margin:0 2px 0 0;
	}
h2.crop-dim {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	font-size:2.2em;
	line-height:29px;
	font-weight:normal;
	color:rgba(255,255,255,.5);
	border-left:1px solid rgba(255,255,255,.15);
	}
h2.crop-dim em {
	font-size:.6em;
	line-height:1;
	font-style:normal;
	color:rgba(255,255,255,.3);
	}

/* overrides for single full-width display */

#single.edit {
	float:none;
	width:auto;
	height:auto;
	margin:0 auto;
	overflow:none;
	border:none;
	background:none;
	}
#single.edit #screenshot-container {
	padding:20px;
	}
#single.edit #screenshot-container img {
	display:block;
	margin:0 auto;
	-webkit-box-shadow:3px 3px 22px #444;
	-moz-box-shadow:3px 3px 22px #444;
	box-shadow:3px 3px 22px #444;
	}

/* profile view styles
--------------------------------------------- */

div.profile {
	position:relative;
	width:700px;
	}
div.profile-freeagent {
	margin-bottom:25px;
	}
div.profile h1 {
	margin:0;
	padding:0;
	line-height:2.5;
	}
div.combo h1 {
	font-size:18px;
	line-height:1.5;
	}
div.combo h1 span.sep {
	margin:0;
	font-weight:normal;
	text-shadow:none;
	color:#bbb;
	}
div.profile img.photo {
	float:left;
	display:block;
	position:relative;
	width:48px;
	max-height:48px;
	margin:0 8px 0 0;
	vertical-align:middle;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
div.profile a:hover img.photo {
	background:#e5e5e5;
	}
body#profile div.profile h1,
body#user-profile div.profile h1 {
	line-height:1;
	}
body#profile div.profile img.photo,
body#user-profile div.profile img.photo {
	width:80px;
	max-height:80px;
	margin-right:12px;
	padding:5px;
	}
div.profile h2 {
	font-size:1.2em;
	font-weight:normal;
	color:#999;
	}
div.profile h2 strong {
	color:#777;
	}
div.profile ul.profile-details {
	margin:4px 0 0 0;
	}
div.profile ul.profile-details li {
	display:inline;
	margin:0 12px 0 0;
	font-size:1.2em;
	line-height:1.4em;
	color:#777;
	}
div.profile ul.profile-details li strong {
	color:#333;
	}
div.profile h2.tags-header {	
	font-size:16px;
	color:#333;
	}
div.profile h2.tags-header span {
	color:#999;
	}

body#user-profile div.profile span.locality,
body#profile div.profile span.locality {
	padding:3px 0 3px 16px;
	background:url(http://www.nietuan.com/image/skin/icon-geo.png) no-repeat 0 50%;
	}
body#user-profile div.profile a.url,
body#profile div.profile a.url,
div.combo ul.profile-details li a.url {
	padding:3px 0 3px 20px;
	color:#777;
	background:url(http://www.nietuan.com/image/skin/icon-weburl.png) no-repeat 0 50%;
	}
div.combo ul.profile-details li a.url {	
	font-size:16px;
	line-height:1;
	}
div.profile a.twitter-player-link {
	padding:3px 0 3px 20px;
	color:#777;
	background:url(http://www.nietuan.com/image/skin/icon-tweet16.png) no-repeat 0 50%;
	}
body#user-profile div.profile a.url:hover,
body#user-profile div.profile a.twitter-player-link:hover,
body#profile div.profile a.url:hover,
div.combo ul.profile-details li a.url:hover,
body#profile div.profile a.twitter-player-link:hover {
	color:#444;
	}

/* profile stats tabs */

ul.profile-tabs {
	margin:20px 0 0 0;
	}
div.profile-actions-stats ul.profile-tabs,
div.profile-actions-shots ul.profile-tabs {
	margin:0;
	}
ul.profile-tabs li {
	float:left;
	margin:0 8px 0 0;
	padding:0 8px 0 0;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	border-right:1px solid #e0e0e0;
	}
ul.profile-tabs li:last-child {
	margin:0;
	padding:0;
	border-right:none;
	}
ul.profile-tabs li a {
	display:block;
	float:left;
	}
ul.profile-tabs li span.meta {
	display:block;
	margin-top:3px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	}
ul.profile-tabs li a span.meta {
	color:#999;
	}
ul.profile-tabs li a:hover span.meta {	
	color:#205f82;
	}
ul.profile-tabs li.active a {
	color:#333;
	}
ul.profile-tabs li.active a span.meta {
	color:#999;
	}

div.profile-data {
	margin:0 0 20px 0;
	}
#side div.profile-data p.copy {
	font-size:.8em;
	line-height:1.5;
	color:#666;
	}
div.profile-data p.copy span.drafted {
	display:block;
	margin:5px 0 0 0;
	font-size:.95em;
	line-height:1.3;
	}
div.profile-data p.copy span.drafted em {
	font-style:normal;
	color:#999;
	}
div.profile-data p.copy span.drafted em span {
	font-style:normal;
	}
div.profile-actions {
	float:right;
	width:220px;
	margin:5px 0 0 0;
	}
div.profile-actions-stats {
	margin:0;
	}

/* shot stats meter */

#shot-summary,
#attachment-summary {
	margin:5px 0 25px 0;
	}
.pixel-meter {
	width:218px;
	height:13px;
	padding:1px;
	overflow:hidden;
	background:url(http://www.nietuan.com/image/skin/pixelmeter-bg.gif) no-repeat top left;
	}
.pixel-meter .published {
	float:left;
	display:block;
	text-indent:-9999px;
	height:11px;
	background:url(http://www.nietuan.com/image/skin/pixelmeter-pink.gif) repeat-x top left;
	}
#attachment-summary .pixel-meter .published {
	background-image:url(http://www.nietuan.com/image/skin/pixelmeter-graphite.gif);
	}
.pixel-meter .published span {
	display:block;
	height:11px;
	border-right:1px solid #d33b74;
	}
#attachment-summary .pixel-meter .published span {
	border-right-color:#515861;
	}
ul.shot-legend {
	margin:5px 0 0 0;
	overflow:hidden;
	}
ul.shot-legend li {
	float:left;
	margin:0 15px 0 0;
	font-size:11px;
	font-weight:normal;
	color:#999;
	}
ul.shot-legend li a {
	color:#999;
	}
ul.shot-legend li a:hover {
	text-decoration:none;
	color:#444;
	}
ul.shot-legend li em {
	margin:0;
	font-style:normal;
	font-weight:bold;
	color:#777;
	}
ul.shot-legend li img {
	float:left;
	margin:2px 4px 0 0;
	}

/* actions list */

ul.actions {
	margin:0 0 25px 0;
	font-size:1.1em;
	}
ul.actions li a {
	font-weight:bold;
	text-decoration:underline;
	}
ul.actions li#action-upload a {
	font-size:1.2em;
	padding:14px 0 16px 32px;
	background:url(http://www.nietuan.com/image/skin/icon-plus.gif) no-repeat 0 50%;
	}
a.action,
span.action {
	float:right;
	margin:0;
	padding:7px 12px;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	background:#d3d3d3 url(http://www.nietuan.com/image/skin/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
a.action:hover,
a.edit-avatar {
	color:#fff;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
a.action strong {
	font-size:.7em;
	text-transform:uppercase;
	color:#999;
	}
a.done {
	color:#fff;
	background:#ff3600;
	}
a.done:hover {
	background:#c5376d;
	}
a.edit {
	padding:0;
	margin:0 0 0 0;
	}
a.edit span {
	float:left;
	width:15px;
	height:15px;
	padding:6px 8px;
	}
a.edit img {
	height:0;
	}
a.edit span {
	background-image:url(http://www.nietuan.com/image/skin/icon-edit.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
a.edit:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-edit-white.gif);
	}
a.edit-avatar {
	float:left;
	font-size:.9em;
	}
a.follow,
a.following,
a.contact,
a.edit-account,
a.draft,
span.draft-pending {
	float:left;
	margin:6px 5px 0 0;
	}
span.draft-pending {
	color:#8aba56;
	background:none;
	}
a.follow span {
	padding-left:18px;
	background-image:url(http://www.nietuan.com/image/skin/icon-follow.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.follow:hover {
	border-color:#8aba56;
	background-color:#8aba56;
	}
a.follow:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-follow-white.gif);
	}
a.following {
	color:#fff;
	border-color:#8aba56;
	background:#8aba56 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
a.following span {
	padding-left:18px;
	background-image:url(http://www.nietuan.com/image/skin/icon-check-sm.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.following span strong {
	padding-left:5px;
	}
a.following:hover span {
	color:#f9c;
	background-image:url(http://www.nietuan.com/image/skin/icon-x-sm.png);
	}
a.following:hover strong {
	color:#fff;
	}
a.contact:hover {
	border-color:#8aba56;
	background-color:#8aba56;
	}
a.draft span,
span.draft-pending span {
	padding-left:32px;
	background-image:url(http://www.nietuan.com/image/skin/icon-pass-gray.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.draft:hover {
	color:#fff;
	background:#8aba56 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
a.draft:hover span,
span.draft-pending span {
	background-image:url(http://www.nietuan.com/image/skin/icon-pass-hov.png);
	}
a.tags {
	float:left;
	}
a.tags span {
	padding-left:14px;
	background-image:url(http://www.nietuan.com/image/skin/icon-tag.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.tags:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-tag-white.gif);
	}
a.tag span {
	padding-left:14px;
	background-image:url(http://www.nietuan.com/image/skin/icon-tag.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.tag:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-tag-white.gif);
	}
a.crop span {
	padding-left:18px;
	background-image:url(http://www.nietuan.com/image/skin/icon-crop.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
a.crop:hover span {
	background-image:url(http://www.nietuan.com/image/skin/icon-crop-white.gif);
	}
a.add-desc {
	float:left;
	font-size:.8em;
	}
a.rebound-upload {
	color:#fff;
	background:#8aba56 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
a.rebound-upload:hover {
	background-color:#6a9739;
	}

div.full-actions {
	float:right;
	margin:15px 0 0 0;
	}

/* site styles
--------------------------------------------- */

div.site p {
	margin:0 0 15px 0;
	line-height:1.5;
	}
div.site p.note {
	font-size:.9em;
	line-height:1.5;
	color:#777;
	}
div.site p.mod {
	margin-bottom:25px;
	}
div.site h3 {
	margin:5px 0 0 10px;
	font-size:1.3em;
	line-height:1.2;
	font-weight:normal;
	color:#333;
	}
div.site div.faq h3 {
	margin:0 0 3px 0;
	}
div.site h3.empty-head {
	margin:5px 0 10px 0;
	font-size:1.5em;
	color:#333;
	}
div.site h3.alt {
	margin:5px 0 0 0;
	}
div.site h3.alt2 {
	margin:0 0 10px 0;
	}
div.site ol,
div.site ul {
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	}
div.site ol li p {
	margin:0 0 10px 10px;
	line-height:1.4;
	}
div.site ol li {
	margin:0 0 20px 0;
	padding:0;
	font-size:1em;
	line-height:1.5;
	color:#666;
	}
div.site ol li img {
	display:block;
	margin:0 auto;
	}
div.site ol li.third {
	margin-right:0;
	}
div.site ol li ul {
	margin-top:10px;
	}
div.site ol li ul li,
div.site ul li {
	margin:0 0 0 15px;
	list-style:disc;
	border:none;
	}
div.site ol li strong {
	color:#333;
	}
div.site p.fans-comma {	
	margin:0 0 30px 0;
	font-size:16px;
	line-height:1;
	}
p.fans-comma a {
	font-weight:bold;
	}
p.fans-comma a img {
	width:16px;
	margin:0 0 0 2px;
	}

/* about styles */

span.meta-right {
	float:right;
	font-weight:normal;
	text-transform:none;
	color:#999;
	}
div.full p.about {
	margin:0 0 25px 0;
	font-size:1.4em;
	line-height:1.4;
	color:#666;
	}
div.full p.about strong.about-title {
	font-size:1.2em;
	color:#333;
	}
#side p.copy img.follow-deal {
	float:right;
	margin:4px 0 0 10px;
	}
#side ol.about li a {
	font-size:1em;
	line-height:1.5;
	}
#side ol.about li a em {
	display:block;
	font-size:.8em;
	font-style:normal;
	font-weight:normal;
	color:rgba(64,131,169,.8);
	}
#side ol.about li img {
	width:48px;
	margin-right:8px;
	padding:4px;
	}
#main div.col-about {
	width:300px;
	margin:0 0 30px 0;
	padding:20px;
	background:rgba(0,0,0,.05);
	border-radius:10px;
	}
#main div.col-about-full {
	width:auto;
	padding:30px;
	}
#main div.col-about h2.section {
	border-bottom:none;
	}
div.about-signup {
	margin:30px 0 10px 0;
	font-size:.9em;
	text-align:center;
	}
div.about-signup a.auth-twitter,
div.about-signup a.auth-generic,
div.about-signup .auth-generic {
	float:none;
	display:inline;
	margin:0;
	font-size:1.2em;
	text-align:center;
	}
div.about-signup p.auth-message {
	margin:0;
	padding:15px 0 0 0;
	color:#777;
	}

/* pro signup styles */

div.col-pro {		
	padding-top:70px;
	}
div.col-pro-waiting {
	padding-top:0;
	}
div.col-pro h3 {
	margin:0 0 10px 0;
	font-size:3em;
	line-height:1;
	text-align:center;
	letter-spacing:-1px;
	color:#444;
	}
div.col-pro h3 span {
	margin-left:4px;
	font-size:.5em;
	line-height:2.1;
	vertical-align:top;
	font-weight:normal;
	letter-spacing:0;
	color:#666;
	}
div.col-pro h4 {
	margin:0 0 10px 0;
	font-size:1.6em;
	line-height:1;
	text-align:center;
	letter-spacing:-1px;
	color:#444;
	}
div.col-pro h4#paypal-wait {	
	padding-top:100px;
	background:url(http://www.nietuan.com/image/skin/icon-clock-lg.png) no-repeat 50% 0;
	}
div.col-pro h4 span.paypal-logo {	
	font-family:Arial, sans-serif;
	font-style:italic;
	color:#206997;
	}
div.col-pro h4 span.paypal-logo em {	
	color:#003664;
	}
div.col-pro div.col-pro-buy {
	margin:0 0 15px 0;
	text-align:center;
	}
div.col-pro p {
	margin:0 0 20px 0;
	text-align:center;
	color:#999;
	}
div.col-pro p.note {
	margin:0 0 20px 0;
	line-height:1.5;
	text-align:center;
	color:#777;
	}
div.col-pro input.form-sub {
	float:none;
	font-size:2em;
	padding:10px 40px;
	}
#main div.col-ispro ul li {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:1.4;
	list-style:disc;
	color:#666;
	}

/* faq styles */

div.faq {
	margin:0 0 25px 0;
	padding:15px 15px 0 15px;
	border:1px solid #ddd;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
#main div.faq p {
	margin:0;
	padding:0 0 15px 0;
	line-height:1.5;
	color:#666;
	}
#main div.faq h3 {
	margin:0 0 5px 0;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2;
	}
div.site div.faq ul.text-list li,
#main div.faq ul.text-list li {
	margin:0 0 5px 30px;
	line-height:1.4;
	color:#666;
	}
#main div.faq ul.text-list {	
	margin:10px 0 15px 0;
	}
#main div.faq ul.text-list li {
	font-size:12px;
	list-style:disc;
	}

/* faq in sidebar */

dl.faq {
	margin:0 0 25px 0;
	font-size:11px;
	line-height:1.4;
	}
dl.faq dt {
	margin:0 0 2px 0;
	font-weight:bold;
	color:#666;
	}
dl.faq dd {
	margin:0 0 10px 0;
	color:#999;
	}
dl.faq dd:last-child {
	margin:0;
	border:none;
	}

/* brand styles */

#main div.faq p.alt {
	padding:0;
	}
#main div.faq p.alt strong.important {
	color:#ea4c89;
	}
div.site ul {
	margin:10px 0 20px 0;
	}
div.site ul.brand-list li {
	float:left;
	width:33%;
	margin:0;
	padding:0;
 	list-style:none;
 	text-align:center;
 	}
div.site ul.brand-list li strong {
	display:block;
	margin:4px 0 1px 0;
	font-size:.9em;
 	}
 div.site ul.brand-list li em {
	display:block;
	font-size:.9em;
	font-style:normal;
	color:#999;
 	}
  div.site ul.brand-list li em a {
	font-weight:bold;
 	}

/* advertising page */

div.adv-image {
 	float:left;
 	width:220px;
 	margin:0 0 10px 0;
 	}
div.adv-image img {
	display:block;
	padding:8px;
	border:1px solid #ddd;
	background:#fff;
	}
div.adv-meta {
 	float:right;
 	width:220px;
 	}
div.site ul.adv-list {
	list-style:none;
	margin:0 0 12px 0;
	padding:0;
	}
div.site ul.adv-list li {
	list-style:none;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	font-size:.9em;
	line-height:1.4;
	color:#666;
	border-bottom:1px solid #ddd;
	}
div.site ul.adv-list li:last-child {
	margin-bottom:0;
	border-bottom:none;
	}
div.site ul.adv-list li span.traffic-flag {
	display:block;
	color:#ff3600;
	}
div.site ul.adv-list li.stat {
	text-align:left;
	}
div.site ul.adv-list li.stat strong {
	display:block;
	font-size:2em;
	line-height:1;
	color:rgba(0,0,0,.8);
	}
div.site ul.adv-list li h4.adv-date-head {
	font-size:.9em;
	text-transform:uppercase;
	color:#666;
	}
div.site p.adv-copy {
	font-size:.9em;
	line-height:1.4;
	color:#666;
	}
div.site div.ad-price h3 {
	margin:0;
	font-size:1em;
	color:#666;
	}
div.site div.ad-price h3 strong {
	font-weight:normal;
	font-size:1.5em;
	color:#333;
	}
div.site div.ad-price p {
	margin:0;
	font-size:.9em;
	line-height:1.4;
	}
div.site div.ad-price em {
	display:block;
	font-style:normal;
	font-weight:bold;
	color:#ff3600;
	}
div.col-50 p.about {
	font-size:1.5em;
	line-height:1.3;
	}
div.site div.col-50-last p.note {
	margin-bottom:0;
	}
div.col-50-mod {
	margin:25px 0 30px 0;
	padding:5px 20px 5px 20px;
	font-size:1.4em;
	line-height:1.4;
	color:rgba(0,0,0,.5);
	}
div.col-50-mod ol {
	margin:0;
	}
div.col-50-mod ol li {
	margin:0 0 5px 0;
	padding:0 0 5px;
	border-bottom:1px solid #eee;
	}
div.col-50-mod ol li:last-child {
	margin:0;
	padding:0;
	border:none;
	}

div.ad-special {
	margin:10px 0 40px 0;
	padding:15px;
	text-align:center;
	color:rgba(255,255,255,.8);
	background:#778089;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
div.site div.ad-special h3 {
	margin:0;
	padding:0;
	font-size:1.4em;
	line-height:1;
	color:rgba(255,255,255,.7);
	}
div.site div.ad-special p {	
	margin:10px 0 0 0;
	font-size:.9em;
	color:rgba(255,255,255,.5);
	}
div.site div.ad-special a {	
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.4);
	}
div.site ol.current-ads li {
	float:left;
	width:220px;
	margin:0 20px 20px 0;
	}
div.site ol.current-ads li:nth-child(4n) {
	margin-right:0;
	}
div.site ol.current-ads li div.announce-btn {
	float:none;
	margin-top:0;
	}
div.site ol.current-ads li div.announce-btn a img {
	margin:2px 5px 0 0;
	}
div.site ol.current-ads li div.ad a img {
	margin:2px auto 5px auto;
	}
div.site ol.current-ads li div.ad a strong {
	color:#666;
	}

/* account styles */

ol.gridsies li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}
ol.gridsies li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
	}
ol.gridsies-halfsies li {
	float:left;
	width:300px;
	padding:10px;
	}
ol.gridsies li img.fig {
	float:left;
	margin:1px 10px 0 0;
	border-radius:6px;
	}
ol.gridsies li h3 {
	margin:0 0 4px 0;
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
	}
ol.gridsies li p {
	margin-left:64px;
	font-size:.9em;
	line-height:1.4;
	color:#777;
	}
ol.gridsies li p span.callout {
	color:#333;
	}
ol.gridsies-halfsies li p {
	margin-left:0;
	}

/* API docs styles
---------------------------------------------------------- */

div.site ul.list-nav {
	margin:0 0 25px 0;
	padding:0;
	list-style:none;
	}
div.site ul.list-nav li {
	margin:0 0 10px 0;
	list-style:none;
	}
div.site ul.list-nav li a {
	display:block;
	padding:15px;
	border:1px solid #ddd;
	background:#fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	}
div.site ul.list-nav li a:hover {
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,.1);
	-o-box-shadow:0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	}
div.site ul.list-nav li a strong {
	display:block;
	margin:0 0 4px 0;
	font-size:1.4em;
	font-weight:normal;
	line-height:1;
	}
div.site ul.list-nav li a span {
	font-size:.9em;
	opacity:.7;
	}

/* code examples */

div.code-block {
	margin:0 0 30px 0;
	padding:15px;
	border:1px solid #ddd;
	border-top:none;
	color:#ea4c89;
	background:#fff;
	overflow:auto;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	}
div.code-block pre {
	margin:0;
	padding:0;
	}
div.code-block pre code {
	font-family:Monaco, monospace;
	font-size:12px;
	line-height:1.5;
	}
div.api h2.api {
	font-size:1.5em;
	font-weight:normal;
	}
#side.api h3 {
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:none;
	}
div.api h3.api {
	margin:0;
	padding:10px 15px;
	font-size:1em;
	line-height:1;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #ccc;
	text-shadow:0 1px 1px #fff;
	background:rgba(85,96,106,.2) url(http://www.nietuan.com/image/skin/glass.png) repeat-x 0 50%;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	}

/* general text */

div.api p {
	margin:0 0 10px 0;
	}
div.api p.last {
	margin:0 0 25px 0;
	}
div.api p span.api-values {
	font-family:Monaco, monospace;
	font-size:.9em;
	color:#ea4c89;
	}
div.api ul {
	margin:0 0 15px 0;
	}
div#main.api ul li {
	margin:0 0 5px 40px;
	font-size:.9em;
	line-height:1.4;
	color:#666;
	}
div.api dl dt {
	margin:0 0 4px 0;
	font-family:Monaco, monospace;
	font-weight:normal;
	}
div.api dl dd {
	margin:0 0 10px 0;
	color:#666;
	}
div.api dl dd:last-child {
	margin-bottom:0;
	}

/* note callout box */

div.note-box {
	margin:0 0 20px 0;
	padding:15px;
	font-size:.9em;
	line-height:1.4;
	color:#fff;
	color:rgba(255,255,255,.75);
	background:rgba(85,96,106,.7);
	overflow:auto;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	}
div.note-box strong,
div.api div.note-box h3 {
	margin:0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	text-transform:none;
	color:#fff;
	}
div.note-box p:last-child {
	margin-bottom:0;
	}
div.note-box a {
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	}

/* simple side nav list */

div.side-nav {
	margin:0 0 25px 0;
	padding:15px;
	font-size:.9em;
	line-height:1.4;
	color:rgba(255,255,255,.75);
	background:rgba(85,96,106,.1);
	overflow:auto;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	}
#side div.side-nav h3 {
	font-size:.9em;
	color:rgba(0,0,0,.7);
	}
div.side-nav ul {
	margin:0 0 20px 0;
	}
div.side-nav ul.last {
	margin:0;
	}
div.side-nav ul li {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-size:.9em;
	border-bottom:1px solid rgba(0,0,0,.08);
	}
div.side-nav ul li:last-child {
	margin:0;
	padding:0;
	border-bottom:0;
	}
div.side-nav ul li a {
	display:block;
	}

/* data tables
---------------------------------------------------------- */

table.data {
	width:100%;
	margin:0 0 25px 0;
	padding:0;
	border-collapse:collapse;
	}
table.data th, table.data td {
	margin:0;
	padding:10px;
	vertical-align:top;
	border-bottom:1px solid #ddd;
	}
table.data td.user {
	white-space:nowrap;
	}
table.data td.num {
	text-align:right;
	}
table.data th.num {
	text-align:right;
	}
table.data td.date {
	font-size:.9em;
	color:#777;
	}
table.data td.follow div.follow-prompt {
	float:right;
	font-size:.9em;
	line-height:12px;
	margin:0;
	}
table.data td.follow div.follow-prompt form {
	margin:0;
	padding:0;
	}
table.data td.follow a.follow,
table.data td.follow a.following {
	float:right;
	padding:6px;
	width:12px;
	height:12px;
	margin-right:0;
	}
table.data td.follow a.follow span,
table.data td.follow a.following span {
	float:left;
	padding-left:12px;
	text-indent:-999em;
	}
table.data td.draft a.draft,
table.data td.draft span.draft-pending {
	float:none;
	margin:0 10px 0 0;
	font-size:.8em;
	}
table.data tr:last-child th, table.data tr:last-child td {
	border-bottom:none;
	}
table.data th {
	padding:0 10px 5px 10px;
	text-align:left;
	}
table.data h4.vcard {
	font-size:1em;
	line-height:1.2;
	margin-bottom:0;
	}
table.data h4.vcard img {
	width:24px;
	}
table.data h4.vcard span.user-meta {
	display:block;
	margin:0;
	padding:0;
	font-size:.75em;
	font-weight:normal;
	line-height:1.5;
	color:#999;
	}
table.invitations td form {
	display:inline;
	}
span.user-meta a.url {
	color:#999;
	}
span.user-meta a.url:hover {
	color:#666;
	}
span.user-meta a.url:hover {
	background-position:100% -19px;
	}
table.data td blockquote {
	margin-left:0;
	}
table.data td a.action {
	font-size:.9em;
	}
table.data td em.meta {
	display:block;
	font-size:.9em;
	line-height:1.4;
	font-style:normal;
	color:#999;
	}
table.users-table tr:hover {
	background:#fff;
	background:rgba(255,255,255,.5);
	}
table.users-table tr:last-child td {
	border:none;
	}
table.users-table td.num {
	font-size:1em;
	color:#777;
	}
table.users-table td.num strong {
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	}
table.users-table td.num a {
	padding:5px 10px;
	font-size:1.2em;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
table.users-table td.num a:hover {
	color:#fff;
	text-shadow:none;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
table.users-table td.num em {
	font-size:.7em;
	font-weight:normal;
	font-style:normal;
	color:#777;
	}
table.users-table th {
	padding:8px 20px;
	font-size:.8em;
	line-height:1.2;
	font-weight:normal;
	color:#999;
	border-color:#fff;
	background:url(http://www.nietuan.com/image/skin/table-header-fade.png) repeat-x 0 100%;
	}
table.users-table th.list-title {
	padding-left:10px;
	}
table.users-table td {
	vertical-align:middle;
	}
table.pixel-table th,
table.pixel-table td {
	padding:6px 0;
	font-size:.8em;
	color:#777;
	}
table.pixel-table td {
	padding-left:8px;
	color:#333;
	}
table.pixel-table tr.grouped th,
table.pixel-table tr.grouped td {
	padding-bottom:0;
	border-bottom:none;
	}
table.users-table td.passed {
	padding-right:34px;
	background:url(http://www.nietuan.com/image/skin/icon-pass.png) no-repeat 100% 50%;
	}
table.users-table td.scored {
	padding-right:34px;
	background:url(http://www.nietuan.com/image/skin/icon-pass-rev.png) no-repeat 100% 50%;
	}
table.users-table td a.follow,
table.users-table td a.following {
	margin:0;
	}

/* data table in sidebar */

#side table.data th,
#side table.data td {
	padding:10px;
	font-size:11px;
	vertical-align:middle;
	}

/* for compact horizonal headers */

table.horiz {
	width:auto;
	}
table.horiz th {
	padding:10px;
	}

/* stats tables */

table.stats {
	margin:0 0 30px 0;
	}
table.stats tr td,
table.stats tr th {
	padding:0 50px 0 0;
	text-align:left;
	}
table.stats tr th {
	padding-top:10px;
	color:#666;
	}
table.stats tr:first-child th {
	padding-top:0;
	}
table.stats tr td {
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:4em;
	font-weight:bold;
	line-height:1;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px solid #ddd;
	}
table.stats tr:last-child td {
	border:none;
	}

/* pro stats styles
--------------------------------------------- */

div.stats-mod {
	margin:0 0 10px 0;
	padding:10px;
	text-align:left;
	border:2px solid #d9d9d9;
	background:rgba(0,0,0,.05);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
div.stats-mod-last {	
	margin-bottom:30px;
	}
div.stats-mod ul.profile-tabs {	
	margin:0;
	}
div.stats-mod ul.profile-tabs li {	
	border-color:#d0d0d0;
	}
div.stats-mod ul.profile-tabs li span.meta {
	font-size:9px;
	}
div.stats-mod h4 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1;
	}
div.stats-mod-primary h4 {
	margin:0 0 2px 0;
	font-size:2.6em;
	line-height:1;
	letter-spacing:-1px;
	}
div.stats-mod h4 span.meta {
	margin-left:2px;
	font-size:13px;
	font-weight:normal;
	color:#777;
	}
div.stats-mod h4 span.meta em {
	font-size:11px;
	font-style:normal;
	color:#999;
	}
div.stats-mod h4 span.sparkline {
	display:block;
	min-height:20px;
	margin:5px 0;
	}
div.stats-mod h5 {	
	font-size:13px;
	font-weight:normal;
	color:#999;
	}
div.stats-mod div.stats-sub {	
	margin:8px 0 0 0;
	padding:12px 0 0 0;
	border-top:1px solid #cfcfcf;
	}
div.stats-mod div.stats-sub h4 {	
	font-size:.9em;
	line-height 1;
	}
div.stats-mod div.stats-sub span.meta {	
	font-size:11px;
	}
div.stats-mod div.stats-sub h4 strong {
	padding:2px 6px;
	font-weight:normal;	
	line-height:1;
	color:#fff;
	background:rgba(0,0,0,.3);
	border-radius:4px;
	}


/* chart wrapper */

div.stats-chart-wrapper {
	margin:0 0 25px 0;
	padding:10px;
	border:2px solid #d9d9d9;
	background:#fff;
	border-radius:10px;
	}

/* stats shots tables */

div.stats-mod-table {
	margin:0 0 30px 0;
	padding:10px 0 0 0;
	border:2px solid #d9d9d9;
	background:rgba(0,0,0,.05);
	border-radius:10px;
	}
table.stats-table {
	margin-bottom:0;
	}
table.stats-table th {
	padding-bottom:10px;
	font-size:.8em;
	line-height:1;
	text-align:right;
	color:#444;
	border:none;
	}
table th.stats-table-toggle {
	text-align:left;
	vertical-align:middle;
	}
table th.stats-table-toggle strong {
	margin:0 5px 0 0;
	font-size:10px;
	text-transform:uppercase;
	color:#999;
	}
table th.stats-table-toggle a {
	margin:0 2px 0 0;
	padding:2px 6px;
	font-weight:bold;
	color:#999;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:.2s background ease;
	-moz-transition:.2s background ease;
	-o-transition:.2s background ease;
	transition:.2s background ease;
	}
table th.stats-table-toggle a:hover {
	color:#555;
	background:rgba(255,255,255,.8);
	}
table th.stats-table-toggle a.selected {
	color:#333;
	background:#fff;
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.3);
	box-shadow:0 0 1px rgba(0,0,0,.3);
	}
table th.sort a {
	display:inline-block;
	margin-right:-4px;
	padding:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:.2s background ease;
	-moz-transition:.2s background ease;
	-o-transition:.2s background ease;
	transition:.2s background ease;
	}
table th.sort a:hover {
	background:rgba(255,255,255,.8);
	}
table th.sort a.selected {
	margin-right:0;
	background:#fff;
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.3);
	box-shadow:0 0 1px rgba(0,0,0,.3);
	}
table.stats-table td {
	padding:6px 10px;
	vertical-align:middle;
	border:none;
	}
table.stats-table tr:last-child td:first-child {
	border-bottom-left-radius:10px;
	}
table.stats-table tr:last-child td:last-child {
	border-bottom-right-radius:10px;
	}
table.stats-table tr:nth-child(even) td {
	background:rgba(255,255,255,.4);
	}
table.stats-table td.the-shot {
	width:40px;
	padding-right:0;
	}
table.stats-table td.number {
	font-size:1em;
	line-height:1;
	text-align:right;
	color:#444;
	}
table.stats-table td.the-shot-details {
	padding-left:0;
	}
table.stats-table td.the-shot-date {
	margin:4px 0 0 0;
	font-size:.85em;
	color:#777;
	}
table.stats-table td div.stats-shot {
	position:relative;
	float:left;
	width:32px;
	height:24px;
	margin:0 15px 0 0;
	padding:3px;
	border:1px solid #ddd;
	background:#fff;
	}
table.stats-table td div.stats-shot a {
	float:left;
	width:32px;
	height:24px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
table.stats-table td div.stats-shot a img {
	float:left;
	max-width:32px;
	max-height:24px;
	margin:0;
	padding:0;
	}
table.stats-table td div.stats-shot a strong {
	display:none;
	}
table.stats-table td.the-users a {
	font-weight:bold;
	line-height:1.4;
	}
table.stats-table td.the-users a img {
	float:left;
	width:32px;
	margin:0 15px 0 0;
	padding:3px;
	border:1px solid #ddd;
	background:#fff;
	}
table.stats-table td.the-users p.the-users-meta {
	margin:4px 0 0 0;
	font-size:11px;
	line-height:1;
	color:#999;
	}
table.stats-table td.the-users p.the-users-meta span.sep {
	color:#bbb;
	}
table.stats-table td div.null {	
	padding:20px 0;
	font-size:20px;
	text-align:center;
	}
table.stats-table-users td div.null {	
	padding:10px 0 20px 0;
	}

/* pro styles
--------------------------------------------- */

a.pro-motion {
	float:right;
	width:200px;
	padding:8px;
	text-align:center;
	color:#fff;
	border:2px solid #ddd;
	background:#fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
a.pro-motion strong {
	display:block;
	margin:0 0 2px 0;
	font-size:16px;
	line-height:1;
	color:#ff3600;
	}
a.pro-motion span.badge {
	font-size:11px;
	line-height:1.8;
	vertical-align:top;
	}
a.pro-motion em {
	display:block;
	font-size:.9em;
	line-height:1.3;
	font-style:normal;
	color:#999;
	}
a.pro-motion:hover {
	border-color:#ff3600;
	background:#ff3600 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}
a.pro-motion:hover strong,
a.pro-motion:active strong {
	color:#fff;
	}
a.pro-motion:hover em,
a.pro-motion:active em {
	color:rgba(255,255,255,.8);
	}
a.pro-motion:active {
	border-color:#c22b65;
	background:#c22b65 url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	}

/* side styles
--------------------------------------------- */

#side h3 {
	background:url(http://www.nietuan.com/image/skin/bg.png) repeat-x scroll 0 2px #FFFFFF;
	border-bottom:1px solid rgba(255, 255, 255, 0.9);
	font-size:14px;
	height:34px;
	line-height:34px;
	margin-bottom:16px;
	padding: 0;
	}
#side h3.color {
	margin:0;
	padding:0 0 6px 0;
	border:none;
	background:none;
	}
#side h3 span.meta {
	font-weight:normal;
	color:#666;
	}
#side h3.tab {
	padding-bottom:0;
	}
#side h3.tab:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.tab a {
	float:left;
	padding:0 12px 8px 4px;
	font-weight:bold;
	line-height:34px;
	background:url(http://www.nietuan.com/image/skin/icon-bluearrow.png) no-repeat 100% 2px;
	}
.tab a:hover {
	background-position:100% -20px;
	}
#side h3.tab a span.meta {
	color:rgba(64,131,169,.8);
	}
.tab a:hover,
#side h3.tab a:hover span.meta {
	text-decoration:none;
	color:#205f82;
	}
#side h3.more-from-player a {
	text-transform:none;
	}
#side h3 a.hex-chip {
	display:inline-block;
	width:23px;
	font-size:9px;
	line-height:1.3;
	vertical-align:bottom;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;
	-moz-box-shadow:
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;
	box-shadow:
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;

	}

#side h3 strong {
	font-weight:bold;
	color:#777;
	}
#side h3 em {
	font-size:.9em;
	font-weight:normal;
	font-style:normal;
	color:#777;
	}
#side h4.title {
	font-size:1.1em;
	padding:10px 0 0 0;
	margin:0 0 5px 0;
	}
#side span.size {
	margin-left:3px;
	font-size:.9em;
	font-weight:normal;
	color:#666;
	}
#side h3 a.all {
	float:right;
	font-size:.9em;
	font-weight:bold;
	line-height:1.8;
	}
#side h3 a.help {
	float:right;
	font-size:.9em;
	font-weight:normal;
	line-height:1.4;
	}
#side p.info,
#side ul.info {
	margin:0 0 10px 0;
	font-size:.9em;
	line-height:1.4em;
	color:#777;
	}
#side p.copy {
	margin:0 0 25px 0;
	font-size:.9em;
	line-height:1.4em;
	color:#777;
	}


/* ad block */

div.ad-top-wrap {
	margin:18px 0 0 0;
	}
div.ad-showcase {
	width:220px;
	margin:0 auto;
	}
div.ad {
	margin:0 0 20px 0;
	padding:10px 15px;
	background:rgba(0,0,0,.05);
	font-size:.75em;
	font-weight:normal;
	text-align:center;
	color:rgba(0,0,0,.6);
	border:1px solid #ddd;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
div.ad a.flag {
	display:block;
	margin:0 0 6px 0;
	padding:0;
	font-size:.9em;
	font-weight:bold;
	line-height:1.5;
	text-transform:uppercase;
	color:#666;
	}
div.ad a.flag:hover {
	color:#333;
	}
body#rates ol.current-ads li div.ad a.flag {
	display:none;
	}
body#rates ol.current-ads li div.ad {
	height:160px;
	}
div.ad a img {
	display:block;
	margin:2px auto 5px auto;
	}
div.ad p {
	margin:0;
	}
div.ad p a {
	font-style:normal;
	font-weight:bold;
	color:#4083a9;
	}
div.ad a:hover {
	text-decoration:none;
	}

/* partners block */

div.partner-mod {
	margin:0 0 25px 0;
	}
div.partner-mod img {
	display:block;
	margin:10px 0;
	}
div.partner-mod p {
	margin:0 0 10px 0;
	font-size:.8em;
	line-height:1.4em;
	color:#777;
	}

/* admin links */

ul.admin {
	padding:10px 0 0 12px;
	margin:10px 0 25px 0;
	border-top:1px solid #ddd;
	}
ul.admin li {
	margin:0 0 5px 0;
	font-weight:normal;
	}
ul.admin li.status {
	font-weight:bold;
	color:#ff3600;
	}
ul.admin li.edit a {
	padding-left:13px;
	font-size:.75em;
	line-height:1;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-editsm.gif) no-repeat 0 1px;
	}
ul.admin li.flag a {
	padding-left:13px;
	font-size:.75em;
	line-height:1;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-flag.gif) no-repeat 0 1px;
	}
ul.admin li a.unflag {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-flagged.gif);
	}
ul.admin li a:hover.unflag {
	color:#ff3600;
	}
ul.admin li.block a {
	padding-left:13px;
	font-size:.75em;
	line-height:1;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-block.png) no-repeat 0 1px;
	}
ul.admin li a.unblock {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-blocked.png);
	}
ul.admin li a:hover.unblock {
	color:#ff3600;
	}
ul.admin li.suspend a {
	padding-left:13px;
	font-size:.75em;
	line-height:1;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-lock.png) no-repeat 0 1px;
	}
ul.admin li a.unsuspend {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-locked.png);
	}
ul.admin li a:hover.unsuspend {
	color:#ff3600;
	}
ul.admin li.publish-unpublish a {
	padding-left:13px;
	font-size:.75em;
	line-height:1;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-lock.png) no-repeat 0 1px;
	}
ul.admin li a.publish {
	color:#ff3600;
	background-image:url(http://www.nietuan.com/image/skin/icon-locked.png);
	}
ul.admin li a.publish:hover {
	color:#ff3600;
	}
ul.admin li.delete a {
	padding-left:13px;
	font-size:.75em;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-xxs.gif) no-repeat 0 2px;
	}
ul.admin li.featured-playoff a {
	padding-left:13px;
	font-size:.75em;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-fp.png) no-repeat 0 1px;
	}
ul.admin li a:hover {
	color:#666;
	text-decoration:none;
	}
ul.admin li a em {
	float:right;
	margin:3px 0 0 0;
	font-style:normal;
	color:#999;
	}
ul.admin li a:hover em {
	color:#666;
	}

/* admin section */

#admin-tabs {
	margin:0 0 10px 0;
	}
#admin-tabs li a {
	float:left;
	margin:0 6px 0 0;
	padding:5px 12px;
	color:#fff;
	background:#bbb;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	}

/* activity list */

ol.activity {
	margin:-8px 0 20px 0;
	}
ol.activity li {
	padding:15px 0;
	font-size:1em;
	line-height:1.4;
	border-bottom:2px solid #ddd;
	overflow:hidden;
	}
ol.activity li div.act-shot {
	position:relative;
	float:left;
	width:88px;
	height:66px;
	margin:0 15px 0 0;
	padding:6px 6px 16px 6px;
	background:url(http://www.nietuan.com/image/skin/multi-frame.png) no-repeat 0 0;
	}
ol.activity li div.act-shot a {
	float:left;
	width:88px;
	height:66px;
	background:url(http://www.nietuan.com/image/skin/checker-10x10.gif);
	overflow:hidden;
	}
ol.activity li div.act-shot a img {
	float:left;
	max-width:88px;
	max-height:66px;
	margin:0;
	padding:0;
	}
ol.activity li div.act-shot a strong {
	position:absolute;
	top:6px;
	left:6px;
	opacity:0; /* revealed with jQuery */
	filter:alpha(opacity = 0); /* IE hack */
	height:100%;
	width:100%;
	text-indent:-9999px;
	background:url(http://www.nietuan.com/image/skin/thumb-zoom.png) no-repeat 0 0;
	}
ol.activity li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	}
ol.activity li div.act-item {
	float:right;
	width:554px;
	}
ol.activity li.drafted strong,
ol.activity li.allot strong {
	font-weight:bold;
	color:#333;
	}
ol.activity li.drafted {
	padding-left:151px;
	background:url(http://www.nietuan.com/image/skin/icon-drafted-star.png) no-repeat 122px 16px;
	}
ol.activity li.comment div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-actcom.png) no-repeat 0 14px;
	}
ol.activity li.comment-followup div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-comment-followup.png) no-repeat 0 14px;
	}
ol.activity li.like div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-actlike.png) no-repeat 0 13px;
	}
ol.activity li.like-comment div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-commentlike.png) no-repeat 0 13px;
	}
ol.activity li.deald div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-deald.png) no-repeat 0 15px;
	}
ol.activity li.rebound div.act-item {
	padding-left:30px;
	background:url(http://www.nietuan.com/image/skin/icon-rebound.png) no-repeat 0 11px;
	}
ol.activity li.allot {
	padding-left:151px;
	background:url(http://www.nietuan.com/image/skin/icon-scored-plus.png) no-repeat 122px 16px;
	}
ol.activity li.new-invites {
	padding-left:151px;
	background:url(http://www.nietuan.com/image/skin/icon-scored-invites.png) no-repeat 122px 18px;
	}
ol.activity li a {
	font-weight:bold;
	}
ol.activity li em.time {
	display:block;
	font-size:.85em;
	font-style:normal;
	line-height:1.5;
	color:#999;
	}

ol.activity li span.act-story {
	position:relative;
	margin:0 0 5px 0;
	display:block;
	line-height:1.4;
	}
ol.activity li span.act-story span.badge,
ol.activity li span.act-comment-story span.badge {	
	position:absolute;
	top:43px;
	left:0;
	width:36px;
	height:10px;
	margin:2px 0 0 0;
	padding:2px 3px;
	text-align:center;
	line-height:1;
	opacity:0;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease;
	}
ol.activity li:hover span.act-story span.badge,
ol.activity li:hover span.act-comment-story span.badge {
	opacity:1;
	}
ol.activity li a.url img {
	float:left;
	width:32px;
	margin:0 10px 20px 0;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
ol.activity li a.url:hover img {
	background:#e5e5e5;
	}
ol.activity li div.act-comment {
	margin:0 0 0 52px;
	font-size:1em;
	}
ol.activity li div.act-comment p {
	margin:0 0 15px 0;
	}
ol.activity li div.act-comment p:last-child {
	margin:0;
	}
ol.activity li div.act-comment-liked {
	float:right;
	width:554px;
	margin:5px 0 0 0;
	font-size:.85em;
	line-height:1.5;
	color:#999;
	}
ol.activity li div.act-comment-liked blockquote {
	margin:0 0 0 52px;
	}
ol.activity li div.act-comment-liked span.act-comment-story {
	position:relative;
	display:block;
	color:#333;
	}
ol.activity li div.act-comment-liked a.act-comment-time {
	font-weight:normal;
	}

ol.activity li div.the-rebound {
	margin:5px 0;
	}
ol.activity li ol.comments li.rebound-with-comment h2 em {
	line-height:1.5;
	}
ol.activity li.rebound h3.rebound-flag {
	margin:4px 0;
	padding-left:0;
	font-size:.75em;
	line-height:1.2;
	font-weight:bold;
	background:none;
	}
ol.activity li ol.comments li.rebound h3.rebound-title {
	margin:0 0 4px 0;
	font-size:1em;
	}

/* mini activity in sidebar */

ol.activity-mini {
	margin:-8px 0 20px 0;
	}
ol.activity-mini li {
	padding:8px 0 8px 24px;
	font-size:.85em;
	line-height:1.4;
	color:#999;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}
ol.activity-mini li:last-child {
	padding-bottom:0;
	border-bottom:none;
	}
ol.activity-mini strong {
	font-weight:normal;
	color:#444;
	}
ol.activity-mini li.drafted {
	background:url(http://www.nietuan.com/image/skin/icon-drafted-star.png) no-repeat 0 7px;
	}
ol.activity-mini li.score {
	background:url(http://www.nietuan.com/image/skin/icon-scored-plus.png) no-repeat 0 8px;
	}
ol.activity-mini li.comment {
	background:url(http://www.nietuan.com/image/skin/icon-actcom.png) no-repeat 0 10px;
	}
ol.activity-mini li.comment-followup {
	background:url(http://www.nietuan.com/image/skin/icon-comment-followup.png) no-repeat 0 10px;
	}
ol.activity-mini li.like {
	background:url(http://www.nietuan.com/image/skin/icon-actlike.png) no-repeat 0 9px;
	}
ol.activity-mini li.like-comment {
	background:url(http://www.nietuan.com/image/skin/icon-commentlike.png) no-repeat 0 10px;
	}
ol.activity-mini li.deald {
	background:url(http://www.nietuan.com/image/skin/icon-deald.png) no-repeat 0 8px;
	}
ol.activity-mini li.rebound {
	background:url(http://www.nietuan.com/image/skin/icon-rebound.png) no-repeat 0 7px;
	}
ol.activity-mini li.allot {
	background:url(http://www.nietuan.com/image/skin/icon-scored-plus.png) no-repeat 0 8px;
	}
ol.activity-mini li.new-invites {
	background:url(http://www.nietuan.com/image/skin/icon-scored-invites.png) no-repeat 0 10px;
	}
ol.activity-mini li span.vcard {
	margin:2px 0;
	}
ol.activity-mini li a {
	font-weight:bold;
	}
ol.activity-mini li em.time {
	display:block;
	font-size:.9em;
	font-style:normal;
	color:#aaa;
	}

/* avatar list */

ol.people {
	margin:0 0 20px 0;
	}
ol.people li img {
	float:left;
	width:30px;
	margin:0 6px 6px 0;
	vertical-align:middle;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
ol.people li a:hover img {
	background:#e5e5e5;
	}
ol.people li a.all {
	float:left;
	margin:9px 0 0 0;
	padding:4px 8px;
	font-weight:bold;
	font-size:.8em;
	line-height:1em;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}

/* profile link */

h4.vcard {
	margin:0 0 20px 0;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.6em;
	}
h4.vcard a img {
	float:left;
	width:32px;
	margin:0 6px 0 0;
	vertical-align:middle;
	padding:3px;
	background:#fff;
	border:1px solid #e5e5e5;
	}
h4.vcard a:hover img {
	border-color:transparent;
	background:transparent;
	}
h4.vcard em {
	display:block;
	margin:0 0 0 0;
	font-size:.8em;
	line-height:1.4em;
	font-weight:normal;
	font-style:normal;
	color:#999;
	}

/* tags */

h2.section.taggy {
	text-transform:none;
	}
h2.section.taggy a {
	padding-right:10px;
	background:url(http://www.nietuan.com/image/skin/icon-arrows.gif) no-repeat 100% 5px;
	}
h2.section.taggy a:hover {
	background-position:100% -17px;
	}
h2.section.taggy span {
	padding-left:12px;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-tag.gif) no-repeat 0 1px;
	}

ol.tags {
	margin:0 0 20px 0;
	}
ol.tags li {
	margin:0;
	position:relative;
	display:block;
	font-size:.85em;
	overflow:hidden;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	z-index:1;
	}
ol.tags li:last-child {
	border-bottom:none;
	}
ol.tags li span.perc {
	position:absolute;
	top:0;
	left:0;
	min-width:12%;
	height:100%;
	text-indent:-9999px;
	display:block;
	background:rgba(0,0,0,.07) url(http://www.nietuan.com/image/skin/glass-light.png) repeat-x 0 50%;
	overflow:hidden;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-o-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
	}
ol.tags li a {
	display:block;
	position:relative;
	padding:4px 12px;
	font-weight:normal;
	text-decoration:none;
	z-index:2;
	color:#999;
	}
ol.tags li a:hover {
	color:#666;
	text-decoration:none;
	}
ol.tags li:hover {
	background:#fff;
	background:rgba(0,0,0,.07);
	z-index:1;
	}
ol.tags li:hover span.perc {
	background:none;
	}
ol.tags li a strong {
	font-weight:normal;
	}
ol.tags li a.delete-tag {
	float:right;
	margin:5px 12px 0 0;
	padding:0;
	width:12px;
	height:12px;
	vertical-align:middle;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-tagx.png) no-repeat 0 0;
	z-index:3;
	}
ol.tags li a.delete-tag:hover {
	background-position:0 -12px;
	}
ol.tags li a.delete-tag img {
	height:0;
	}
ol.tags li em {
	float:right;
	padding:.4em 12px 0 0;
	font-style:normal;
	color:#bbb;
	z-index:3;
	}
ol.tags li em span.global a {
	margin-left:5px;
	color:#999;
	}
ol.tags li em span.global a:hover {
	color:#777;
	}
ol.main {
	margin:0 0 15px 0;
	padding:0 0 15px 50px;
	border-bottom:1px solid #ddd;
	}
ol.main li {
	margin:0 0 3px 0;
	}
ol.main li a {
	color:#666;
	}
div.full p.tag-results {
	float:right;
	margin:6px 0 0 0;
	padding-left:13px;
	font-size:1.1em;
	line-height:1;
	background-image:url(http://www.nietuan.com/image/skin/icon-tag.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}

/* popular tags */

ol.popular-tags {
	margin:0 0 20px 0;
	}
ol.popular-tags-player {
	margin-bottom:20px;
	}
ol.popular-tags li {
	float:left;
	margin:0;
	font-size:11px;
	line-height:1;
	}
ol.popular-tags li span.perc {
	display:none;
	}
ol.popular-tags li a {
	float:left;
	font-size:12px;
	margin:0 6px 6px 0;
	padding:3px 8px 4px 8px;
	font-weight:normal;
	text-decoration:none;
	white-space:nowrap;
	color:#777;
	border:1px solid #ccc;
	background:rgba(0,0,0,.07) url(http://www.nietuan.com/image/skin/glass.png) repeat-x 0 50%;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	}
ol.popular-tags li a strong {
	font-weight:normal;
	}
ol.popular-tags li:hover {
	background:none;
	}
ol.popular-tags li em {
	display:none;
	}
ol.popular-tags li a:hover {
	text-decoration:none;
	color:#555;
	border-color:#bbb;
	background-color:rgba(0,0,0,.1);
	}

/* alpha markers */

h3.alpha {
	float:left;
	width:30px;
	text-align:center;
	font-size:1.8em;
	line-height:1;
	color:#333;
	text-shadow:0 1px 0 #fff;
	}

/* add tags form */

#add-tag-form {
	margin:-10px 0 10px 0;
	}
#add-tag-form input#screenshot_tag_list {
	float:left;
	width:148px;
	margin:0 4px 3px 0;
	padding:5px 12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#333;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#add-tag-form input {
	vertical-align:middle;
	}
#add-tag-link {
	display:block;
	margin-top:-15px;
	padding-left:24px;
	font-size:12px;
	font-weight:bold;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-tag.gif) no-repeat 12px 1px;
	}
#add-tag-link:hover {
	color:#777;
	}
a#cancel-tag-link {
	font-weight:bold;
	}
p#tag-help {
	clear:both;
	padding-top:5px;
	font-size:.8em;
	line-height:1.5;
	color:#999;
	}
#add-tags p.warning {
	padding:8px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#777;
	border:1px solid #ccc;
	background:rgba(0,0,0,.07) url(http://www.nietuan.com/image/skin/alert-lines.png) repeat-x top left;
  margin-bottom:20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}

/* tag search form */

#tag-search {
	margin-bottom:25px;
	}
#tag-search input.form-text {
	float:left;
	width:156px;
	margin:0 4px 3px 0;
	padding:5px 8px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#333;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#tag-search input {
	vertical-align:middle;
	}
#tag-search-btn {
	float:left;
	}

/* rebound form */

div.full h1 span#rebound-form-link-wrap {
	font-size:.6em;
	color:#ccc;
	}
div.full h1 a#rebound-form-link {
	font-weight:normal;
	border-bottom:1px solid #ccc;
	color:#999;
	}
div.full h1 a#rebound-form-link:hover {
	color:#666;
	}
#rebound-form-wrap {
	float:right;
	width:230px;
	margin:8px 0 0 0;
	}
#rebound-form {
	display:none;
	}
#rebound-form fieldset {
	margin:0 0 5px 0;
	}
#rebound-form label {
	display:block;
	margin:0 0 6px 0;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	}
#rebound-form input.form-text {
	width:130px;
	margin:0 2px 0 0;
	padding:6px 8px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1;
	color:#666;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
#rebound-form input:focus {
	color:#333;
	outline-width:0;
	}
#rebound-form p {
	margin:5px 0 3px 0;
	font-size:.9em;
	line-height:1.4;
	color:#999;
	}

/* share this URL */

#share-form input {
	width:170px;
	margin:0;
	padding:0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:1;
	color:#333;
	border:none;
	background:transparent;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
#share-form input:focus {
	color:#333;
	outline-width:0;
	}

/* preview */

ol.preview {
	margin:0 0 20px 0;
	}
ol.preview li a {
	float:left;
	margin:0 10px 10px 0;
	padding:5px;
	vertical-align:middle;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#d0d0d0;
	}
ol.preview li a:hover {
	background:#fff;
	}

/* twitter updates */

#twitter_update_list {
	margin:-8px 0 20px 0;
	}
#twitter_update_list li {
	padding:8px 0;
	font-size:.9em;
	line-height:1.5;
	color:#666;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}
#twitter_update_list li:last-child {
	padding-bottom:0;
	border-bottom:none;
	}
#twitter_update_list li a {
	display:block;
	font-size:.95em;
	color:#aaa;
	}
#twitter_update_list li a:hover {
	color:#999;
	}
#twitter_update_list li span a {
	display:inline;
	font-size:1em;
	color:#4083a9;
	}
#twitter_update_list li span a:hover {
	color:#205f82;
	}

/* color chips list */

div.subset-colors {
	margin:0 0 20px 0;
	}
ul.color-chips {
	margin:0 0 5px 0;
	}
ul.color-chips li {
	float:left;
	margin:0 0 5px 0;
	}
ul.color-chips li:last-child {
	margin-right:0;
	}
ul.color-chips li a {
	float:left;
	width:22px;
	height:12px;
	text-indent:-9999px;
	background-image:url(http://www.nietuan.com/image/skin/glass-light.png);
	background-repeat:repeat-x;
	background-position:0 50%;
	}
div.subset-colors ul.color-chips li a {
	width:20px;
	}
ul.color-chips li:first-child a {
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	}
ul.color-chips li:last-child a {
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	}
ul.color-chips li a:hover,
ul.color-chips li.current a {	
	background-image:none;
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	transform:scale(1.5);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.3);
	box-shadow:1px 1px 2px rgba(0,0,0,.3);
	}
h3 ul.color-chips {
	display:inline;
	float:none;
	}
h3 ul.color-chips li {
	display:inline;
	float:none;
	}
h3 ul.color-chips li a {
	display:inline-block;
	float:none;
	}

/* color browsing */

div.colors-explore {
	margin:-10px 0 20px 0;
	}
div.colors-explore ul.color-chips,
div.colors-explore ul.color-chips li {
	margin:0;
	}
div.colors-explore ul.color-chips li a {
  	height:18px;
  	width:25px;
	z-index:1;
  	}
div.colors-explore ul.color-chips li a:hover {
	position:relative;
	margin:-4px;
	width:33px;
	height:26px;
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
div.colors-explore ul.color-chips li.current a,
div.colors-explore ul.color-chips li.current a:hover {
	position:relative;
	height:18px;
  	width:25px;
	margin:-4px;
	border:4px solid #fff;
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.6);
	box-shadow:0 0 3px rgba(0,0,0,.6);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:2;
	}
#side ul.color-chips {
	margin-bottom:15px;
	}
#side.colors .ui-slider {
	position:relative;
	height:4px;
	margin:12px 0 0 0;
	border-top:1px solid #c3c3c3;
	border-left:none;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#e3e3e3 url(http://www.nietuan.com/image/skin/formbg.gif) repeat-x top left;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
#side.colors .ui-slider .ui-slider-range {
	display:block;
	position:absolute;
	height:10px;
	}
#side.colors .ui-slider-handle {
	background:#ddd;
	border:1px solid #bbb;
	height:14px;
	position:absolute;
	top:-7px;
	width:10px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.25);
	box-shadow:1px 1px 2px rgba(0,0,0,.25);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
#side.colors form.gen-form {
	margin:0 0 40px 0;
	}
#side.colors form.gen-form fieldset {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
	}
#side.colors form.gen-form fieldset.hex {
	text-align:left;
	}
#side.colors form.gen-form fieldset label {
	margin:0 0 5px 0;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	color:#777;
	}
#side.colors form.gen-form fieldset label strong.perc {
	margin-left:2px;
	color:#444;
	}
#side.colors form.gen-form input.form-text {
	width:146px;
	height:16px;
	padding:3px 6px;
	font-size:13px;
	}
#side.colors form.gen-form fieldset.combo input {
	float:right;
	}
#side.colors form.gen-form fieldset div.picker {
	padding:12px;
	text-align:center;
	background:#fff;
	border-radius:6px;
	}

/* subscribe button */

div#subscribe {
	width:158px;
	padding:6px;
	margin:0 0 9px;
	border:1px solid #ccc;
	background:#f2f2f2;
	overflow:hidden;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
div#subscribe form {
	display:inline;
	}
div#subscribe .input {
	width:100px;
	height:20px;
	line-height:20px;
	padding:2px;
	border:1px solid #ccc;
	}
div#subscribe .button {
	width:48px;
	margin-left:4px;
	background-color:#8e9c9d;
	border-color:#a5b0b1 #6e797a #778384 #b0babb;
	border-style:solid;
	border-width:2px;
	color:#fff;
	cursor:pointer;
	letter-spacing:0.1em;
	padding:2px;
	}
div#subscribe p {
	font-size:12px;
	line-height:1;
	color:#999;
	padding:4px 0 0;
	}

/* bucket lists */

h4.bucket-title {	
	margin:0 0 8px 0;
	font-size:16px;
	font-weight:normal;
	line-height:1.3;
	}
ol.buckets,
ol.projects {
	margin:0 0 25px 0;
	}
ol.buckets li,
ol.projects li {
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	font-size:13px;
	line-height:1.2;
	border-bottom:1px solid #ddd;
	}
ol.buckets li:last-child,
ol.projects li:last-child {
	margin:0;
	padding:0;
	border-bottom:none;
	}
ol.buckets li a,
ol.projects li a {
	display:block;
	overflow:hidden;
	}
ol.buckets li a span.bucket-img,
ol.projects li a span.bucket-img {
  background:url(http://www.nietuan.com/image/skin/bucket-frame.png) no-repeat 0 0;
	float:left;
	display:block;
	width:60px;
	height:58px;
	margin:0 8px 0 0;
	padding:5px;
	}
ol.buckets li a span.bucket-img img,
ol.projects li a span.bucket-img img {
	background:url(http://www.nietuan.com/image/skin/bucket-frame.png) no-repeat 0 0;
	float:left;
	max-width:60px;
	max-height:45px;
	-webkit-transition:.2s opacity ease;
	-moz-transition:.2s opacity ease;
	-o-transition:.2s opacity ease;
	transition:.2s opacity ease;
	}
ol.buckets li a span.bucket-meta,
ol.projects li a span.bucket-meta {
	display:block;
	margin:4px 0 0 0;
	font-size:11px;
	line-height:1;
	color:#999;
	}
ol.buckets li a:hover span.bucket-img img,
ol.projects li a:hover span.bucket-img img {
	opacity:.6;
	}

/* bucket lightbox */

#bucket-overlay,
#project-overlay {
	background:#222;
	background:rgba(0,0,0,.7);
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:3000;
	}
#bucket-add,
#project-add {
	position:relative;
	margin:5% auto;
	width:420px;
	z-index:3001;
	padding:20px;
	background:#f0f0f0 url(http://www.nietuan.com/image/skin/tile.gif) repeat -70% 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,.5);
	box-shadow:0 0 10px rgba(0,0,0,.5);
	}
#bucket-add a.bucket-add-close,
#project-add a.project-add-close {
	position:absolute;
	top:5px;
	right:5px;
	-webkit-transition:.2s opacity ease;
	-moz-transition:.2s opacity ease;
	-o-transition:.2s opacity ease;
	transition:.2s opacity ease;
	}
#bucket-add a.bucket-add-close:hover,
#project-add a.project-add-close:hover {
	opacity:.7;
	}
#bucket-add h2.section,
#project-add h2.section {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:1;
	}
#bucket-add ol.buckets,
#project-add ol.projects {
	height:275px;
	padding-right:10px;
	overflow:auto;
	}
#bucket-add ol.buckets li,
#project-add ol.projects li {
	border-bottom:none;
	margin:0 0 5px 0;
	padding:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#bucket-add ol.buckets li:last-child,
#project-add ol.projects li:last-child {
	margin:0;
	}
#bucket-add ol.buckets li a,
#project-add ol.projects li a {
	display:block;
	padding:6px;
	overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#bucket-add ol.buckets li a strong,
#project-add ol.projects li a strong {
	display:block;
	margin-right:50px;
	color:#444;
	}
#bucket-add ol.buckets li a:hover,
#project-add ol.projects li a:hover {
	background:rgba(0,0,0,.07);
	}
#bucket-add ol.buckets li.bucketed a,
#project-add ol.projects li.bucketed a {
	background:#ff3600 url(http://www.nietuan.com/image/skin/icon-check-big.png) no-repeat 100% 25px;
	}
#bucket-add ol.buckets li.bucketed a strong,
#project-add ol.projects li.bucketed a strong {
	color:#fff;
	}
#bucket-add ol.buckets li.bucketed a span.bucket-meta,
#project-add ol.projects li.bucketed a span.bucket-meta {
	color:rgba(255,255,255,.7);
	}
#bucket-add ol.buckets li.bucketed a:hover {
 	background-image:url(http://www.nietuan.com/image/skin/icon-minus-big.png);
  	}
#bucket-add ol.buckets li.selected a,
#bucket-add ol.buckets li.selected a:hover,
#project-add ol.projects li.selected a,
#project-add ol.projects li.selected a:hover {
	color:#333;
	background:#fff url(http://www.nietuan.com/image/skin/processing.gif) no-repeat 349px 25px;
	}
#bucket-add ol.buckets li.selected a span.bucket-meta,
#bucket-add ol.buckets li.selected a:hover span.bucket-meta,
#project-add ol.projects li.selected a span.bucket-meta,
#project-add ol.projects li.selected a:hover span.bucket-meta {
	color:#999;
  	}
#bucket-add button,
#bucket-add input.form-sub,
#project-add button,
#project-add input.form-sub {
	font-size:12px;
	}
#project-add div.create-bucket,
#bucket-add div.create-bucket {
	display:none;
	}
#bucket-add form.gen-form,
#project-add form.gen-form {
	margin-top:0;
	}
#bucket-add form.gen-form div.form-field,
#project-add form.gen-form div.form-field {
	border:none;
	}
#bucket-add form.gen-form fieldset label,
#project-add form.gen-form fieldset label {
	float:none;
	width:auto;
	margin:0 0 6px 0;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	text-align:left;
	}
#bucket-add form.gen-form fieldset label span,
#project-add form.gen-form fieldset label span {
	font-size:11px;
	margin-left:10px;
	font-weight:normal;
	color:#777;
	}
#bucket-add form.gen-form fieldset p.message,
#project-add form.gen-form fieldset p.message {
	text-align:right;
	margin:0 0 10px 0;
	}
a.create {
	float:right;
	margin:8px 0 0 0;
	font-size:12px;
	font-weight:bold;
	}

/* bucket meta info list */

#side ul.bucket-meta {	
	margin-bottom:30px;
	}
ul.bucket-meta li.bucket-title-meta {
	margin:0;
	padding:8px 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	color:#666;
	border-bottom:1px solid #ddd;
	}
ul.bucket-meta li.bucket-title {	
	font-size:14px;
	line-height:1.3;
	}
ul.bucket-meta li span.sep {
	margin:0 3px;
	color:#bbb;
	}
ul.bucket-meta li span.bucket-url {
	display:block;
	margin:4px 0 0 0;
	font-size:13px;
	}
ul.bucket-meta li span.bucket-url a {
	padding:8px 0 8px 21px;
	font-weight:normal;
	color:#777;
	background:url(http://www.nietuan.com/image/skin/icon-weburl.png) no-repeat 0 8px;
	}
ul.bucket-meta li span.bucket-url a:hover {
	color:#444;
	}
ul.bucket-meta li.bucket-title-meta span.bucket-status-stamp {	
	margin-left:4px;
	font-size:11px;
	color:#999;
	}
ul.bucket-meta li span.badge {	
	margin-left:0;
	}
ul.bucket-meta li:first-child {	
	padding-top:0;
	}
ul.bucket-meta li:last-child {		
	padding-bottom:0;
	border:none;
	}
ul.bucket-meta li.bucket-title-time {
	padding-left:24px;
	font-size:11px;
	color:#999;
	background:url(http://www.nietuan.com/image/skin/icon-bucket.png) no-repeat 0 7px;
	}
ul.bucket-meta li.project-title-time {
	background-image:url(http://www.nietuan.com/image/skin/icon-addtoproject.png);
	}
ul.bucket-meta li.bucket-title-time strong {	
	color:#777;
	}
ul.bucket-meta li.bucket-title-attr {
	font-size:11px;
	font-weight:normal;
	color:#999;
	}
ul.bucket-meta li.bucket-title-attr img {
	float:left;
	width:16px;
	margin:0 5px 0 0;
	}
ul.bucket-meta ul.bucket-title-attr a {
	font-weight:bold;
	}

/* bucket meta when under prev/next */

ul.bucket-meta-prevnext {
	padding:8px 10px 10px 10px;
	margin-top:-16px; 
	background:rgba(0,0,0,.07);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
ul.bucket-meta-prevnext h5.bucket-title {	
	padding:0;
	font-size:13px;
	border:none;
	}
.live span.meta{
  color:#888;
  text-shadow:0 1px 0 white;
  }
ul.bucket-meta-prevnext li.project-title-time {	
	padding-top:4px;
	background-position:0 4px;
	}

/* footer
--------------------------------------------- */

#footer {
	border-top:1px solid #ddd;
	background-color:#fff;
	clear:both;
	}
#footer-inner {
	width:960px;
	margin:0 auto;
	padding:20px 30px;
	font-size:1.2em;
	color:#999;
	}
#footer a {
	font-weight:bold;
	color:#777;
	}
#footer a:hover {
	text-decoration:none;
	color:#ff3600;
	}
#footer p {
	margin:0 0 8px 0;
	line-height:1.6;
	}
#footer p#footer-nav {
	margin-top:3px;
	color:#ccc;
	}
#footer-nav a {
	margin:0 5px;
	}
#footer-nav a#f-home {
	margin-left:0;
	}
#footer a.footer-twitter {
	padding:1px 0 0 20px;
	background:url(http://www.nietuan.com/image/skin/icon-twitter-footer.gif) no-repeat 0 0;
	}
#footer a.footer-twitter:hover {
	background-position:0 -34px;
	}
#footer-nav a span.badge {
	font-size:9px;
	line-height:2.2;
	vertical-align:top;
	background-color:#777;
	}
#footer-nav a:hover span.badge {
	background-color:#ff3600;
	}

/* pixels deald */

h4#pixels-total {
	position:relative;
	width:166px;
	height:100px;
	float:right;
	margin:8px 0 0 0;
	padding:0 0 0 54px;
	font-size:1.1em;
	line-height:1.4;
	font-weight:normal;
	color:#777;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:20px;
	-moz-border-top-right-radius:6px;
	-moz-border-top-left-radius:20px;
	border-top-right-radius:6px;
	border-top-left-radius:20px;
	}
#non-logged-blurb h4#pixels-total {
	margin-top:12px;
	}
h4#pixels-total strong {
	display:block;
	padding-top:4px;
	font-size:1.5em;
	line-height:1.2;
	font-weight:bold;
	color:#333;
	}
h4#pixels-total img {
	position:absolute;
	top:0;
	left:0;
	}

/* misc.
--------------------------------------------- */

hr, .hide {
	display:none;
	}
a img {
	border:none;
	}

/* rss links */

a.rss {
	float:right;
	margin:21px 10px 0 0;
	padding:0 0 0 15px;
	font-size:.8em;
	line-height:12px;
	font-weight:bold;
	color:#ff3600;
	background:url(http://www.nietuan.com/image/skin/icon-rss.gif) no-repeat 0 0;
	}
a.rss:hover {
	color:#ac2d5d;
	background-position:0 -36px;
	}
a.rss-top {
	margin:0;
	font-size:1em;
	}

/* processing bouncing ball */

div.processing {
	margin:0;
	padding:10px 10px 10px 42px;
	font-size:12px;
	font-weight:bold;
	line-height:1.8em;
	color:#333;
	background:#fff url(http://www.nietuan.com/image/skin/processing.gif) no-repeat 10px 50%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	z-index:999;
	}
div.processing em {
	font-weight:normal;
	font-style:normal;
	color:#777;
	}
.processing,
a.processing,
div.meta-act a.processing,
div.meta-act div.marked a.processing,
a.processing:hover,
input.processing:hover {
	padding-left:33px;
	color:#333;
	background:#fff url(http://www.nietuan.com/image/skin/processing.gif) no-repeat 3px 50%;
	}
a.processing:hover span {
	color:#333;
	}
span.processing {
	display:inline-block;
	padding:6px 10px 6px 33px;
	font-weight:bold;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
a.processing span {
	padding:0;
	background:none;
	}
table.data td.follow a.processing, /* when mini follow/unfollow icon only */
ol.players-list li a.processing {
	padding:0;
	width:24px;
	height:24px;
	background-position:-4px 50%;
	overflow:hidden;
	}
div.single-title div.shot-byline a.processing { /* when tiny follow/unfollow icon only on shot detail byline */
	background-position:-9px -3px;
	overflow:hidden;
	}
div.single-title div.shot-byline a.processing span,
div.single-title div.shot-byline a.processing:hover span {
	background:none;
	}
table.data td.follow a.processing:hover span,
ol.players-list li a.processing:hover span {
	background:none;
	}

/* error handling */

.errorExplanation {
	margin:0 0 20px 0;
	font-size:1em;
	line-height:1.5;
	font-weight:normal;
	text-align:left;
	color:#df3b3b;
	background:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 2px 2px #ddd;
	-moz-box-shadow:2px 2px 2px #ddd;
	box-shadow:2px 2px 2px #ddd;
	}
.errorExplanation h2 {
	padding:10px 20px;
	font-size:1.2em;
	line-height:1;
	color:#fff;
	background:#df3b3b url(http://www.nietuan.com/image/skin/alert-lines.png) repeat-x top left;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	}
.errorExplanation ul,
div.site .errorExplanation ul {
	margin-top:0;
	padding:20px 20px 15px 20px;
	}
.errorExplanation ul li,
div.site .errorExplanation ul li {
	margin:0 0 5px 20px;
	list-style:disc;
	}
#project-add .errorExplanation ul li,
#bucket-add .errorExplanation ul li {
	font-size:12px;
	line-height:1.4;
	}
fieldset.fieldWithErrors {
	background:url(http://www.nietuan.com/image/skin/icon-error.png) no-repeat 20px 50%;
	}
div.main-full fieldset.fieldWithErrors {	
	background:none;
	}
#project-add fieldset.fieldWithErrors,
#bucket-add fieldset.fieldWithErrors {
	background:none;
	}

/* null value messages */

.null {
	font-size:.8em;
	font-style:normal;
	color:#aaa;
	}
.null-message {
	margin:40px;
	text-align:center;
	font-style:normal;
	color:#aaa;
	}
.null-message h2 {
	font-size:1.8em;
	font-weight:normal;
	line-height:1.5;
	text-shadow:0 1px 0 #fff;
	}

/* friendly announcements */

div.friendly {
	margin:0 0 25px 0;
	padding:15px 15px 10px 15px;
	font-size:1.2em;
	line-height:1.4;
	color:#505d68;
	background:rgba(118,182,217,.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
div.form-field div.friendly {
	font-size:1em;
	margin:15px 0 0 0;
	}
div.friendly h2 {
	margin:0 0 10px 0;
	font-size:1.3em;
	line-height:1;
	font-weight:normal;
	color:#333;
	}
div.friendly p {
	margin:0 0 5px 0;
	line-height:1.4;
	}
div.friendly a:link,
div.friendly a:visited {
	font-weight:bold;
	}
div.friendly ul {
	margin:0 0 0 25px;
	list-style:disc;
	}
div.friendly ul li {
	}

/* highlighting for ajax editing */

.highlighted {
	margin:0;
	background:url(http://www.nietuan.com/image/skin/hi-bg.png);
	}

/* self-clear floats */

.group:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }

/* tipsy tooltips */

.tipsy { padding:5px; font-size:1.1em; line-height:1.4; position:absolute; z-index:100000; }
  .tipsy-inner { padding:6px 8px; background:#1e2124 repeat-x top left; color:white; color:rgba(255,255,255,.9); max-width:130px; text-align:center; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.5); -moz-box-shadow:1px 1px 3px rgba(0,0,0,.5); box-shadow:1px 1px 3px rgba(0,0,0,.5); }
  .tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position:absolute; background:url(http://www.nietuan.com/image/skin/tipsy.png) no-repeat top left; width:9px; height:5px; }
  .tipsy-n .tipsy-arrow { top:0; left:50%; margin-left:-4px; }
    .tipsy-nw .tipsy-arrow { top:0; left:10px; }
    .tipsy-ne .tipsy-arrow { top:0; right:10px; }
  .tipsy-s .tipsy-arrow { bottom:0; left:50%; margin-left:-4px; background-position:bottom left; }
    .tipsy-sw .tipsy-arrow { bottom:0; left:10px; background-position:bottom left; }
    .tipsy-se .tipsy-arrow { bottom:0; right:10px; background-position:bottom left; }
  .tipsy-e .tipsy-arrow { top:50%; margin-top:-4px; right:0; width:5px; height:9px; background-position:top right; }
  .tipsy-w .tipsy-arrow { top:50%; margin-top:-4px; left:0; width:5px; height:9px; }

/* IE patches
--------------------------------------------- */

*:first-child+html .group,
*:first-child+html ul.tabs,
*:first-child+html h3.tab { /* IE7 */
	min-height:1px;
	}

*:first-child+html #add fieldset#upload input {
	border:1px solid #ddd;
	background:#fff;
	}