@charset "utf-8";
/* CSS Document */

body {
   background: #f6f6f6 url("images/body_bk.gif") repeat-x;
   margin:0px 0px 5px 0px;
   padding:0px;
   color:#333333;
   font-size:13px;
   line-height:1.5;
   font: arial,helvetica,sans-serif;
}
a {
   color:#333333;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
*{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}
ul, ol {
   text-align:left;
}
ol, ul {
   list-style-image:none;
   list-style-position:inside;
}
/*----------------------------------wrapper------------------------------------------*/
#wrapper {
	height: 100%;
	width: 810px;
   padding:0px 0px 0px 0px;
   background:url("images/main_bk.gif") repeat-y;
	margin-left: auto;
	margin-right: auto;
}
.bannerbg {
   background:url(images/banner.jpg) 0 0 no-repeat;
   width:810px;
   height:200px;
}
/*-------------------------------------button--------------------------------------------*/

#TabList{
   background:url(images/menu.png) repeat-x;
   height:28px;
   margin:0px 6px;
   padding-left:20px;
}
#TabList .tab{
   float: left;  
}
#TabList .tab a, #TabList .tabhover a, #TabList .tab a:hover{
   float:left;
   width:115px;
   height:28px;
   background:url("images/menu.png");
}

#TabList #tab01.tab a{ background-position:-115px -30px; }
#TabList #tab02.tab a{ background-position:-115px -60px; }
#TabList #tab03.tab a{ background-position:-115px -90px; }
#TabList #tab04.tab a{ background-position:-115px -120px; }

#TabList #tab01.tabhover a, #TabList #tab01.tab a:hover{ background-position:0px -30px; }
#TabList #tab02.tabhover a, #TabList #tab02.tab a:hover{ background-position:0px -60px; }
#TabList #tab03.tabhover a, #TabList #tab03.tab a:hover{ background-position:0px -90px; }
#TabList #tab04.tabhover a, #TabList #tab04.tab a:hover{ background-position:0px -120px; }

#TabList p.tabclear{
   margin: 0px;
   clear:both;
}

/*------------------------content-----------------------*/
.contenTop {
width:800px;
height:0px;
}
.contentbg {
margin:0px 10px;
width:790px;
min-height:380px;
_height:380px;
}
.leftcontent {
   float:left;
   margin:10px 0px 0px;
   width:530px;
   padding:0px 15px;
}
.rightcontent {
   width:210px;
   float:left;
   margin-left:15px;
}
.rightcontent .freebox {
   text-align:left;
   margin-top:15px;
   margin-left:10px;
}
.clear {
clear:both;
}
.titlebg {
   background:url("images/sidebar_title.png") no-repeat;
   width:210px;
   height:50px;
   margin-top:10px;
}
.titlebg p {
   padding:13px 0px 0px 65px;
}
.ulStyle {
list-style:url(images/a01.gif);
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 15px;
	 }
.ulStyle a {
color:#558BD3;
text-decoration:none;
}
.ulStyle a:hover {
text-decoration:underline;
}
/*------------------------footer-----------------------*/
.footer {
background:#F6F6F6 url("images/footer_bk.gif") no-repeat;
width:810px;
height:10px;
text-align:center;
line-height:30px;
font-size:12px;
padding:10px;
}
/*---------------------------------------word----------------------------*/
#list h2 {
   color:#E1002C;
   display:block;
   font-size:20px;
   padding:5px 0px;
   margin:0px 0px 0px 0px;
}
#list h3{
   font-size:17px;
   margin:0px 0px 0px 0px;
   padding:10px 0 5px;
}
.postbtn, a:hover .postbtn {
   background:transparent url(images/postit.png) no-repeat scroll 0 0;
   height: 58px;
   width:166px;
   vertical-align:middle;
}
/*---------------------------------------word----------------------------*/

.thumbnail{
float:left;
width:140px;
text-align:center;
}


<!-- Extra -->

#list{
color:#626262;
}

#list .post{
min-height:150px;
}
/*\*/
* html #list .post {
height: 150px;
}
/**/

#list a{
color: #105cb6;
text-decoration:none;
}
#list a:hover{
text-decoration:underline;
}

#list .imgthumbnail{
padding:5px;
border: 1px solid #cccccc;
vertical-align:bottom;
}

.post{
margin-bottom:20px;
}
.post .title a{
font-size:16px;
font-weight:strong;
color: #105cb6;
}

.endOfPost{
clear:left;
}

.post .title{
margin-left: 0px;
}

.post .tags{
margin:5px 0px;
}
#list .post .tags a{
text-decoration:underline;
}

.post .listtagsIcon{
float:left;
width:40px;
height:20px;
vertical-align:bottom;
}

.post .posttagsIcon{
float:left;
width:40px;
height:20px;
vertical-align:bottom;
}

.post .listtagsItem{
margin-left:40px;
}

.post .posttagsItem{
margin-left:40px;
}

.listTags{
}
.postTags{
}

.thumbnail{
height:auto;
float:right;
}
.imgthumbnail{
margin-top:5px;
}
.postTags .posttagsIcon{
background: url(../../postTags.gif) no-repeat;
}
.listTags .listtagsIcon{
background: url(../../listTags.gif) no-repeat;
}

.extraFields{
margin:5px 0px 10px 0px;
display:table;
color:#626262;
}

.extraScores{
}
.formSet{
display:table-row;
}

.formLabel{
display:table-cell;
width:80px;
}

.formControls{
display:table-cell;
}

.avatar{
border:  #999999 solid 1px;
background: white;
vertical-align: bottom;
}


.scoreSet{
margin:1px;
color:#626262;
}

.scoreLabel{
width:120px;
float:left;
text-align:right;
}

.scoreValue{
margin-left:120px;
text-align:left;
}



.userComment{
border-bottom: 1px dotted #626262;
padding-bottom:5px;
margin-bottom:5px;
}
.memberComment {
margin:40px 5px;
}
.memberComment .memberInfo{
   text-align:right;
}

.memberComment .comment{
   clear:left:
   float:right;
   font-size:125%;
   line-height:140%;
   margin:10px;
   background: url(../../closequote.gif) no-repeat bottom right !important;
   background /**/:url(); /* removing quote graphic in IE5+ */
   padding:0px 25px 5px 0px;
}
.memberComment .comment:first-letter {
   background: url(../../openquote.gif) no-repeat left top !important;
   padding:5px 2px 10px 35px!important;
   padding /**/:0px;    /* resetting padding in IE5+ */
   background /**/: url(); /* removing quote graphic in IE5+ */
}

.userComment .comment{
margin-left:24px;
}

.fieldSet{
clear:left;
float:left;
margin-bottom:5px;
}
.fieldName{
float:left;
width:100px;
}
.fieldValue{
margin-left:100px;
}
.replyArea textarea{
width:400px;
}
.nowrap{
white-space: nowrap;
}

.postButton{
text-align:center;
}
.postButton img{
margin-top:10px;
width:210px;
height:66px;
background: url(../../postItW.png) no-repeat;
}
.item{ 
clear:left;
}

.item .endOfItem{
clear:both;
height:30px;
}
.item .extraPanel{
width:135px;
float:right;
margin-left:5px;
}
.item .functionPanel{
float:right;
width:60px;
text-align:center;
margin-left:4px;
}
.item .title{
font-weight:bold;
font-size:16px;
}
.item .title a{
color: #105cb6;
}
.item .title{
margin: 0px 0px 5px 5px;
}
.item .thumbnail{
float:left;
width:170px;
text-align:center;
}
.item .content{
margin-left:175px;
}

.item img.stars{
background: url(/base/css/v3/nt.png) 0px -240px;
}

.item .homeIcon{
background: url("../../icons.png");
width:16px;
height:16px;
float:left;
}

.item .picksIcon{
background: url(../../icons.png) -40px 0px;
width:16px;
height:16px;
float:left;
}

.item .tagsIcon{
background: url(../../icons.png) -20px 0px;
width:16px;
height:16px;
float:left;
}

.item .removeFavoIcon{
background: url(../../removeStar.png) 0px 0px;
}

.item .bloghome .postLink,.item .bloghome .blogLink , .item .picksInfo .picksLink{
margin-left:20px;
}
.item .bloghome .postLink a{
color:#999999 ;
}

.item .tagsItem{
margin-left:20px;
}
.item .others,.item .description{
margin-bottom:10px;
}

.item .toolButton{
   margin-bottom:5px;
}

.item .imgthumbnail{
border: 1px solid #cccccc;
padding:5px;
vertical-align:bottom;
}

.item .pCount a{
font-size:20px;
color:#79aceb;
}
.picks .pCount a,.blog .pCount a{
color:#f7b551;
}

.item .push{
background:url(beta/pushbg.gif) -120px -0px;
width:60px;
height:55px;
}

.blog .push,.picks .push{
background:url(beta/pushbg.gif) -60px -0px;
}

.user .thumbnail img{
border: 5px solid #d1e4e0;
}

.user .title{
font-size:18px;
margin:0px;
}

.user .extraPanel{
text-align:center;
margin-top:5px;
border: 1px solid #cadff9;
background: #ecf1f8;
padding:10px;
width:100px;
}

.avatarlist{
padding-left:7px;
}
.avatarlist .avaitem{
width:95px;
height: 150px;
text-align:center;
float:left;
}
.avatarlist .avaitem img{
border: 5px solid #d1e4e0;
}

.functionPanel .discuss{
background: url(icons.png);
display:block;
padding-left:20px;
text-align:center;
margin: 2px 4px;
}

.popupBtn img{
width:16px;     
height:20px;
vertical-align:top;
background: url(../../newwindow.gif) right top no-repeat;
border: 0px;
}.pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.pager { font-size: 12px; padding-top: 10px; padding-bottom:10px; margin-left: auto; margin-right: auto;}
.pager a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pager a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pager .AtStart { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.pager .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.pager .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.pager .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.pager .AtEnd { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.pager .curPage {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #FF0084; }
.pager a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }
.buttonJoin img {
background-image:url(../../join.png);
background-position:-8px -18px;
height:24px;
width:104px;
MARGIN: 10px
}
.buttonJoin:hover img {
background-image:url(../../join.png);
background-position:-8px -58px;
height:24px;
width:104px;
MARGIN: 10px
}

.powerbyfunp img {
background-image:url(../../powerbyfunp.gif);
height:52px;
width:124px;
}#sidebar .freetext {
   MARGIN: 2px 40px 2px 20px
}

#sidebar .funplogo {
   MARGIN: 30px
}
img {
border: 0px;
}