@charset "utf-8";
/* CSS Document - yardcore */

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }

/* global */
body { font: 12px Verdana, Geneva, sans-serif; color: #fff; background-color: #000; }

.hide { display: none; }
.center { text-align: center; }
a { color: #ff0; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
a img { border: none; }
p { margin: 0.3em 0 0.7em; }


/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }

/* layout */
#page-wrapper { width: 950px; height: 740px; background: url(/img/bg.jpg) 0 0 no-repeat; margin: 10px auto; position: relative; }
#left { float: left; }
#right { float: right; width: 510px; height: 520px; overflow: auto; margin-top: 30px; padding: 10px 10px 10px 0; font-size: 11px; line-height: 1.4; }
#logo { margin: 0; padding: 79px 0 0 95px; }

/* menu */
#menu { list-style: none; width: 387px; padding: 10px 0 0 20px;  }
#menu li { float: left; margin-bottom: 4px; }
#menu li a { display: block; height: 46px; }
.m1,
.m3,
.m5,
.m7 { width: 202px; text-align: right; }
.m2,
.m4,
.m6 { width: 170px; margin-left: 15px; }
.m1 a,
.m3 a,
.m5 a,
.m7 a { float: right; }

.m1 a { width: 150px; }
.m1 span { background-image: url(/img/menu-schemeboy.jpg); }
.m2 a { width: 170px; }
.m2 span { background-image: url(/img/menu-monster-x.jpg); }
.m3 a { width: 188px; }
.m3 span { background-image: url(/img/menu-zan-lyons.jpg); }
.m4 a { width: 150px; }
.m4 span { background-image: url(/img/menu-stormfield.jpg); }
.m5 a { width: 202px; }
.m5 span { background-image: url(/img/menu-yardcore-crew.jpg); }
.m6 a { width: 98px; }
.m6 span { background-image: url(/img/menu-crome.jpg); }
.m7 a { width: 98px; }
.m7 span { background-image: url(/img/menu-mihaal.jpg); }

/* info */
#left .info { position: absolute; bottom: 20px; right: 30px; font-size: 13px; background-color: #fff; color: #000; font-weight: bold; line-height: 1.5; }
.info strong { font-size: 18px; }

/* right */
h2 { font-size: 20px; margin: 10px 0; }
h3 { font-size: 14px; margin: 15px 0 5px; }
#right .center { margin: 5px; }
#right ul { margin: 10px 20px; }
#right ul li { margin-bottom: 4px; }
#right img { margin: 5px; }
.q { font-style: italic; }

/* homepage */
#hp #right { font-size: 13px; }