* {padding: 0;margin: 0;}
img {border:0;}

body {
	font: normal .8em georgia, tahoma, trebuchet ms, verdana;
	color: #ddd;
	background-color: #151723;
}

#logo {
}

#headerNav {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:5px;
	background-image:url(/img/site/top-bg.gif);
	width:100%;
  height: 127px;
}

#headerNav a {
	float: left;
	display: block;
	margin-top: 8px;
	margin-right: 7px;
}

#headerNav a img {
	border: 0;
}

#headerNav a#logo {
	margin-right: 14px;
}

#headerNav a#navTutorial {
	margin-top: 10px;
}


#sideNav {
	position:absolute;
	top:135px;
	left:775px;
	left:10px;
	width: 190px;
}

#sideNav .navGroup{
	margin-bottom:10px;	
}

#skyscraperMain{
	width:185px;
	position:absolute;
	top:135px;
	left:10px;
	left:850px;
}

#content {
	margin-top:135px;
	margin-left:220px;
	width:610px;
}

#footer{
	text-align:center;
	background-color:#090E14;
	padding:10px;	
}

a, a:link, a:visited {
	color: #778899;
	text-decoration: none;
	font-size: .9em;
}

a:hover, #content a:hover {
	text-decoration:underline;
}

h1, h2, h3 {
	color: #DDD;
	font: normal 2em trebuchet ms;
}

h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.3em;
	margin-bottom:5px;	
}

p {
	margin-top: 10px;
	margin-bottom: 20px;
}

ul.bulletList {
	list-style-type: none;
}

ul.bulletList li {
	background: url(/images/bullet.gif) center left no-repeat;
	padding: 4px 0 5px 15px;
	border-bottom: 1px solid #282a36;
}

ol.numberList {
	list-style:decimal inside;
	margin-bottom:20px;
}

#content ul.bulletList li{
	border:0;
}

#content .round{
	margin-top:10px;	
}

hr {
	border-color: #282a36;
	border-style: solid none;
	border-width: 1px;
	height: 2px;
	margin: 5px 0px 5px 0;
	width: 100%;
	text-align: left;
}

div.notice {
	padding: 6px;
	border-color: #251017;
}

div.notice a span.right {
	cursor: pointer;
}

form input.button {
	border: 1px solid #fff;
	font: bold .9em tahoma, verdana, arial;
}

.noticeNoMargin .notice{
	margin:0;	
}

pre{
	margin-left:20px;
	margin-bottom:25px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid;
	background-repeat:repeat-x;
	background-position:top;
	overflow-x:scroll;
	font-size:14px;
	font-family: courier, serif;
	width:95%;
}

/* curve height, background image */
.navRight .t, .navRight .b, .navRight .b b, .navRight .t b{
	height:10px;
	background-image:url(/images/rounded.png);
}

/* inner color, border color, border width */
.navRight .c{
	background:#090e14;
	border-color:#212530;
	border-left-width:2px;
	border-right-width:2px;
}

/* curve height, background image */
.navRightOther .t, .navRightOther .b, .navRightOther .b b, .navRightOther .t b{
height:10px;
background-image:url(/images/rounded-other.png);
}

/* inner color, border color, border width */
.navRightOther .c{
background:#251017;
border-color:#212530;
border-left-width:2px;
border-right-width:2px;
}


/* surrounding margins (optional) */
.round{
	margin-bottom:5px;
}
.round h2{
	margin-top:0;
}

.round .c{
/* inner content padding */
	padding:0 10px 0 10px;
	border-top:0;
	border-bottom:0;
	border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
	display:block;
	overflow:hidden;
}
.round .t b, .round .b b{
	float:right;
	width:50%;
}
.round .t .r{
	background-position:top right;
}
.round .b .r{
	background-position:bottom right;
}
.round .b{
	background-position:bottom left;
}
.round .br{
	clear:both;
	display:block;
	overflow:hidden;
	height:0px;
}

h2 {
	font: normal 18px trebuchet ms;
	padding: 0;
	margin: 0 0 5px 0;
}