/* 
	Author: James Craig
	Style sheet (pixel-sized fonts) for SXSW 2004 demo.
	http://cookiecrook.com/sxsw/2004/demo/ 
*/

body {
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS",arial,sans-serif;
	
	/* Heaven forbid. He's using pixels for font-sizes... But only in this one spot. */
	font-size:11px;
	
	}

/* Comment hack the rest so it doesn't crash lame-o NS4 */
/*/*/


h1, h2, h3 {
	margin-top:1em;
	margin-bottom:0.2em;
	font-weight:bold;
	}
h1 { font-size:2.1em; }
h2 { font-size:1.6em; color:#FF6300; }
h3 { font-size:1.2em; color:#69442C; }
p {
	margin-top:0.5em;
	margin-bottom:0.9em;
	font-size:1.2em;
	}

a:link {
	text-decoration:underline;
	color:#6073C4;
	}
a:visited {
	text-decoration:underline;
	color:#69442C;
	}
a:link:hover, a:visited:hover, a:link:active, a:visited:active {
	color:#FF6300;
	}
a:link img, a:visited img {
	border-width:0;
	}
.header small {
	font-size:0.7em;
	display:block;
	margin: 0.3em auto 0 6em;
	}
.header {
	color:#F70;
	background: #8C6C58 url(dammit.gif) right bottom no-repeat;
	padding:0.6em 1em 1px 1em;
	border-top: solid 28px #9D806D;
	text-shadow: #69442C 2px 2px 1px;
	}
.header h1 {
	margin:0 auto 12px 0;
	}
#px {
	position:absolute;
	right:3px;
	top:7px;
	background: transparent url(pixelpusher.gif) left top no-repeat;
	height:27px;
	width:357px;
	}
#content {
	max-width: 60em;
	color:#222;
	background-color:#fff;
	position: relative;
	margin: 30px 0 30px 0;
	padding: 0 25em 0 50px;
	text-align:left;
	}
.main h2, .main h3, .main p {
	padding-left:18px;
	}
.aside p {
	padding-left:0;
	margin-left:10px;
	font-size:1em;
	}
.main h2 { background: transparent url(purina.gif) 0 0.4em no-repeat; }
.main h3 { background: transparent url(purina2.gif) 0 0.3em no-repeat; }
.aside h2 { background: transparent; font-size:1.1em; padding-left:10px; margin-top:0; }
.aside {
	position: absolute;
	top: 0;
	right: 50px;
	width: 19em;
	background-color:#fff;
	border-left:dotted 2px #9D806D;
	height:100%;
	text-align:left;
	color:#555;
	}
#textsize {
	display:block;
	margin:0 0 0 10px;
	padding: 3px 3px 3px 38px;
	height:27px;
	min-height:27px;
	background: #fff url(textlarger.gif) left center no-repeat;
	font-size: large;
	font-weight: bold;
	}
html>body #textsize {
	height:auto;
	}
#textsize:hover {
	background-color:#EADCD2;
	}
p.footnote {
	margin-left: 20px;
	text-indent: -0.9em;
	}
span.footnote {
	color:#FF6300;
	}
li {
	margin-bottom:0.5em;
	}
.quoted {
	display:block;
	color:#000;
	background-color:#EADCD2;
	border: solid 1px #69442C;
	margin-left:18px;
	padding:0;
	}
.quoted  li {
	font-size:1.2em;
	display:block;
	margin: 0.7em 1em 1.2em 1em;
	padding:0;
	list-style-type:none;
	}
.footer p {
	color:#666;
	border-top: solid 1px #ccc;
	font-size:1em;
	margin-left:18px;
	padding-left:0;
	padding-top:0.3em;
	margin-top:2em;
	}
	
/* End NS4 comment hack */

q {
	font-style:normal;
	quotes: "\00201C" "\00201D" "\002018" "\002019";
	}
/* hide for Mac IE 5 \*/
q {
	font-style:italic;
	}
/* end Mac IE hack */
q:before {
	content:open-quote;
	}
q:after {
	content:close-quote;
	}
html>body q {
	font-style:normal;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}