/*0~全局*/
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}

body {
font:12px/150% Arial, Tahoma, Verdana;
position:relative;
}

*, * * {
word-wrap:break-word; /* IE only */
}

h1, h2, h3, h4, h5, h6, h7, p, blockquote, td, form, ul, ol, dl {
margin:0;
padding:0;
list-style-type:none;
line-height:140%;
}

h1, h2, h3, h4, h5, h6, h7 { clear:both; }
h1 { font-size:17px; }
h2, h3, h4 { font-size:14px; }
h5, h6, h7 { font-size:12px; }

a img { border:0; }

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

input, textarea, button, select {
font:12px/130%  Arial, Tahoma, Verdana, Sans-Serif;
}

em {
font-style:normal;
font-weight:bold;
}

form {
display:inline;
margin:0;
padding:0;
}


/*-------------------------------------------------------------*/

/*1~页顶bar*/
#topbar {
width:100%;
height:50px;
clear:both;
}

#topbarcontainer {
width:950px;
margin:0 auto;
position:relative;
}

#sitelogo {
display:inline;
float:left;
width:203px;
}

    #sitelogo img {
    margin:3px 0;
    }

#sitenav {
display:inline;
float:left;
}
    #sitenav ul li {
    display:inline;
    float:left;
    margin-right:6px;
    background:transparent url() no-repeat;
    }

    #sitenav ul li.text {
    display:none;
    }

    #sitenav ul li a {
    display:table; /* Mozilla */
    display:inline-block; /* IE, Opera */
    float:left;
    width:88px;
    height:41px;
    }

    #sitenav ul li#sitenav1 {
    background-image:url(/img/mybabytree/themes/all/sitenav1.gif);
    }
        #sitenav ul li#sitenav1 a:hover {
        background:transparent url(/img/mybabytree/themes/all/sitenav1_ho.gif) no-repeat;
        }
    #sitenav ul li#sitenav2 {
    background-image:url(/img/mybabytree/themes/all/sitenav2-2.gif);
    }
        #sitenav ul li#sitenav2 a:hover {
        background:transparent url(/img/mybabytree/themes/all/sitenav2_ho.gif) no-repeat;
        }
    #sitenav ul li#sitenav3 {
    background-image:url(/img/mybabytree/themes/all/sitenav3.gif);
    }
        #sitenav ul li#sitenav3 a:hover {
        background:transparent url(/img/mybabytree/themes/all/sitenav3_ho.gif) no-repeat;
        }
    #sitenav ul li#sitenav4 {
    background-image:url(/img/mybabytree/themes/all/sitenav4.gif);
    }
        #sitenav ul li#sitenav4 a:hover {
        background:transparent url(/img/mybabytree/themes/all/sitenav4_ho.gif) no-repeat;
        }
    #sitenav ul li#sitenav5 {
    background-image:url(/img/mybabytree/themes/all/sitenav5.gif);
    }
        #sitenav ul li#sitenav5 a:hover {
        background:transparent url(/img/mybabytree/themes/all/sitenav5_ho.gif) no-repeat;
        }

    #sitenav ul li a span {
    display:none;
    }

#siteutil {
display:inline;
float:right;
text-align:right;
font-family:Tahoma;
}
    #siteutil select, #siteutil input, #siteutil button {
    vertical-align:middle;
    }
    #siteutil a {
    display:inline-block;
    }
    #siteutil em {
    color:#FF5601;
    }

/*1~页脚bar*/
address {
display:block;
width:950px;
margin:10px auto 0;
font-style:normal;
}

address a {
color:#000;
}

/*-------------------------------------------------------------*/

/*1~架构*/
#wrapper {
width:950px;
margin:0 auto;
clear:both;
}

/*2~头部*/
#header {
width:950px;
clear:both;
position:relative;
}

#header h1, #header h2 { clear:both; line-height:100%; }

#header h1 a:hover {
text-decoration:none;
}

#header h2 {
font-weight:normal;
}

#treenav ul {
clear:both;
}

#treenav ul li {
float:left;
}

#treenav ul li a {
display:-moz-inline-box;
display:inline-block;
}
    #treenav ul li a span {
    display:block;
    text-align:center;
    cursor:pointer;
    }

/*2~正文*/
#g_content {
width:950px;
clear:both;
}




/*3~正栏*/
#maincol {
width:730px;
float:right;
display:inline;
/*overflow:hidden;*/
}

#maincol .container {
width:720px;
margin:0 10px 10px 0;
float:left;
display:inline;
}

#maincol .block {
width:720px;
float:left;
clear:both;
overflow:hidden;
}

#maincol .block .title {
clear:both;
}

#maincol .block .title .subtitle {
font-size:12px;
}

#maincol .block2 {
float:left;
clear:both;
overflow:hidden;
}


/*3~侧栏*/
#sidecol {
width:220px;
float:left;
display:inline;
/*overflow:hidden;*/
}

#sidecol .block {
width:200px;
margin:0 10px 10px;
float:left;
display:inline;
}


/*-------------------------------------------------------------*/


/*X~内容区域*/
.block {
clear:both;
}

/*X~通用翻页*/
.g_pagejump {
text-align:center;
clear:both;
margin:5px auto;
}

/*X~通用头像*/
.avatar img {
width:50px;
height:50px;
}

/*X~清除浮动*/
.clearfix {
clear:both;
}

/*X~清除浮动*/
#maincol .more {
}


/*4~留言板*/
.g_comment ul {
margin:5px 10px;
clear:both;
}

.g_comment li {
clear:both;
margin:10px;
float:left;
display:inline;
width:678px;
}

.g_comment .avatar {
float:left;
display:inline;
width:50px;
height:50px;
}

.g_comment .quote {
float:left;
display:inline;
margin:0 0 0 10px;
width:615px;
}

.g_comment .user {
width:480px;
float:left;
display:inline;
padding:0 10px;
}

.g_comment .func {
width:115px;
float:left;
display:inline;
text-align:right;
}
.g_comment .func a {
margin-right:10px;
}

.g_comment .text {
float:left;
display:inline;
margin:5px 10px;
width:595px;
}

.g_comment blockquote {
clear:both;
margin:0 0 0 70px;
+margin:0 0 0 60px;
padding:5px 0;
}

.g_comment blockquote .avatar {
overflow:hidden;
border:0;
}

.g_comment blockquote .user {
width:420px;
}

.g_comment blockquote .func {
width:115px;
}

.g_comment blockquote .quote {
width:555px;
}

.g_comment blockquote .text {
width:525px;
}

.g_comment .readmore {
clear:both;
padding:0 20px 0;
text-align:right;
}

.g_comment .readmore a {
text-decoration:underline;
}

/*X~快速回复*/
.g_fastreply {
width:680px;
margin:10px 20px;
}
    .g_fastreply h5 {
    padding:4px 8px;
    font-size:14px;
    }
    
    .g_fastreply td {
    vertical-align:top;
    padding-top:8px;
    }
    .g_fastreply td.label {
    width:80px;
    font-size:14px;
    text-align:right;
    padding-top:10px;
    }
    .g_fastreply input {
    border:1px solid #C5C5C5;
    height:18px;
    vertical-align:middle;
    }
    .g_fastreply textarea {
    width:500px !important;
    border:1px solid #C5C5C5;
    padding:1px 2px !important;
    }
    
/*X~INPUT按钮*/
button {
border:none;
}
    button:active { /* Mozilla only */
    position:relative;
    top:1px;
    left:1px;
    }

input.checkbox {
width:auto;
border:none;
}

input.radio {
width:auto;
border:none;
}

/*X~二级按钮*/
.g_func .g_button {
margin:0 10px;
text-align:right;
clear:both;
width:698px;
}

.g_func .g_button td {
text-align:right;
padding:5px;
}

.g_func .g_button a {
display:block;
overflow:hidden;
}

.g_func .g_button a span {
display:none;
}

/*X~无特征表格*/
.commontable {
width:698px;
margin:10px;
}
.photorev h1 {font-size:14px; background:transparent url(/img/mybabytree/myblue/ziicon.gif) no-repeat 0 center; text-align:left; text-indent:6px; margin:25px 16px 5px;}
.photorev ul {list-style-type:none;margin:0 20px; background-color:#E1E1E1;}
.photorev ul li {padding:10px; border-bottom:1px solid #FFF;}
.photorev ul li.odd {background-color:#F7F7f7;}
.photorev ul li table {width:635px; line-height:150%; color:#838383;}
.photorev td.author {font-weight:bold; color:#6E6C6D; width:500px; height:25px;}
.photorev td.date {text-align:right;}
.photorev td.date a.delete {background:transparent url(/img/mybabytree/myblue/delete_bullet.gif) no-repeat 0 center; padding-left:12px;}
.photorev .revlogin {margin:10px auto; width:688px; height:34px; background:transparent url(/img/mybabytree/myblue/revlogin_bg.gif) no-repeat; line-height:34px; vertical-align:middle; text-indent:23px;}
.photorev .revlogin p {margin:5px 0 0;}
*+html .photorev .revlogin p {margin:0;}
.photorev .revlogin p * {vertical-align:middle;}
.photorev .revlogin input {border:1px solid #B9B9B9; height:19px; padding:1px 0 0 2px; margin-top:0 !important;}
*+html .photorev .revlogin input {margin-top:-2px;}
.photorev .revlogin input.check {border:0; padding:0; height:auto;}
.photorev .revlogin button#revlogin_submit {border:0; background:transparent url(/img/mybabytree/myblue/revlogin_submit.gif) no-repeat; width:49px; height:21px;}
.photorev .revlogin a {font-weight:bold; margin-left:15px;}
@media all and (min-width: 0px){ #maincol #latestphotoentry .photorev .revlogin button#revlogin_submit {margin-right:-45px;}}
.photorev .topost {margin-bottom:100px;}
.photorev .topost td {vertical-align:top;}
.photorev .topost label {width:100px; text-indent:20px; display:block; margin-top:5px;}
.photorev .topost input, #maincol #latestphotoentry .photorev .topost textarea {border:1px solid #B9B9B9; margin:1px 0;}
.photorev .topost input {height:19px;}
.photorev .topost button#topost_submit {border:0; background:transparent url(/img/mybabytree/myblue/topost_submit.gif) no-repeat; width:68px; height:21px; margin:5px 0 0;}


