/* reset */

a {
color: #639D00;
}

em {
font-style: normal;
}

#wrapper {
width: 100%;
}

#header {
width: 960px;
}

#g_content {
width: 960px;
margin: 0 auto;
zoom: 1;
color: #333;
}

#maincol {
color: #333;
}

#maincol .block,
#maincol .block2,
#sidecol .block,
#sidecol .block2 {
margin: 0;
padding: 0;
float: none;
display: block;
overflow: visible;
_overflow-x: hidden;
}

#maincol .container,
#sidecol .container {
float: none;
display: block;
margin: 0 0 15px;
}

.block2 {
clear: both;
zoom: 1;
}

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

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

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

/* structure */

body {
background: #B20000 url(/img/mybabytree/themes_new/dragonyear/body-bg.png) repeat-x center 122px;
}

#wrapper {
background: transparent url(/img/mybabytree/themes_new/dragonyear/wrapper-bg.jpg)  no-repeat center 24px;
padding: 24px 0 0;
}

#header {
color: #FFF;
}

#header a {
color: #FEFFB3;
}

#treenav li a {
color: #6D0404;
}

#maincol,
#sidecol {
margin: 10px 5px 0;
}

#maincol .container {
padding: 15px 0 0;
background: transparent url(/img/mybabytree/themes_new/dragonyear/main-mod-top-bg.png) no-repeat center 0;
}

#maincol .block {
padding: 0 0 15px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/main-mod-bottom-bg.png) no-repeat center bottom;
}

#maincol .block2 {
width: 710px;
padding: 0 5px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/main-mod-main-bg.png) repeat-y 0 0;
}

#sidecol .container {
padding: 20px 0 0;
background: transparent url(/img/mybabytree/themes_new/dragonyear/side-mod-top-bg.png) no-repeat center 0;
}

#sidecol .block {
padding: 0 0 20px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/side-mod-bottom-bg.png) no-repeat center bottom;
}

#sidecol .block2 {
width: 200px;
padding: 0 5px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/side-mod-main-bg.png) repeat-y 0 0;
}

#sidecol h3,
.title {
margin: 0 auto 10px;
line-height: 24px;
position: relative;
z-index: 0;
}

#sidecol h3,
.title h4 {
color: #FFF;
margin: 0 15px;
line-height: 24px;
}

.title a {
color: #FEFFB3;
}

.title .subtitle {
font-weight: normal;
margin: 0 0 0 5px;
}

#maincol .title {
width: 700px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/main-title-bg.png) no-repeat;
}

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

#sidecol h3,
#sidecol .title {
width: 180px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/side-title-bg.png) no-repeat;
text-align: center;
margin: 0 auto 10px;
}

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

#maincol .title .more a,
#maincol .title .func a {
color: #FFF;
}

#sidecol .title .more a,
#sidecol .title .func a {
color: #639D00;
}

#header .func {
bottom: 0 !important;
}

#header .func a u {
color: #FFF !important;
}

/* index */

.index #wrapper {
background-image: url(/img/mybabytree/themes_new/dragonyear/wrapper-bg-index.jpg);
}

.index #header {
height: 280px;
}

.index #header h1 {
padding: 30px 0 0 30px;
}

.index #header h2 {
padding: 0 0 0 30px;
}

.index #treenav {
position: absolute;
bottom: 0;
left: 5px;
width: 667px;
height: 33px;
background: transparent url(/img/mybabytree/themes_new/dragonyear/treenav-bg-index.png) no-repeat;
line-height: 33px;
text-align: center;
}

.index #treenav li {
float: none;
display: inline;
}

.index #treenav li a {
padding: 0 20px;
color: #FFF;
line-height: 33px;
}

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

.index #treenav .active a {
font-weight: bold;
color: #FFE96C;
}

#treeprof-util li a {
width: 110px;
height: 26px;
line-height: 26px;
background-color: #C91F00;
color: #FFF;
margin: 5px auto;
}

#treeprof-util li a:hover {
color: #FFCF69;
}

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

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

.header-pic-embed {
height: 280px;
left: 551px;
}

/* index */

#index-portrait {
width: 400px;
height: 300px;
margin: 10px 20px;
}

#forpic {
height: 300px;
overflow: hidden;
}

#index-notice {
width: 210px;
margin: 10px 20px 0 0;
color: #666;
}

#index-notice .title {
line-height: 20px;
background-image: none;
}

#index-notice h5 {
color: #333;
font-size: 14px;
float: left;
margin: 0 5px 0 0;
}

#maincol #index-notice .title a {
color: #639D00;
}

#index-aboutme {
width: 680px;
}

#index-aboutme .title {
margin: 0 -10px;
}

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

#index-gallery-preview li {
margin: 0 17px;
width: 102px;
}

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

#index-diary-category {
border-color: #1E6AB1;
}

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

#index-diary-preview .quote h6 a {
color: #C91F00;
}

#index-diary-preview .quote blockquote a {
color: #333;
}

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

#index-diary-list h5 {
color: #666;
border-top: 2px solid #EFBBB2;
padding: 10px 5px 5px;
}

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

.g_comment .user a {
color: #C91F00;
}

#index-major.diarymode #index-diary {
width: 710px;
margin: 0;
padding: 0;
background-image: none;
}

#index-major.diarymode #index-diary .block,
#index-major.diarymode #index-diary .block2 {
width: auto;
margin: 0;
padding: 0;
background-image: none;
}

#index-major.diarymode #index-diary .float-icon {
display: none;
}

#index-major.diarymode #index-diary .title {
margin: 7px 10px 0;
background-image: url(/img/mybabytree/themes_new/dragonyear/diarymode-title-bg.png);
}

#index-major.diarymode #index-diary .title h4 {
margin: 0 0 0 15px;
}

#index-major.diarymode #index-notice {
margin-top: 10px;
}