/* basics */
body {
  margin: 0px;
  padding: 0px;
  background: #ecebd7 url(listmania/default/11/obg.gif) repeat-x;
  color: #333333;
  font-size: 78%;
  font-family: "Arial, 微軟正黑體";
  text-align: center;
}

p {
   font-size: 1em;
   line-height: 1.5em;
   margin: 1.2em 0px;
}
ol, ul {
   font-size: 1em;
   line-height: 1.5em;
   margin: 1.2em 0 1.2em 2em;
   padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
   margin: 1.2em 0px;
   font-family: Arial, 微軟正黑體;
   color: #466ba4;
}
h1 {
   font-size: 1.7em;
}
h2 {
font-size: 1.5em;
}   
h3 {
   font-size: 1.3em;
}
h4 {
   font-size: 1.2em;
}
h5 {
   font-size: 1.1em;
}
h6 {
   font-size: 1em;
}

a:link {
   color: #FFF;   }
a:visited {
   color: #FFF;   text-decoration: none;}
a:active {
   color: #FFF;   text-decoration: none;}
a:hover{
   color: #FFF;   }


/* layout */
#container {
position:relative;
margin-left: auto;
margin-right: auto;
width: 820px;
background:  url(listmania/default/11/office_c.gif) repeat-y;
text-align: left;
}

#pageHeader {
width: 820px; 
height: 344px;
background:  url(listmania/default/11/banner.jpg) no-repeat;
}

/* pageHeader styles */
#pageHeader h1 {
margin: 0px;
padding: 180px 60px 0px 0px;
font-size: 32px;  
color: #466ba4;
text-align: right;}

#pageHeader h2 {
margin:0px;
padding:  0px 60px 0px 0px;
font-size: 16px;
color: #727881;
text-align: right;}

#pageHeader a {
color: #466ba4;
text-decoration: none;
}

/*
#pageMenu {
}
*/

/* sidebar */
#contentRight {
float:right;
width:231px;
}

#sidebar {
margin-top: 10px;
padding-left: 15px;
width:201px;
}

#sidebar a:link {
color: #7a7978;
text-decoration: none; 
}

#sidebar a:visited {
color: #7a7978;
text-decoration: none;
 
}
#sidebar a:hover, a:active {
color: #7a7978;
text-decoration: underline;
}

#sidebar ul {
margin: 0px 0px 0px 0px ;
padding: 0px;
list-style-type: none;
background: url(listmania/default/11/otitle_c.gif) repeat-y center left;
}

#sidebar ul li {
margin: 0px; 
padding: 0px 0px 26px 0px;
background: url(listmania/default/11/otitle_b.gif) no-repeat bottom left;
overflow: visible;
}
#sidebar h2 {
margin: 0px;
color:#20221f;
padding: 17px 0px 0px 35px;
font-size: 14px;
height: 48px;
background: url(listmania/default/11/otitle.gif) no-repeat left top;
/* Fix our list and paragraph styles */
}
 
 
#sidebar ul ol {
margin: 0px 0px 0px 10px;
}
#sidebar ul ol li {
padding: 0;
/* IE goes buggy with background: none; */
}
#sidebar ul ul {
background: none;
}
#sidebar ul ul ul {
margin: 0;
padding: 0px 0px 0px 0.8em;
background: none;
}
#sidebar ul ul li {
padding: 0px 0px 0px 12px;
margin-left:20px;
margin-right: 20px;
background: url(listmania/default/11/o01.gif) no-repeat center left;
}

#sidebar UL LI .freebox {
text-align: left;
margin-left: 20px;
margin-right: 20px;
}



#contentLeft {
overflow:hidden;
float: left;
width: 529px;
padding-left:40px;
}

/* footer */
#footer {
clear: both;
margin: 0px;
padding:  0px 0px 0px 0px;
height:59px;
background:  url(listmania/default/11/office_f.gif) bottom left no-repeat ;
}
  
/* Footer styles */
  #list{
color:#626262;
}

#list{
color:#626262;
}

#list h2{
color:#cf6633;
}

#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 .listtagsItem{
margin-left:40px;
}

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

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

.postTags{
clear:left;
}
.listTags{
}
.thumbnail{
height:auto;
float:right;
}
.imgthumbnail{
margin-top:5px;
}
.postTags .posttagsIcon{
background: url(listmania/postTags.gif) no-repeat;
}
.listTags .listtagsIcon{
background: url(listmania/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(listmania/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(listmania/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:74px;
height:24px;
background: url("listmania/postIt.png") no-repeat;
}
.item{ 
clear:both;
}

.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("listmania/icons.png");
width:16px;
height:16px;
float:left;
}

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

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

.item .removeFavoIcon{
background: url(listmania/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(listmania/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(listmania/join.png);
background-position:-8px -18px;
height:24px;
width:104px;
MARGIN: 10px
}
.buttonJoin:hover img {
background-image:url(listmania/join.png);
background-position:-8px -58px;
height:24px;
width:104px;
MARGIN: 10px
}

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

#sidebar .funplogo {
   MARGIN: 30px
}