@charset "UTF-8";


/** css/styles.css **/
body {
	background-color: #3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
}
.col_level {
	font-size: 0px;
	clear: both;
	height: 1px;
}


/* PAGE HEADER */

.header_wrapper {
	height: 107px;
	background-image: url(http://wiki.commonjs.org/images/1/19/Header_wrapper_bg.png);
	background-repeat: repeat-x;
}
.header_bg {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	height: 107px;
	background-image: url(http://wiki.commonjs.org/images/9/9c/Header_gradient.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.tagline {
	float: left;
	margin-left: 15px;
	line-height: 107px;
	font-size: 18px;
	color: #9f9f9f;
}
img.logo {
	float: left;
	margin-top: 24px;
	margin-left: 0px;
}
.nav_wrapper {
	float: right;
	height: 107px;
}
.nav_item {
	float: right;
	width: 125px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 60px;
	height: 47px;
	font-size: 22px;
	font-weight: normal;
}
.nav_item a:link, .nav_item a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.nav_item a:hover {
	color: #CCCCCC;
}
.nav1 {
	background-image: url(http://wiki.commonjs.org/images/d/d0/Nav_js.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
body.specs .nav1 { background-image: url(http://wiki.commonjs.org/images/7/73/Nav_js_on.png); /*turn on the corresponding nav item*/ }
.nav2 {
	background-image: url(http://wiki.commonjs.org/images/8/89/Nav_commonjs.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
body.impl .nav2 { background-image: url(http://wiki.commonjs.org/images/6/67/Nav_commonjs_on.png); /*turn on the corresponding nav item*/ }
.nav3 {
	background-image: url(../images/nav_browsers.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.nav_div {
	float: right;
	background-image: url(http://wiki.commonjs.org/images/9/97/Nav_div.png);
	width: 1px;
	background-position: bottom;
	height: 107px;
	background-repeat: no-repeat;
}




/* PAGE BODY */

.content_wrapper {
	background-image: url(http://wiki.commonjs.org/images/a/a4/Content-wrapper_bg.png);
	background-repeat: repeat-x;
	background-color: #efefef;
}

.content_bg {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://wiki.commonjs.org/images/1/1e/Content_bg.png);
	background-repeat: repeat-y;
}

.content {
	position: relative;
	background-image: url(http://wiki.commonjs.org/images/2/2c/Banner_home.jpg);
	background-repeat: no-repeat;
	background-position: center 11px;
}
body.status404 .content { background-image: url(http://wiki.commonjs.org/images/3/3a/Banner_gray.jpg) }
body.specs .content { background-image: url(http://wiki.commonjs.org/images/8/82/Banner_blue.jpg) }
body.impl .content { background-image: url(http://wiki.commonjs.org/images/9/99/Banner_green.jpg) }
.content-left {
	width: 680px;
	margin-left: 42px;
	margin-top: 180px;
	float: left;
	padding-bottom: 20px;
}
.content-left h1 {
	font-size: 28px;
	color: #863e3e;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
body.status404 .content-left h1 { color: #ccc; }
body.specs .content-left h1 { color: #266790; /*change the color of page headers*/ }
body.impl .content-left h1 { color: #4e5d2e; /*change the color of page headers*/ }


/* NEWS */

.news_wrapper {
	width: 219px;
	right: 14px;
	float: right;
	margin-right: 27px;
	margin-top: 152px;
	font-size: 12px;
	line-height: 13px;
}
.news-top {
	background-image: url(http://wiki.commonjs.org/images/c/c6/News_bg-top.png);
	background-repeat: no-repeat;
	height: 25px;
	background-position: left top;
	padding-left: 24px;
	vertical-align: bottom;
	padding-top: 20px;
}
.news_items {
	background-image: url(http://wiki.commonjs.org/images/a/a9/News_bg-btm.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 24px;
	color: #9d9d9d;
	padding-right: 12px;
}
.news_items ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -.9em;
	margin-top: 0px;
}
.news_items li {
	margin-bottom: 8px;
	margin-left: 8px;
}
.news_items a:link, .news_items a:visited {
	color: #90d5ff;
	text-decoration: none;
}
.news_items a:hover {
	text-decoration: underline;
}
.news_wrapper  h1 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 8px;
	color: #636363;
	margin-top: 0px;
}




/* PAGE FOOT */

.footer_wrapper {
	font-size: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #636363;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #999999;
}
.footer_wrapper a { color: #bbb }
.footer_bg {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

/** css/colorful.css **/
.codehilite .hll { background-color: #ffffcc }
.codehilite .c { color: #808080 } /* Comment */
.codehilite .err { color: #F00000; background-color: #F0A0A0 } /* Error */
.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.codehilite .o { color: #303030 } /* Operator */
.codehilite .cm { color: #808080 } /* Comment.Multiline */
.codehilite .cp { color: #507090 } /* Comment.Preproc */
.codehilite .c1 { color: #808080 } /* Comment.Single */
.codehilite .cs { color: #cc0000; font-weight: bold } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.Inserted */
.codehilite .go { color: #808080 } /* Generic.Output */
.codehilite .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.codehilite .kp { color: #003080; font-weight: bold } /* Keyword.Pseudo */
.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #303090; font-weight: bold } /* Keyword.Type */
.codehilite .m { color: #6000E0; font-weight: bold } /* Literal.Number */
.codehilite .s { background-color: #fff0f0 } /* Literal.String */
.codehilite .na { color: #0000C0 } /* Name.Attribute */
.codehilite .nb { color: #007020 } /* Name.Builtin */
.codehilite .nc { color: #B00060; font-weight: bold } /* Name.Class */
.codehilite .no { color: #003060; font-weight: bold } /* Name.Constant */
.codehilite .nd { color: #505050; font-weight: bold } /* Name.Decorator */
.codehilite .ni { color: #800000; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #F00000; font-weight: bold } /* Name.Exception */
.codehilite .nf { color: #0060B0; font-weight: bold } /* Name.Function */
.codehilite .nl { color: #907000; font-weight: bold } /* Name.Label */
.codehilite .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #007000 } /* Name.Tag */
.codehilite .nv { color: #906030 } /* Name.Variable */
.codehilite .ow { color: #000000; font-weight: bold } /* Operator.Word */
.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.codehilite .mf { color: #6000E0; font-weight: bold } /* Literal.Number.Float */
.codehilite .mh { color: #005080; font-weight: bold } /* Literal.Number.Hex */
.codehilite .mi { color: #0000D0; font-weight: bold } /* Literal.Number.Integer */
.codehilite .mo { color: #4000E0; font-weight: bold } /* Literal.Number.Oct */
.codehilite .sb { background-color: #fff0f0 } /* Literal.String.Backtick */
.codehilite .sc { color: #0040D0 } /* Literal.String.Char */
.codehilite .sd { color: #D04020 } /* Literal.String.Doc */
.codehilite .s2 { background-color: #fff0f0 } /* Literal.String.Double */
.codehilite .se { color: #606060; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */
.codehilite .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
.codehilite .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
.codehilite .sx { color: #D02000; background-color: #fff0f0 } /* Literal.String.Other */
.codehilite .sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */
.codehilite .s1 { background-color: #fff0f0 } /* Literal.String.Single */
.codehilite .ss { color: #A06000 } /* Literal.String.Symbol */
.codehilite .bp { color: #007020 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #306090 } /* Name.Variable.Class */
.codehilite .vg { color: #d07000; font-weight: bold } /* Name.Variable.Global */
.codehilite .vi { color: #3030B0 } /* Name.Variable.Instance */
.codehilite .il { color: #0000D0; font-weight: bold } /* Literal.Number.Integer.Long */

/** Geshi; We only use a few langs so we'll just hardcode them into the site styles **/
.source-javascript {line-height: normal;}
.source-javascript li, .source-javascript pre {
	line-height: normal; border: 0px none white;
}
/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for javascript
 * CSS class: source-javascript, CSS id: 
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 * --------------------------------------
 */
.javascript.source-javascript .de1, .javascript.source-javascript .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.javascript.source-javascript  {font-family:monospace;}
.javascript.source-javascript .imp {font-weight: bold; color: red;}
.javascript.source-javascript li, .javascript.source-javascript .li1 {font-weight: normal; vertical-align:top;}
.javascript.source-javascript .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.javascript.source-javascript .li2 {font-weight: bold; vertical-align:top;}
.javascript.source-javascript .kw1 {color: #000066; font-weight: bold;}
.javascript.source-javascript .kw2 {color: #003366; font-weight: bold;}
.javascript.source-javascript .kw3 {color: #000066;}
.javascript.source-javascript .co1 {color: #006600; font-style: italic;}
.javascript.source-javascript .co2 {color: #009966; font-style: italic;}
.javascript.source-javascript .coMULTI {color: #006600; font-style: italic;}
.javascript.source-javascript .es0 {color: #000099; font-weight: bold;}
.javascript.source-javascript .br0 {color: #009900;}
.javascript.source-javascript .sy0 {color: #339933;}
.javascript.source-javascript .st0 {color: #3366CC;}
.javascript.source-javascript .nu0 {color: #CC0000;}
.javascript.source-javascript .me1 {color: #660066;}
.javascript.source-javascript .ln-xtra, .javascript.source-javascript li.ln-xtra, .javascript.source-javascript div.ln-xtra {background-color: #ffc;}
.javascript.source-javascript span.xtra { display:block; }


table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
table.wikitable th, .wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
table.wikitable th {
    background: #f2f2f2;
    text-align: center;
}
table.wikitable caption {
    font-weight: bold;
}