/* css Zen Garden submission 167 - 'Hoops - Tournament Edition', by David Marshall Jr., http://www.pixelflexmedia.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, David Marshall Jr. */
/* Added: May. 31st, 2005 */

/* 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. */



/* basic html attributes ------------------------------------------------------------------- */
body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #6B320E url(bg.gif) repeat-y 50% 0;
	text-align: center;
	}
p, ul {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px; 
	color: #000000;
	}
a:link, a:visited {  
	text-decoration: underline;
	color: #B52E00;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #6B320E;
	}	
h1, h2 {
	display: none;
	}
h3 {
	width: 323px;
	height: 37px;

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


/* main divs ------------------------------------------------------------------------------- */
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 600px;
	text-align: left;
	}
.intro {
	width: 600px;
	}
.supporting {
	width: 340px;
	margin: 0px 0px 0px 20px;
	}
.preamble {
	width: 340px;
	margin: 0px 0px 0px 20px;
	}
header {
	width: 600px;
	height: 471px;
	background: url(main.jpg) no-repeat;
	}
.summary {
	position: absolute;
	top: 480px;
	left: 390px;
	width: 190px;
	background: transparent url(h3_thegoods.jpg) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	}
footer {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin: 30px 0px 30px 0px;
	}
.sidebar {
	position: absolute;
	top: 570px;
	left: 390px;
	width: 190px;
	margin: 0px 30px 0px 0px;
	}
header h1, header h2 {
	display: none;
	}


/* text & links ---------------------------------------------------------------------- */	
.summary p:last-child {
	text-indent: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	padding: 7px 12px 7px 12px;
	margin: 38px 0px 0px 0px;
	background: #6B320E;
	border-top: 1px solid #FFFFFF;
	}
.summary p:last-child a:link, .summary p:last-child a:visited {  
	text-decoration: underline;
	color: #FEEC83;
	font-weight: bold;
	}
.summary p:last-child a:hover, .summary p:last-child a:active { 
	text-decoration: underline; 
	color: #FFFFFF;
	font-weight: bold;
	}
.summary p:first-child {
	display: none;
	}
.preamble h3, .explanation h3, .participation h3, .benefits h3, .requirements h3 {
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 5px 0px;
	}
.preamble h3 {
	margin: 0px 0px 5px 0px;
	}
.preamble p:nth-child(2), .explanation p:nth-child(2), .participation p:nth-child(2), .benefits p:nth-child(2), .requirements p:nth-child(2) {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
footer a:link, footer a:visited {  
	text-decoration: underline;
	color: #FFFFFF;
	background: #6B320E;
	padding: 2px 16px 2px 16px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	}
footer a:hover, footer a:active { 
	text-decoration: underline; 
	color: #000000;
	border: 1px solid #FFFFFF;
	background: url(li_bg.jpg) no-repeat;
	}


/* linklist on sidebar --------------------------------------------------------------- */
.sidebar h3 {
	width: 190px;
	height: 37px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	}
.sidebar p, .sidebar li {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	text-indent: 0px;
	}
.sidebar ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #6B320E;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}
.sidebar li {
	color: #000000;
	line-height: 12px;
	padding: 7px 17px 7px 17px;
	}
.sidebar li:hover {
	background: url(li_bg.jpg) no-repeat;
	}
.sidebar li a {
	display: block;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px -12px;
	background: url(bullet_white.gif) no-repeat 0px 4px;
	}
.sidebar li a:hover {
	color: #000000;
	background: url(bullet_black.gif) no-repeat 0px 4px;
	}
.sidebar li a.designer-name {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	color: #FEEC83;
	font-weight: normal;
	}
.sidebar li a.designer-name:hover {
	color: #000000;
	}
.sidebar .design-archives li, .sidebar .zen-resources li {
	padding: 7px 0px 7px 0px;
	}
.sidebar .design-archives li a, .sidebar .zen-resources li a {
	display: inline;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 5px;
	background: url(bullet_white.gif) no-repeat 0px 4px;
	}
.sidebar .design-archives li a:hover, .sidebar .zen-resources li a:hover {
	background: url(bullet_black.gif) no-repeat 0px 4px;
	}


/* h3 image replacement -------------------------------------------------------------- */
h3.select {
	background: transparent url(h3_select.jpg) no-repeat;
	}
h3.resources {
	background: transparent url(h3_resources.jpg) no-repeat;
	}
h3.archives {
	background: transparent url(h3_archives.jpg) no-repeat;
	}
.preamble h3 {
	background: url(h3_theroad.gif) no-repeat; margin-top: 0;
	}
.explanation h3 {
	background: url(h3_sowhat.gif) no-repeat;
	}
.participation h3 {
	background: url(h3_participation.gif) no-repeat;
	}
.benefits h3 {
	background: url(h3_benefits.gif) no-repeat;
	}
.requirements h3 {
	background: url(h3_requirements.gif) no-repeat;
	}