/* Structure
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

html{
	height: 100%;
}

body{
	background: #774e3c url("../imgs/bg.png") top left repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 100%;
}

#container{
	position: relative;
	width: 745px;
	min-height: 100%;
}

* html #container{
	height: 100%;
}

#footer{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	margin-top: -36px;
	width: 310px;
}

#nav{
	float: left;
	width: 310px;
	background: url("../imgs/bg-nav.png") 0px 135px no-repeat;
	min-height: 543px;
}

#content{
	float: left;
	width: 411px;
	background: url("../imgs/bg-content.png") 100% 0px no-repeat;
	padding-top: 120px;
	min-height: 425px;
	height: auto;
}

#content div{
	display: none;
}

#snippets{
	position: relative;
	margin: 131px 0 0 28px;
	width: 234px;
	height: 322px;
	padding-top: 70px;
	background: url("../imgs/bg-snippets.png") top left no-repeat;
}

#splatter{
	width: 339px;
	height: 600px;
	background: #774e3c url("../imgs/bg-splatter.png") top left no-repeat;
	position: absolute;
	top: 0;
	left: 721px;
}



/* Headings and Paragraphs
----------------------------------------------- */
#content h1,
#content h3,
#content h4,
#content p{
	margin-right: 30px;
	margin-left: 30px;
}

#content h1,
#snippets h1{
	color: #774e3c;
	font-size: 18px;
	margin-bottom: 1em;
}

#content h3,
#content h4{
	font-size: 13px;
	margin-bottom: 1em;
}


#content p{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 30px 2em 30px;
}

#footer p{
	font-size: 11px;
	margin-left: 10px;
}

#snippets h1{
	margin-left: 1.5em;
}



/* Lists
----------------------------------------------- */
#nav ul{
	float: right;
	display: inline;
	list-style-type: none;
	margin-top: -23px;
	margin-right: 20px;
}

#nav li{
	font-size: 1px;
	line-height: 0;
}

#content ul{
	margin-left: 30px;
}

#content li{
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 2em;
	font-size: 12px;
}

#content li ul li{
	margin-bottom: 0.5em;
}

#content ul.bullet{
	margin-bottom: 1.5em;
	margin-left: 45px;
}

#content ul.bullet li{
	list-style-type: disc;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}

#snippets ul{
	margin-left: 1.5em;
}

#snippets li{
	list-style-type: none;
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	margin-bottom: 1em;
}



/* Links
----------------------------------------------- */
#snippets a{
	text-decoration: none;
	color: #000;
}

#snippets a:hover,
#snippets a.selected{
	text-decoration: underline;
}