body,
p,
ul,
dl,
td {
line-height: 20px;
}

input,
textarea {
color: #666;
}

#babyfall-header {
height: 82px;
background-color: #EE848C;
color: #FFF;
clear: both;
}

#babyfall-header a {
color: #FFF;
}

#babyfall-logo {
width: 188px;
padding: 10px 0 0 32px;
float: left;
display: inline;
}

#babyfall-nav {
float: left;
display: inline;
margin: 20px 0 0;
}

#babyfall-nav a {
color: #666;
}

#babyfall-nav .nav-list {
float: left;
display: inline;
text-align: center;
margin: 0 8px 0 0;
position: relative;
z-index: 1;
left: -6px;
}

#babyfall-nav .nav-root {
width: 100px;
height: 25px;
overflow: hidden;
font-size: 20px;
line-height: 22px;
color: #FFF;
padding: 4px;
font-family: "Microsoft Yahei","Microsoft Jhenghei","Hiragino Sans GB","STXihei","SimHei",sans-serif;
cursor: pointer;
border: 1px solid #EE848C;
border-width: 1px 1px 0;
}

.nav-root .dropdown {
width: 11px;
height: 6px;
overflow: hidden;
display: inline-block;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 0;
vertical-align: middle;
margin: 0 0 0 4px;
}

#babyfall-nav .nav-list-on .nav-root {
border-color: #CCC;
background-color: #FFF;
color: #707070;
}

#babyfall-nav .nav-list-on .nav-root .dropdown {
background-position: -20px 0;
}

#babyfall-nav .nav-items {
border: 1px solid #CCC;
border-width: 0 1px 1px;
background-color: #FFF;
padding: 2px 4px;
width: 100px;
position: absolute;
display: none;
}

#babyfall-nav .nav-list-on .nav-items {
display: block;
}

#babyfall-nav .nav-items li {
border-top: 1px dotted #666;
line-height: 20px;
padding: 1px;
}

#babyfall-nav .nav-items li a {
display: block;
}

#babyfall-nav .nav-items li a:hover {
background-color: #F09A9B;
color: #FFF;
}

#babyfall-nav .nav-agechannel {
clear: both;
}

#babyfall-nav .nav-agechannel li {
float: left;
display: inline;
margin: 0 5px 0 0;
text-align: center;
}

#babyfall-nav .nav-agechannel li a {
color: #C56465;
width: 71px;
height: 17px;
overflow: hidden;
line-height: 18px;
*line-height: 19px;
display: block;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -10px;
}

#babyfall-search {
float: right;
display: inline;
width: 314px;
height: 27px;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -30px;
margin: 40px 40px 0 0;
position: relative;
z-index: 0;
}

#babyfall-search .search-text {
width: 250px;
height: 27px;
float: left;
display: inline;
}

#babyfall-search .search-text input {
font-size: 14px;
border: 0 none;
display: block;
margin: 4px 8px 0;
width: 230px;
background-color: transparent;
outline: none;
}

#babyfall-search .search-text .placeholder {
position: absolute;
left: 10px;
top: 5px;
font-size: 14px;
color: #999;
}

#babyfall-search .search-submit {
float: right;
display: inline;
}

#babyfall-search .search-submit input {
width: 64px;
height: 27px;
overflow: hidden;
line-height: 9999px;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: 0 none;
}

#babyfall-utility {
position: absolute;
right: 40px;
top: 10px;
}

#babyfall-utility a {
display: inline-block;
}

#babyfall-utility a em {
margin: 0 0 0 2px;
}

#babyfall-utility .welcome {
margin: 0 15px 0 0;
}

#babyfall-utility .gap {
margin: 0 5px;
}

/* content */

#babyfall-content {
background-color: #F7F6F7;
padding: 10px;
}

#babyfall-content .content-header {
width: 370px;
height: 28px;
margin: 0 auto;
}

#babyfall-content .content-nav {
float: left;
display: inline;
margin: 0 -8px 0 0;
}

#babyfall-content .content-nav a {
color: #666;
}

#babyfall-content .nav-list {
float: left;
display: inline;
text-align: center;
position: relative;
z-index: 0;
left: -8px;
}

#babyfall-content .nav-root {
width: 72px;
height: 20px;
overflow: hidden;
font-size: 14px;
line-height: 20px;
padding: 2px 4px;
font-family: "Microsoft Yahei","Microsoft Jhenghei","Hiragino Sans GB","STXihei","SimHei",sans-serif;
cursor: pointer;
border: 1px solid #F7F6F7;
border-width: 1px 1px 0;
color: #666;
}

#babyfall-content .nav-root .dropdown {
width: 11px;
height: 6px;
overflow: hidden;
display: inline-block;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat -40px 0;
vertical-align: middle;
margin: 0 0 0 4px;
}

#babyfall-content .nav-list-on .nav-root {
border-color: #CCC;
background-color: #FFF;
color: #707070;
}

#babyfall-content .nav-list-on .nav-root .dropdown {
background-position: -20px 0;
}

#babyfall-content .nav-items {
border: 1px solid #CCC;
border-width: 0 1px 1px;
background-color: #FFF;
padding: 2px 4px;
width: 72px;
position: absolute;
display: none;
}

#babyfall-content .nav-list-on .nav-items {
display: block;
}

#babyfall-content .nav-items li {
border-top: 1px dotted #666;
line-height: 20px;
padding: 1px;
}

#babyfall-content .nav-items li a {
display: block;
}

#babyfall-content .nav-items li a:hover {
background-color: #F09A9B;
color: #FFF;
}

#babyfall-content .content-nav .gap {
background-color: #666;
width: 1px;
height: 14px;
overflow: hidden;
margin: 7px 0 0;
float: left;
display: inline;
}

#babyfall-content .content-nav .nav-item {
float: left;
display: inline;
padding: 4px 10px;
font-size: 14px;
}

.contribute {
float: right;
display: inline;
margin: 4px 0 0;
}

.contribute a {
width: 64px;
height: 19px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -60px;
}

.babyfall-list {
width: 960px;
margin: 10px auto;
color: #666;
clear: both;
zoom: 1;
}

.babyfall-list:after {
content: " ";
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
}

.babyfall-list .list-item {
width: 210px;
padding: 9px;
background-color: #FFF;
border: 1px solid #CCC;
float: left;
display: inline;
margin: 0 0 10px;
}

.babyfall-list .list-item a {
color: #666;
display: inline-block;
}

.babyfall-list .item-thumb {
margin: 0 0 6px;
}

.babyfall-list .item-thumb a {
display: block;
cursor: pointer;
}

.babyfall-list .item-thumb img {
width: 210px;
display: block;
}

.babyfall-list .item-thumb .item-title {
color: #FFF;
font-size: 14px;
line-height: 26px;
text-align: center;
position: absolute;
z-index: 0;
width: 210px;
height: 26px;
overflow: hidden;
margin: -26px 0 0;
}

.babyfall-list .item-thumb .item-title-mask {
position: absolute;
width: 210px;
height: 26px;
background-color: #EE848C;
left: 0;
top: 0;
z-index: -1;
opacity: 0.65;
*filter: alpha(opacity=65);
}

.babyfall-list .item-thumb .loading {
width: 100%;
height: 150px;
background: transparent url(/img/promo/showyearflavor/loading.gif) no-repeat center center;
}

.babyfall-list .item-info {
clear: both;
margin: 0 0 6px;
zoom: 1;
}

.babyfall-list .item-info:after {
content: " ";
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
}

.babyfall-list .item-info .item-title {
float: left;
}

.babyfall-list .item-info .item-author {
float: right;
color: #999;
}

.babyfall-list .item-info .item-author a {
color: #999;
}

.babyfall-list .item-utility {
clear: both;
height: 20px;
color: #999;
}

.babyfall-list .item-utility .bullet {
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -100px;
float: left;
display: inline;
overflow: hidden;
margin: 4px 4px 0 0;
_margin-right: 0;
}

.babyfall-list .item-utility em {
color: #F69;
margin: 0 4px 0 0;
}

.babyfall-list .item-utility .like {
cursor: pointer;
margin: 0 15px 0 0;
float: left;
display: inline;
}

.babyfall-list .item-utility .like .bullet {
width: 13px;
height: 11px;
background-position: 0 -100px;
}

.babyfall-list .item-utility .comment {
cursor: pointer;
float: left;
display: inline;
}

.babyfall-list .item-utility .comment .bullet {
width: 12px;
height: 12px;
background-position: -20px -100px;
display: inline-block;
}

.babyfall-list .item-title-diary {
color: #FFF;
font-size: 14px;
line-height: 26px;
text-align: center;
background-color: #EE848C;
margin: 0 0 6px;
}

.babyfall-list .item-text {
border-bottom: 1px dotted #CCC;
padding: 0 3px 6px;
margin: 0 0 6px;
width: 204px;
}

.babyfall-list .item-text a {
color: #06C;
margin: 0 0 0 2px;
}

.babyfall-list .item-info .item-date {
float: left;
}

.babyfall-list .item-comment {
margin: 6px 0 0;
}

.babyfall-list .user-avatar {
width: 30px;
height: 30px;
background: transparent url(/img/promo/showyearflavor/default-avatar.png) no-repeat;
}

.babyfall-list .user-avatar img {
width: 30px;
height: 30px;
display: inline-block;
}

.babyfall-list .item-comment .user-avatar {
float: left;
margin: 0 8px 0 0;
}

.babyfall-list .comment-text {
text-align: right;
}

.babyfall-list .comment-text textarea {
width: 163px;
height: 3em;
border: 1px solid #CCC;
margin: 0 0 4px;
}

.babyfall-list .retweet {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle;
}

.babyfall-list .retweet input {
width: 13px;
height: 13px;
margin: 3px 4px 0 0;
_margin: 3px 2px 0 0;
float: left;
}

.btn-comment {
width: 52px;
height: 23px;
overflow: hidden;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -115px;
border: 0 none;
font-size: 0;
line-height: 9999px;
cursor: pointer;
}

.babyfall-list .item-shadow {
width: 228px;
height: 6px;
background: transparent url(/img/promo/showyearflavor/babyfall-misc.png) no-repeat 0 -140px;
position: absolute;
margin: 10px 0 0 -9px;
clear: both;
}