@charset "UTF-8";

/* CSS Document */

/* UNIVERSAL */

body {

margin: 0px;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: 12px;

color: #666;

background: #fff;

}



ul {margin:0; padding:0;}

ol {margin:0; padding:0;}



fieldset {border:none; padding:0 0px 5px 10px;}

legend {margin-top:10px; margin-bottom:10px; font-size:14px;font-weight:bold;color:#333; }

label {font-weight:bold;}

img {border:none;}



h1 {

color:#3c3c3c;

font-size: 16px;

font-weight:bold;

padding: 3px 0 5px 10px;

}

h1 a {color:#3c3c3c;text-decoration:none;}



h2 {

font-size: 14px;

color: #356AA0;

margin:0px;

font-weight: bold;

}

h2 a {

color: #356AA0;

text-decoration:none;

}

h2 a:hover {

text-decoration:underline;

}



h3 {

font-size:14px;

font-weight:bold;

padding-left:2px;

}

h3 a {text-decoration:none;}



#hhh28 {

color:#3c3c3c;

font-size:14px;

font-weight:bold;

padding:12px 0 12px 10px;

}



#hhh33 {

color:#356AA0;

font-size:12px;

font-weight:bold;

}



p {

color: #707070;

}



a {

color: #356AA0;

text-decoration: underline;

}



.saved {background-color:#356AA0;color:#fff;font-size:14px;padding:6px;}

.error  {background-color:#880000;color:#fff;font-size:13px;padding:3px;line-height:22px;}

.errordiv  {background-color:#356AA0;color:#fff;font-size:14px;padding:6px;line-height:18px;}



.readmore {float:right;margin:5px 0 5px 5px;text-align:right;}



.linetop {border-top:2px solid #DEDEDE;}

.linespacer {margin-top:2px;margin-bottom:8px;border-bottom:1px solid #DEDEDE;}



.button {border:2px solid #dedede;background:#fff;}

.field {border:1px solid #dedede;padding:2px;}



#content {

width: 980px;

padding: 0;

margin: 0px auto;

}

.floatleft {

float: left;

}

.floatright {

float: right;

}



/* HEADER */

.shine {

height:725px;

float:right;

width:100%;

}



#login {

text-align: right;

color: #bbb;

font-weight:bold;

}

#login a {

color: #333;

text-decoration:none;

}



#logooo {

padding-left:10px;

font-size: 12px;

color: #356AA0;

}



#logo {

font-weight:bold;

color: #3c3c3c;

}

#logo a{color: #356AA0;text-decoration:none;}



#logo a:hover{color: #BECFE0;text-decoration:none;}



#gaojiso {font-size:12px;}

#gaojiso a{color:#356AA0; text-decoration:none;}



.search {margin-left: 730px;position:absolute; margin-top:8px; width:270px;}

.search a{text-decoration:none;}

#searchsite {color: #333;border:1px solid #356AA0;background:#F7F9FB;}

.searchbutton {font-size:12px;background:#E6ECF2;color:#356AA0; width:43px; height:20px; text-align:center;}



.breadcrumbs h1{padding:10px 10px; color: #333; background:#f1f1f1; border-top:1px solid #bbb; margin-top:15px; width:650px;}



.rsslink {float:right;text-align:right;margin-right:5px;margin-top:10px;padding-top:5px;clear:both;}

.rsslink a {text-decoration:none;color:#333;clear:both;}

.rsslink a:hover {text-decoration:underline;color:#000;clear:both;}



#reg_usernamecheckitvalue {background:#FFFFD3;}

#reg_emailcheckitvalue {background:#FFFFD3;}



.headerbackground {

width:980px;

clear:both;

}



#navvv {

margin-left: 605px;

clear:both;

}



#navvv a{

color: #fff;

clear:both;

}



#nav {

background: #356AA0;

padding: 8px 0px;

color: #fff;

clear:both;

}

#nav li {

list-style: none;

display: inline;

padding: 8px 0px;

margin-left:10px;

clear:both;

}

#nav li a {

color: #D1DDE9;

text-decoration: none;

clear:both;

}

#nav li  a:hover{

color: #fff;

display: inline;

list-style: none;

clear:both;

}

#nav .current {

list-style: none;

display: inline;

clear:both;

}

#nav .current a {

list-style: none;

display: inline;

color: #fff;

}





/* STORIES */

.leftwrapper {padding:20px 0 0 10px;}

.leftwrapper h2{color:#3c3c3c;}



#leftcol {

width: 650px;

float: left;

overflow: hidden;

color:#777;

}



#leftcol ol, #leftcol ul {

margin-left:20px;

margin-top:5px;

}



#leftcol-wide {

width: 650px;

float: left;

overflow: hidden;

color:#707070;

}

#leftcol-superwide {

width: 980px;

float: left;

overflow: hidden;

color:#707070;

}

.stories {

width: 650px;

margin-left:10px;

margin-bottom: 24px;

}

.stories-wide {

width: 650px;

margin:0px 0 20px 10px;

}

.stories-superwide {

width: 980px;

margin-bottom: 20px;

}





.pagewrap {

color:#333;

padding: 10px;

margin-bottom:10px;

}

.pagewrap a{

text-decoration:none;

}

.pagewrap a:hover{

text-decoration:underline;

}

.pagewrapyonghu {

width:650px;

color:#333;

padding-left:10px;

margin-bottom:0px;

}

.pagewrapyonghu a{

text-decoration:none;

}

.pagewrapyonghu a:hover{

color:#333;

}

.pagewrapyonghu td{

padding:5px 0 5px 0;

border-bottom: 1px solid #dedede;

}



.pagewrapdongtai {

padding-left: 10px;

margin-bottom:330px;

}



.storyheadline {

margin-right:10px;

width:52px;

height:38px;

float: left;

text-align:right;

}



.title h2 {

font-size: 14px;

color: #356AA0;

margin-bottom: 4px;

font-weight: bold;

}

.title h2 a {

color: #356AA0;

text-decoration:none;

border-bottom:1px solid #356AA0;

}

.tttitle h2 a:visited {

color:#356AA0;

text-decoration:none;

}



.title h2 a:hover {

background:#fff;

color: #356AA0;

text-decoration:none;

}



.subtext {

font-size: 12px;

}

.subtext a {

color: #5D88B3;

text-decoration:none;

}

.subtext a:hover {

color: #356AA0;

text-decoration:underline;

}

.vote .subtext span {

/* This hides the "voted" and "buried" text after casting a vote by making it blend in with the background color */

color:#ffffff;

}



.divider {

margin:0px 0 10px 0;

border-top:0px dotted #ebebeb;

}



.votebox {

width:16px;

float:left;

}



.vote {

float: left;

text-align: center;

}

.vote a{text-decoration:none;}

.vote a:hover{text-decoration:none;}



.bury {

float:left;

text-align: center;

margin-top:2px;

}



.votenumber {

font-size: 20px;

margin-top: 3px;

float:center;

text-align:center;

font-family: Impact;

}

.votenumber a, .votenumber a:hover {color:#4c4c4c;text-decoration:none;}



.title {

margin-left: 46px;

}



.adminlinks {font-size:12px;}



.storycontent {

padding:2px 0 4px 0;

font-size:12px;

width:578px;

color:#3c3c3c;

margin-left:62px;

line-height:150%;

}

.storycontent a{

text-decoration:none;

color:#BECFE0;

font-weight: bold;

}

.storycontent a:hover{

text-decoration:none;

color:#356AA0;

}

.storycontent p {

margin:0 0 -10px 0;

color:#707070;

}

.storycontent ol {

margin-left:22px;

padding:0;

}

.storycontent ol li {

line-height:14px;

margin:0 0 -10px 0;

padding:0;

}

.storycontent ul {

margin:0 0 0px 0;

padding:0;

}

.storycontent ul li {

line-height:14px;

margin:0 0 -10px 0;

padding:0;

}



.storyfooter {

margin-left:62px;

}

#who_voted {margin:0 0 30px 10px;padding-top:20px; border-top:0px solid #BECFE0;}



#who_voted ol {clear:both;}

#who_voted li {

border:0px solid #efefef;

padding:2px;

margin-right:0px;

margin-bottom:4px;

margin-top:4px;

list-style-type: none;

float:left;

width:151px;

height:18px;

}

#who_voted a{text-decoration:none;}

#who_voted a:hover{text-decoration:underline;}



#related {margin-bottom:10px; margin-left:10px;padding-top:10px; line-height:150%;}

#related ol {

padding-left:20px;

margin-top:5px;

margin-bottom:5px;

}

#related a{text-decoration:none;}

#related a:hover{text-decoration:underline;}





.edit {

border:1px solid #d9d9d9;

padding: 5px 5px 5px 10px;

background: #ededed;

margin-bottom:20px;

}

.edit-image {float:left;}

a .edit-image img{border:0px;}



/* Submit */

#submit {padding-top:5px;border-top:1px solid #999; margin:0 10px 0 10px; color:#444;}

#submit_content {padding:10px 10px;color:#444;}



#submit ul {padding-left:15px;color:#444;}



.instructions {margin-top:0px;line-height:16px;}



#bodytext {width:900px;height:200px;}

#bodytext22 {width:600px;height:300px;}

#summarytext {width:650px;height:120px;}

#summarytext22 {width:450px;height:120px;}



hr {height:1px; color:#bbbbbb;}



/* Profile */ 

#navbar { padding-left:10px;}

#navbar a{ color:#006E2E; text-decoration:none;}

#navbar a:hover{ text-decoration:underline;}



.userborderbottom {border-bottom:0px solid #dedede;}



#profile {border-top:0px solid #dedede;padding:10px;}

#profile_content {}



#personal_info {}

#bookmarklet {}



#search_users {float:right;}



#personal_info {float:left;width:290px; color:#555;}

#stats{float:left;width:230px;color:#555;}

#groups {float:left;width:200px;}

#groups a{ text-decoration:none; font-weight:normal; color:#356AA0; background:#EEF2F7; padding:1px 3px 1px 3px; }

#groups a:hover{ text-decoration:none; font-weight:normal; color:#356AA0; background:#fff;}

#friends {clear:both;float:left;width:780px;color:#555;}



#friendlist{background:#fff;width:780px;border-collapse:collapse;text-align:left;}

#friendlist a{ text-decoration:none;}

#friendlist a:hover{ text-decoration:underline;}

#friendlist th{font-weight:normal;color:#606060;border-bottom:1px solid #dedede;padding:10px 8px;}

#friendlist td{border-bottom:1px solid #dedede;color:#669;padding:6px 8px;}

#friendlist tbody tr:hover td a{}

#friendlist tbody tr:hover {background:#F3F3F3;}



/* Comments */



.comment-form {

width:630px;

height:180px;

margin-top:5px;

background:#FBF8ED;

border:1px solid #cc9900;

}



#comments {padding-top:5px; margin-left:10px;}

#comments h3 {color:#000;}



.comment-wrap {padding-top:5px;}



.comment-left {

float:left; 

background: url(../../../DOCUME~1/ADMINI~1/LOCALS~1/Temp/images/comment-left-mai.gif) no-repeat top right;

width:45px;

text-align:right;

padding-right:15px;

overflow:hidden;

}



.comment-right {

float:left;

margin: 0px 5px 5px 0px;

padding:10px;

width:550px;

background: #f2f2f2 url(../../../DOCUME~1/ADMINI~1/LOCALS~1/Temp/images/comment-bottom-mai.gif) no-repeat bottom left;

overflow:hidden;

color:#3c3c3c;

}



.huifu {

width:415px;

height:50px;

background:#FBF8ED;

margin:3px 0px 3px 0;

border:1px solid #cc9900;

}



.commenttools {

padding: 0px 10px;

float:right;

}



.inline-comment {

float:left;

margin-left:100px;

}



.child-comment {

padding:10px 0 0px 0;

border-top: 0px dashed #bbb;

border-bottom:1px dashed #bbb;

margin-bottom:10px;

background:#fafafa;

}



/* MIDDLE COLUMN */

#midcol {

width: 310px;

margin-top: 15px;

float: right;

/* a trick to hide of long comments that don't have spaces */

overflow:hidden;

font-size: 12px;

color:#333;

}



.headline {

padding: 5px 10px 5px 10px;

color:#333;

font-weight:bold;

background: #E6EDF3;

border-top: 1px solid #7297BC;

}

.sectiontitle {

font-size: 12px;

margin: 0px;

color:#333;

}

.sectiontitle a {text-decoration:none;color:#333;}

.sectiontitle a:hover {color: #000;}



.headlinebiaoqian {

padding: 10px 10px 0px 10px;

color:#fff;

font-weight:bold;

background: #BECFE0;

}

.sectiontitlebiaoqian {

font-size: 12px;

color:#fff;

}

.sectiontitlebiaoqian a {text-decoration:none;color:#fff;}

.sectiontitlebiaoqian a:hover {color: #ddd;}



.boxcontent {

line-height: 15px;

padding: 3px 10px 3px 10px;

color:#356AA0;

margin-bottom:10px;

}

.boxcontentbiaoqian {

line-height: 15px;

padding: 5px 10px 10px 10px;

color:#fff;

background: #BECFE0;

margin-bottom:10px;

}

.boxcontentbiaoqian a{

color:#2F5E8C;

}

.boxcontentbiaoqian a:hover {

color:#fff;

}



.active {

color: #fff;

background: #356AA0;

padding:3px 4px 3px 4px;

text-align:center;

}



.sidebar-saved {list-style-type:disc;margin-left:5px;}

.sidebar-saved a{text-decoration:none;}

.sidebar-saved a:hover {text-decoration:underline;}



.sidebar-stories {list-style-type:none;}

.sidebar-stories li {line-height:22px; border-bottom:1px solid #EAEFF4; padding:3px 0 3px 0;}

.sidebar-vote-number a{ font-family: Impact;font-size:14px;text-decoration:none; margin-right:8px;color: #4c4c4c;}

.sidebar-article a{color:#356AA0;text-decoration:none;}

.sidebar-article a:hover {text-decoration:underline;}



#sidebar-comments {line-height:19px;}

#sidebar-comments a { color:#607080; padding-bottom:1px; text-decoration:none;border-bottom:1px solid #c0d0e0;}

#sidebar-comments a:hover {color:#304050; text-decoration:none;}



.loginbox {

margin:3px 20px;

}



/* RIGHT COLUMN */



#aboutcontent {

color:#555;

padding: 10px 10px 10px 10px;

background:#f8f8f8;

margin-bottom:10px;

border:1px solid #efefef;

line-height:150%;

}

#aboutcontent a{

text-decoration:none;

}

#aboutcontent a:hover{

text-decoration:underline;

}



.links {

border-bottom: 1px solid #dedede;

padding: 10px;

}

.links a {

text-decoration:none;

color:#356AA0;

font-size:12px;

line-height:10px;

}

.links a:hover {

color:#333;

}



/* FOOTER */

#footer {

padding: 5px 10px;

background-color: #ededed;

border-top: 1px solid #dedede;

border-bottom: 1px solid #dedede;

width:960px;

margin:0 auto;

}

.footer a:hover {

color:#000;

text-decoration:underline;

}



#fll {

padding: 8px 10px;

width:960px;

margin:0 auto;

color:#444;

}

#fll a {

color:#888;

text-decoration:none;

}

#fll a:hover {

color:#444;

text-decoration:none;

}



/* Sort list */

#navcontainer {

padding:5px;

}



#navcontainer ul

{

margin: 0;

padding: 0;

list-style-type: none;

font-size: 12px;

}



#navcontainer li { margin: 0 0 3px 0; }



#navcontainer a

{

display: block;

padding-left: 18px;

width: 160px;

background-image: url(../../../DOCUME~1/ADMINI~1/LOCALS~1/Temp/images/l1_down.gif);

outline:none;

color: #356AA0;

text-decoration: none;

}



#navcontainer a:link, #navlist a:visited

{

color: #356AA0;

text-decoration: none;

}



#navcontainer a:hover

{

background-image: url(../../../DOCUME~1/ADMINI~1/LOCALS~1/Temp/images/l1_over.gif);

color: #333;

}



#active a:link, #active a:visited, #active a:hover

{

background-image: url(../../../DOCUME~1/ADMINI~1/LOCALS~1/Temp/images/l1_over.gif);

}



/* Pagination */

.pagination {

color:#666;

margin:15px 0 10px 0px;

}



.pagination p {

position:relative;

text-align:center;

font-size:12px;

margin:0;

padding:5px 0 5px 0;

}

.pagination p a {color:#356AA0; border:1px solid #9FBFDF; margin-right:2px;}



.pagination p a:link,.pagination p a:visited,.pagination p a:hover, .pagination p a:active{

text-decoration:none;

padding:3px 4px;

}



.pagination p a:hover {

background:#356AA0;

color:#fff;

}



.pagination p span {

text-decoration:none;

color:#ACACAC;

margin-right:2px;

padding:3px 4px;

border:1px solid #ccc;

}



/* Tags */



.tagformat a{text-decoration:none;}

.tagformat a:hover{text-decoration:underline;}



/* RSS Feeds */

#feeds {

text-transform:capitalize;

margin-top:-15px;

padding:10px 0px 10px 0px;

}



#rssfeeds, #rssfeeds ul {list-style:none;}

#rssfeeds li{margin-left:-10px;}



.feedname {

margin-left:8px;

font-size: 15px;

font-weight: bold;

}

.feedname a {

color: #356AA0;

text-decoration:none;

}

.feed-spacer {

margin:15px 10px 0px 15px;

border-top:1px solid #ededed;

}

.rssfield {

background:#F9F9F9;

border:1px solid #dedede;

padding-left:2px;

margin-left:16px;

width:490px;

}



/* Live */



.live2-item {

width:650px;

clear:both;

border-bottom:1px solid #ddd;

text-align:center;

overflow:hidden;

color: #333;

line-height:150%;

padding:5px 0 5px 0;

}



.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {

float:left;

display:block;

padding:5px 0 5px 0;

}



.live2-type img {

border:none;

vertical-align:middle;

margin:0;

width:60px;

}



.live2-ts {width:12%;text-transform:capitalize;}

.live2-type {width:10%;text-transform:capitalize;}

.live2-votes {width:6%;text-transform:capitalize;}

.live2-story {width:44%;text-align:left;text-transform:capitalize;}

.live2-story a {color:#356AA0;text-decoration:none;}

.live2-story a:hover {text-decoration:underline;}

.live2-who {width:18%;text-transform:capitalize;}

.live2-who a {color:#356AA0;text-decoration:none;}

.live2-who a:hover {text-decoration:underline;}

.live2-status{width:10%;text-transform:capitalize;}

.live2-problem {color:red;text-transform:capitalize;}



/* Register */

.register-left {

float:left;

width:325px;

margin-right:15px;

}

.register-right {

float:left;

width:290px;

}

.register-right ul {

padding-left:15px;

}



/* Login */

.login-left {

float:left;

width:175px;

border-right:1px solid #DEDEDE;

padding-right:2px;

height:230px;

margin-bottom:20px;

}

.login-middle {

float:left;

width:200px;

border-right:1px solid #DEDEDE;

margin:0px 15px 20px 15px;

padding-right:10px;

padding-left:5px;

height:230px;

}

.login-right {

float:left;

width:200px;

margin-left:10px;

}



/*Group css*/



#group_navbar {padding-top:0px;border-top:0px solid #DEDEDE;margin-bottom:0px;}



.groupexplain {

color:#444;

padding:10px;

}



.rolelinks a{color:#6666cc;}



#groupadminlinksbutton a{color:#999}



.toptitle {

margin-top:5px;

font-size:16px;

font-weight:bold;

}

.toptitle a{text-decoration:none;}

.toptitle a:hover{text-decoration:underline;}



.group_container {

margin-top:10px;

width:660px;

float:left;

position:relative;

color:#444;

}



.group_right {

color:#444;

width:450px;

float:left;

position:relative;

padding-left:10px;

}

.group_left {

color:#444;

width:100px;

float:left;

position:relative;

margin-top:5px;

padding-left:10px;

}

.group_avatar {

}

.group_join {

}

.group_unjoin {

}

.group_unjoin a {

font-weight:bold;

left:4px;

position:relative;

text-decoration:none;

top:-3px;

}

.group_withdraw_request {

}

.group_created_by {

}

.group_member {

}



#cool328 {float:left; width: 650px; text-decoration:none; padding:15px 0px 20px 10px; color:333; font-size:12px; }

#cool328 a{color:333; text-decoration:none; padding-right:5px; }

#cool328 a:hover {color:#000;}

#cool0033 {float:left; width: 650px; text-decoration:none; padding:6px 0 6px 10px; color:fff; font-size:12px; background:#f1f1f1; margin-top:15px; margin-bottom:15px; border-top: 1px solid #bbb;}

#cool0033 a{color:fff; text-decoration:none; padding-right:5px; }

#cool0033 a:hover {color:#000; text-decoration:underline;}



#fabiao {background:#F9F7ED; padding:1px 4px 2px 4px; font-size:12px; text-align:left; color:333; }

#fabiao a {color:#FF7400; text-decoration:none; font-weight:bold; }

#fabiao a:hover {color:#D15600; text-decoration:none; font-weight:bold;}



#rrss {float:right; padding:6px 15px 0px 0;clear:right;}



#aboutniujue {margin:15px 0 15px 10px; line-height:150%;}



.whovotedwrapper {

padding-left:0px;

}

.whovotedwrapper99 {

padding-left:10px;

}

#guanggao {

margin:0px 0 10px 0;

}



#haoyou {

color:#555;

margin:0 10px 0 20px;

}

#haoyou h2{

color:#333;

border-bottom:1px solid #bbb;

padding-bottom:10px;

}

#boxbox {

color:#333;

margin:10px 10px 0 20px;

}

#daziti{font-size:14px; color:#000; line-height:170%; margin-top:10px;}



#wenzhangdenglu{clear:both;margin-left:auto;font-weight:bold;margin-right:auto;border:#ccc solid 2px;padding-top:8px; margin-bottom:20px;border-width:1px;width:600px;text-align:center; padding-bottom: 8px;background:#F9F7ED;}

#wenzhangdenglu a{text-decoration:none;}

#wenzhangdenglu a:hover{text-decoration:underline;}



#fabu2 {

padding:10px;

background:#f6f6f6;

border:1px solid #bbb;

margin-top:10px;

}



#xiugaifabu {

background:#f6f6f6;

border:1px solid #bbb;

padding-bottom:10px;

}

#adminlinksbuttom {

}

#adminlinksbuttom a{

color:#993300;

}



.clear{overflow:hidden;clear:both;height:0px;}



ow:hidden;clear:both;height:0px;}

ear:both;height:0px;}

r:both;height:0px;}





.sort{margin:1em 0;text-align:right;background:#eee url(../images/nav.png) repeat-x left top;padding:6px 4px;border:1px solid #fff;float:right;}



.sort span.title{text-shadow:#fff 1px 1px 1px;padding:2px 4px;text-transform:uppercase;}



.sort span.active{background:#5e5e5e;padding:2px 6px;border:1px solid #eee;text-decoration:none;color:#fff;}



.sort a{background:#fff;padding:2px 6px;border:1px solid #eee;text-decoration:none;}



.sort a:hover{background:#0071bb;color:#fff;}







.ta{margin:1em 0;text-align:left;background:#eee url(../images/nav.png) repeat-x left top;padding:2px 2px;border:1px solid #fff;float:right;}



.ta span.title{text-shadow:#fff 1px 1px 1px;padding:2px 4px;text-transform:uppercase;}



.ta span.active{background:#5e5e5e;padding:2px 6px;border:1px solid #eee;text-decoration:none;color:#fff;}



.ta a{background:#fff;padding:2px 6px;border:1px solid #eee;text-decoration:none;}



.ta a:hover{background:#0071bb;color:#fff;}





/* clearfix */



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







img.alignleft,img.alignright{padding:3px;margin-top:4px;margin-bottom:4px;border-radius:4px;}



.alignleft{float:left;margin-right:8px;}



.alignright{float:right;margin-left:8px;}



.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center;}



.bubble-trigger{position:relative;}



.bubble{display:none;position:absolute;z-index:10;}