/* A List Apart 3.0 layout - alistapart.com */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2003 Happy Cog Studios and may not be reproduced. */ 

#wrapper	{
	background: #dfd5b2;
	color: #333;
	margin: auto;
	margin-top:8px;
	padding: 0;
	border: 0;
	width: 950px;  /* box model hack IE5 */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 930px;	 
}
html>#wrapper	{
	width: 930px;
} 

#header	{
	background: #a43f3e;
	color: #666;
	border: 0;
	margin: 0;
	padding: 2px;
	text-align: center;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
}
html>#footer	{
	font-size: x-small;
}
#footer {
	border: 0;
	color: #666;
	background: #a43f3e;
	padding: 2px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
}
html>#footer	{
	font-size: x-small;
} 

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
}

#maincontent	{
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	background: #dfd5b2;
	width: 65%;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 65%;	 
}
html>#maincontent 	{
	width: 65%;
} 

#sidebar	{
	border: 0;
	padding: 10px .5em 10px 0;
	margin: 0 0 0 65%;
	color: #a43f3e;
	background:#dfd5b2;  /* 999 */
	/* compensates for IE Win bungling */
	height: 100%;
}	

#sidebar-content	{
	margin: 0 0 25px 0;
	padding:0;
	border:0;
}
img	{
	display: block;
	border: 0;
	}
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
body	{
	background: #a43f3e;
	color: #003;
	margin: 0;
	padding: 0;
	padding-bottom:18px;
	border: 0;
    height:100%;
	text-align:center;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 86%; 
}

p {
	padding: 0.5em 1em 0.5em 12px; 
	margin:0;
}
ul {
	padding: 4px;
	margin:0;
}
ul li {
	list-style-type:none;
	margin-left: 0.9em;
}
li ul li {
	list-style-type:none;
	margin-left: 0.9em;
}
li {
	list-style-type:none;
	margin-left: 0.9em;
}

h1 {
	padding:0.5em;
	padding-right:12px;	
	margin:0; 
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.7em; 
}
h2 { 
	padding:0.5em 1em 0.2em 12px; 
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.3em; 
}
h3 { 
	padding:0.5em 1em 0 12px;
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.1em; 
}
h4 { 
	padding:0.5em 1em 0 12px;
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1em; 
}

a, a:link  {
	color:#a43f3e;
	text-decoration:none;
}
a:visited {
	color: #a43f3e;
	text-decoration:none;
}
a:active {
	color: #a43f3e;
	text-decoration:underline;
}
a:hover {
	color: #dfd5b2;
	text-decoration:none;
	background: #a43f3e;
}

#header	h1 {
	color: #fff;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #666;
	text-decoration:none;
}
#footer a:hover {
	color: #666;
	text-decoration:underline;
}
#header img {
	margin: 4px auto;
	border: 2px solid #a56020;
}
#sidebar-content img {
	margin: auto;
	border: 0;
	display: inline;
}
#maincontent img {
	margin: 4px auto;
	border: 0px solid #ccc;
}

dl.classes  {
	margin: 0 0 0.5em 12px;
}
dl.classes dt  {
	display: block;
	font-weight:bold;
	line-height: 1.2em;
	font-size:1.0em;
}
dl.classes dd {
	display: block;
	margin: 0 0 0.5em 14px;
	line-height: 1.2em;
	font-size:1.0em;		
}

ul.shows  {
	margin: .5em 0 1em 12px;
	list-style: none;
	padding:0;
}
ul.shows li  {
	list-style: disc;
	margin: 0 0 .9em 0;
	padding: 0;
	font-size:1.1em;
	font-weight: bold;
}

p.divider  {
	text-align:center;
	font-size: 1.9em;
}

#navbar_horizontal {
	color: #dfd5b2;
	padding: 3px 0 3px 4px;
	margin: 0;
}
#navbar_horizontal ul ,#navbar_horizontal li {
	font-family: arial, helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;  /* IE5 Win box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 14px;
}	
html>#navbar_horizontal ul,html>#navbar_horizontal li	{
	font-size: 14px;
}
#navbar_horizontal ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#navbar_horizontal ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
	text-align:left;
}
#navbar_horizontal a, #navbar_horizontal a:link  {
	color: #dfd5b2;
	padding: 3px 16px 4px 16px;
	margin-left: -4px;
	text-align:center;
	text-decoration: none;
	width: 100%;
}
#navbar_horizontal a:visited, #navbar_horizontal a:active  {
	color: #dfd5b2;
	text-decoration:none;
}
#navbar_horizontal a:hover  {
	color: #a43f3e;
	background: #dfd5b2;
	text-decoration:none;
}
#navbar_vertical {
	color: #a43f3e;
	padding: 50px 0 13px 4px;
	margin: 0;
}
#navbar_vertical ul ,#navbar_vertical li {
	font-family: arial, helvetica,sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
}
#navbar_vertical ul {
	margin-left: 0;
	padding-left: 0;
} 
#navbar_vertical ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10;
	text-align:left;
}
#navbar_vertical a, #navbar_vertical a:link  {
	color: #a43f3e;
	text-decoration: none;
}
#navbar_vertical a:visited, #navbar_vertical a:active  {
	color: #a43f3e;
	text-decoration:none;
}
#navbar_vertical a:hover  {
	color: #fff;
	background: #a43f3e;
	text-decoration:none;
}