* {margin:0; padding:0;}
body {font:70% 'Trebuchet MS',Arial,Sans-serif; background: #b0b4b5 url("bg.gif") repeat fixed; margin:0; padding:0; color:#444;}
body a,body a:visited {color:#0e6c78; text-decoration:none;}
body a:hover {text-decoration:underline;}
body p {padding:5px 0; margin:5px 0;}
h1, h3, h4 {font-family:Helvetica,Arial,Sans-Serif;}
h1 {font-size:2em; line-height:1em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1em;}
blockquote {margin:10px 0 10px 0; padding:5px 10px 5px 10px; background:#fbf5df; border-top:1px solid #ede0b3; border-bottom:1px solid #ede0b3;}
code {font:1.2em 'Courier New',Courier,Fixed; display:block; overflow:auto; text-align:left; margin:10px 0 10px 0; padding:5px 10px 5px 10px; background:#fbf5df; border-top:1px solid #ede0b3; border-bottom:1px solid #ede0b3;}
a img {border:0px solid #fff;}

a#rss{float:right;width:28px;height:30px;margin-top:10px;border:2px solid #31b1c1;}
a#rss:hover{float:right;background:transparent url("rss.jpg") no-repeat;width:140px;height:30px;}
a#technorati{float:right;width:28px;height:30px;border:2px solid #31b1c1;}
a#technorati:hover{float:right;background:transparent url("technorati.jpg") no-repeat;width:140px;height:30px;}

#main {width:950px; margin:0 auto; background:url("contentbg.png") repeat-y top center; padding:0 10px 0 10px;}
p.description {margin-left:35px; float:left; color:#fff; font-size:14px;}
#hmenu {list-style:none; width:100%;  margin:-15px auto 0px auto; clear:both; background:#2a8a96; border-top: 1px solid #16acbf; border-bottom: 1px solid #16acbf; float: right; z-index: 50; position: relative; filter:alpha(opacity=88); -moz-opacity:0.88; opacity: 0.88; }
#hmenu li {padding: 0; font: 14px Century Gothic,Helvetica,Arial,sans-serif; text-transform:uppercase; float:left; list-style-type:none; margin:0; border-right:1px solid #0a4e57; background-color: #257a85;}
#hmenu li a, #hmenu li a:visited {text-decoration:none; color:#fff; padding:4px 20px;}
#hmenu li a:hover {background: #0e6c78;}
#hmenu li.selcolumn {background: #1391a1;}
#hmenu li a {margin:0; font-weight:bold; font-style:normal; display:block; white-space: nowrap;}

#content {float:left; width:655px; line-height:1.6em; padding-left:15px; padding-top:15px;}
#copyright {text-align: center;}
#copyright div {background:url("logo_forcom.png") no-repeat center right; display: inline;}
#copyright div a {padding: 8px 58px 8px 0; display: inline-block;}

#footer {color:#fff; clear:both; background-color:#0e6c78; text-align:left; padding: 3px 15px}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:visited {color: #16acbf;}
#footer p {margin: 0; line-height:1.6em;}

#search {position: absolute; z-index:10; color: white; top:30px; margin-left:450px; }
#search .dB strong {color: silver;}
#search #findText {margin-right: 5px; border: 1px solid lightBlue; padding: 2px; background-color: #e5f2fe; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}
#search #findText:focus {border: 1px solid #fff; filter:alpha(opacity=88); -moz-opacity:0.88; opacity: 0.88;}

#logo {background: #0e6c78 url("headbg.jpg") repeat 0px -15px; width:auto; position:relative; height: 180px; color: white;}
#logo h1 {font-size: 300%; white-space: nowrap; padding: 36px 20px 0 20px;}
#logo h1 a {text-decoration:none; margin-left:25px; padding: 0 15px 2px 15px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; color: white; zoom: 1;}
#logo h1 a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
#logo p {white-space:nowrap; font-size: 110%; margin-left: 2em; position: absolute; width: 680px; text-align: center; top: -6px;}

.art {border: 1px solid #eee; margin: 0 10px 15px 0px; background-color: #f5f7f7;}
.art .artBody {padding: 10px; font-size: 105%;}
.art .info-top {padding: 5px  10px; border-bottom: 1px solid #0e6c78; width: 300px}
.art .code {padding: 0 10px;}
.art .datum {float: right; background-color: #c3e2e6; padding: 1px 6px;}
.art h2 {border-left:5px solid #0e6c78; background:#e7eff0;}
.art.detail h2 {padding: 5px;}
.art h2 a {padding:5px 10px; display: block;}
.art a:hover {color: #16acbf; text-decoration: none;}
.art img {float: right; margin: 10px; font-size: xx-small; border: 1px solid #0e6c78; padding: 2px; background-color: white;}
.art a:hover img {border: 1px solid #16acbf;}
.art .perex {padding: 10px; line-height: normal; font-size: 105%;}
.art .info-bottom {padding: 2px 10px; text-align: left; clear: both; border-right:5px solid #c3e2e6; }
.art.detail .info-bottom {margin-top: 6px; }
.column {width: 650px;}
.column h1 {margin: -5px 0 0px 5px; position: relative;}

#advert {position: absolute; top: 86px; margin-left: 25px;}
#advert .banner {width: 680px; text-align: center;}
#advert .banner a img {border: 1px solid #2a8a96;}
#advert .banner a:hover img {border-color: #1a575e;}
.big #advert {top: 92px;}

#screamList {border-top: 2px solid #c7f394;}
#screamList h4 {margin: 0; padding-top: 15px; padding-bottom: 0;}
#screamList h6 {margin: 0;}
#screamList p.add a {padding: 5px; float: right; background-color: #c7f394;}
#screamList .inner {padding: 4px 8px; margin: 2px 0; background-color: #ffe6f2;}
#screamList .respond {padding: 2px 0 3px 0;}
.in0, .in1, .in2, .in3, .in4, .in5, .in6, .in7, .in8, .in9 {padding-left: 10px; padding-right: 5px; margin-left: 5px; border: 1px solid #ebdae2; border-left: 2px solid #da418c; margin-top: 10px;}
.in0 {margin-left: 5px;}
.in1 {margin-left: 25px;}
.in2 {margin-left: 45px;}
.in3 {margin-left: 65px;}
.in4 {margin-left: 85px;}
.in5 {margin-left: 105px;}
.in6 {margin-left: 125px;}
.in7 {margin-left: 145px;}
.in8 {margin-left: 165px;}

.pager {padding: 4px 0; margin: 0; clear: both; text-align: center;}
.pager a {background-color:#f5f7f7; color:#003d7c;padding:2px 5px; text-decoration:none; display: inline-block; border: 1px solid #cfe3e6;}
.pager a:hover {background-color: #d8edf0; color:#003d7c; text-decoration: none;}
.pager strong {margin: 4px 4px; color:#0E6C78; display: inline-block; }
.pager strong span {display: none;}

#rightbox {width: 265px; float: right; margin-top: 15px; margin-right: 10px;}

.register, #userEditor form, #content #userBox form, #contest {background: url("bg_register.png") repeat-y -264px 0; padding: 0 10px; margin-bottom: 10px;}
#rightbox a:hover {color: #16acbf; text-decoration: none;}
.register h4, #contest dt strong {margin: 0 -10px; background: url("bg_register.png") no-repeat 0 0; padding: 3px 10px 2px; font-size: 115%; border-bottom:1px solid #2a8a96; display: block;}
#contest dt strong {font-size: 140%; margin-bottom: 5px;}
.register p {font-size: 90%; margin: 0.5em 0;}
.register .loginput, .register #ubSubmit {text-align: right; }
.register .loginput {text-align: right; line-height: 2em; color: #0e6c78; width: 164px; position: relative; z-index: 15;}
.register .loginput input {width: 100px;}
.register .bottomBox, #contest dd.footer {margin: 0 -10px; background: url("bg_register.png") no-repeat -528px bottom; padding: 0px 10px 0px;}
.register .bottomBox {border-top: 1px solid #2a8a96; margin-top: 3px; padding-bottom: 6px; padding-top: 3px;}
.register form {margin: 0;}
#contest {margin-bottom: 10px;}
#contest dd {line-height: 1.6em;}
#contest dd.footer {height: 10px;}
.register #ubSubmit span {display: block; padding-bottom: 5px; margin-top: -25px;}
#gadblock .gad {width:305px; float:left;}
/* mirun */

#userEditor form, #content #userBox form {clear: right; width: 300px; text-align: right; padding-top: 10px; padding-bottom: 5px; background-image: none; margin: 10px auto; background-color: #f6f2f1; color: #0e6c78; border: 1px solid #eee;}
#userEditor form span {margin-right: 3px;}
#userEditor form input, #content #userBox form input {margin: 2px 0;}
#userEditor form input { width: 150px;}
#userEditor form .formButton input { width: auto;}
#userEditor .formBar {margin-top: 5px; border-top: 1px solid #2a8a96;}

#rightbox .eye img {float:left; margin-right:5px; margin-bottom:5px; margin-top:5px;}
#rightbox .eye span {clear:left; margin:5px 0px; font-weight:bold; font-size:12px;}
#rightbox .eye div{margin-bottom:15px; text-align:justify;}
#infoBox {margin:0px 10px 15px 7px;font-size:15px;background-color:red;padding:3px;color:yellow;}
#infoBox a{ color:white;font-weight:bold}

/* \*/ * html #main {background-image:url("contentbg-ie6.gif"); padding-left: 15px;}
/* \*/ * html #footer {height: 1px;}
.register #userBox .bottomBox {zoom: 1;}
/* \*/ * html .register #userBox .bottomBox a:hover {margin-bottom:1px;}