/* CSS Document */

/* 
    Document   : roloff.css
    Created on : Apr 28, 2010, 4:11:24 PM
    Author     : Manifest Web Design
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

* {
	margin: 0;
	padding: 0;
}

.header,
.banner,
.showlogo,
.note,
.a.home img,
.sub_nav a,
.sub_nav span,
.fb_icon,
.t_icon,
.content_wrapper ul li
{behavior: url(/css/iepngfix.htc)}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #281400;
}

body {
	background: url(../images/wood_bg_new.jpg) repeat-x #281400;
}

.page_wrapper {
	margin: 0 0 -260px 0;
	height: 100%;
	min-height: 100%;
	height: auto !important;
}

/*////////// generics /////////*/

h1 {
	font-family: 'HarabaraHandItalic', sans-serif;
	font-size: 24px;
	margin-bottom: 16px;
	letter-spacing: -1px;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

h2 span {
	text-transform: none;
	font-weight: normal;
}

h4 {
	font-family: 'ChunkFiveRegular', sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 16px;
}

p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 16px;
}

a {
	outline: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

img {
	border: none;
}


/* font */

@font-face {
	font-family: 'HarabaraHandItalic';
	src: url('harabarahand-webfont.eot');
	src: local('HarabaraHandItalic'), url('harabarahand-webfont.woff') format('woff'), url('harabarahand-webfont.ttf') format('truetype'), url('harabarahand-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('chunkfive-webfont.eot');
	src: local('ChunkFiveRegular'), url('chunkfive-webfont.woff') format('woff'), url('chunkfive-webfont.ttf') format('truetype'), url('chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* header images */

.header {
	height: 420px;
	background: url(../images/sunset.jpg) top repeat-x;
	overflow: hidden;
}
		.family_bg {background: url(../images/wheat.jpg) top repeat-x;}
		.farm_bg {background: url(../images/pumpkins.jpg) top repeat-x;}
		.speaking_bg {background: url(../images/crowd.jpg) top repeat-x;}
		.store_bg {background: ;}
		.charities_bg {background: url(../images/dirt.jpg) repeat-x;}

.banner {
	background: url(../images/family.png) no-repeat center;
	height: 300px;
	width: 950px;
	margin: 0 auto 0 auto;
	position: relative;
}

		.family_image {background: url(../images/family_portrait.png) no-repeat;}
		.farm_image {background: url(../images/farm_logo.png) center no-repeat;}
		.speaking_image {background: url(../images/roloff_speaking.png) left no-repeat;}
		.store_image {background: url(../images/roloff_speaking.png) left no-repeat;}
		.charities_image {background: url(../images/shovels.png) no-repeat;}

.showlogo {
			background: url(../images/lpbw_logo.png) no-repeat;
			height: 100px;
			width: 150px;
			float: right;
			display: block;
}

/*/////////// navigation /////////////*/

.nav_wrapper {
	height: 80px;
	background: url(../images/nav_bg.jpg) bottom repeat-x;
}

.sub_nav_wrapper {
	height: 40px;
	background: url(../images/sub_nav_bg.jpg) bottom repeat-x;
}




/*/////////// nav /////////////*/

.nav {
	width: 950px;
	margin: 0 auto 0 auto;
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 950px;
}

.nav ul li {
	list-style: none;
	float: left;
	margin-right: 9px;
	text-align: center;
}

.nav ul li a {
	font-family: 'ChunkFiveRegular', sans-serif;
	letter-spacing: 1px;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	padding-top: 21px;
	height: 58px;
	width: 160px;
	text-align: center;
	display: block;
}

.nav ul li a:hover {
	height: 78px;
	margin-top: -20px;
}

.nav ul a span {
	font-family: 'HarabaraHandItalic', sans-serif;
	font-size: 11px;
	text-align: center;
}

.nav ul li a.current-page-item {
		height: 78px;
		margin-top: -20px;
}

.nav ul li a.home {
	list-style: none;
	float: left;
	width: 80px;
}

.nav ul li a.home:hover {
	height: 78px;
	margin-top: -20px;
}

.nav ul li a.home .current-page-item {
	height: 78px;
	margin-top: -20px;
}


.home {
	background: url(../images/home_shadow.gif) bottom repeat-x #271501;
	border-top: 1px solid #422208;
	border-left: 1px solid #422208;
	border-right: 1px solid #422208;
}

.farm {
	background: url(../images/farm_shadow.gif) bottom repeat-x #e19702;
	border-top: 1px solid #986704;
	border-left: 1px solid #986704;
	border-right: 1px solid #986704;
}
.family {
	background: url(../images/family_shadow.gif) bottom repeat-x #993120;
	border-top: 1px solid #872b1c;
	border-left: 1px solid #872b1c;
	border-right: 1px solid #872b1c;
}
.speaking {
	background: url(../images/speaking_shadow.gif) bottom repeat-x #bf5f25;
	border-top: 1px solid #a94d16;
	border-left: 1px solid #a94d16;
	border-right: 1px solid #a94d16;
}
.store {
	background: url(../images/store_shadow.gif) bottom repeat-x #abab12;
	border-top: 1px solid #616103;
	border-left: 1px solid #616103;
	border-right: 1px solid #616103;
}
.charities {
	background: url(../images/charities_shadow.gif) bottom repeat-x #52979a;
	border-top: 1px solid #387e81;
	border-left: 1px solid #387e81;
	border-right: 1px solid #387e81;
}


/*////////// sub nav //////////*/

.sub_nav  {
	margin: 0 auto 0 auto;
	width: 950px;
	padding: 8px 0 0 0;
}

.sub_nav ul {
	list-style: none;
	margin: 0;
}

.sub_nav ul li {
	list-style: none;
	float: left;
	margin-right: 30px;
}

.sub_nav ul li a {
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #281400;
	font-size: 12px;
	padding: 3px 0 5px 0;
}

.sub_nav ul li a:hover {
	color: #281400;
}

/* sub nav categories */

.farm_color {color: #e19702;}
.family_color {color: #993120;}
.speaking_color {color: #bf5f25;}
.store_color {color: #abab12;}
.charities_color {color: #52979a;}

/* farm */

.sub_nav.farm_sub ul li a {
	color: #281400;
}

.sub_nav.farm_sub ul li a:hover {
	color: #e19702;
}

.sub_nav.farm_sub ul li.current-page-item a {
	background: url(../images/sub_nav_farm.png) top left no-repeat;
	color: #281400;
	padding-left: 10px;
}

.sub_nav.farm_sub ul li.current-page-item span {
	background: url(../images/sub_nav_farm.png) top right no-repeat;
	color: #281400;
	padding: 3px 10px 5px 0;
}

/* family */

.sub_nav.family_sub ul li a {
	color: #281400;
}

.sub_nav.family_sub ul li a:hover {
	color: #7f0d0d;
}

.sub_nav.family_sub ul li.current-page-item a {
	background: url(../images/sub_nav_family.png) top left no-repeat;
	color: #281400;
	padding-left: 10px;
}

.sub_nav.family_sub ul li.current-page-item span {
	background: url(../images/sub_nav_family.png) top right no-repeat;
	color: #281400;
	padding: 3px 10px 5px 0;
}

/* speaking */

.sub_nav.speaking_sub ul li a {
	color: #281400;
}

.sub_nav.speaking_sub ul li a:hover {
	color: #bf5f25;
}

.sub_nav.speaking_sub ul li.current-page-item a {
	background: url(../images/sub_nav_speaking.png) top left no-repeat;
	color: #281400;
	padding-left: 10px;
}

.sub_nav.speaking_sub ul li.current-page-item span {
	background: url(../images/sub_nav_speaking.png) top right no-repeat;
	color: #281400;
	padding: 3px 10px 5px 0;
}

/* store */

.sub_nav.store_sub ul li a {
	color: #281400;
}

.sub_nav.store_sub ul li a:hover {
	color: #abab12;
}

.sub_nav.store_sub ul li.current-page-item a {
	background: url(../images/sub_nav_store.png) top left no-repeat;
	color: #281400;
	padding-left: 10px;
}

.sub_nav.store_sub ul li.current-page-item span {
	background: url(../images/sub_nav_store.png) top right no-repeat;
	color: #281400;
	padding: 3px 10px 5px 0;
}

/* charities */

.sub_nav.charities_sub ul li a {
	color: #281400;
}

.sub_nav.charities_sub ul li a:hover {
	color: #52979a;
}

.sub_nav.charities_sub ul li.current-page-item a {
	background: url(../images/sub_nav_charities.png) top left no-repeat;
	color: #281400;
	padding-left: 10px;
}

.sub_nav.charities_sub ul li.current-page-item span {
	background: url(../images/sub_nav_charities.png) top right no-repeat;
	color: #281400;
	padding: 3px 10px 5px 0;
}

/* content */

.content_wrapper {
	margin: 0 auto 0 auto;
	width: 950px;
	background: url(../images/paper_bg.jpg) repeat #ccbb91;
}

.padding {
	padding: 20px;
	position: relative;
}

.content_wrapper ul {
	padding: 0px 20px 8px 40px;
}

.content_wrapper ul li {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
}

.content_wrapper p a, .content_wrapper li a {
	color: #281400;
	font-weight: bold;
	border-bottom: 1px dotted #281400;
	text-decoration: none;
}

.content_wrapper p a:hover, .content_wrapper li a:hover {
	color: #5a4129;
	font-weight: bold;
	border-bottom: 1px dotted #5a4129;
	text-decoration: none;
}

.content {
	width: 580px;
	padding-bottom: 20px;
}

.bio {
	border-bottom: 1px solid #b69b7c;
	min-height: 100px;
	padding: 20px 0;
	overflow: auto;
}

img.profile {
	border: 3px solid #b69b7c;
	float: left;
	margin-right: 20px;
}

.content img {
	border: 1px solid #b69b7c;
	margin-right: 20px;
}

.content img.small {
	border: 1px solid #b69b7c;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 200px;
	float: left;
	
}

/* icons */

.fb_icon {
	height: 20px;
	width: 20px;
	background: url(../images/fb_icon.png) no-repeat top right;
	float: left;
	margin: 0 10px 0 0;
}

.fb_icon:hover {
	height: 20px;
	width: 20px;
	background: url(../images/fb_icon.png) no-repeat bottom right;
}

.t_icon {
	height: 20px;
	width: 20px;
	background: url(../images/t_icon.png) no-repeat top right;
	float: left;
	margin: 0 10px 0 0;
}

.t_icon:hover {
	height: 20px;
	width: 20px;
	background: url(../images/t_icon.png) no-repeat bottom right;
}



.department {
	font-size: 12px;
	font-weight: bold;
	width: 220px;
}

.contact_info {
	font-size: 12px;
}

.callouts {
	clear: both;
	border-top: 1px solid #b69b7c;
	padding-top: 30px;
	margin-top: 10px;
	display: block;
	min-height: 175px;
}

.callouts img {
	border: 2px solid #b69b7c;
	margin-right: 20px;
	float: left;
}

.call {
	width: 30%;
	border-right: 1px solid #b69b7c;
	padding-right: 12px;
	margin-right: 12px;
}

.admission {
	background: #95795a;
	padding: 20px 20px 7px 20px;
	border: 1px solid #281400;
}

/* sidebar */

.note {
	background: url(../images/note.png) no-repeat;
	height: 200px;
	width: 275px;
	margin: -20px -20px 0 0;
	padding: 0 35px 0 0;
}

.sidebar {
	width: 300px;
	height: 396px;
	margin: 0 0 0 20px;
	float: right;
}

	.sb_family {background: url(../images/bulletin_family.jpg) no-repeat;}
	.sb_farm {background: url(../images/bulletin_farm.jpg) no-repeat;}
	.sb_charities {background: url(../images/bulletin_charities.jpg) no-repeat;}
	.sb_speaking {background: url(../images/bulletin_speaking.jpg) no-repeat;}
	.sb_pumpkin {background: url(../images/bulletin_pumpkin.jpg) no-repeat;}
	.sb_golden {background: url(../images/bulletin_golden.jpg) no-repeat;}


/* Wordpress */

ul.xoxo li h3 {
color: #CCBB91;}

ul.xoxo li a {
border-bottom: dotted 1px #CCBB91;
color: #CCBB91;
}

ul.xoxo li a:hover {
border-bottom: dotted 1px #281400;
color: #281400;
}

ul.xoxo li ul {
margin: 0;
padding-left: 20px;
}

.entry-utility {
-moz-border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
background: url(../images/blog-board.jpg);
border: 1px #5A4129 solid;
}

.entry-utility span,
.entry-utility p,
.entry-utility span a {
color: #CCBB91;
}

.entry-utility span a:hover {
color: #281400;
}


/* footer */

.push {
	height: 260px;
	clear: both;
}

.footer {
	height: 260px;
	width: 950px;
	margin: 0 auto 0 auto;
	background: url(../images/paper_bg.jpg) repeat #ccbb91;
	overflow: hidden;
}

.footer_padding {
	background: #281400;
	padding: 20px 20px 0px 20px;
	margin: 0 5px 0 5px;
	height: 240px;
}

.link_list {
	float: left;
	padding-right: 32px;
	margin-bottom: 20px;
}

.footer a {
	color: #ccbb91;
	text-decoration: none;
	font-size: 12px;
}

.footer a:hover {
	color: #5a4129;
}

.lower_links {
	width: 100%;
	border-top: 1px solid #5a4129;
	padding-top: 10px;
	display: block;
	clear: both;
}

.lower_links p, .lower_links a {
	font-size: 10px;
	color: #5a4129;
}

/* Calendar Widget */

.include-calendar-in-sidebar {
	height: auto;
}
.include-calendar-in-sidebar #google-calendar-agenda {
	margin-top: 400px;
}

#google-calendar-agenda h3.calendar-title {
	color:#CCBB91;
	font-size: 16px;
	padding: 15px 65px;
}
#google-calendar-agenda p {
	color: #CCBB91;
	padding: 5px 25px;
}


#google-calendar-agenda #bulletin_top {
	background: url(images/bulletin_top.jpg) no-repeat top;
	width: 300px;
	height: 25px;
}

#google-calendar-agenda #bulletin_middle {
	background: url(images/bulletin_mid.jpg) repeat-y;
	width: 300px;
}

#google-calendar-agenda #bulletin_bottom {
	background: url(images/bulletin_bot.jpg) no-repeat bottom;
	width: 300px;
	height: 32px;
}


/* Twitter Widget */

#twitter_update_list {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 100px;
	overflow: hidden;
	}
#twitter_update_list li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
	margin-bottom: 9px;
	}
#twitter_update_list span, #twitter_update_list span a {
	color: #281400;
	text-decoration: none;
	}
#twitter_update_list a {
	display: block;
	border-bottom: 0px;
	}
	#twitter_update_list a[style="font-size: 85%;"] { font-size: 1em !important; }
	
	#follow-link {color: #666;}
	.twitter-title {font-size: 15px;font-weight: bold;}

/* Sidebar lightbox */


.sidebar #lightbox-gallery {
	margin-top: 20px;
}


/* ****** Preventing brown boarders on image posted in the news section */
.post img {border: 0px;}
