body {
background-color:#7EC7CE;
}

em {
font-style:normal;
}

#wrapper {
width:100%;
background:#7EC7CE url(/img/mybabytree/themes_new/bangbangtang/page-bg.png) repeat-x center 0;
}

#header {
width:960px;
height:160px;
color:#333;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/header-bg.jpg) no-repeat center 0;
}

#header a,
#treenav li a {
color:#1054A9;
}

#treenav li.active a {
color:#FF4901;
}

#g_content {
width:960px;
margin:0 auto;
color:#666;
}

#g_content a {
color:#FF4901;
}

#g_content .container,
#g_content .block,
#g_content .block2 {
display:block;
float:none;
margin:0;
zoom:1;
}

.container:after,
.block:after,
.block2:after {
content:".";
display:block;
height:0;
clear:both;
overflow:hidden;
visibility:hidden;
}

#g_content .container {
margin:0 0 10px;
}

#maincol .container,
#maincol .block,
#maincol .block2 {
width:730px;
}

#maincol .block {
padding:0 0 10px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/maincol-block-bottom-bg.png) no-repeat 0 bottom;
}

#maincol .block2 {
background:transparent url(/img/mybabytree/themes_new/bangbangtang/maincol-block-main-bg.png) repeat-y;
}

#maincol .title {
line-height:36px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/maincol-title-bg.png) no-repeat;
width:730px;
}

#maincol .title h4 {
line-height:36px;
padding:0 0 0 30px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/mod-head-bg.png) no-repeat 10px center;
}

#maincol .title .more {
margin:0 15px 0 0;
}

#sidecol .container,
#sidecol .block,
#sidecol .block2 {
width:220px;
}

#sidecol .block {
padding:0 0 10px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/sidecol-block-bottom-bg.png) no-repeat 0 bottom;
}

#sidecol .block2 {
background:transparent url(/img/mybabytree/themes_new/bangbangtang/sidecol-block-main-bg.png) repeat-y;
}

#sidecol .title,
#sidecol h3 {
background:transparent url(/img/mybabytree/themes_new/bangbangtang/sidecol-title-bg.png) no-repeat;
}

#sidecol h3,
#sidecol .title h4 {
line-height:36px;
}

#sidecol h3 {
text-align:center;
color:#1054A9;
}

#sidecol .title h4 {
padding:0 0 0 30px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/mod-head-bg.png) no-repeat 10px center;
}

#sidecol .block .more {
margin:0 10px;
}

.title h4 {
color:#1054A9;
}

/* index */

.index #header {
padding:20px 0 0 30px;
width:930px;
height:290px;
position:relative;
z-index:0;
background-image:url(/img/mybabytree/themes_new/bangbangtang/header-bg-index.jpg);
}

.index #treenav {
position:absolute;
z-index:1;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/treenav-bg-index.png) no-repeat;
bottom:20px;
left:10px;
text-align:left;
}

.index #treenav li {
font-size:12px;
padding:0;
margin:0 35px 0 0;
float:none;
display:inline;
}

.index #treenav li a span {
display:inline;
}

#treeprof-util li a {
width:114px;
height:30px;
line-height:30px;
background-image:url(/img/mybabytree/themes_new/bangbangtang/treeprof-util-btn-bg.png);
color:#FFF;
}

#treestat-view {
padding:4px 0 0;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/treestat_bg.gif) no-repeat center 0;
}

#treestat-view td.day div {
background:transparent url(/img/mybabytree/themes_new/bangbangtang/treestat-day-bg.png) no-repeat;
}

#treestat-view em {
color:#FF6F06;
}

#index-major.container {
padding:10px 0 0;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/maincol-title-bg.png) no-repeat;
}

#index-portrait {
width:457px;
height:338px;
background:transparent url(/img/mybabytree/themes_new/bangbangtang/index-portrait-bg.jpg) no-repeat -15px -10px;
padding:37px 0 0 32px;
}

#index-portrait p {
margin:4px 0 0;
}

#index-portrait .holder,
#index-portrait #forpic {
width:400px;
height:300px;
overflow:hidden;
}

#index-portrait p {
margin:5px 0 0 20px;
}

#index-notice {
width:200px;
margin:10px 20px 0 0;
}

#index-notice .title {
background-image:none;
padding:0;
margin:0 0 5px;
}

#index-notice .title h5 {
color:#1054A9;
font-size:14px;
display:inline;
}

#index-notice .func {
display:inline;
}

#index-aboutme {
background-image:none;
}

#index-aboutme .block,
#index-aboutme .block2 {
padding:0;
}

#index-aboutme .title {
width:720px;
background-image:none;
margin:0 -10px;
}

#index-gallery-preview {
width:700px;
margin:0 15px;
}

#index-gallery-preview ul {
clear:both;
zoom:1;
padding:10px;
}

#index-gallery-preview li {
float:left;
display:inline;
text-align:center;
width:136px;
}

#index-gallery-preview li a {
display:block;
width:100px;
height:100px;
margin:0 auto;
}

#index-gallery-preview li .itempic {
display:inline-block;
width:100px;
height:100px;
}

#index-gallery-preview li p {
margin:5px 0 0;
}

#index-gallery-preview li p a {
display:inline-block;
width:auto;
height:auto;
}

#index-diary-category {
border-color:#FFA14D;
}

#index-diary .date {
font-weight:normal;
font-size:12px;
color:#999;
}

#index-diary blockquote a {
color:#666;
}

#index-diary-list {
margin:0 auto;
padding:20px 0 10px;
}

#index-diary-list h5 {
color:#37801B;
margin:0 5px;
}

#index-major.diarymode #index-diary {
margin:0;
}

.diarymode #index-diary .block,
.diarymode #index-diary .block2 {
padding:0;
background:none;
}

#index-major.diarymode #index-diary .title {
background:none;
margin:0;
}

.g_comment .user,
.g_comment .func {
background-color:#CBCBCB;
line-height:25px;
}