/* @override 
	http://ninjacake.com/css/screen.css */

/* CSS RESET based on YUI 2.7 */

html {
	color: #fff;
	background: #000;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

/* END CSS RESET */

/* BASE based on YUI 2.7 */

body {
	/* For breathing room between content and viewport. */
	margin:0;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}


/* END BASE */

body {
	background: #000;
	color: #696969;
	font: 12px/21px "Lucida Grande",Verdana,sans-serif;
	margin: 0;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a:active {
	color: #eee;
	text-decoration: none;
}

#wrapper {
	margin: 42px auto;
	overflow: hidden;
	width: 690px;
}

#wrapper h1 {
	border-bottom: 1px solid #222;
	color: #fff;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 108px;
	letter-spacing: -0.09em;
	line-height: 96px;
	margin: 0 0 21px;
	position: relative;
}

#wrapper h1 span {
	font-size: 21px;
	letter-spacing: 0;
	vertical-align: top;
}

#site-info {
	border-top: 1px solid #222;
	font-size: 10px;
	margin: 21px 0 0;
	padding: 3px 0 0;
	text-align: right;
}

/* Inside ninjacakeContainer */

.twittList {
	margin: 0 0 0 -12px;
	overflow: hidden;
	padding: 0;
}

.twittLI {
	background: #101010;
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 12px 12px;
	overflow: hidden;
	padding: 18px;
	position: relative;
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

.twittLI b {
	color: #b9b9b9;
	font-family: "Times New Roman",Georgia,serif;
	font-weight: normal;
	font-size: 18px;
}

.twittLI img {
	background: #0f0f0f;
	float: left;
	margin: 0 18px 0 0;
	padding: 2px;
	width: 48px;
}

#wrapper .JRM {
	bottom: 3px;
	color: #ccc;
	font-size: 9px;
	position: absolute;
	right: 9px;
	text-align: right;
}