/* css Zen Garden submission 091 - 'webZine', by Cent, http://www.20cent.net/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Cent */
/* Added: April 9th, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

*
{
	margin:0px;
	padding:0px;
}

/***********************************/

html,
body
{
	cursor:default;
	font-family:tahoma;
	font-size:0.83em;
	width:100%;
	background:#FFF url(img-paper.gif) no-repeat center top;
}

/***********************************/

abbr
{
cursor:help;
border:0px;
}

a
{
	text-decoration:none;
	white-space:nowrap;
	padding-bottom:4px;
	color:#000;
	background: transparent url(img-line.gif) repeat-x 100% 100%;
}

h3
{
	margin:6px;
	font-family:courier;
	font-size:1.2em;
	margin-top:14px;
}

p
{
	margin:6px;
	letter-spacing:1px;
	text-align:justify;
}

h1
{
	padding:20px;
	padding-top:70px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2
{
	font-size:1em;
	letter-spacing:3px;
	font-family:courier;
}

ul
{
	border:1px solid #BBB;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:lower-roman;
}

li
{
	margin-left:25px;
}

/***********************************/

.page-wrapper
{
	position:absolute;
	left:50%;
	margin-left:-375px;
	width:750px;
}

header,
.summary
{
	text-align:center;
}

.summary
{
	margin-top:10em;
	margin-bottom:-20px;
	text-align:left;
	margin-left:6px;
	color:#666;
	font-family:courier;
}

.summary p
{
	margin:0px;
	padding:0px;
	font-style:italic;
	display:inline;
}

.summary a
{
	color:#666;
}

.preamble
{
	border-top:3px double #DDD;
	margin-top:30px;
	width:100%;
}

.preamble h3,
.explanation h3,
.participation h3,
.benefits h3,
.requirements h3
{
	border-bottom:1px solid #888;
}

.benefits
{
	background:transparent url(img-bonsai.gif) no-repeat bottom center;
	padding-bottom:148px;
}

.explanation
{
	float:left;
	width:31%;
}

.participation
{
	float:left;
	width:46%;
	border-left:2px solid #DDD;
	border-right:2px solid #DDD;
	margin-bottom:10px;
}

.participation p:nth-child(5)
{
	border:2px solid #DDD;
	padding-left:4px;
	padding-right:4px;
	margin-top:30px;
}

.participation p:nth-child(5):first-letter
{
	text-transform:capitalize;
}

.benefits
{
	float:left;
	width:22%;
}

.requirements
{
	clear:both;

	margin-bottom:20px;
	background:transparent url(img-pen.gif) no-repeat left bottom;
	padding-bottom:45px;
}

.requirements p:nth-child(6)
{
	margin-top:20px;
	text-align:right;
	border-right:1.1em solid #CCC;
}

footer
{
	text-align:center;
	font-size:0.9em;
	position:absolute;
	top:130px;
	width:100%;
}

.summary p:first-child,
.summary p:last-child
{
letter-spacing:0px;
}

.design-selection
{
	position:absolute;
	top:30px;
	left:5px;
	font-size:0.8em;
}

.design-archives
{
	position:absolute;
	top:30px;
	right:0px;
	width:170px;
	font-size:0.8em;
}

.zen-resources
{
	position:absolute;
	top:11em;
	right:0px;
	width:170px;
	font-size:0.8em;
}

.design-selection a,
.design-archives a,
.zen-resources a,
footer a
{
	background:none;
	color:#555;
}

.design-selection a:hover,
.design-archives a:hover,
.zen-resources a:hover,
footer a:hover
{
	color:#000;
}

 footer a:hover
{
	text-decoration:none;
	white-space:nowrap;
	padding-bottom:4px;
	color:#000;
	background: transparent url(img-diagonal.gif) repeat-x 100% 100%;
}
