body {color:#333333;margin:0px;padding:0px;text-align:center;background-color:#ffffff;
background-image:url("http://hp-ranking.net/cgi-bin/images/bgimg.gif");
background-repeat:repeat-x;
background-attachment:fixed;
}
h3 {margin:0px;padding:0px;font-size:14px;font-weight:bold;white-space: nowrap;display: inline; }
h2 {margin:0px;padding:0px;font-size:14px;font-weight:bold;white-space: nowrap;display: inline; }
h1 {margin:0px;padding:0px;font-size:14px;font-weight:bold;white-space: nowrap;display: inline; }

a:link{ text-decoration:underline; color:blue; }
a:visited { text-decoration:underline; color:blue; } 
a:active{ text-decoration:underline; color:blue; }
a:hover{ text-decoration:underline; color:blue; }

/* ^^^^^^^^ BELOW IS THE CODE FOR THE color ^^^^^^^^^^ */
.bb{ font-weight:bold;}
.green {color: #669933;}
.red {color: #DB1414;}
.gray{ color:#555555}
.white{color: #FFFFFF; font-weight:bold;}
.whitebb{ color:#FFFFFF; font-weight:bold;}
.brown{ color:#993300;}
.bb{ font-weight:bold}
.produced{ color:#FFFFFF; font-size:10px; background-color:#993300; font-weight:900}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE border ^^^^^^^^^^ */
.wakusen{ border-color:#993300; border-style:solid; border-width:1px; padding:15px;}
.wakusenbrown{ border-color:#993300; border-style:solid; border-width:1px;}
.wakusenblack{ border-color:#090909; border-style:solid; border-width:1px;}

.adletter1{ letter-spacing:13px;}
.adletter2{ letter-spacing:7px;}


.rankingmenue{background-image:url("http://hp-ranking.net/cgi-bin/images/headline30.gif");height:25px;font-weight:bold;color:#FFFFFF;}
.number1{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number2{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number3{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number4{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number5{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number6{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number7{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number8{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number9{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}
.number10{font: bold 40px/1 Arial, Helvetica, sans-serif;color: #930; background-color: #FC3;border:1px #993300 solid;}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE font ^^^^^^^^^^ */
.style1 {font-size: large;}
.style2 {font-size: medium;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE headline ^^^^^^^^^^ */
#headline{ background-image:url("http://hp-ranking.net/cgi-bin/images/headline30.gif");width:100%;height:30px;}
#headline2{width:970px;height:8px; background-color:#930;}
#headline3{ width:950px;height:30px; background-image:url("http://hp-ranking.net/cgi-bin/images/headline30.gif");}
#brownline{ width:950px;height:1px; background-image:url("http://hp-ranking.net/cgi-bin/images/headline30.gif"); margin:10px 0 10px 0;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE header ^^^^^^^^^^ */
#header{width:960px;height: 90px; margin-bottom:7px; margin-top:7px;}
#headerright{margin-right:60px; padding-top:5px;}
a.headright:link { font-size:12px; color: #FFF; padding-left: 20px; font-weight: normal;  text-decoration:none; letter-spacing:3px;}
a.headright:visited { font-size:12px; color: #FFF; padding-left: 20px; font-weight: normal;  text-decoration:none; letter-spacing:3px;}
a.headright:active { font-size:12px; color: #FFF; padding-left: 20px; font-weight: normal;  text-decoration:none; letter-spacing:3px;}
a.headright:hover { font-size:12px; color: #FFF; padding-left: 20px; font-weight: normal;  text-decoration:none; letter-spacing:3px;}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE search ^^^^^^^^^^ */
#search{width:948px; height:30px;border-width:1px; border-color:#993300; border-style:solid; text-align:left; padding-top:5px; background-color:#FFCC33;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE adspace ^^^^^^^^^^ */
#adspace{width:950px; background-color:#993300; padding-top:5px; padding-bottom:5px;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE news ^^^^^^^^^^ */
#news{width:948px; height:25px;border-width:1px; border-color:#993300; border-style:solid; padding-top:8px; font-size: 14px; letter-spacing:2px; margin-bottom:5px; margin-top:5px;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE contents ^^^^^^^^^^ */
#contents{width:100%; background-color:white;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MAIN ^^^^^^^^^^ */
#main{width:950px;margin-bottom:5px; margin-top:5px;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE footer ^^^^^^^^^^ */
#footer{ position: relative;display:block;height:30px;font-size:small; margin-bottom:5px; margin-top:15px; width:890px;overflow: hidden;}
#footerline{ width:100%;height:30px;background-image:url("http://hp-ranking.net/cgi-bin/images/headline30.gif"); color:white; font-size:small; font-weight:bold;}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE edit ^^^^^^^^^^ */
.edittable{border:1px #993300 solid; margin:20px;}
.editth{width:250px;height: 20px; text-align:right;background-color:#993300;color:white; padding:5px; line-height:18px;}
.editth2{width:900px;height: 20px; background-color:#993300;color:white; padding:5px; line-height:18px;}

.edittd1{text-align:left;vertical-align:middle; border-width:0;}
.editgo{text-align:center;}
.kiyaku{ text-align:left;border:1px #993300 solid; padding:20px; width:858px; margin-bottom:20px; margin-top:25px;}