/**
 * Global
 */
* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
} body {
	font: .9em/1.5 Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff;
	padding: 10px 20px;
	min-width: 800px;
	max-width: 1100px;
} p {
	margin-bottom: 20px;	
} h1 {
	height: 10180px;
	margin-top: -10000px;
	background: #fff url(/site_media/design/box.png) no-repeat bottom right;
} h2 {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 30px;
} h3 {
	border-bottom: solid 1px #000;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	letter-spacing: .1em;
} h4 {
	margin-bottom: 5px;
	text-transform: lowercase;
	letter-spacing: .05em;
	font-size: .9em;
	font-weight: bold;
} a {
	color: #9c0000;
} a:hover {
	color: #ff9933;
} ul {
	margin-left: 20px;
	margin-bottom: 20px;
} table {
	width: 100%;
} td {
	padding: 1px 5px;
} tr.odd td {
	background: #f1f1f1;
} tr:hover td {
	background: #ccffff;
	color: #008080;
} tr.header td {
	background: #000;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}
/**
 * Menu
 */
#menu {
	background: #000 url(/site_media/design/menu-bg.png) repeat-x;
	height: 39px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
} #menu li {
	float: left;
} #menu li a {
	display: block;
	text-decoration: none;
	color: #fff;
	height: 25px;
	padding-top: 5px;
	margin-left: 10px;
	margin-top: 9px;
	width: 120px;
	text-align: center;
	background: #222 url(/site_media/design/menu-up.png) no-repeat;
} #menu li a:hover {
	background-image: url(/site_media/design/menu-over.png);
	color: #000;
} #menu li a.selected {
	background-image: url(/site_media/design/menu-selected.png);
	color: #000;
}
/**
 * Submenu
 */
#submenu {
	width: 180px;
	float: left;
} #submenu ul {
	margin-left: 0;
	list-style: none;
} #submenu a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
/**
 * Copyright
 */
#copyright {
	clear: left;
	border-top: solid 1px #000;
	padding-top: 5px;
	font-size: .8em;
	margin-left: 200px;
	font-variant: small-caps;
	letter-spacing: .1em;
}
/**
 * intro
 */
#intro {
}
/**
 * Home
 */
#home {
}
/**
 * Features
 */
#features {
	margin-right: 300px;
} #features h3 {
	background: url(/site_media/design/features.png) no-repeat center right;
} #features dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #features dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #features dd.last {
	border-bottom: none;
}
/**
 * News
 */
#news {
	width: 280px;
	float: right;
} #news h3 {
	margin-top: 0;
	background: url(/site_media/design/news.png) no-repeat center right;
} #news h4 {
	padding-left: 20px;
} #news h5 {
	padding-left: 20px;
	margin-bottom: 5px;
	font-variant: small-caps;
	letter-spacing: .05em;
	font-size: .9em;
	font-weight: normal;
	background: url(/site_media/design/date.png) no-repeat center left;
	color: #333;
} #news > div {
	border-bottom: dashed 1px #999;
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: .9em;
	padding-left: 20px;
} #news > div.last {
	border-bottom: none;
}
/**
 * Syntax highlighting.
 */
.xml {
	display: block;
	max-height: 400px;
	overflow: auto;
	background: #f6f6f6;
	padding: 5px;
	font-size: .9em;
	margin-bottom: 20px;
} .xml .tag .title {
	color: #9c0000;
	font-weight: bold;
} .xml .tag .attribute {
	color: #008080;
} .xml .tag .attribute .value {
	color: #000080;
}
/**
 * Demos
 */
#demos {
	margin-bottom: 30px;
} #demos h3 {
	background: url(/site_media/design/demos.png) no-repeat center right;
} #demos dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #demos dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #demos dd.last {
	border-bottom: none;
}
/**
 * Demo
 */
#demoApplication {
	margin-bottom: 20px;
} #demo {
	margin-bottom: 30px;
} #demo h3 {
	background: url(/site_media/design/demo.png) no-repeat center right;
} #demo dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #demo dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #demo dd.last {
	border-bottom: none;
}
/**
 * Tutorials
 */
#tutorials {
	margin-bottom: 30px;
} #tutorials h3 {
	background: url(/site_media/design/tutorials.png) no-repeat center right;
} #tutorials dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #tutorials dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #tutorials dd.last {
	border-bottom: none;
}
/**
 * Tutorial
 */
#tutorial {
	margin-bottom: 20px;
} #tutorial {
	margin-bottom: 30px;
} #tutorial h3 {
	background: url(/site_media/design/tutorial.png) no-repeat center right;
} #tutorial dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #tutorial dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #tutorial dd.last {
	border-bottom: none;
}
/**
 * Documentation
 */
#documentation {
	margin-left: 200px;
	margin-bottom: 30px;
} #documentation h3 {
	background: url(/site_media/design/documentation.png) no-repeat center right;
} #documentation dt {
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #documentation dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #documentation dd.last {
	border-bottom: none;
} #documentation li {
	margin-left: 20px;
	margin-bottom: 10px;
}
/**
 * Elements
 */
#elements {
	margin-left: 200px;
	margin-bottom: 30px;
} #elements h3 {
	background: url(/site_media/design/elements.png) no-repeat center right;
}
/**
 * Element
 */
#element {
	margin-left: 200px;
	margin-bottom: 30px;
} #element h3 {
	background: url(/site_media/design/element.png) no-repeat center right;
} #base {
	font-style: italic;
	font-size: 1.1em;
} #element > dl {
	margin-top: 20px;
} #element > dl > dd {
	border-bottom: dashed 1px #999;
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: .9em;
} #element > dl > dt {
	font-weight: bold;
	color: #008080;
} #element > dl > dd.last {
	border-bottom: none;
} #element > dl > dd > dl {
	font-size: .9em;
	margin-left: 10px;
} #element > dl > dd > dl > dt {
	color: #008080;
} #element > dl > dd > dl > dd {
	margin-bottom: 5px;
}
/**
 * Operators
 */
#operators {
	min-width: 600px;
	max-width: 1000px;
	margin-left: 200px;
	margin-bottom: 30px;
} #operators h3 {
	background: url(/site_media/design/operators.png) no-repeat center right;
}
/**
 * SDK
 */
#sdk {
	min-width: 600px;
	max-width: 1000px;
	margin-left: 200px;
	margin-bottom: 30px;
} #sdk h3 {
	background: url(/site_media/design/sdk.png) no-repeat center right;
}
/**
 * Files
 */
#files {
	min-width: 600px;
	max-width: 1200px;
	margin-bottom: 30px;
} #files h3 {
	background: url(/site_media/design/files.png) no-repeat center right;
} #files dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #files dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #files dd.last {
	border-bottom: none;
} #files pre {
	height: 200px;
	overflow: auto;
	background: #eee;
	margin: 20px 0;
	padding: 5px;
} #files .agree {
	cursor: pointer;
	color: #008080;
	padding: 5px 5px 5px 30px;
	display: block;
	text-decoration: none;
	background: #ccffff url(/site_media/design/unchecked.png) no-repeat 5px 9px;
} #files .agree:hover {
	color: #9c0000;
	background-color: #ff9933;
} #files .checked {
	background-image: url(/site_media/design/checked.png);
} #files .download {
	margin-top: 10px;
	font-size: 1.3em;
}
/**
 * About
 */
#about {
	min-width: 800px;
	max-width: 1200px;
	margin-bottom: 30px;
} #about h3 {
	background: url(/site_media/design/about.png) no-repeat center right;
} #about dt {
	clear: left;
	float: left;
	width: 180px;
	font-variant: small-caps;
	letter-spacing: .05em;
} #about dd {
	border-bottom: dashed 1px #999;
	margin-left: 200px;
	margin-bottom: 30px;
	padding-bottom: 20px;
} #about dd.last {
	border-bottom: none;
}
/**
 * Misc
 */
.filename, .property, .token, .function, .object, .value, .constant, .expression {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}
