body, html {
	margin:0; padding:0; width:100%; background:#fff;
	font-family:Verdana,sans-serif;
	font-size:9pt;
	color:#455058;
}
#header, #footer {
	font-size:88%;
	border-bottom:1px solid #666;
	background:#455058; color:#fff;
}
#footer div { line-height:3.2em; }
#footer { padding-bottom:250px; }
#nav { height:3.2em; }
#footer a,
#nav a {
	color:#fff; text-decoration:none; line-height:3.2em;
}
#footer a:link, 
#nav a:link { color:#fff; }

#footer a:visited, 
#nav a:visited { color:#fff; }

#footer a:hover,
#nav a:hover { color:#ccc; }

#footer a:active,
#nav a:active { color:#fff; }

.content {
	margin:0 auto;
	width:740px;
}
#nav a:focus { 
	border-bottom:1px solid #fff;
	outline:0;
}
#subheader {
	background:#DFE8EE;
}
#subheader p {
	padding-bottom:17px; margin:0;
	padding-left:2px;
}
#intro {
	margin:0; padding-top:37px;
	padding-bottom:17px;
	font-size:37pt;
}
#menu {
	float:right;
	margin:0; padding:0; list-style:none;
}
#menu li { 
	float:left; margin-left:15px; line-height:3.2em; 
}
#container {
	border-top:1px solid #ccc;
	min-height:400px;
}
#container .content {
	padding:0;
	position:relative;
}
.content p {
	padding-left:2px;
	color:#455058;
	margin-top:11px;
	margin-bottom:11px;
}

.marginbox {
	border-top-color:red;
	border-bottom-color:blue;
	border-right-color:green;
	border-bottom-color:yellow;
}

pre {
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#DFE8EE;
	padding:12px;
}
#topics {
	clear:both;
}

#nav p { display:none; }
.no-js #hidojo-suprise { display:none; }
#hidojo { 
	display:inline-block;
	padding:4px;
	padding-left:0;
	position:relative;
}

#fadereplace {
	border:1px solid #ccc;
	background:#DFE8EE;
	width:275px;
}
#fadereplace p { cursor:pointer; padding:8px; color:#333; }

#colorlist {
	list-style:none;
	height:75px;
	margin:0; padding:0;
}
#colorlist li {
	float:left;
	width:75px;
	height:75px;
	margin:0; padding:0;
	margin-right:5px;
}
.red { background:red; }
.green { background:green; }
.blue { background:blue; }
.white { background:yellow; }

a.source { 
	color:#dedede; text-decoration:none; font-weight:bold; 
	font-size:1.75em; -moz-border-radius:3pt; margin-top:-4px;
	-webkit-border-radius:4pt;
}
a.source:hover { color:#455058;  }

#view-source {
	position:absolute;
	top:0;
	left:-999px;
	width:780px;
	border:1px solid #ccc;
	background:#DFE8EE;
	padding:17px;
	z-index:999;
	padding-top:7px;
	padding-bottom:7px;
}
#source-code {
	margin-top:3px;
	margin-bottom:3px;
	width:100%;
	height:20em;
}

#filler { display:none; 
	width:700px;
}

#basic-post {
	width:20em;
	padding:12px;
	background:#dfe8ee;
	border:1px solid #ccc;
}
#basic-post label {
	line-height:3.2em;
	display:inline-block;
	width:6em;
}
#basic-post-submit {
	margin-left:7em;
	cursor:pointer;
	padding:5px 12px 5px 12px;
	border:1px solid #ccc;
	background:#455058; color:#fff;
}
#basic-post-submit:hover {
	background:#000; color:#dedede;
}

#core-list {
	width:520px;
}

/* basic DnD styles: */
.dojoDndItem {
	padding:2px 8px 2px 8px;
	border:2px solid #fff;
	cursor:move;
}


#footer pre {
	background-color:455058; color:#fff;
}

#mainlist li img {
	position:absolute;
	width:64px;
	height:64px;
	left:-80px;
	border:0;
	z-index:8;
}
#mainlist li {
	position:relative;
	float:left;
	width:160px;
	height:100px;
	list-style:none;
	margin-right:22px;
	margin-left:48px;
}

#mainlist li a span {
	z-index:9;
	cursor:pointer;
	color:#333;
	padding-top:7px;
	font-size:90%;
	display:block; width:135px;
	text-decoration:none;
	font-weight:normal;
}

#mainlist {
	margin-top:5px;
	height:auto;
	clear:both;
	#margin-top:40px;
	#margin-left:30px;
}
#explist img { display:none; }

/* janky IE nessss */
.content {
	#width:800px;
}
#intro {
	#margin-left:48px;
}

#mainlist a { font-weight:bold; color:#999; text-decoration:none;  line-height:1.2em; }
#mainlist a:link { color:#333; }
#mainlist a:visited { color:#333; }
#mainlist a:hover { color:#000; }
#mainlist a:hover span { color:#666; }
#mainlist a:active { color:#333; }


.clear { clear:both; }