/* css Zen Garden submission 188 - 'Organica Creativa', by Eduardo Cesario, http://www.criaturacreativa.com.ar/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Eduardo Cesario */
/* Added: November 10th, 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. */




/* css Zen Garden "Organica Creativa", by Eduardo Cesario, La Criatura Creativa.

	All images, photos and vector art present on this design, are copyrighted by Eduardo Cesario,
	La Criatura Creativa. To see more of my work, you can go to http://www.criaturacreativa.com.ar
	
*/


a:link {
	text-decoration: none;
}

.participation a:link {
	color: #FF0000;
	}

.requirements a:link {
	color: #009999;
	}

a:visited {
	text-decoration: none;
	color: #666666;
	}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

body { 
	background-color: #99CC00;
	background-image:  url("bg_body.gif");
	background-repeat:no-repeat;
	margin: 0px; 
	margin-left:122px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #999999;
	font-weight: bold;
	}
	
.page-wrapper	{
	position:absolute;
	margin-top:0px;
	width: 658px;
	background-image: url("bg_container.gif");
	background-repeat:	repeat-y;
	background-position:left;
	}

.intro	{
	margin-top: 250px;
	}
	
header h1, header h2	{
	display: none;
	}

.summary	{
	position: absolute;
	top: 1330px;
	left: 415px;
	width: 230px;
	height: 111px;
	background-image:  url("sidebar_part_4.gif");
	background-repeat:	no-repeat;
	margin: 5px;
			}


.summary  p:nth-child(2)	{
	display: none;
	}

.summary  p:nth-child(3) {
	margin: 10px;
	margin-top: 30px;
	color: #FF6600;
		}
.summary a		{
	color: #CC0000;
	}
		
.intro, .supporting, .sidebar {
	padding: 25px;
	width: 320px;
	}
	
.intro h3, .supporting h3 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		}

.intro h3	{
			background:  url("title1.jpg");
			width: 313px;
			height: 75px;
			}

p:nth-child(2)	{
		color: #666666;
		}
		
p:nth-child(2), p:nth-child(3), p:nth-child(4)	{
		margin: 0px;
		padding: 0px;
		margin-top: 8px;
		}
		
.explanation h3	{
			background:  url("title2.jpg");
			width: 313px;
			height: 75px;
			margin: 0px;
			padding: 0px;
			}
	
.participation h3	{
			background:  url("title3.jpg");
			width: 313px;
			height: 75px;
			}
			
.benefits h3	{
			background:  url("title4.jpg");
			width: 313px;
			height: 75px;
			}
			
.requirements h3	{
			background:  url("title5.jpg");
			width: 313px;
			height: 75px;
			}
			
.extra1	{
		background-image: url("header.gif");
		background-repeat: no-repeat;
		background-position:top;
		position: absolute;
		top: 0px;
		left: 122px;
		width: 658px;
		height: 259px;
		}

.extra2	{
		background: transparent url("photo_csspill.jpg") top left no-repeat;
		position: absolute;
		top: 191px;
		left: 485px;
		width: 295px;
		height: 339px;
		}

.sidebar	{
	position: absolute;
	top: 530px;
	left: 363px;
	width: 295px;
	height: 755px;
	z-index: 1;
		}
		
.sidebar .wrapper	{
		margin-top: 70px;
		margin-left: 26px;
				}

.design-selection	{
		width: 230px;
		height: 384px;
		background-image: url("sidebar_part_1.gif");
		color:#CCCCCC;
			}

.design-selection h3 , .design-archives h3, .zen-resources h3	{
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		}
		
.design-selection h3, .design-archives h3, .zen-resources h3	{
		width: 229px;
		height: 50px;
		}
		
.design-selection h3	{
			background:  url("sidetitle_01.gif");
			width: 229px;
			height: 40px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			}
		
.design-selection ul, .design-archives ul, .zen-resources ul	{
	margin-top: 5px;
		}

.design-selection li {
	border-bottom: 1px dotted #FFFFFF;
	width: 170px;
	margin-bottom: 8px;
	list-style-position: outside;
	list-style-image:  url("bullet_01.jpg");
}

.design-selection a.designer-name {
	text-transform: capitalize;
}

.design-selection a {
	display: block;
	font-weight: bold;
	color:#FFFFFF;
}

.design-selection a:hover {
	display: block;
	font-weight: bold;
	color: #3399FF;
	background-color:#FFFFFF;
}

.design-selection a.designer-name {
	color: #FFCC00;
	display: inline;
	font-weight: bold;
}

.design-selection a.designer-name:hover {
	color: #FFCC00;
	display: inline;
	font-weight: bold;
	background-color:#3399FF;
}


.design-archives a, .zen-resources a {
	/*display: block;*/
	font-weight: bold;
	color:#FFFFFF;
}

.design-archives li, .zen-resources li {
	width: 170px;
	list-style-position: outside;
}

.zen-resources li {
	list-style-image:  url("bullet_02.jpg");
}

.design-archives li {
	list-style-image:  url("bullet_03.jpg");
}

.design-archives	{
		width: 230px;
		height: 169px;
		background-image: url("sidebar_part_2.gif");
					}

.design-archives h3	{
			background:  url("sidetitle_02.gif");
			width: 229px;
			height: 40px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			}
			
.zen-resources	{
			width: 230px;
			height: 156px;
			background-image: url("sidebar_part_3.gif");
			}

.zen-resources h3	{
			background:  url("sidetitle_03.gif");
			width: 229px;
			height: 40px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			}

.requirements p:nth-child(6)	{
		font-variant:small-caps;
		font-size: 9px;
		border-bottom: 2px dotted #FFCC00;
		text-align: center;
		width: 470px;
					}

footer		{
			background:  url("footer.jpg");
			background-repeat:no-repeat;
			width: 470px;
			height: 46px;
			text-align:center;
			margin-top:10px;
			padding: 10px;
			}

footer	a	{
			color: #FF9900;
				}
				
abbr		{
			font-style:italic;
			}