@import url(mobile.css) only screen and (max-width: 764px);

/* base............................................................................... */

body {
margin: 0px;
padding: 0px;
background: #555;
cursor: default;
}

#main {
margin: 0px;
padding: 0px;
width: 75%;
height: 100%;
font-family: Verdana, Arial, Osaka, Helvetica, sans-serif;
}

#rightCell {
position: fixed!important;
position: absolute;
left: 75%;
top: 0px;
width: 280px;
height: 100%;
margin: 0px;
padding: 0px 0px 0px 20px;
background: url(images/_loop.gif) repeat-y 0px 0px;
}

#rightCell .rankFrame {
width: 240px;
height: 680px;
margin: 0px;
padding: 0px;
}

#head {
margin: 0px 0px 20px 0px;
}

#about {
display: none;
}

img, form {
margin: 0px;
padding: 0px;
border: none;
}

#floatL {
float: left;
margin: 6px;
padding: 0px;
}

#floatR {
float: right;
margin: 6px;
padding: 0px;
}

#clear {
clear: both;
}

.clear {
clear: both;
}

#flashcontent {
margin: 0px;
padding: 0px;
}

.halfImg {
float: left;
margin: 0px 40px 200px 40px;
}

#discord {
display: none;
}

/* head, foot......................................................................... */

#foot {
margin: 20px 12px 20px 0px;
padding: 2px;
font-size: 70%;
text-align: right;
color: #CCCCC6;
}

#foot a {
color: #CCCCC6;
text-decoration: none;
}

#foot a:hover {
color: #1C2E33;
background: #CCAA33;
}

#mark {
float: left;
margin: -6px 6px 6px 6px;
padding: 0px;
}

/* menu............................................................................... */

#logo {
margin: 0px;
padding: 0px;
height: 150px;
background: #1C2E33 url(images/_logo.jpg) no-repeat 0px 0px;
}

#menu {
width: 100%;
white-space: nowrap;
}

#menu ul {
margin: 0px;
padding: 0px;
}

#menu ul li {
float: left;
display: block;
width: 19.96%;
list-style-type: none;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 20px;
letter-spacing: 1px;
background: #FFFFF6;
}

#menu ul li a {
display: block;
width: 100%;
margin: 0px;
padding: 5px 0px 5px 0px;
color: #1C2E33;
border-left: 1px solid #1C2E33;
border-bottom: 1px solid #1C2E33;
text-decoration: none;
}

#menu li a:hover {
color: #FFF;
background: #1C2E33;
}

#menu ul li.gameA, #menu ul li.gameC {
width: 49.94%;
font-size: 14px;
line-height: 25px;
letter-spacing: 1px;
}

#menu ul li.gameA {
background: #CC4422;
}

#menu ul li.gameA a:hover {
color: #FFF;
background: #993111;
}

#menu ul li.gameC {
background: #CCAA33;
}

#menu ul li.gameC a:hover {
color: #FFF;
background: #AA8833;
}

/* text............................................................................... */

p {
margin: 6px 12px 0px 12px;
padding: 0px;
font-size: 85%;
line-height: 200%;
letter-spacing: 0.05em;
color: #CCCCC6;
}

p#bit {
font-size: 60%;
letter-spacing: 1px;
}

a {
color: #FFF;
text-decoration: underline;
border: none;
}

a:hover {
background: #88AABB;
}

#textboxB {
margin: 6px 12px 0px 12px;
padding: 12px 6px 12px 6px;
background: #1C2E33;
border: 1px solid #000;
}

#textboxG {
margin: 6px 12px 0px 12px;
padding: 12px 6px 12px 6px;
background: #404040;
border: 1px solid #000;
}

#textboxW {
width: 100%;
margin: 12px 0px 0px 0px;
padding: 0px;
background: #1C2E33;
border: 1px solid #000;
border-left: none;
border-right: none;
clear: both;
}

h1, h2, h3, h4, h5, h6 {
margin: 14px 0px 6px 0px;
padding: 5px 12px 5px 12px;
font-size: 80%;
letter-spacing: 1px;
text-align: left;
color: #FFFFF6;
}

h1 {
color: #1C2E33;
border: 1px solid #1C2E33;
border-left: none;
border-right: none;
background: #FFFFF6;
}

h1#right {
float: right;
text-align: right;
}

h1#right a {
color: #1C2E33;
background: transparent;
text-decoration: none;
}

h1#right a:hover {
color: #AA8833;
}

h2 {
position: relative;
width: 300px;
top: 14px;
margin: 0px;
white-space: nowrap;
background: #1C2E33;
border: 1px solid #FFFFF6;
border-left: none;
}

h2#date {
width: 120px;
letter-spacing: 3px;
background: #993111;
}

h3 {
margin: 6px 0px 0px 0px;
font-size: 60%;
color: #FFFFF6;
}

h4 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 6px;
font-size: 60%;
white-space: nowrap;
color: #000;
background: #FFFFF6;
}

h5 {
width: 100%;
margin: 4px 0px 0px 0px;
padding: 0px;
font-size: 70%;
font-weight: normal;
background: #666;
border: 1px solid #000;
border-left: none;
border-right: none;
}

h5#glay {
background: #888;
}

h5#black {
background: #000;
font-size: 80%;
font-weight: bold;
}

h5#alert {
padding: 2px;
color: #000;
background: #CCAA33;
}

h5 a {
display: block;
width: 100%;
margin: 0px;
padding: 2px 6px;
color: #FFFFF6;
text-decoration: none;
}

b {
color: #FFFFF6;
}

dl {
margin: 0px;
padding: 6px;
}

dt {
padding: 6px 0px 6px 12px;
font-size: 90%;
font-weight: bold;
color: #FFFFF6;
}

dd {
margin: 2px;
padding: 0px 0px 12px 18px;
font-size: 85%;
line-height: 180%;
letter-spacing: 0.05em;
color: #CCCCC6;
}

#textboxB p {
margin: 12px 12px 20px 12px;
}
#textboxB ul {
margin: 0px;
padding: 6px 0px 6px 0px;
line-height: 160%;
color: #CCCCC6;
}
#textboxB ul li {
margin: 0px 0px 5px 10px;
padding: 0px;
}

#textboxG ul {
margin: 0px;
padding: 6px 0px 6px 18px;
font-size: 85%;
line-height: 160%;
color: #CCCCC6;
}
#textboxG ul li {
margin: 0px 0px 5px 10px;
padding: 0px;
}

.new {
display: inline-block;
margin: 0px 6px 0px 0px;
padding: 2px;
font-size: 60%;
line-height: 100%;
color: #1C2E33;
background: #FFFFF6;
}

/* shots.............................................................................. */

.shots div {
float: left;
width: 24.0%;
padding: 0.5%;
}

.shots div img {
width: 100%;
vertical-align: bottom;
}

.shots div a {
float: left;
border: 1px solid transparent;
}

.shots div a:hover {
float: left;
border: 1px solid #FFF;
}

/* bbs................................................................................ */

input, textarea {
width: 100%;
margin: 1px;
padding: 0px;
color: #000;
background: #FFFFF6;
border: 1px solid #000;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Osaka, Helvetica, sans-serif;
letter-spacing: 1px;
}

select {
width: 100%;
margin: 2px 0px 2px 0px;
padding: 0px;
color: #000;
background: #FFFFF6;
border: 1px solid #000;
font-size: 12px;
font-family: Verdana, Arial, Osaka, Helvetica, sans-serif;
letter-spacing: 1px;
}

input.box {
width: 12px;
height: 32px;
margin: 0px 2px 12px 4px;
padding: 0px;
color: #000;
background: transparent;
border: none;
}

input.name {
padding: 2px 0px 2px 4px;
font-size: 12px;
background: #FFFFF6 url(images/bbs_name.gif) no-repeat center 0px;
}

input.title {
padding: 2px 0px 2px 4px;
font-size: 12px;
background: #FFFFF6 url(images/bbs_title.gif) no-repeat center 0px;
}

#halfbox {
width: 100%;
white-space: nowrap;
}

#halfbox .half {
float: left;
width: 49.8%;
}

textarea {
padding: 4px;
font-size: 85%;
font-weight: normal;
height: 80px;
overflow: auto;
scrollbar-border: 0px;
scrollbar-base-color: #FFFFF6;
scrollbar-face-color: #FFFFF6;
scrollbar-arrow-color: #555;
scrollbar-highlight-color: #555;
scrollbar-3dlight-color: #555;
scrollbar-shadow-color: #555;
scrollbar-darkshadow-color: #555;
resize: vertical;
}

input.button {
padding: 5px 0px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}

input.checkbox {
width: 12px;
background: transparent;
border: none;
}

#textboxW .bbspic {
float: left;
margin: 0px;
padding: 0px 4px 0px 0px;
}

#textboxW .bbstext {
clear: both;
margin: 0px;
padding: 6px 32px 18px 32px;
}

#bbsname, #bbsnameX {
height: 32px;
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
line-height: 32px;
color: #FFFFF6;
background: #142024;
}

#bbsnameX {
background: #883311;
}

#bbsname a {
text-decoration: none;
}

#bbsname a:hover {
color: #EECC33;
}

#bbstitle {
margin: 0px;
padding: 4px 0px 6px 6px;
font-weight: bold;
color: #AADDEE;
font-size: 90%;
letter-spacing: 0px;
}

#bbsdate {
margin: 0px;
padding: 0px 0px 6px 6px;
font-size: 60%;
color: #DD4022;
}

/* option............................................................................. */

table#option {
margin: 0px;
padding: 0px;
color: #FFFFF6;
font-size: 12px;
}

table#option td {
margin: 0px;
padding: 0px 0px 10px 0px;
color: #CCCCC6;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}

table#option input, table#option select {
padding: 6px;
line-height: 12px;
font-size: 12px;
}

/* library............................................................................ */

th {
margin: 0px;
padding: 0px 0px 0px 6px;
color: #FFFFF6;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
letter-spacing: 1px;
text-align: left;
}

td {
margin: 0px;
padding: 0px 2px 0px 2px;
color: #CCCCC6;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* playerStats........................................................................ */

#statsBg {
background: #997700;
}

#statsBg td {
color: #FFFFF6;
}

#playerstats {
position: absolute;
visibility: hidden;
left: -200px;
top: -200px;
margin: 0px;
padding: 0px;
border: 1px solid #CCCCC6;
background: #993311;
cursor: pointer;
/* clip: rect(0px,600px,600px,0px); */
}

table#statsView {
cursor: pointer;
}

#charPos {
position: relative;
left: 54px;
}

.statschar {
width: 200px;
background: url(images/bbs_stats_bg.gif);
}

.statsname {
display: none;
}

/* editor............................................................................. */

#editBox {
margin: 0px;
padding: 0px;
font-size: 100%;
line-height: 160%;
color: #CCCCC6;
}

#editBox textarea {
height: 200px;
resize: vertical;
}

#editBox .box {
margin: 2px 4px 2px 8px;
height: 12px;
}

#portrait {
white-space: nowrap;
}