/*
Theme Name: Hog Pen
Theme URI: http://www.hogpenbbq.com
Description: Hog Pen Theme
Version: 1
Author: Nick Brewer
Author URI: http://www.nick-brewer.com/
*/

/* For IE */

@font-face {
	font-family: 'ChunkFive';
	src: url('Chunkfive.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'ChunkFive';
	src: local('ChunkFive Regular'),
	     local('ChunkFive-Regular'),
	     url('Chunkfive.otf') format('opentype');
}

	.chunkfive {
		font-family: ChunkFive, Georgia, Times;
	}
	
body {
	background: url("images/bg.jpg") repeat-x #000;
}

#wrapper {
	background: url("images/bg_home.jpg") no-repeat #101010;
}

#header {
	height: 150px;
	position: relative;
}
	
	#header h1 {
		background: url("images/logo.png") no-repeat;
		width: 313px;
		height: 94px;
		text-indent: -9999px;
		margin: 10px 0px 0px 5px;
	}
	
	#header .navigation li {
		list-style: none;
		height: 115px;
		overflow: hidden;
		float: left;
		margin: 0px;
	}
	
	#header .homelink { position: absolute; top: 0px; left: 0px;}
	#header .homelink img { width: 313px; height: 94px; }

#homepage {
	height: 375px;
}

	#homepage .slideshow-grid {
		background: url("images/bg_slideshow.png") no-repeat;
		width: 460px;
		height: 362px;
	}
	
	#homepage .slideshow {
		padding: 10px 0px 0px 10px;
	}
	
	#homepage .slideshow span {
		background-color: #101010;
		padding: 3px 10px 3px 10px;
		color: #fff;
		font-size: 21px;
		position: relative;
		left: 20px;
		top: 10px;
	}
	
	#homepage .content { margin-top: 20px; }
	
	#homepage .content h2 {
		font-size: 48px;
		color: #7e470e;
	}
	
	#homepage .content h2 span { font-size: 24px; }
	
	#homepage .plank {}
	
	#homepage .plank p {
		color: #fff;
		padding: 30px 20px 20px 20px;
	}

#footer {
	background-color: #101010;
	height: 200px;
	color: #fff;
}

#footer p { padding: 20px; }
#footer p.copyright { text-align: right; }


/* PAGES ########################################################### */

#page-content {
	width: 80%;
	background: url("images/bg_content.jpg") repeat-y #E3D8B8;
	margin: 0px auto;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 0px 0px 10px #000;
}

#page-content h2 {
	color: #5C310F;
}

	#page-content h2.menu {
		text-align: center;
		font-size: 42px;
		color: #600f0f;
		text-transform: uppercase;
	}
	
		#page-content h2.menu span { position: relative; top: -20px; }

#page-content .mapp-div {
	border: 10px solid #5C310F;
}

#page-content .alignleft { float: left; margin-right: 20px; }

/* MENU ########################################################### */

#menu li
.sides li {
	list-style: none;
	margin-bottom: 25px;
}

#menu,
.sides { list-style: none; }

	#menu li hr {
		border: 0px solid #D5C7A2;
		background: url("images/bg_torn_divider.png") repeat-x;
		width: 100%;
		height: 22px;
		margin-top: 25px;
	}

#menu li .name,
.sides li .name {
	font-size: 24px;
	font-weight: bold;
}

#menu li .body,
.sides li .body {
	font-size: 12px;
	font-family: georgia;
}

#menu li .grid_3 {
	position: relative;
}

#menu li .price,
.sides li .price {
	position: absolute;
	background: url("images/bg_ribbon.png") no-repeat;
	width: 172px;
	height: 41px;
	color: #fff;
	font-size: 21px;
	right: -58px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#menu li .size {
	position: absolute;
	background: url("images/bg_ribbon_sm.png") no-repeat right;
	height: 34px;
	font-size: 18px;
	right: -58px;
	padding-top: 5px;
}

#menu li .size2 {
	position: absolute;
	background: url("images/bg_ribbon_sm.png") no-repeat right;
	height: 34px;
	top: 42px;
	right: -58px;
	font-size: 18px;
	padding-top: 5px;
}

	#menu li .size span,
	#menu li .size2 span { color: #fff; padding: 0px 30px 0px 50px;}
	
.sides li hr { display: none; }

/* PODS SPECIFIC ########################################################### */

.pager {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

.pager a { color: #AE0605; }

.pager .currentPage { font-size: 32px; }

/* HOMEPAGE BLOCK ########################################################### */

#homepage-block h2 {
	font-family: ChunkFive, Georgia, Times;
	margin-bottom: 50px;
	color: #000 !important;
	font-size: 36px;
}

#homepage-block {
  color: #fff;
  padding: 0 20px;
  font-size: 14px;
  text-shadow: 0 2px 1px #000;
}