* {margin:0; padding:0; font: small/1.7 Georgia, Taipei, Sans-Serif;}
body{text-align:center; margin-bottom:10px; background:#DEDEDE url(../img/gbbg.jpg) repeat-y 50% 0;}

#wrapper{width:500px; margin:0 auto; text-align:left;}
#head{margin-bottom:10px;}
#footer{width:500px; margin: 2em auto; padding: .5em 0; display:none;}

b, strong, h1, h2, h3{font-weight:bolder;}
h1{font-size: 1.8em; font-variant: small-caps; letter-spacing: .06em; margin:20px 0 0 40px; line-height:28px;}
h1 span{background: url(http://www.cliffpon.idv.tw/img/logo_gb.gif) no-repeat 0 0; display:block; float:left; width:170px; height:32px;text-indent:-1000em;}
h2{color:#00F; font-size:1.3em; padding: .2em 0; margin:1em 0; text-align:center;}
p{margin:0 0 10px;}
blockquote{margin: 1em 1em 1em 2em; background:url(http://www.cliffpon.idv.tw/img/quote.gif) no-repeat 100% 0; padding-bottom: 1em;}
a{text-decoration:none; color:#069; font-weight: bold; padding: 2px 1px;}
a:visited{color: #069;}
a:hover {color: #818400; text-decoration: underline;}
a:active {color: #903; position: relative; right: -1px; bottom: -1px;}
hr{display:none;}
a img{border:0;}

.entry{text-align:left; margin-top:.5em; padding-top:.5em; border-top: dashed 1px #AAA;}
.number, .date{text-align:right; margin:0;}
.post{padding: .2em 0; margin:1em 0; border: solid #CCC; border-width:1px 0; text-align:center;}
.tutorial{font: italic bolder 1.3em Georgia, Times, serif ; color:#F60; background:#EEE; border: solid 1px #AAA; padding:0 5px; margin-left:178px;}
.leftColumn{text-align:right; width:190px; float:left; margin:0 .5em 0 -1em;}

#from, #email, #url, #captchaInput{border: solid #CCC; border-width:0 0 1px 0; width: 280px; padding: 0 0 3px; vertical-align:middle; background:transparent; height:1.5em;}
#message{border: solid #CCC 1px; width:280px; .width: 275px; height:120px; padding: 3px 0 3px 3px; background:transparent;}
#from:focus, #email:focus, #url:focus, #message:focus, #captchaInput:focus{border-color: #000;}

.buttonRow{text-align:center;}
.input{line-height:1em; padding:1px 3px 1px; border:3px solid; border-color:#DDD #BBB #AAA #CCC; margin-right:5px; color:#555;}
.input:hover{color:#000;}
.input:active{border-color:#AAA #CCC #DDD #BBB;}
#captchaInput{margin-top:30px; text-align:center;}


.pageIndex{text-align:center;}
.pageIndex .select{width:8em; border:1px solid #CCC;}
.pageIndex .input{padding:0; border-width:1px; width:3em; margin-left:.3em;}

#gbAnounce{margin:20px 2em; text-indent:1em; border:dotted 1px #999; padding:.5em 1em; background:#EFEFEF;}

.from{background: url(../img/dot.gif) no-repeat 0 50%; text-indent:1em;}

#entryFrame{border:0; overflow:hidden; width:560px; margin-left:-40px;}
.verifyNote, .leftColumn img{_margin-left:2em;}
blockquote{background:url(../img/quote.gif) no-repeat 100% 0;}