body, div, ol, ul, li, p, h1, h2, h3, h4, blockquote, table, th, tr, td, dl, dd, dt, img, form, fieldset, pre, caption, legend  {
border-style: dotted;
}

body {
background-image: url(body.gif);
}

.body {
background: transparent url(body_gradient.gif) repeat-x 10% 0;
}

.body .body {
padding: 400px 0 40px 0;
background: transparent url(h1.gif) no-repeat 10% 0;
}

h1{
display: none;
}

.reference, h1, h2, h3, h4, h5, h6 {
clear: both;
}

.reference {
visibility: hidden;
line-height: 1em;
}

/*Inline*/

h3, h4, h5, h6 {
margin-bottom: 1.4em;
}

ul {
padding-left: 1.2em;
}

p {
text-indent: 10%;
}

	p.first {
	text-indent: 0;
	}

/*Typography*/

@font-face {
font-family: heading;
src: url(bulkey.ttf);
format("truetype");
}

@font-face {
font-family: body;
src: url(kingthings.ttf);
format("truetype");
}

body {
font-family: body, "Georgia", serif;
font-size: 16px;
line-height: 1.4;
}

h3, h4, h5, h6, th {
font-size: 1em;
}

h2 {
font-family: heading, body, "Georgia", serif;
font-size: 4em;
line-height: 1em;
}

h3 {
font-size: 1.4em;
}

div.two div.first div {
font-size: 1.4em;
}

h2 {
font-weight: normal;
}

a {
font-weight: bold;
}

a {
text-decoration: none;
}

h3, strong {
text-transform: uppercase;
}

/*Color*/

body, div, ol, ul, li, p, h1, h2, h3, h4, blockquote, table, th, tr, td, dl, dd, dt, img, form, fieldset, pre, caption, legend  {
border-color: 8d8a7f;
}

body {
background-color: #e0ded8;
}

a, h2 {
color: #8d8a7f;
}

body, a:hover, div.body div.body h2 {
color: #444;
}

/*Positioning*/

div {
width: 100%;
}

div.body div, div.body div.body div {
float: left;
clear: both;
}

	div.body div.body {
	float: none;
	}

	div.body div div, div.body div.body div div {
	clear: none;
	}

div.four {
width: 80%;
padding: 0 0 2% 10%;
}

h2 {
text-align: right;
padding: 0 16% 40px 0;
}

div.body div.body h2 {
text-align: left;
padding: 0 0 40px 6%;
}

div.four div {
width: 18%;
padding: 20px 4% 60px 2%;
border-left-width: 1px;
}

	div.one div ul {
	display: none;
	}
	
	div.one div p a {
	display: block;
	width: 100%;
	text-indent: -300em;
	}
	
/*Content*/

div.dominance {
background: transparent url(../dominance/body.jpg) 50% -30px;
}

	div.dominance div p a {
	height: 490px;
	}
	
div.notes {
background: transparent url(../notes/layout/background/html.gif);
}

	div.notes div p a {
	height: 200px;
	}
	
div.irkik {
background: #fff url(irkik_bg.gif) repeat-x bottom left;
}

	div.irkik div p a {
	background: transparent url(irkik.gif) no-repeat bottom left;
	height: 350px;
	}
	
/*Fancy*/

div.one {
box-shadow: 0 0 20px #c2bfb5;
-moz-box-shadow: 0 0 20px #c2bfb5;
-webkit-box-shadow: 0 0 20px #c2bfb5;
}

body {
text-shadow: 0 1px 3px #c2bfb5;
-moz-text-shadow: 0 1px 3px #c2bfb5;
-webkit-text-shadow: 0 1px 3px #c2bfb5;
}