/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body {
	font: 62.5% "Lucida Grande", sans-serif;
	background-color:RGB(214, 235, 245);
	background-image:url(images/kinderbloom-topbackground.gif);
	background-position: top;
	background-repeat: no-repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #B6B433; padding: 3px;} 
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	color: #a69028;
	}
	h1#logo {
	width: 100%;
	height: 291px;
	background: url(images/kinderbloom-logo.png);
	text-indent: -9999px;
	background-position:top center;
	background-repeat: no-repeat;
	}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 1017px;
	margin: 0 auto;
	background-position: center;
	}
	#main-content {
	background: url(images/midfill.png) repeat-y;
	min-height:50px;
	padding: 50px 200px 25px 200px;
		}
		
	#midbottom {
	background-image: url(images/newmidbottom.png);
	height: 152px;
	width: 1017px;
	background-repeat: no-repeat;
	margin: 0px auto;
}

#midbottom span {
     display: none;
}

#midbottom li {
	list-style-type: none;
	float: left;
}

#midbottom a {
	height: 152px;
	display: block;
}

#bottomlist1 { width: 300px;}
#bottomlist2 { width: 350px; }
#bottomlist3 { width: 367px; }

#bottomlist1 a:hover {
      background: url(images/newmidbottom.png) 0px -152px no-repeat;
}

#bottomlist2 a:hover {
      background: url(images/newmidbottom.png) -300px -152px no-repeat;
}

#bottomlist3 a:hover {
      background: url(images/newmidbottom.png) -650px -152px no-repeat;
}

	#article-area {
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
	}
	#space-area {
	width: 500px;
	float: left;
	padding: 15px;
	}
	#sidebar {
	width: 250px;
	height: 430px;
	float: right;
	}
	#article-served {
		width: 200px;
		float: left;
	}
	#article-served2 {
		width: 200px;
		float: right;
	}

#nav {
      background: url(images/navigation.png);
      height: 110px;
      width: 1017px;
      margin: 0px auto;
}

#nav span {
     display: none;
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 111px;
	display: block;
}

#list1 { width: 170px;}
#list2 { width: 169px; }
#list3 { width: 170px; }
#list4 { width: 169px; }
#list5 { width: 169px; }
#list6 { width: 170px; }

#list1 a:hover {
      background: url(images/navigation.png) 0px -112px no-repeat;
}

#list1 a:active {
      background: url(images/navigation.png) 0px -223px no-repeat;
}

#list2 a:hover {
      background: url(images/navigation.png) -170px -112px no-repeat;
}

#list2 a:active {
      background: url(images/navigation.png) -170px -223px no-repeat;
}

#list3 a:hover {
      background: url(images/navigation.png) -339px -112px no-repeat;
}

#list3 a:active {
      background: url(images/navigation.png) -339px -223px no-repeat;
}

#list4 a:hover {
      background: url(images/navigation.png) -509px -112px no-repeat;
}

#list4 a:active {
      background: url(images/navigation.png) -509px -223px no-repeat;
}

#list5 a:hover {
      background: url(images/navigation.png) -678px -112px no-repeat;
}

#list5 a:active {
      background: url(images/navigation.png) -678px -223px no-repeat;
}

#list6 a:hover {
      background: url(images/navigation.png) -847px -112px no-repeat;
}

#list6 a:active {
      background: url(images/navigation.png) -847px -223px no-repeat;
}
#footer {
	min-height: 177px;
	background-image: url(images/footerflowers.gif);
	color: #FFFFFF;
	text-align: center;
	background-repeat: repeat-x;
	position: relative;
	background-color: rgb(154, 202, 96);
	padding-top:143px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:360px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* END STRUCTURE */