/*
Theme Name: Beef O'Brady's
Theme URI: http://beefstogo.com
Description: The WordPress theme for the Dayton area Beef 'O' Brady's website.
Author: Michael N. Kistler
*/

* {
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:active {
	color: inherit;
}

a:hover {
	color: #6D1514;
	text-decoration: none;
}

body {
	background: #5c1115; /*background: #6D1514;*/
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 750px;
}

form, fieldset {
	border: none 0px;
}
	
	form label {
		display: block;
	}

	form label span, form .button {
		display: block;
		margin-top: 0.7em;
	}
	
	form label span.invalid {
		color: #CC0000;
	}

h1, h2, h3, h4, h5, h6, ol, p, ul {
	line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover, h4 a:link, h4 a:visited, h4 a:active, h4 a:hover, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover, h6 a:link, h6 a:visited, h6 a:active, h6 a:hover {
	color: #023315; /*#011b02;*/
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

h4, h5, h6 {
	font-size: 12px;
}

img {
	border: solid 1px #fdc349;
}

ol, p, ul {
	margin-bottom: 0.7em;
}

ol, ul {
	margin-left: 2em;
}

.box-middle {
	background: url(images/box-middle-bg.gif) repeat-y left top;
	width: 534px;
}
	
	.box-bottom {
		background: url(images/box-bottom-bg.gif) no-repeat left bottom;
		width: 534px;
	}
		
		.box-top {
			background: url(images/box-top-bg.gif) no-repeat left top;
			width: 534px;
		}
		
			.box-top a:link, .box-top a:active, .box-top a:visited {
				color: #fdc349;
			}
			
			.box-top a:hover {
				color: #fdc349;
			}
			
			.box-top h1, .box-top h2, .box-top h3, .box-top h4, .box-top h5, .box-top h6 {
				color: #fdc349;
			}

.clear {
	clear: both;
}

#header {
	background: #6d1514 url(images/header-footer-bg.gif) repeat-x center bottom;
}
	
	#corner-left-top {
		background: url(images/corner-left-top.png) no-repeat left top;
		width: 100%;
	}
	
	#corner-right-top {
		background: url(images/corner-right-top.png) no-repeat right top;
		width: 100%;
	}
	
	#header-content {
		margin-left: auto;
		margin-right: auto;
		width: 640px;
		height: 67px;
		position: relative;
	}
		
		#header-centerville {
			background: url(images/header-centerville.gif) no-repeat;
			height: 21px;
			width: 195px;
			position: absolute;
			left: 4px;
			top: 27px;
		}
		
		#header-beavercreek {
			background: url(images/header-beavercreek.gif) no-repeat;
			height: 21px;
			width: 206px;
			position: absolute;
			left: 224px;
			top: 27px;
		}
		
		#header-logo {
			background: url(images/header-logo.gif) no-repeat;
			height: 63px;
			width: 163px;
			position: absolute;
			left: 462px;
			top: 2px;
		}

#nav {
	background: #d3262f url(images/nav-footer-bg.jpg) repeat-x center center;
	height: 36px;
}
	
	#nav-content {
		background: url(images/nav-bg.gif) no-repeat center top;
		height: 36px;
		width: 978px;
		list-style-type: none;
		margin: 0 auto 0 auto;
		padding: 0;
		position: relative;
	}
		
		#nav-content li {
			padding: 0;
			position: absolute;
			top: 3px;
		}
				
		#nav-content li a {
			display: block;
			height: 30px;
			overflow: hidden;
			text-indent: -9999px;
		}
		
		#nav-home {
			left: 44px;
		}
		
		#nav-home a {
			background: url(images/nav-home.gif) left top;
			width: 51px;
		}

		#nav-about {
			left: 97px;
		}
				
		#nav-about a {
			background: url(images/nav-about.gif) left top;
			width: 78px;
		}
		
		#nav-menu {
			left: 177px;
		}
		
		#nav-menu a {
			background: url(images/nav-menu.gif) left top;
			width: 80px;
		}

		#nav-locations {
			left: 259px;
		}
				
		#nav-locations a {
			background: url(images/nav-locations.gif) left top;
			width: 115px;
		}

		#nav-specials {
			left: 376px;
		}
				
		#nav-specials a {
			background: url(images/nav-specials.gif) left top;
			width: 101px;
		}

		#nav-events {
			left: 479px;
		}
		
		#nav-events a {
			background: url(images/nav-events.gif) left top;
			width: 95px;
		}

		#nav-blog {
			left: 576px;
		}
		
		#nav-blog a {
			background: url(images/nav-blog.gif) left top;
			width: 75px;
		}

		#nav-partners {
			left: 653px;
		}
		
		#nav-partners a {
			background: url(images/nav-partners.gif) left top;
			width: 112px;
		}
		
		#nav-job {
			left: 767px;
		}
		
		#nav-job a {
			background: url(images/nav-job.gif) left top;
			width: 173px;
		}
		
		#nav-home a:hover, #nav-about a:hover, #nav-menu a:hover, #nav-locations a:hover, #nav-specials a:hover, #nav-events a:hover, #nav-blog a:hover, #nav-partners a:hover, #nav-job a:hover {
			background-position: right bottom;
		}

#bg-bottom {
	background: #DD882D url(images/bg-bottom.gif) repeat-x bottom center;
}

#bg-top {
	background: url(images/bg-top.gif) repeat-x top center;
}

#content-middle {
	background: url(images/content-bg-middle.gif) repeat-y center top;
}

#content-bottom {
	background: url(images/content-bg-bottom.gif) no-repeat center bottom;
	padding-bottom: 58px;
}

#content-top {
	background: url(images/content-bg-top.gif) no-repeat center top;
	padding-top: 58px;
}

	/* home */
	#content-contain {
		margin-left: auto;
		margin-right: auto;
		padding: 0 2px 0 2px;
		width: 740px;
	}
		
		#content {
			float: left;
			width: 534px;
		}
		
		#home #content {
			background: url(images/wright-flyer.png) no-repeat right top;
			background-position: 100% 20px;
		}
			
			#page-title {
				background: no-repeat left top;
				height: 19px;
				width: 534px;
				padding-bottom: 10px;
			}
			
			#home #page-title {
				background: url(images/content-logo.gif);
				float: left;
				height: 68px;
				width: 220px;
				padding-bottom: 0px;
				text-indent: -99999px;
			}
			
			#about-us #page-title {
				background-image: url(images/title-about.gif);
				text-indent: -99999px;
			}
			
			#our-menu #page-title {
				background-image: url(images/title-menu.gif);
				text-indent: -99999px;
			}
			
			#our-locations #page-title {
				background-image: url(images/title-locations.gif);
				text-indent: -99999px;
			}
			
			#our-specials #page-title {
				background-image: url(images/title-specials.gif);
				text-indent: -99999px;
			}
			
			#our-events #page-title {
				background-image: url(images/title-events.gif);
				text-indent: -99999px;
			}
			
			#our-blog #page-title {
				background-image: url(images/title-blog.gif);
				text-indent: -99999px;
			}
			
			#our-partners #page-title {
				background-image: url(images/title-partners.gif);
				text-indent: -99999px;
			}
			
			#our-job-opportunities #page-title {
				background-image: url(images/title-employment.gif);
				text-indent: -99999px;
			}
			
			#contact-centerville, #contact-beavercreek {
				float: left;
				font-size: 11px;
				width: 100px;
				overflow: hidden;
			}
			
			#contact-centerville {
				padding-left: 60px;
			}
				
				#centerville-title {
					background: url(images/content-centerville.gif) no-repeat left top;
					height: 14px;
					width: 92px;
					padding-bottom: 10px;
					text-indent: -99999px;
				}
			
			#contact-beavercreek {
				padding-left: 50px;
			}
				
				#beavercreek-title {
					background: url(images/content-beavercreek.gif) no-repeat left top;
					height: 14px;
					width: 100px;
					padding-bottom: 10px;
					text-indent: -99999px;
				}
				
			#intro {
				clear: left;
				padding-top: 14px;
			}
			
			#boxes {
				width: 534px;
			}
				
				#events {
					float: left;
					padding: 10px 12px 12px 12px;
					width: 230px;
				}
					
					#heading-events {
						background: url(images/heading-upcoming-events.gif) no-repeat left top;
						height: 19px;
						width: 183px;
						margin-left: auto;
						margin-right: auto;
						padding-bottom: 6px;
						text-indent: -99999px;
					}
				
				#features {
					float: right;
					padding: 10px 12px 12px 12px;
					width: 230px;
				}
					
					#heading-features {
						background: url(images/heading-features.gif) no-repeat left top;
						height: 19px;
						width: 102px;
						margin-left: auto;
						margin-right: auto;
						padding-bottom: 6px;
						text-indent: -99999px;
					}
			
			#blog {
				clear: both;
				padding-top: 10px;
			}
				
				#heading-blog {
					background: url(images/heading-blog.gif) no-repeat left top;
					height: 19px;
					width: 259px;
					padding-bottom: 10px;
					text-indent: -99999px;
				}
			
		#sidebar {
			float: right;
			font-size: 11px;
			padding: 16px 20px 16px 20px;
			width: 140px;
		}
			
			#team-title {
				background: url(images/heading-team-o-bradys.gif) no-repeat center top;
				height: 16px;
				width: 143px;
				margin-left: auto;
				margin-right: auto;
				padding-bottom: 5px;
				text-indent: -99999px;
			}
			
			#poll-title {
				background: url(images/heading-beefs-opinion.gif) no-repeat center top;
				height: 15px;
				width: 130px;
				margin-left: auto;
				margin-right: auto;
				padding-bottom: 5px;
				text-indent: -99999px;
			}
			
			#tweet-title {
				background: url(images/heading-beefs-tweets.gif) no-repeat center top;
				height: 15px;
				width: 112px;
				margin-left: auto;
				margin-right: auto;
				padding-bottom: 5px;
				text-indent: -99999px;
			}
			
			#sports-title {
				background: url(images/heading-sports-headlines.gif) no-repeat center top;
				height: 16px;
				width: 151px;
				margin-left: auto;
				margin-right: auto;
				padding-bottom: 5px;
				text-indent: -99999px;
			}
	
	/* pages */
	#content-outer {
		background: #DD882D;
		border: solid 1px #FDC349;
		width: 610px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content-inner {
		background: #B97224;
		border: solid 1px #FDC349;
		margin: 10px;
		padding: 10px;
	}
		
		#employment h1 {
			background: url(images/title-employment.gif) no-repeat center bottom;
			height: 39px;
		}

#hours {
	background: #A6191F url(images/nav-footer-bg.jpg) repeat-x center center;
	height: 18px;
	overflow: hidden;
	padding-top: 18px;
	text-align: center;
}
	
	#hours p {
		line-height: 1em;
		margin-top: -0.5em;
	}

#footer {
	background: url(images/header-footer-bg.gif) repeat-x center top;
	text-align: center;
}
	
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
		color: #FDC349;
	}
	
	#corner-left-bottom {
		background: url(images/corner-left-bottom.png) no-repeat left bottom;
	}
	
	#corner-right-bottom {
		background: url(images/corner-right-bottom.png) no-repeat right bottom;
		padding: 10px 0 10px 0;
	}
	
	#copyright {
		font-size: 10px;
		margin-bottom: 0;
	}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0.4em 0 0 1.4em;
	display: inline;
	}

img.alignleft {
	margin: 0.4em 1.4em 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Twitter Widget */
ul.twitter {
	margin-left: 0;
}
	
	ul.twitter li {
		list-style-type: none;
		margin-bottom: 0.7em;
	}
/* end Twitter Widget */



/* RSS Widget */
.widget_rss ul {
	margin-left: 0;
}

.widget_rss li {
	list-style-type: none;
	margin-bottom: 0.7em;
}
/* end RSS Widget */