/* reseting elements: */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, fieldset, table, th, td, textarea, input, img { 
	margin: 0; padding: 0; }

a img {border: none;}

/* This takes out the fuzzy line around links when you click them, it's an optional addition */

:focus {outline: none;}

/* global */

body {
	background: #eee;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#container {
	width: 600px;
	margin: 50px auto;
	background: #fff;
	padding: 50px 50px 20px 50px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
	box-shadow: 0px 1px 3px #999;
}

p, ul {
	padding-bottom: 30px;
	line-height: 20px;
}

li {
	list-style: disc;
	margin: 0 0 0 20px;
}

ul li ul {
	padding-bottom: 0;
}

h1, h2 {
	margin-bottom: 30px;
	color: #333;
}

#footer {
	width: 600px;
	margin: auto;
}

a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	border-bottom: 2px solid #333;
}

pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.code {
	font-family: Monacao, monospace;
	font-size: 11px;
	margin: 0;
	display: block;
	padding: 0 0 30px 0;
}

.code p, .code strong {
	padding: 0;
	font-weight: bold;
	color: #333333;
}