@charset "gb2312";
/* reset
--------------------------------------------------*/
* { margin:0; padding:0; }
.low { display:none; }
hr { display:none; }
img { border:none 0; vertical-align:top; }
.warning {color:#f00;}

/* links
--------------------------------------------------*/
a { color:#036;text-decoration:none; }
a:hover {color: #F60;}
h1, h2, h3, h4{color:#036;}
ul li { list-style:none; }
/* body
--------------------------------------------------*/
body { color:#000; background:#eee; font:small "ËÎÌå", simsun, serif; text-align:left; }
* html body { font-size:x-small; f\ont-size:small; }
#box { width:1004px; height:100%; margin:0 auto; background:#036 url(/blog2005/templates/ddcat2007/img/box.gif) repeat-y; }
#container { height:100%; margin:0 7px; padding:5px 9px; border:1px #fff solid; border-bottom:0; background:url(/blog2005/templates/ddcat2007/img/container.gif) no-repeat top right; }
/* header
--------------------------------------------------*/
#header { position:relative; top:0; clear:both; margin-bottom:5px; padding:3px 0 2px 12px; border:1px solid #06C; background:#9CF url(/blog2005/templates/ddcat2007/img/header.gif) repeat-x; }
  #header h1 a{ display:block; height:53px; width:393px; background:url(/blog2005/templates/ddcat2007/img/logo.gif) no-repeat; }
  #header h1 span{ display:none; }

/* navigation
--------------------------------------------------*/
#navigation { position:absolute; top:27px; right:10px; z-index:10; min-width:300px; text-align:center; }
  #navigation li { float:left; margin-right:2px; white-space:nowrap; }
    #navigation li a {display:block; margin-top:2px; padding:7px 12px; background:#E6F2FF; color:#036; font-size:94%; }
    #navigation a:hover { margin-top:0; color:#fff; background:#275685 url(/blog2005/templates/ddcat2007/img/nav_hover.gif) no-repeat center top; }
    * html #navigation a { width:1%; } 

/* Content
--------------------------------------------------*/
#content { clear:left; float:left; width:600px; border:0; background:#FFF; }
  #content p { margin:0 10px 5px; font-size: 13px; line-height:160%; }
  #content h2, #content h3, #content h4 { clear:both; padding:3px 0; font-size:1em; text-align:center; }
  #content h2 { margin:5px 0; padding-left:15px; border-bottom:2px #9CF dotted; font-size:1.1em; line-height: 140%; }
  #content h3 { background:#036; font-size:1em; font-weight:bold; }
    #content h3 a { color:#F60; }
  #content h4 { margin:3px 0; background:#FFF url(../images/line_04.gif) repeat-x left center; }
    #content h4 a { padding:0 10px; background:#FFF; }
  #content div { clear:both; margin:10px; color:#999; text-transform: uppercase; }
    #content div ul { clear:both; height:100%; padding:0 5px; }
    #content div li { float:left; width:33%; height:3.5em; margin:3px 0; font-size:0.9em; line-height:1.5em; }
      #content div li a { display:block; margin-right:10px; padding-left:8px; border-bottom:1px dotted; background:#F5F5F5 url(../images/a_01.gif) no-repeat top right; color:#03C; font-size:1.1em; }
      #content div li a:visited { color:#666; background-position: right -82px; }
      #content div li a:hover { color:#F30; background-color:#F5F5F5; background-position: right -45px; }
      #content div li em { font-style:normal; margin-left:1em; }
  #content #pageNav { margin-top:0; border:none; }
    #content #pageNav h3 { background:#FFF; }
    #content #pageNav li { height:auto; }
      #content #pageNav li a{ border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#F2F2F2; }
      #content #pageNav li li { float:none; width:auto; margin:0; }
      * html #content #pageNav li li { height:1%; }
        #content #pageNav li li a{ border-right:1px solid #CCC; background:none; line-height:150%; }

/* subcontent
--------------------------------------------------*/
#subcontent, #subcontent2 { display:inline; float:left; padding:8px 0; border:1px solid #FFF; border-left:none; font-size:94%; text-align:left; }
#subcontent { width:197px; margin-top:45px; background:#CAE4FF url(/blog2005/templates/ddcat2007/img/subcontent1.gif) repeat-y; }
#subcontent2 { width:170px; margin-top:65px; background:#9CF url(/blog2005/templates/ddcat2007/img/subcontent2.gif) repeat-y 0 145px;}
  #subcontent p {margin:0 5px;}
    #subcontent ul ul { width:auto; margin-left:1em; }
      #subcontent ul ul li a{ border:0; background-color:none; }
      #subcontent #linkOhter li a { border-top:none; }
    #subcontent li a { border-top:1px solid #39C; }
  #subcontent a:target { color:#FF3; }

/* subcontent headings
--------------------------------------------------*/
#subcontent h2, #subcontent2 h2 { text-align:center; height:22px; font:bold 0.9em/22px Verdana, Arial, Helvetica, sans-serif; color:#036; }
#subcontent h2 { margin:6px;  background:url(/blog2005/templates/ddcat2007/img/subcontent1_h.gif) no-repeat;}
#subcontent2 h2 { margin:6px; background:url(/blog2005/templates/ddcat2007/img/subcontent2_h.gif) no-repeat; }
  #subcontent h2 em, #subcontent2 h2 em { font-style:normal; }
  #subcontent ul { width:180px; margin:0 auto; }
  #subcontent2 ul { width:156px; margin:0 auto; }
    #subcontent li a, #subcontent2 li a { display:block; padding:5px 0 5px 20px; border-bottom:1px solid #9CF; *height:1%; }
    #subcontent2 li a { border-color:#CAE4FF; }
    #subcontent li a:hover,#subcontent2 li a:hover { background:#9CF url(/blog2005/templates/ddcat2007/img/b_03.gif) no-repeat 3px 5px; color:#036; }
    #subcontent2 li a:hover { background-color:#CAE4FF; }

/* Clear Float for FF */
#container:after, #container div:after, #container ul:after { display:block; clear: both; visibility: hidden; height: 0; content: "."; }

/* footer
--------------------------------------------------*/
#footer { clear:both; height:100%; margin:0 7px; padding:5px 9px; border:#FFF 1px solid; border-top:0 }
  #footer p { color:#036; margin-bottom:5px; border:1px solid #06C; background:#9CF url(/blog2005/templates/ddcat2007/img/header.gif) repeat-x; text-align:center; line-height:140%; }
  #footer a {color:#036;}
  #footer a:hover {color:#000;}

 

