body.release_notes #content_main li {
	margin-bottom:8px;
}

aside {
	display: block;
	width: 264px;
	margin-left: 714px;
	margin-top: 4em;
	font-size:.7em;
}

aside a{
	color: #333;
}

aside .section {
	border: none;
	margin-bottom: 20px;
	padding: 0;
}

aside .highlight, aside .transbgr {
	padding: 10px 16px;
	margin: 0 0 20px 0;
	background-color: #f0f0f0;
}

aside .transbgr {
	background-color: transparent;
}

.highlight h2, .transbgr h2 {
	color:#666;
	font-size:170%;
	line-height:160%;
}

aside .highlight h2 a, aside .transbgr h2 a{
	border-bottom:1px dotted #009be3;
	color: #009be3;
}

.highlight h3, .transbgr h3 {
	color:#a0a600;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
	border-top: 1px solid #a0a600;
	margin: 16px -16px 0 -16px;
	padding:  0 16px 10px 16px;
}

aside .highlight h3 a, aside .transbgr h3 a {
	color:#a0a600;
	text-decoration:none;
}

aside form input {
	margin-bottom: 12px;
}

aside select,
input[type="text"] {
	border: 1px solid #999;
	padding: 6px 10px;
}

/* placeholder: Used in Community email input. The HTML controls the color using onfocus/onblur code. Inital condition uses this value, so the code and this css need to match colors. */
input.placeholder {
	color:#999;
}

input.btn {
	background-color: #009be3;
	color: #fff;
	font-weight:bold;
	padding: 6px 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 0;
}

input.btn:hover {
	cursor: pointer;
	background-color: #a0a600;
}


aside ul{
	margin: 0;
	padding: 0;
	list-style-type:none;	
}


/* @group NAVIGATION */

.main {
	float: right;
	font-size: 0.8em;
	margin-top:-53px;
}

.main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
/*	width:100%;*/
}

.main li {
	float: left;
	margin: 0;
	margin-left: 6px;
}

.main li a, .main li a:link, .main li a:visited{
	display: block;
	overflow: hidden;
	background-color: #666;
	color: #fff;
	text-decoration:none;
	padding: 6px 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.main li a:hover{
	background-color: #009be3;
}

.main li a:focus{
	background-color: #009be3;
}

.main li a:active{
	margin-top: 1px;
	outline: none;
}

body.jplayer .main li#home a, body.demos .main li#demos a, body.download .main li#download a, body.dev_guide .main li#dev_guide a, body.support .main li#support a, body.sites .main li#sites a, body.about .main li#about a, body.skins .main li#skins a {
	background-color:#A0A600;
}

ul#usp {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	overflow:hidden;
}

ul#usp li{
	list-style-type:none;
	float:left;
	width:25%;
}

ul#usp li a{
	display: block;
	text-align:center;
	width:100%;
}


#breadcrumbs {
	list-style-type:none;
	margin: 0 ;
	padding: 0;
	width: 100%;
	overflow: hidden;
	font-size:90%;
}

#breadcrumbs li{
	float: left;
	color: #666;
	padding-right: .5em;
}



/* @end */    


ul.thin {
	width: 380px;
	float: left;
	margin-right: 20px;
	list-style-type:disc;
}

ul.thin li{
	margin-bottom:.5em;
}

.centered {
	font-size:90%;
	text-align:center;
	margin: 0;
}

.left_image {
	clear: both;
	padding: 0;
	margin: 0;
}

.float_right {
	clear: both;
	float: right;
}


#twitter img {
	float: left;
}

#twitter:hover {
	background-color:#eee;
}


#content_main div.section, /* The rule for older than 2.0.0 parts of the site */
#content_main > section, #content_main > article  {
	display:block;
	padding:1em 0;
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom:1px solid #f0f0f0;
}

#content_main div.section a:active, /* The rule for older than 2.0.0 parts of the site */
#content_main > section p a:active { /* Added p element to selector otherwise all the demo controls break */
	position: relative;
	top: 1px;
}

/* The demo rules for older than 2.0.0 parts of the site */
#content_main div.demo_section_top {
	border:none;
	padding-bottom:0;
}

#content_main div.demo_section_mid {
	border:none;
	padding:0;
}

#content_main div.demo_section_bot {
	padding-top:0;
}
/* End of: The demo rules for older than 2.0.0 parts of the site */



.date {
	margin: 0;
	padding: 0;
	font-style:oblique;
}


code {
	font-family: monospace, "Courier New";
	font-size:1.1em;
	color: #000;
	background-color: #eee;
}

.explanation {
	font-size:.8em;
	font-style: oblique;
}

.explanation code {
	font-size:1.4em;
}

pre {
	font-family: monospace, "Courier New";
	padding: 10px;
	margin: 10px 0;
	border:  1px solid #ccc;
	background-color:#eee;
	overflow: auto;
	color: #000;
	font-size:.9em;
}

pre.snippet {
	height:200px;
	font-size:0.8em;
}

ul.thin+pre {
	width: 243px;
	float: right;
	margin: 0;
}

ul.thin+img {
	float: right;
	margin:-20px 0 20px 0;
}


.FlattrButton {
	float: right;	
	padding-top:3px;
}

/*
.center {
	text-align: center;
}*/

/*.flattr,
.plegie {
	margin-top: 1em;
}*/

div.obsolete {
	background-color:#ffeeee;
	border: 1px dashed #ff3333;
	font-weight:bold;
	color:#ff0000;
	padding:1em 10px 0 10px;
	margin-bottom:10px;
}

.ralign {
	text-align:right;
}