/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------- KOI'S VILLAGE STYLE SHEET ---------------------------------*/
/*------------------------- by Ignacio Ricci (http://www.ignacioricci.com) ----------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles (http://meyerweb.com/eric/tools/css/reset/) ------------*/

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
		h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
		strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
		tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; 
		vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		li {line-height:100%;}
		
/*- End Reset Styles ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- General Styles ------------------------------------------------------*/

		body {font:76% Georgia, Times, serif; background:url(body-paperbg.jpg) repeat 0 0;}
		
			/*- Wide Containers -*/
			#container, 
			#intro,
			#pageHeader,
			#quickSummary, 
			#linkList {width:100%;}
			
			/*- Links -*/
			a:link {text-decoration:underline; color:#EFF3B8;}
			a:visited {color:#999;}
			a:hover, a:visited:hover {color:#FDAAB5;}
			a:focus {border:1px dotted #666;}
			
			/*- Access key -*/
			.accesskey {text-decoration:none;}
			
			/*- CSS Accronyms -*/
			acronym {border-bottom:1px dotted #FFC0CB; cursor:help;}
				/*- Override inside links -*/
				a acronym {border:none;}

/*- End General Styles --------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Header --------------------------------------------------------------*/


		#pageHeader {position:relative; height:426px; background:url(village-header.jpg) repeat-x 0 0;}
				#pageHeader h1, 
				#pageHeader h2 {position:absolute; text-indent:-32697px; font-size:0;}
			
				/*- CSS Zen Garden -*/
				#pageHeader h1 {top:57px; left:425px; width:228px; height:67px; background:url(h1-zen-garden.jpg) no-repeat 0 0;}
				/*- "The Beauty of CSS Design" -*/
				#pageHeader h2 {top:124px; left:503px; width:235px; height:27px; background:url(h2-the-beauty.jpg) no-repeat 0 0;}
				
/*- End Header ----------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/		

/*- Summary + Download --------------------------------------------------*/
				
		#quickSummary {float:left; padding:30px 0 10px; background:#F8F2E3}
			
				#quickSummary .p1, #quickSummary .p2 {float:left;}
					
				/*- A demonstration of... -*/
				#quickSummary .p1 {margin-left:40px; width:570px; line-height:140%; font-size:2em; font-style:italic; color:#CA395A;}
					#quickSummary .p1 acronym {color:#632039;}
				
				/*- Download sample -*/
				#quickSummary .p2 {border:1px solid #E2DECC; padding:2px; width:145px;}	
					#quickSummary .p2 span {display:block; text-align:center; line-height:150%; font-size:1.2em; border:1px solid #E2DECC; padding:20px 5px;}
				
						#quickSummary .p2 span a {color:#A33A4D;}
						#quickSummary .p2 span a:hover {color:#CA6A7B;}
							
/*- End Summary + Download ----------------------------------------------*/	

/*-----------------------------------------------------------------------------------------------*/		

/*- The Road to Enlightment ---------------------------------------------*/

		/*- Container + Koy Body -*/
		#preamble {clear:both; background:#F1E9CA url(koi-body.jpg) no-repeat 0 38px;}
		
			/*- Title + top paper borders -*/
			#preamble h3 {font-size:2.8em; font-weight:normal; color:#A29C88; background:url(paper-border-1.jpg) repeat-x 0 0;}
				/*- Koi Tail -*/
				#preamble h3 span {display:block; padding:60px 0 0 290px; background:url(koi-tail.jpg) no-repeat 0 0;}
					/*- FIX IE 7 bad padding -*/
					 *+ html #preamble h3 span {min-height:1%;}
			
			#preamble p {font-size:1.1em; line-height:180%; color:#575448;}
				#preamble p span {display:block; padding:10px 0 0 295px; width:470px;}
		
			/*- Second <P> -*/
			#preamble .p2 {font-weight:bold;}
			/*- Third <P> (bottom paper borders) -*/
			#preamble .p3 {padding-bottom:50px; background:url(paper-border-2.jpg) repeat-x 0 100%;}
		
/*- End The Road to Enlightment -----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	
		
/*- Main Content --------------------------------------------------------*/	

		#supportingText {width:480px; padding:10px 0 0 290px;}

			#supportingText h3 {font:2.5em Arial, sans-serif; color:#FAF3DF; letter-spacing:-0.02em; background:url(h3-main-band.png) repeat-x 0 0;}
				#supportingText h3 span {display:block; min-height:64px; padding:14px 0 0 50px; background:url(h3-main-fanicon.png) no-repeat 0 0;}
				/*- FIX IE6 lack of min-height -*/
				* html #supportingText h3 span {height:64px;}
				
			#supportingText p {padding:0 30px 20px; line-height:200%; color:#FEEDE0; font-size:1.2em;}
		
/*- End Main Content ----------------------------------------------------*/
			
/*-----------------------------------------------------------------------------------------------*/				
			
/*- Bottom Navigation ---------------------------------------------------*/		
		
		#linkList {margin-top:50px;}
		
			#linkList2 {margin:0 0 0 290px; width:470px;}
			
				#linkList2 div {float:left; width:225px; padding-bottom:20px;}
				
					/*- Select a design: -*/
					#lselect {margin-right:20px;}
				
					/*- Resources -*/
					#lresources {padding-bottom:60px !important;}
		
				#linkList2 h3 {padding-bottom:6px; font:2.2em Arial, sans-serif; color:#7F6764; letter-spacing:-0.02em; background:url(h3-bottom-bar.png) repeat-x 0 100%;}

				#linkList2 ul li {padding:10px 0; line-height:160%; color:#7F6764; border-bottom:1px dotted #68554D;}
					#linkList2 ul li a {font:small-caps 0.9em Arial, sans-serif; color:#6A7D7A; text-decoration:none; text-transform:uppercase;}
						/*- Author -*/
						#linkList2 ul li a.c {color:#A2B0AE;}
					#linkList2 ul li a:hover {text-decoration:underline;}
			
/*- End Bottom Navigation -----------------------------------------------*/		
		
/*-----------------------------------------------------------------------------------------------*/	

/*- Footer = Validation links below logo --------------------------------*/
		
			#footer {position:absolute; top:160px; left:610px; width:170px;}
				#footer a:link {color:#661F41; text-decoration:none;}
				#footer a:hover {text-decoration:underline;}
				
/*- End Footer ----------------------------------------------------------*/
			
/*-----------------------------------------------------------------------------------------------*/		

/*- Extra Divs ----------------------------------------------------------*/			
			
			#extraDiv1, 
			#extraDiv2, 
			#extraDiv3, 
			#extraDiv4, 
			#extraDiv5, 
			#extraDiv6 {display:none;}
			
/*- End Extra Divs ------------------------------------------------------*/
		
/*-----------------------------------------------------------------------------------------------*/
/*- ABOUT THIS STYLESHEET -----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

			/*-
			
			CSS Coding and Design by Ignacio Ricci.
			http://www.ignacioricci.com
			 
			Header image extracted from a Decemberists's wallpaper:
			http://www.decemberists.com/downloads/wallpapers/decemberists_2560.jpg
			
			Koi Fish drawing extracted from:
			http://starboardstare.blogspot.com/2008/03/japanese-koi-inked.html
			
			Fan Icon from ~denghao:
			http://denghao.deviantart.com/art/Marketing-icons-full-version-93077270
			
			-*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------- END KOI'S VILLAGE STYLE SHEET -------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/