/* 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: #EEDECF;
	color: #333;
	margin: 8px;
	padding:0px;
	border: 6px solid #7A3337;
	width: 97%;  /* box model hack IE5 */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 97%;	 
}
html>#wrapper	{
	width: 97%;
} 

#header	{
	background: #EEDECF;
	color: #666;
	border: 0;
	margin: 0;
	padding: 10px;
	padding-bottom: 0;
	text-align: left;
}
#footer {
	border-top: 2px solid #7A3337;		
	color: #666;
	background: #EEDECF;
	padding: 2px;
	text-align: left;
	clear: both;
} 

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

#maincontent	{
	float: left;
	margin: 0;
	margin-left:0.5em;
	padding: 10px;
	width: 40%;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 40%;	 
}
html>#maincontent 	{
	width: 40%;
}

#maincontent-nosidebar	{
	margin: auto;
	margin-left:0.5em;
	padding: 10px;
} 

#sidebar	{
	padding:0;
	margin: 0 0 0 40%;
	background:#EEDECF;
	height:100%;
}	

#sidebar-content	{
	position:relative;
	margin: 0 0 0 0;
	padding:0;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
/* from Sean's format.css file for Lee Alston   */

body	{
	background: #EEDECF;
	color: #003;
	margin: 0;
	padding: 10px;
	border: 0;
	text-align:center;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 86%; 
	height:100%;
}

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

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:#4E6062;
	text-decoration:none;
}
a:visited {
	color: #4E6062;
	text-decoration:none;
}
a:active {
	color: #657D7E;
	text-decoration:underline;
}
a:hover {
	color: #657D7E;
	text-decoration:underline;
}
#header	h1, #header	h2, #header h3, #header p  {
	color: #EEDECF;
	font-size: .1em;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #666;
	text-decoration:none;
}
#footer a:hover {
	color: #666;
	text-decoration:underline;
}
img	{
	display: block;
	border: 0;
}
#header img {
	width: 40%;
	height: 100%;
}
#maincontent img {
	margin: 10px auto;
	border: 4px solid #98A5A6;
}
#maincontent-nosidebar img {
	margin: 10px;
	border: 4px solid #98A5A6;
	width: 75%;
	height: 75%;
}

#sidebar-content img {
	margin: 4px auto;
	border: 8px solid #98A5A6;
	width: 75%;
	height: 75%;
}

#sidebar-content h3 {
	text-align:right;
}

#sidebar-content p {
	text-align:center;
}