@charset "UTF-8";

/* "Yahoo! UI Library (YUI), http://developer.yahoo.com/yui/" */

@import url("/lib/yui/3.0.0/cssreset/reset-min.css");
@import url("/lib/yui/3.0.0/cssfonts/fonts-min.css");
@import url("/lib/yui/2.8.0r4/grids/grids-min.css");

/* font */

@font-face {
font-family:"Lekton";
font-style:normal;
font-weight:400;
src:local("Lekton"), local("Lekton-Regular"), url(/lib/fonts/Lekton/Lekton-Regular.ttf) format("truetype");
}

/* "maxImage Scaling Plugin, http://www.aaronvanderzwan.com/maximage/index.php" */

img.bgmaximage{
position:fixed !important;
}

#maincontent {
position:absolute;
top:0;
left:0;
z-index:50;
width:100%;
}

/*
noelkit.com
2012-01-03T02:47:00+09:00
*/

html {
background:#000;
}

body {
color:#404040;
font:13px/1.231 Lekton,"Courier New",Courier,monospace;
text-transform:uppercase; /* for Lekton */
}

a {
color:#707070;
text-decoration:none;
}

a:hover {
color:#e0523c; /* 2012 PANTONE */
color:#fff;
}

/* container */

.container {
margin:0 0 6em;
}

/* header */

.header {
position:fixed;
top:0;
left:0;
width:100%;
padding:1em 1em 1.5em;
background:url("/img/bg/bg_grad.png");
border-bottom:1px solid #303030;
z-index:21;
}

.header p {
margin:.5em 0 0;
font-size:85%; /* 11 */
}

/* link */

.link {
position:fixed;
top:1em;
right:1.5em;
opacity:0.7;
z-index:30;
}

/* item */

.item {
margin:5.5em 0 0;
}

.item .body #Regular {
background:url("/img/bg/bg_grad-w.png");
}

.item .body #Regular img,
.item .body #Netlabel img {
background:#fff;
}

.item .body #yellow img {
background:#f8b500;
}

.item .body #blue img {
background:#507ea4;
}

.item .body #yellow,
.item .body #blue {
background:none;
}

/* column */

ul.column {
list-style:none;
width:100%;
margin:10px 0 30px;
padding:0;
}

ul.column li {
float:left;
display:inline;
width:200px;
margin:5px 0;
padding:0;
}

.block {
min-height:300px;
margin-right:1em;
padding:1em;
background:url("/img/bg/bg_grad-2.png");
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}

.block img {
display:block;
width:89%;
padding:5%;
margin:0 auto;
background:#000;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}

.block p {
margin:1em 0 0;
color:#fff;
text-align:center;
}

.block span.type {
margin:.5em 0 0;
font-size:85%; /* 11 */
}

/* badge */

#badge {
font-style:oblique;
}

#badge:before {
content:"# ";
}

/* end of content */

hr.eoc {
display:none;
}

/* footer */

.footer {
position:fixed;
bottom:0;
left:0;
padding:1em;
background:url("/img/bg/bg_grad.png");
}

.footer ul.menu li {
display:inline;
padding:0 1em 0 0;
}

.footer ul.menu li a img {
vertical-align:bottom;
}

.footer ul.meta {
margin:.5em 0 0;
}

.footer ul.meta li {
display:inline;
}

.footer ul.meta li.powered {
font-size:85%; /* 11 */
}

.footer ul.meta li.release {
display:none;
}

/* text */

del,
del a,
del a:hover {
color:#202020;
}

blockquote {
margin-left:.5em;
padding:0 1em;
border-left:1px solid #404040;
font-style:oblique;
font-size:93%; /* 12 */
}

blockquote:after {
display:block;
padding-top:.5em;
font-style:oblique;
text-align:right;
content:attr(cite);
white-space:pre-wrap;
white-space:-moz-pre-wrap;
word-wrap:break-word;
}

/* attribute */

a[accesskey]:before {
content:"<"attr(accesskey)">";
font-family:monospace;
vertical-align:super;
}

*:target {
background:#ff0;
color:#000;
font-weight:bold;
}

/* special */

/*
span.regch a {
border-bottom:1px solid #507ea4;
text-decoration:none;
}
*/

you[read]:after {
content:"Sincerely yours, NOEL-KIT";
}