/*
Theme Name: PerformerJS.org
Theme URI: http://performerjs.org/
Description: The PerformerJS.org theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Chris Taylor
Author URI: http://www.stillbreathing.co.uk/
*/

body
{
	background: #414D5E url(images/body-bg.png) repeat-x top left;
	padding: 0;
	margin: 0;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
}
#wrapper
{
	width: 894px;
	margin: 0 auto;
}
#header
{
	height: 172px;
	background: url(images/header-bg.jpg) no-repeat top left;
}
#header h4
{
	margin: 0;
	padding: 0;
}
#header h4 a
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -3000px;
	overflow: hidden;
	height: 150px;
}
#header p
{
	margin: 0;
	padding: 0;
	text-indent: -3000em;
	overflow: hidden;
}
#content
{
	padding: 0 40px 0 100px;
	overflow: auto;
	background: url(images/content-bg.jpg) repeat-y top left;
}
#content-footer
{
	background: url(images/content-footer-bg.jpg) no-repeat top left;
	height: 41px;
}
#content h1, #content h2, #content h3, dl dt
{
    clear: both;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	padding-top: 2.5em;
	margin: 0;
}
#content h1
{
padding: 0 0 0.8em 0;
}
#content h2
{
padding: 1em 0 0.3em 0;
}
#content h3
{
    padding: 0;
}
dl
{
	padding: 0;
}
dl dt
{
	font-size: 1.3em;
	font-style: italic;
	padding: 0;
}
#content h4
{
	margin: 0.3em 0 0 0;
	font-style: italic;
}
#content h5
{
	margin: 0.3em 0 0 0;
	border: 1px solid #CCC;
	border-width: 0 0 1px 0;
	padding-bottom: 1em;
}
#content p, #content ul, #content ol, #content dl
{
	font-size: 95%;
	line-height: 1.4em;
}
#content .note, .content .note
{
	background: #EFE4B3 url(images/note-corner.png) no-repeat bottom right;
	padding: 0.6em 1em;
}
#content .note h2
{
	margin: 0;
	padding: 0.3em 0;
}
#content .hi, .content .hi
{
	background: #EFE4B3;
}
#content a, #footer a:hover, #footer a:focus, .content a
{
	color: #3780DF;
}
#content a:hover, #content a:focus, .content a:hover, .content a:focus
{
	color: #00306F;
}
#footer a
{
	color: #A4C5EF;
}
#content code
{
	font-size: 1.1em;
}
#content p code, #content ul code, #content ol code
{
	font-size: 1.2em;
}
#content pre
{
	overflow: auto;
	padding: 1em 0;
	line-height: 1.6em;
}
#content #settings pre
{
	padding: 0.3em 0;
}
ul.inline
{
	margin: 1em 0;
	padding: 0;
}
ul.inline li
{
	display: inline;
	padding-right: 2em;
}
ul.plain
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.spacer li
{
	margin-bottom: 1em;
}
.col
{
	float: left;
	width: 45%;
	margin-right: 2%;
}
#content ul li.col
{
	padding-top: 1em;
}
.col1
{
	float: left;
	width: 66%;
	padding: 0.5em;
}
.col2
{
	float: right;
	width: 28%;
	padding: 0.5em;
}
.clear
{
	clear: both;
}
.space
{
	padding-top: 1em;
}
#footer
{
	clear: both;
	background: #303945 url(images/footer-bg.png) repeat-x top left;
	padding: 2em 0 3em 0;
	color: #FFF;
}
#footer div
{
	width: 894px;
	margin: 0 auto;
}
#footer p, #footer ul
{
	margin: 0 20px 2em 90px;
}
#footer h3, #footer h2
{
	margin: 0 20px 0 90px;
}
.example, #settings
{
	display: block;
	line-height: 24px;
	background: url(images/example.png) no-repeat top left;
	padding-left: 24px;
}
body #content .styling, body #content .navigation, body #content .general, body #content .docs, body #content .notification, body #content .text, body #content .ajax, body #content .forms
{
	display: block;
	line-height: 24px;
	background: url(images/styling.png) no-repeat bottom left;
	padding-left: 24px;
}
body #content .navigation
{
	background-image: url(images/navigation.png);
}
body #content .general, #settings
{
	background-image: url(images/general.png);
}
body #content .docs
{
	background-image: url(images/docs.png);
}
body #content .notification
{
	background-image: url(images/notification.png);
}
body #content .text 
{
	background-image: url(images/text.png);
}
body #content .ajax
{
	background-image: url(images/ajax.png);
}
body #content .forms
{
	background-image: url(images/forms.png)
}
body #content .previous
{
	padding: 0.2em 0;
	background: url(images/previous.png) no-repeat bottom left;
	padding-left: 24px;
}
body #content .next
{
	padding: 0.2em 0;
	background: url(images/next.png) no-repeat bottom right;
	padding-right: 24px;
}
.pane
{
    float: left;
    width: 200px;
    height: 300px;
    padding: 10px;
    margin: 5px;
    overflow: auto;
    border: 1px solid #CCC;
}
#example, #code
{
    padding: 0 1em;
    border: 1px solid #999;
    margin-bottom: 2em;
}
#ex ul.inline li
{
padding: 0 1em 0 0;
}
#ex ul.inline a.tabber
{
text-decoration: none;
background: #414D5E;
border: 1px solid #414D5E;
color: #FFF;
padding: 0 1em;
line-height: 1.8em;
margin-right: 0;
}
#ex ul.inline a.tabber:hover, #ex ul.inline a.tabber:focus
{
background: #788596;
}
.facebook, .google, .digg, .delicious, .yahoo, .stumbleupon, .twitter
{
padding: 18px 0 18px 43px;
line-height: 36px;
background: url(images/icons/facebook-32x32.png) no-repeat center left;
}
.google
{
background: url(images/icons/google-32x32.png) no-repeat center left;
}
.digg
{
background: url(images/icons/digg-32x32.png) no-repeat center left;
}
.delicious
{
background: url(images/icons/delicious-32x32.png) no-repeat center left;
}
.yahoo
{
background: url(images/icons/yahoo-32x32.png) no-repeat center left;
}
.stumbleupon
{
background: url(images/icons/stumbleupon-32x32.png) no-repeat center left;
}
.twitter
{
background: url(images/icons/twitter-32x32.png) no-repeat center left;
}
a.download
{
display: block;
background: url(images/download_large.png) no-repeat center left;
padding-left: 50px;
}
a.down
{
background: url(images/download.png) no-repeat center left;
padding-left: 25px;
}