*{margin:0; padding:0;}
html,body {font:12px tahoma;color: #999; line-height: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,li{list-style-type:none; overflow: hidden;_zoom:1;}
img{ border: 0; vertical-align: top;}
table{border-collapse:collapse;}
em{ font-style: normal; }
a{color: #f93; text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}

.fl{ float: left; }.fr{ float: right; }

.wrap{ width: 960px; margin: 0 auto; overflow: hidden; position: relative; }
.main{ width: 691px; float: left; overflow: hidden; }
.ls{ background: url(/img/look/btn.png?1) -80px 0 no-repeat; height: 20px; padding: 0 0 0 20px; display: block; margin: 0 0 10px; float: right; color: #09c; }
.photo-top{ width: 691px; height: 300px; padding: 50px 0 0; background: url(/img/look/photo-top.png); overflow: hidden; }
.photo-top ul{ padding: 0 0 0 10px; }
.photo-list li{ float: left; width: 200px; height: 275px; padding: 10px 12px; overflow: hidden; }
.photo-list span,.photo-list span a:hover{ _zoom:1; }
.photo-list span img{ border: 4px solid #fff; display: block; margin: 0 0 5px;}
.photo-list span a:hover img{ border: 4px solid #f93;}
.photo-list p b a{ font-size: 14px; float: left;}
.photo-list em{ float: right; font-size: 14px; color: #666; line-height: 1; }
.photo-list p{ padding: 0 3px 10px;  overflow: hidden; display: block; _zoom: 1; }
.photo-list .user img{ border: 1px solid #CCC; width: 16px; height: 16px; }
.photo-list .user{ color: #09c; }
.area-grid{ width: 691px; height:1770px;/* 295px  */ border-top: 1px solid #F0F0F0; background: url(/img/look/grid-bg.png); overflow: hidden; margin: 10px 0 0;  }
.area-grid ul{  padding: 10px 0 0 10px; }
.page{ text-align: center; padding: 20px 0; position: relative; zoom: 1;}
.page .btn{ width: 75px; height: 27px; display: inline-block; line-height: 26px; text-align: center; color:#09c; font-size: 14px; background: url(/img/look/btn.png?1) 0 -60px; font-family: "Microsoft Yahei"   }
.page .no{ color:#999; cursor: default; }
.page b{ font: 24px verdana; color: #666; padding: 0 10px; position: relative; top: 3px;}
.page .goto{ position: absolute; right: 10px; top:28px; }
.page .goto input{ width: 35px; height: 15px; border: 1px solid #CCC; vertical-align: middle; }
.page .goto a{ width: 38px; height: 16px;background: url(/img/look/btn.png?1) -60px -35px; overflow: hidden; display: inline-block; vertical-align: middle;   }

.like, .unlike {padding:0 0 0 17px; font: 12px tahoma; line-height: normal;}
.like{ background: url(/img/community/ico-like.gif) 0 -24px no-repeat; }
.unlike{background: url(/img/community/ico-like.gif) 0 3px no-repeat; } 

.diary-top1{  background: url(/img/look/diary-top-1.png?v=1) 0 0 no-repeat; }
.diary-top2{  background: url(/img/look/diary-top-2.png?v=1) 0 0 no-repeat; }
.diary-top3{  background: url(/img/look/diary-top-3.png?v=1) 0 0 no-repeat; }
.diary-top4{  background: url(/img/look/diary-top-4.png?v=1) 0 0 no-repeat; }
.diary-top5{  background: url(/img/look/diary-top-5.png?v=1) 0 0 no-repeat; }
.diary-top6{  background: url(/img/look/diary-top-6.png?v=1) 0 0 no-repeat; }
.diary-top7{  background: url(/img/look/diary-top-7.png?v=1) 0 0 no-repeat; }
.diary-top{ width: 685px; height: 332px; margin: 0 0 20px; padding: 10px 0 0; position: relative; overflow: hidden; }
.diary-top .cont{ padding: 15px 20px 5px 35px; width: 272px; color: #666; overflow: hidden; }
.diary-top .cont span{ color: #999; }
.diary-top .user,.diary-top p a,.diary-top .ft a,.diary-top .c a,.diary-top .tlist span a{ color: #09c }
.diary-top h3{ font-size: 16px; padding: 0 0 5px; }
.diary-top .c{ line-height: 1.6; }
.diary-top .c p img{ display: block;  margin:  0 5px 0 0; float: left; border: 4px solid #fff;}
.diary-top .ft{ padding: 6px 0 0;}
.diary-top .ft img{ vertical-align: middle; }
.diary-top .tlist{ float: right; width: 270px; padding: 20px 40px 0 0; font-size: 14px; }
.diary-top .tlist span{ float: right;  }
.diary-top .tlist li{ line-height: 2; }

.diary-title{ font-size: 14px; margin: 20px 0 0; width: 665px; height: 40px; color: #666;font-weight: bold; background: url(/img/look/diary-title.png); line-height: 40px; padding: 0 0 0 25px;}
.diary-title a{ display: inline-block; width: 48px; height: 23px; text-align: center; color: #09c; line-height: 23px; margin: 0 0 0 10px; }
.diary-title .selected{ background: url(/img/look/btn.png?1) 0 -110px; color: #fff;}

.diary-item{ padding:25px 0; border-bottom: 1px dotted #CCC;}
.diary-item h3{  font-size: 18px; font-family: "Microsoft Yahei"; padding: 0 0 5px;  }
.diary-item td{ vertical-align: top; }
.diary-item p{ padding: 0 0 5px;  line-height: 1.7;}
.diary-item span{ padding: 0 10px 0 0; color: #ccc; display: inline-block;}
.diary-item span a{ color: #09c;}
.diary-item .fw{ width: 140px; }
.diary-item .user{ _zoom: 1; color:#f93; }
.diary-item .user img{ width: 16px; height: 16px; }
.diary-item ins img{ border: 1px solid #ccc; padding: 2px; margin: 0 0 0 8px;}
.diary-item ins{white-space:nowrap;  display: block; padding: 5px; overflow: hidden; text-decoration: none}

.side{ width: 250px; float: right; overflow: hidden; }
.side .box{ background: url(/img/look/side.png) -1px 0 no-repeat; padding: 0 10px 10px;border-bottom: 1px solid #ccc; margin: 0 0 10px; overflow: hidden; }
.side h2{background: url(/img/look/btn.png?1) -96px -55px no-repeat;  font-size: 14px; color: #f93; padding: 9px 0 10px 15px; overflow: hidden; }
.side h2 .more{ width: 28px; height: 15px; background: url(/img/look/btn.png?1) 0 -15px; overflow: hidden; display: inline-block; float: right; }
.side h3{ padding: 2px 0 9px; border-bottom: 1px dotted #666; overflow: hidden; _zoom: 1; }
.side h3 a{  color:#09c; }
.side h4{ padding: 9px 0;}
.side .user li{ float: left;  margin: 0 2px 3px 0; text-align: center; line-height: 20px;}
.side .user li img{ padding: 2px; border: 1px solid #CCC; display: block; width: 49px; height: 49px;  }
.side .user li a{ color:#09c;  }
.side .submit{ width: 58px; height: 21px; background: url(/img/look/btn.png?1) 0 -35px; overflow: hidden; display: inline-block; vertical-align: middle; }
.side .box .submit{ margin: -2px 0 0; }
.side .txt{ color: #999; line-height: 1.5; padding: 0 0 10px; overflow: hidden;  }
.side table{ width: 100%; }
.side th{ text-align: left; font-weight: normal;  height: 25px;}
.side th a{ color: #09c; }
.side td{ height: 25px; }
.side .arr{ display: block; width: 11px; height: 9px; background-image: url(/img/look/btn.png?1); overflow: hidden; float: right; }
.side .arr-1{ background-position: -60px 0;}
.side .arr-2{ background-position: -60px -10px; }
.side .arr-3{ background-position: -60px -20px; }
.side .top3 th{vertical-align: top; padding: 0 0 10px; }
.side .top3 img{ padding: 2px; border: 1px solid #CCC;}
.side .top3 th p{ line-height: 2;}
.side dl{ line-height: 1.5; padding: 0 5px 0 10px; }
.side dt{ color: #666; }
.side dt b{ color: #09c; }
.side dd{ padding: 0 0 10px; overflow: hidden; }
.side dd img{ float: right; margin: 0 0 0 10px; }
.side .tabs{ background-position: 0 19px; }
.side .tabs ul{ margin: 0 0 10px -5px; width: 252px; }
.side .tabs li{ float: left; height: 19px; text-align: center; line-height: 19px; padding: 0 5px; }
.side .tabs .selected{ width: 66px; background: url(/img/look/btn.png?1) 0 -90px; padding: 0; }
.side .tabs .selected a{ font-weight: bold;color: #fff;  }

.side-btn{ width: 250px; height: 33px; margin: 0 0 10px; overflow: hidden; }
.side-btn a{ width: 123px; height: 33px; display: block; background-image: url(/img/look/side-btn.png);}
.side-photo-btn .fl{ background-position: 0 0; }
.side-photo-btn .fr{ background-position: -127px 0; }
.side-diary-btn .fl{ background-position: 0 -33px; }
.side-diary-btn .fr{ background-position: -127px -33px; }

.side .p-a{ height: 75px; background: url(/img/look/p-a.png?v=1) no-repeat;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://pic01.babytreeimg.com/img/look/p-a.png?v=1')}
.side .p-a a img{ margin: 10px 20px 0 10px; float: left; }
.side .p-a a{ color: #09c; }
.side .p-a p{ padding: 15px 0 8px }

#photo-winners .more { background-image: none; width: auto; font: 12px/16px default; color: #09C; }
.photo-winner-list li { line-height: 20px; margin: 5px 0; }
.photo-winner-list p { line-height: 20px; }
.photo-winner-list a { color: #09C; display: inline-block; }
.photo-winner-list .user-avatar { display: inline-block; width: 16px; height: 16px; background-color: #F1F1F1; border: 1px solid #CCC; vertical-align: middle; margin: 0 4px 0 0; }
.photo-winner-list .reward { margin: 4px 0 4px 22px; }
.photo-winner-list .reward em { color: #F93; }

.photo-journal { margin: 10px 0; }
.new-look-h2 { width: 665px; height: 39px; background: transparent url(/img/look/new-look-h2-bg.png) no-repeat; padding: 0 0 0 24px; font-weight: bold; font-size: 14px; line-height: 39px; margin: 0 0 10px; color: #7D7D7D; position: relative; z-index: 0; }
.new-look-h2 .more { position: absolute; right: 10px; top: 0; font-weight: normal; }
.new-look-h2 .more a { color: #09C; display: inline-block; }
.photo-journal .journal-list { clear: both; zoom: 1; }
.photo-journal .journal-list:after { content:""; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.photo-journal .journal-item { float: left; display: inline; width: 108px; text-align: center; margin: 5px; }
.photo-journal .journal-item .photo-thumb { width: 100px; height: 100px; padding: 3px; border: 1px solid #CCC; margin: 0 auto; }
.photo-journal .journal-item .photo-thumb img { width: 100px; height: 100px; display: block; background-color: #F1F1F1; }
.photo-journal .journal-item .journal-title { line-height: 20px; height: 20px; overflow: hidden; }
.photo-journal .journal-item-top { width: 206px; height: 264px; border: 1px solid #CCC; background: transparent url(/img/look/photo-journal-item-top-bg.png) no-repeat; }
.photo-journal .journal-item-top .photo-thumb { width: 200px; height: 200px; border: 0 none; }
.photo-journal .journal-item-top .photo-thumb img { width: 200px; height: 200px; }
.photo-journal .journal-item-top .journal-title { font-size: 14px; font-weight: bold; margin: 18px auto; }
.photo-journal .journal-item-top a { color: #09C; }

.hot-tags { margin: 0 0 10px; border: 1px solid #E0E0E0; padding: 9px; }
.hot-tags h4 { font-size: 14px; background: transparent url(/img/mybabytree/diary/diary-tag-201108.png) no-repeat 0 -50px; padding: 0 0 0 20px; }
.hot-tags .hot-tag-list { clear: both; zoom: 1; margin: 5px 0 0; }
.hot-tags .hot-tag-list:after { content:""; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.hot-tags .hot-tag-list li { display: inline; float:left; margin: 0 12px 0 0; line-height: 24px; height: 24px;}
.hot-tags .hot-tag-list li a { display: inline-block; white-space: nowrap; font-weight: bold; color: #999; }
.hot-tags .hot-tag-list .big a { font-size: 14px; color: #09C; }

.diary-item h3 .diary-date{font-weight:normal;font-size:12px;margin:0 0 0 15px;}
.diary-item .diary-tag-list { margin: 10px 0 0; }
.diary-item .diary-tag-list .list-label { float:left; display:inline; background: transparent url(/img/mybabytree/diary/diary-tag-201108.png) no-repeat 0 -50px; padding: 0 0 0 20px; height: 20px; line-height: 20px; color: #666; } 
.diary-item .diary-tag-list .tag-item { height: 19px; overflow: hidden; float: left; display: inline; background: transparent url(/img/mybabytree/diary/diary-tag-201108.png) no-repeat 0 0; padding: 0 0 0 12px; margin: 2px 4px 2px 0; color: #FFF; cursor: default; line-height: 19px; }
.diary-item .diary-tag-list .tag-text { height: 19px; float: left; display: inline; background: transparent url(/img/mybabytree/diary/diary-tag-201108.png) no-repeat right 0; padding: 0 5px 0 0; color: #FFF; }

.inline-tag-search { width: 650px; height: 22px; text-align: right; position: absolute; margin: -39px 0 0; padding: 0 20px; }
.inline-tag-search .tag-input { background: #FFF url(/img/look/inline-tag-search-bg.png) no-repeat 5px 5px; border: 1px solid #D9D9D9; padding: 2px 4px 2px 24px; }
.inline-tag-search .tag-input input { background-color: transparent; padding: 0; width: 160px; border: 0 none; }
.inline-tag-search .btn-tag-submit { background: transparent url(/img/look/inline-tag-search-bg.png) no-repeat 0 -40px; width: 43px; height: 21px; overflow: hidden; line-height: 9999px; font-size: 0; border: 0 none; cursor: pointer; }
.inline-tag-search .search-result { margin: 0 0 0 30px; }