学步园

body {
 font-size : 10pt;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin : 0px;
 background-image: url(http://qhwa.6to23.com/images/blogImage01.jpg);
 background-repeat: no-repeat;
}

a:link {
 color: #009900;
 text-decoration: none;
}
a:visited {
 color: #009933;
 text-decoration: none;
}
a:hover {
 color: #00CC00;
 text-decoration: underline;
}
a:active {
 color: #003300;
}

h1 a:link {
 color: #009900;
 text-decoration: none;
}
h1 a:visited {
 color: #000000;
 text-decoration: none;
}
h1 a:hover {
 color: #00CC00;
 text-decoration: underline;
}
h1 a:active {
 color: #003300;
}

h1 {
 margin : 4px 0px 10px;
 font-size : 16pt;
 font-family: Times New Roman, Times, serif;
 border-top-width: 3px;
 border-top-style: none;
 border-top-color: #CCCCCC;
 display: inline;
 padding-top: 20px;
 top: 2px;
 position: relative;
}

h2 {
 margin-top : 10px;
 font-size : 1em;
}

h5
{
 margin: 0px;
 padding: 0px;
}

#top {
 padding : 20px 10px 20px 50px;
 background-color : #FFFFFF;
 color : #000;
 border-bottom : 1px dashed #CCCCCC;
 margin-top: 50px;
 width: 700px;
 margin-left: 30px;
 border-left-width: 4px;
 border-left-style: solid;
 border-left-color: #00CC00;
 filter: Alpha(Opacity=80);
}

#tagline {
 font-size : 0.8em;
 margin : 0px;
}

p.date img {
 vertical-align : middle;
}

p.date {
 font-size : 0.9em;
 font-weight : bold;
 border-bottom : 1px solid #F0F0F0; 
 margin-bottom : 0px;
 padding : 2px 0px;
}

blockquote {
 font-style : italic;
}

p.postfoot {
 font-size : 0.75em;
 color: #CCCCCC;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom:dotted 1px #CCC;
}

#leftmenu {
 left : 30px;
 margin-top : 0px;
 width : 180px;
 position: relative;
 float: left;
 margin-left: 0px;
 background-color: #FFFFFF;
 filter: Alpha(Opacity=80);
 padding-top: 10px;
 padding-left: 50px;
}

#leftmenu h3,
#rightmenu h3 {
 font-size : 10pt;
 margin : 0px;
 padding : 0px 4px 0px 10px;
 border-bottom : none;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: #CCCCCC;
}

#leftmenu ul,
#rightmenu ul {
 list-style : none;
 margin : 0px 0px 10px 5px;
 padding : 0px;
 font-size : 9pt;
}

#leftmenu li, #rightmenu li {
 background-image: url(http://qhwa.6to23.com/images/icon_article_catalog.gif);
 background-repeat: no-repeat;
 padding-left: 14px;
 margin-bottom: 3px;
 margin-top: 3px;
 background-position: 2px;
}

#rightmenu {
 width : 180px;
 position : relative;
 right : 0px;
 margin-top : 10px;
 clear: left;
 float: left;
 margin-left: 0px;
 left: 30px;
 padding-left: 50px;
}

#main {
 margin : 0px 0px 0px 40px;
 background-color : #FFFFFF;
 padding : 10px;
 border-left : 1px none #555;
 border-right : 1px none #555;
 border-bottom : 4px none #47F;
 float: left;
 width: 500px;
 clear: right;
}

#main h2 {
 background-image: url(http://qhwa.6to23.com/images/icon_article_title.gif);
 background-repeat: no-repeat;
 background-position: 2px;
 padding-left: 18px;
 margin-bottom: 0px;
 margin-top:5px;
}
#main .date {
 font-size: 8pt;
 color: #CCCCCC;
 font-weight: normal;
}

#footer {
 margin : 0px;
 padding-top : 5px;
 text-align : center;
 font-size : 0.7em;
 clear: both;
}

input.text {
 width : 300px; 
}

textarea {
 width : 300px;
 height : 200px;
}

#comments h4 span {
 color : #999;
}

#comments h4 {
 margin : 0px;
 font-size : 0.9em;
}

p {
 margin : 10px 0px;
}

h3 {
 font-size : 1.2em;
 border-bottom : 1px solid #AAA;
}

#relatedlinks ul {
 list-style : none;
 margin-left : 10px;
 padding : 0px;
}

span.highlight {
 background-color:Yellow;  
}

DIV.code {
 margin:20px;
 padding:5px;
 border:solid 1px #CCCCCC;
 font-size:8pt;
 max-height:400px;
 overflow-y:scroll;
}