* { padding: 0; margin: 0; outline: 0; }

body {
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    font-size: 13px;
    color: #000;
    line-height: 130%;
    background: #854714;
}

a { cursor: pointer; color: #c0670e; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.center { margin: 0 auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.shell { width: 860px; margin: 0 auto; }

#page { background: url(css/images/body-bg.jpg) repeat-y center 0; height: 100%; }
#header .shell { height: 100%; background: url(css/images/homeHeader.jpg) no-repeat center 0;  }

h1#logo { float: left; display: inline; height: 185px; width: 377px; font-size: 0; line-height: 0; }
h1#logo a { display: block; height: 185px; background: url(css/images/homeLogo.png); text-indent: -4000px; }

#header .chicken { 
	height: 189px; 
	width: 148px; 
	background: url(css/images/chicken.png) no-repeat 0 0; 
	position: absolute; 
	top: 35px; 
	right: 145px;
	z-index: 1; 
} 

#navigation { 
	float: right; 
	display: inline; 
	width: 263px; 
	height: 168px; 
	margin-right: 40px; 
	position: relative; 
	z-index: 200; 
	border: 0;
}

#navigation .relation { width: 263px; height: 168px; background: url(css/images/navigation.png) no-repeat 0 0; }

#navigation ul { list-style: none outside; padding-top: 10px; padding-left:25px; }

#navigation a { 
	float: left;
	display: inline; 
	height: 14px; 
	width: 218px; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
	margin: 5px 0 10px 0; 
	position:relative;
}

#navigation a:hover,
#navigation .active { background-position: 0 bottom; }

#nav1 { background: url(css/images/homeNav1.gif) no-repeat 0 0; }
#nav2 { background: url(css/images/homeNav2.gif) no-repeat 0 0; }
#nav3 { background: url(css/images/homeNav3.gif) no-repeat 0 0; }
#nav4 { background: url(css/images/homeNav4.gif) no-repeat 0 0; }
#nav5 { background: url(css/images/homeNav5.gif) no-repeat 0 0; }

#videoBox { width: 475px; height: 334px; padding: 10px; margin: 0 auto; background: #13536a; position: relative; z-index: 1000; }

#videoBox .topChicken {
	position: absolute; 
	top: -105px;
	right: 90px;
	height: 115px;
	width: 127px;
	background: url(css/images/videoBoxTopChicken.png) no-repeat 0 0;
}

#videoBox .backward {
	position: absolute;
	bottom: -33px;
	left: 0;
	display: block;
	height: 33px;
	width: 217px;
	background: url(css/images/btnBackward.gif) no-repeat 0 0;
	display: none;
}

#videoBox .forward {
	position: absolute;
	bottom: -33px;
	left: 278px;
	display: block;
	height: 33px;
	width: 217px;
	background: url(css/images/btnForward.gif) no-repeat 0 0;
display: none;
}

#colLeft { float: left; display: inline; width: 432px; margin-left: 50px; }

#wtcFeatures { 
	height: 164px; 
	width: 269px; 
	background: url(css/images/wtcBox.gif) no-repeat 0 0; 
	padding: 20px 30px 40px 30px; 
	text-transform: uppercase; 
	position: relative;
	margin: -40px 0 25px 0;
}

#wtcFeatures h2 { font: bold 26px "Rosewood", Georgia, "Times New Roman", serif; color: #000; }
#wtcFeatures p { font: bold 10px "Rosewood", Georgia, "Times New Roman", serif; color: #951523; line-height: 20px; }

.post { background: #fff; margin-bottom: 20px; }
.post img { display: block; }
.post .entry { padding: 0 30px; }
.post p { font-size: 13px; padding-bottom: 15px; font-family: Helvetica, Arial, sans-serif; }
.post .entry p { padding-bottom: 20px; font: 14px Georgia, Times, serif; line-height: 18px; } 
.post .entry p a { color: #c0670e; text-decoration: underline; }
.post .entry p a:hover { text-decoration: none; }
.head { background: #13536a; padding: 8px 15px; margin-bottom: 30px; }
.head h2 a,
.head h2 { display: block; font: italic bold 18px Georgia,"Times New Roman", serif; color: #fff; }
.head small { display: block; font: italic bold 11px Helvetica, Arial, sans-serif; line-height: 16px; color: #fff; }
.post .postmetadata a { color: #000 !important; font: italic bold 13px  Times, serif; }

#home .box .bg { height: 50px; }
#home .box .head { margin-bottom: 15px; }
.chickenSteps { 
	height: 24px; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
	width: 427px; 
	background: url(css/images/chickenSteps.gif) repeat-x 0 0; 
	margin: 20px 0;
}

.seePosts { border-top: 1px solid #382f26; border-bottom: 1px solid #382f26; padding: 25px 0; }

.seePosts a { 
	display: block; 
	background: #fff; 
	color: #004814;  
	width: 158px; 
	height: 33px; 
	text-align: center; 
	font: bold 13px Helvetica, Arial, sans-serif; 
	line-height: 33px;
}

#colRight { float: left; display: inline; width: 293px; margin: 50px 0 0 36px; }

#firstbox {margin: 99px 0 60px 0;}

#recentlyHatched { padding-left: 0px; font: 15px Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 45px;}
#recentlyHatched h2 { position: relative; margin-left: -20px; height: 96px; width: 214px; background: url(css/images/recentlyHatched-h.gif) no-repeat 0 0; }

#recentlyHatched a { display: block; width: 270px; color: #9a5005; padding-left: 20px; padding-top: 10px; padding-bottom: 5px; font-weight: bold;}
#recentlyHatched a:hover { font-weight: bold; color: #f6dc00; }

#colRight .head { background: #000; }
.box { background: #fff; margin-bottom: 20px; height: 100%; }
.box a.img { display: block; width: 85px; margin: 20px auto; }

.rss, .share, .facebook, .twitter, .youtube { 
	float: left; 
	display: inline; 
	height: 38px; 
	padding-left: 25px; 
	font: bold 14px Helvetica, Arial, sans-serif; 
	line-height: 38px; 
	text-transform: uppercase; 
	background: url(css/images/rssIcon.gif) no-repeat 0 center; 
	margin: 0 0 30px 25px; 
	color: #000 important!;
} 

.facebook, .twitter, .youtube {
padding-left: 0px; 
margin: 0 0 30px 10px;
}

.share { background: url(css/images/shareIcon.gif) no-repeat 0 0; background:none; }
.facebook, .twitter, .youtube { background: none; }



#footer p { padding: 35px 50px; font: italic 11px Arial, sans-serif; color: #56482f; }
#footer a { color: #56482f; text-decoration: underline; }
#footer a:hover { text-decoration: none; }


/* Homepage Modifications 10/12/09 (remember to remove image from myhome.php too)*/
#header .shell { height: 350px; background: url(css/images/homeHeader2.jpg) no-repeat center 0;  }
#videoBox, #wtcFeatures { display: none;}
#recentlyHatched h2 {   }
div#colRight { margin-top: 0; }