body {

	margin: 0;

	padding: 0;

	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";

	background: #202020;

	color: #fff;

	font-size:11px;

}



img { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; padding: 0px; margin: 0px; }



/*redefine*/



::-moz-selection {

	background: #111;

	color: #eee;

}



::selection {

	background: #111;

	color: #eee;

}



h1, h2, h3, h4, p, ul {

	margin: 0;

	padding: 0;

	font-weight: normal;

	list-style: none;

}



a:link, a:visited {

	color: #ffffff;

	text-decoration:none;

}



a:hover, a:active {

	color: #ffffff;

	text-decoration:none;

}



h1 span {

	display: none;

}



p {

	padding: 5px 0;

	line-height: 1.7;

}



a {

	outline: none;

}



/*shared*/



span.clr {

	display: block;

	clear: both;

}



/*headings & link colors*/



h1 a {

	display: block;

	position: relative;

	z-index: 10;

	width: 233px;

	height: 59px;

	background: url(file:///C|/Inetpub/wwwroot/images/mootools.gif) no-repeat;

	margin: 0 0 40px;

	padding: 0;

}



h2 {

	font-size: 13px;

	border-bottom: 1px solid #333;

	margin: 0 0 10px;

	padding: 5px 0 4px;

	color: #ccc;

	color: #5433E6;

}



h2, h3.sub {

	text-shadow: 2px 2px 1px #111;

}



h3.sub {

	position: absolute;

	top: 50px;

	font-size: 9px;

}



div#intro {

	color: #fff;

	font-size: 17px;

	text-shadow: 2px 2px 1px #111;

}



div.intro a:link, div.intro a:visited {

	color: #f88364;

}



div.developers a:link, div.developers a:visited, h2.developers {

	color: #9ce782;

}



div.browsers a:link, div.browsers a:visited, h2.browsers {

	color: #e78282;

}



div.download a:link, div.download a:visited {

	color: #9ce782;

}



h2.download {

	color: #9ce782;

}



div.license a:link, div.license a:visited, h2.license {

	color: #5433E6;

}



div.apps a:link, div.apps a:visited, h2.apps {

	color: #5433E6;

}



div.block a:hover, div.block a:active {

	color: #5433E6;

}



/*content*/



#container { 

	padding: 0px; 

	margin: 30px auto; 

	width: 606px;

	background: #202020; 



}





div.block {

	margin-bottom: 20px;

	font-size: 12px;

}



div.floaty {

	float: left;

	width: 210px;

}



div.floaty h2 {

	font-size: 16px;

	margin-bottom: 5px;

}



div.first {

	width: 369px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding-right: 10px;

	border-right: 1px solid #333;

}



div.last {

	/*float: right;*/

	/*clear: both;*/

	/*width: 100%;*/

}



ul#developers {

	font-size: 10px;

	color: #888;

	line-height: 1.3;

	list-style: none;

	margin-top: 10px;

}



#developers li {

	margin-bottom: 5px;

	font-size: 12px;

}



#footer {

	margin-top: 40px;

	border-top: 3px double #333;

	border-bottom: 3px double #333;

	font-size: 9px;

	color: #666;

	padding-top: 10px;

	height: 1%; /*crazy ie7...*/

	margin-bottom: 40px;

}



#footer a.copy {

	display: block;

	background: url(file:///C|/Inetpub/wwwroot/images/mucca.gif) no-repeat bottom right;

	height: 43px;

	width: 54px;

	padding-left: 279px;

}



#footer a.copy:hover {

	background-position: top right;

}



#footer p {

	margin-top: -5px;

	text-align: center;

}



/*sidebar*/



#sidebar {

	position: fixed !important;

	position: absolute;

	z-index: 1;

	width: 180px;

	left: 680px;

	top: 40px;

}



#sidebar ul {

	list-style: none;

}



#sidebar a, #sidebar h3.cat {

	width: 130px;

	display: block;

	padding: 3px 5px 3px 40px;

	background: url(file:///C|/Inetpub/wwwroot/images/tab_small.gif) center right no-repeat;

	margin: 5px 0;

	text-decoration: none;

}



#sidebar a {

	color: #666;

}



#sidebar a.big, #sidebar h3.cat {

	background-image: url(file:///C|/Inetpub/wwwroot/images/tab_big.gif);

	background-position: center right;

	background-repeat:  no-repeat;

	padding: 4px 5px 4px 40px;

	margin: 8px 0;

}



#sidebar h3 {

	font-size: 13px;

}



#sidebar h3.cat {

	color: #cbcbcb;

	text-shadow: 2px 2px 1px #222;

}



#sidebar a.big {

	color: #fff;

}



#sidebar a.forum {

	background-image: url(file:///C|/Inetpub/wwwroot/images/tab_forum.gif);

	background-color: #faa892;

}



#sidebar a.docs {

	background-image: url(file:///C|/Inetpub/wwwroot/images/tab_docs.gif);

	background-color: #92bdfa;

}



#sidebar a.download {

	background-image: url(file:///C|/Inetpub/wwwroot/images/tab_download.gif);

	background-color: #9ce782;

}



#sidebar a.trac {

	background-image: url(file:///C|/Inetpub/wwwroot/images/tab_trac.gif);

	background-color: #e78282;

}



/*big menu*/



#header {

	position: relative;

	margin-bottom: 0px;

	padding: 0px 0px 0px 0px;

	width:606px;

}



#bottom {

	position: relative;

	margin-bottom: 0px;

	padding: 0px 0px 0px 0px;

	width:606px;

	text-align:right;

}



#bottom a:link, a:visited {

	color:#6E4DFC;

	text-decoration:none;

}



#bottom a:hover, a:active {

	color: #6E4DFC;

	text-decoration:none;

}



#kwick {

	position: relative;

	border-top: 3px double #333;

	border-bottom: 3px double #333;

	margin-bottom: 10px;

	padding: 10px 0;

}



#contentBox {

	position:relative;

	width:417px;

	padding: 0px;

	margin: 0px;

}

#headerBox {

	float:left;

	width:150px;

	padding: 0px;

	margin: 0px;

}

#textareaBox {

	float:right;

	width:257px;

	padding: 8px 10px 5px 0px;

	background-color:#000099;

}



 

#kwick .kwicks {

	display: block;

	background: #202020;

	height: 300px;

}



#kwick li {

	float: left;

}



#kwick .kwick {

	display: block;

	cursor: pointer;

	overflow: hidden;

	height: 300px;

	width: 145px;

	padding: 0px;

	background: #fff;

	border-right: 3px solid #202020;

	border-left: 3px solid #202020;

}



#kwick .kwick span {

	display: none;

}



#kwick .download {

	background: #33CEEA;

	color: #202020;

}



#kwick .documentation {

	background: #F42DA7;

	color: #202020;

}



#kwick .forum {

	background: #FCE208;

	color: #202020;

}



#kwick .trac {

	background: #000000;

	color: #FDFCFC;

}



/*download*/



span.right {

	display: none;

	float: right;

	font-size: 10px;

	text-shadow: none;

	margin-top: 3px;

}



div.download p {

	padding: 1px 0;

}



table {

	width: 100%;

	border: 0;

	border-collapse: collapse;

}



th, td {

	padding: 4px 10px;

}



th {

	text-align: left;

	background: #1c1c1c;

	color: #faec8f;

	border-top: 4px solid #202020;

	border-bottom: 1px solid #202020;

}



th h3 {

	font-size: 13px;

}



td {

	border-bottom: 1px solid #252525;

	border-top: 1px solid #252525;

	vertical-align: middle;

}



td.check div.check {

	border: 2px solid #1c1c1c;

	background-repeat: no-repeat;

	background-position: center center;

	height: 13px;

	width: 14px;

}



td.check div.selected {

	background-image: url(file:///C|/Inetpub/wwwroot/images/check.png)!important;

	background-image: url(file:///C|/Inetpub/wwwroot/images/check.gif);

	padding: 2px;

	border: 0;

}



td.name {

	font-size: 12px;

	white-space: nowrap;

}



td.description {

	font-size: 9px;

	width: 100%;

	text-align: left;

}



tr.option {

	cursor: pointer;

	background: #202020;

	color: #666;

}



.test {

	color: #2f3d31;

}



h2.files, h2.options {

	margin-top: 20px;

	font-size: 15px;

	color: #faec8f;

}



table#options div.check {

	width: 13px;

	height: 13px;

}



table#options div.selected {

	background-image: url(file:///C|/Inetpub/wwwroot/images/radio.png)!important;

	background-image: url(file:///C|/Inetpub/wwwroot/images/radio.gif);

	padding: 2px;

}



p.submit {

	margin-top: 20px;

	text-align: center;

}



a.quizlet {

	display: block;

	width: 210px;

	height: 67px;

	background-image: url(file:///C|/Inetpub/wwwroot/images/quizlet.gif);

	background-position: top left;

}



a.quizlet:hover {

	background-position: bottom left;

}



#news {

	position: relative;

	border-bottom: 3px double #333;

	margin-bottom: 10px;

	padding: 0px;

	height: 65px;

}



#news h1 {

	font-size:10px;

	font-weight:bold;

	color: #ca2627;

	text-transform:uppercase;

	padding:0px;

	margin:0px;

}

#newsItem1 {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 295px;

	color: #999999;

}



#newsItem2 {

	float: right;

	margin: 0px;

	padding: 0px;

	width: 295px;	

	color: #999999;

}