/* zenlibra : enlightenment and balance in a dark topsy-turvy world */

/* this style-sheet is for the style kongzeMiao */
/* all associated graphics copyright 2006 Keith Daniel Fox */

/* IMPORTANT */
/* this design is not a template. I would prefer if you did not blatantly copy the CSS, but used it in order to learn from and create your own designs. you will feel much better for it. */

/* basic elements */

body {
	background : #f5f5f5  center top repeat-y;
	color: #666666;
	text-align: center;
	padding: 0;
	font: 11px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0;
}

a:link {
	color : #000000;
	text-decoration : underline;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h3 {
	color: maroon;
	margin: 0;
	padding: 0;
}

h3.resources {
	margin-top: 10px;
	padding-top: 10px;
}

img {
	background-color: #f3f3f3;
	padding: 10px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
}

acronym {
	border-bottom: 1px dotted black;
	cursor: help;
}

span {
	
}

/* structure */

/* @group Layout */

/* major divs - layout
   */

#container {
	width: 642px;
	text-align: left;
	position: relative;
	margin: 0 auto auto;
	border-bottom: 3px solid black;
	background: url(images/container.gif) repeat-y;
	padding: 0;
}

#intro {
}

#supportingText {
	background: url(images/footer.gif) no-repeat center bottom;
	margin-bottom: 10px;
}

#linkList {
	position: absolute;
	top: 251px;
	left: 404px;
}

/* @end */

/* divs */

/* @group intro */

/* intro */

#pageHeader {
	width: 562px;
	background: no-repeat center top url(images/header_1.gif);
	margin-left: 40px;
	height: 212px;
	border-top: 3px solid black;
}

#pageHeader span {
	display: none;
}

#quickSummary {
	margin-left: 40px;
	margin-right: 40px;
	padding-left: 10px;
}

#quickSummary p {
	font-style: italic;
}

#preamble {
	padding: 10px;
	background: #f5f5f5;
	margin: 10px 248px 10px 50px;
	border: 1px dotted #818080;
}

#preamble h3 {
	background: url(images/beginner.gif) no-repeat;
	height: 42px;
	width: 310px;
}

#preamble h3 span {
	display: none;
}

/* @end */

/* supportingText */

/* @group index */

/* index */

#nothing, #dark, #balance {
	margin-left: 40px;
	margin-right: 238px;
	padding: 10px;
}

#nothing h3 {
	background: url(images/nothing.gif) no-repeat;
	width: 128px;
	height: 42px;
}

#nothing h3 span {
	display: none;
}

#dark h3 {
	background: url(images/dark.gif) no-repeat;
	width: 215px;
	height: 42px;
}

#dark h3 span {
	display: none;
}

#balance h3 {
	background: url(images/balance.gif) no-repeat;
	width: 214px;
	height: 42px;
}

#balance h3 span {
	display: none;
}

/* @end */

/* @group colophon */

/* colophon */

#about, #bio, #code, #making, #copyright {
	margin-left: 40px;
	margin-right: 238px;
	padding: 10px;
}

#about h3 {
	background: url(images/zenlibra.gif) no-repeat;
	width: 140px;
	height: 42px;
}

#about h3 span {
	display: none;
}

#bio h3 {
	background: url(images/keith.gif) no-repeat;
	width: 126px;
	height: 42px;
}

#bio h3 span {
	display: none;
}

#code h3 {
	background: url(images/code.gif) no-repeat;
	width: 147px;
	height: 42px;
}

#code h3 span {
	display: none;
}

#making h3 {
	background: url(images/making.gif) no-repeat;
	width: 256px;
	height: 42px;
}

#making h3 span {
	display: none;
}

#copyright h3 {
	background: url(images/copyright.gif) no-repeat;
	width: 149px;
	height: 42px;
}

#copyright h3 span {
	display: none;
}

/* @end */

#footer {
	padding: 50px 20px 30px 162px;
}

#footer a {
	color: #bcbcbc;
}

/* linkList */

#linkList ul {
	padding: 0;
	list-style: none;
}

a.nav, a.nav:link, a.nav:visited {
	color : #000000;
	text-decoration : none;
	display: block;
	width: 197px;
	height: 30px;
	border: 1px #000000;
	margin-top: 2px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	background: url(images/bullet.gif) no-repeat 5px 3px;
}

a.nav:hover {
	color : #000000;
	text-decoration : none;
	background: #eeeeee url(images/bullet.gif) no-repeat 5px 3px;
}

a.nav:active {
	color: #ffffff;
	background: #d5d5d5 url(images/bullet.gif) no-repeat 5px 3px;
}

span.chosen {
	color: #7e7e7e;
	background: #eeeeee url(images/bullet.gif) no-repeat 5px 3px;
	text-align: center;
	margin-top: 2px;
	width: 197px;
	height: 30px;
	border: 1px  #000000;
	display: block;
	line-height: 30px;
	font-size: 14px;
}