body, html {
	height: 100%;
	font-family	: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
/* fix for small PRE text in Firefox */
pre, code {
	font:115% monospace;
	*font-size:100%;
}
body {
	color: #333;
	font-size: 76%;
	line-height: 1.3em;
	text-align: center;
	background: #000 url(/images/faux-col.gif) repeat-y 50% 0;
}
#loading-icon {
	position: absolute;
	top: 285px;
	left: 205px;
	visibility: hidden;
}
h1 {
	margin: .3em 0 1.1em;
	font-size: 2.5em;
}
div#content {
	background: #BCD8DB;
}
div#content h1 {
	margin-top: 14px;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	width: 589px;
	text-indent: -2000px;
	background-image: url(/images/headers.gif);
}
div.home h1 {
	background-position: 0 0;
}
div.news h1 {
	background-position: 0 -30px;
}
div.download h1 {
	background-position: 0 -60px;
}
div.support h1 {
	background-position: 0 -90px;
}
div.docs h1 {
	background-position: 0 -120px;
}
div.tutorials h1 {
	background-position: 0 -150px;
}
div.examples h1 {
	background-position: 0 -180px;
}
h2 {
	font-size: 1.2em;
}
a {
	color: #000;
}
ul {
	list-style: square;
	margin-top: 0;
	
}
ul li {
	padding: .5em 0 0;
}
div#content a {
	text-decoration: none;
	border-bottom: 1px dashed #000;
}
div#content a:hover {
	border-bottom-style: solid;
}

div#content a.mini-logo, div#content a.mini-logo:hover {
	background: url(/images/mini-logo.gif) no-repeat;
	padding: 0 0 0 20px;
	text-decoration: underline;
	border-bottom: none;
}

div#container {
	background: #BCD8DB;
	width: 815px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
}

div#head-flash {
	width: 759px;
	height: 227px;
	position: relative;
	left: -10px;
	margin: 0 0 50px;
}

div#nav {
	margin: 0 0 0 10px;
	width: 180px;
	float: left;
}
div#content {
	float: right;
	width: 600px;
	margin: 0 10px 0 0;
}
div#content p {
	margin: 1em 3em 1em 0;
}
div#nav img#logo{
	width: 143px;
	height: 56px;
	margin: 0 0 20px 10px;
}
div#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#nav ul li {
	margin: 0;
	padding: 0;
}
div#nav ul a {
	color: #000;
	text-decoration: none;
	padding: 0 0 0 20px;
}
div#nav ul a:hover, div#nav ul a.active {
	background: url(/images/menu_arrow.gif) no-repeat;
}
div#nav ul li#link-digg {
	margin: 20px 0 0;
}
div#nav ul li#link-digg a, div#nav ul li#link-del a {
	color: #296DAE;
}
div#nav ul li#link-digg a:hover {
	background: url(/images/digg.png) no-repeat;
}
div#nav ul li#link-del a:hover {
	background: url(/images/delicious.png) no-repeat 1px 1px;
}

ul#news-list, ul#tutorial-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#news-list li, ul#tutorial-list li {
	margin: 2em 0 0;
	padding: 0;
}
ul#news-list h2 {
	font-size: 1.2em;
	float: left;
	margin: 0 1em 1em 0;
}
ul#tutorial-list h2 {
	font-size: 1.2em;
	margin: 0;
}
ul#news-list div.news-date {
	float: left;
	margin: 0 0 0;
}
ul#news-list p {
	clear: both;
}

ul#examples {
	list-style: none;
	margin: 40px 0;
	padding: 0;
}
ul#examples li {
	margin: 0;
	padding: 0 20px 20px 0;
	width: 275px;
	float: left;
}
ul#examples li img {
	float: left;
	margin: 0 20px 0 0;
}

#changelog {
	background: #BCD8DB;
}

div.download h2 {
	font-size: 1.3em;
	margin: 1em 1em 0 0;
}

pre.actionscript {
	/*xfont-size: 1.2em;*/
	width: 580px;
	padding: 10px 10px 0;
	/*xoverflow: scroll;*/
	background: #fff;
}

.flash-replaced .alt {
	display: none;
}

#popup {
	width: 600px;
}
#popup a {
	display: block;
}

hr {
	margin: 3em 2em 3em 0;
	border: none;
	background: #19446C;
	color: #19446C;
	height: 1px;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
.jqmWindow {
    display: none;
    
    position: absolute;
    top: 20px;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

div#txt_ad {
	margin: 20px 20px 0 20px;
	padding: 10px 0;
	border: 1px dashed #333;
	text-align: center;
}

div#nav div#txt_ad ul a {
	padding: 0;
}
div#nav div#txt_ad ul a:hover {
	background: none;
	text-decoration: underline;
}

/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for actionscript
 * CSS class: actionscript, CSS id: 
 * GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter)
 */
.actionscript .de1, .actionscript .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.actionscript  {}
.actionscript .head {}
.actionscript .foot {}
.actionscript .imp {font-weight: bold; color: red;}
.actionscript .ln-xtra {color: #cc0; background-color: #ffc;}
.actionscript li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.actionscript li.li2 {font-weight: bold;}
.actionscript .kw1 {color: #b1b100;}
.actionscript .kw2 {color: #000000; font-weight: bold;}
.actionscript .kw3 {color: #0066CC;}
.actionscript .co1 {color: #808080; font-style: italic;}
.actionscript .co2 {color: #808080; font-style: italic;}
.actionscript .coMULTI {color: #808080; font-style: italic;}
.actionscript .es0 {color: #000099; font-weight: bold;}
.actionscript .br0 {color: #66cc66;}
.actionscript .st0 {color: #ff0000;}
.actionscript .nu0 {color: #cc66cc;}
.actionscript .me1 {color: #006600;}
