/* This is used to pretty up the demos */
*{
	margin:0px;
	padding:0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#323a3a;
}

pre {
	width:600px;
	height:100px;
	overflow:scroll;
	background-color:#fff;
	font-size:1.25em;
	padding:1em 2em 2em 2em;
}

#head{
background:url(http://willworkforart.net/images/3.jpg) center top;
width:1000px;
height:162px;
margin-left:auto;
margin-right:auto;
}

#wrapper{
	width:700px;
	padding-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/border-bottom.jpg) bottom center no-repeat;
	background-color:#fff;
}

#mainContent{
	padding:2em 2em 2em 2em;
	background:url(../img/border-top.jpg) top center no-repeat;
}

#section_list {
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#section_list li{
	display:inline;
	padding-left:1em;
	padding-right:1em;
}

#section_list a{
color:#fff;
}


#codeArea{
	width:700px;
	padding: 2em 2em 2em 2em;
	margin-left:auto;
	margin-right:auto;
}

#codeArea p{
	padding-bottom:1em;
}

#codeArea h3, #codeArea h4, #codeArea p{
	color:#fff;
} 

#codeArea a{
	color:#808080;
}

h1{
	font-size:1.5em;
	padding-top:1.5em;
	padding-bottom:1.5em;
}


h2, h3, h4{
	font-size:1.5em;
	padding-top:1.5em;
	padding-bottom:1.5em;
	color:#fff;
}



#license{
text-align:center;
color:#fff;
margin-top:2em;
padding-top:2em;
padding-bottom:2em;
border-top:1px dotted #808080;
}

#license a{
color:#909090;
}