/*

Site: Brennan's of Houston
Design: Lyndia Haryanto for Schipul
Build: David Stagg for Schipul
URI: http://www.brennanshouston.com/

*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	background: #e0dad0 url(/images/body-bg.jpg) repeat-x top left;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #38332d;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h2, h3, h5, h5, h6 { font-weight: normal; color: #37342d; margin-bottom: 8px; } 
h1{ color: #625439; margin-bottom: 8px; } 
h1 { font-size: 20px; line-height: 26px;font-weight: normal;}
h2 { font-size: 22px; line-height: 24px; }
h3 { font-size: 18px; line-height: 20px; }

p { margin-bottom: 8px; }

a { color: #4a2722; }
a:hover { text-decoration: none; }
a:active { }
a:visited { }


/* STRUCTURE */

#container {
	width: 1094px;
	margin: 0 auto;
	}
	#contact-bar {
		display: block;
		width: 1094px;
		height: 36px;
		overflow: hidden;
		padding-top: 10px;
		}
		.address { float: left; padding-top: 5px; }
		#contact-bar a {
			float: right;
			border: 1px solid #fff;
			padding: 3px 20px 3px 5px;
			background: #b7aa92 url(/images/menu-li-horizontal.gif) no-repeat center right;
			margin-right: 10px;
			color: #312019;
			text-decoration: none;
			font-weight: bold;
			}
		#contact-bar a:hover { background: #cbc0aa url(/images/menu-li-horizontal.gif) no-repeat center right; }
	
	#header { 
		display: block;
		width: 1094px;
		height: 328px;
		background: transparent url(/images/header-bg.jpg) no-repeat top center;
		position: relative;
		}
		#header img { margin: 0 0 0 132px; }
	
	#header #stories {
		position: absolute;
		top: 23px;
		right: 188px;
		display: block;
		width: 533px;
		height: 272px;
		overflow: hidden;
		}
		#header #stories img { margin: 0; }
	#header #nav {
		position: absolute;
		top: 305px;
		left: 380px;
		}
	#header #nav a { 
		padding: 3px 5px;
		margin-right: 5px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-family: Verdana, Geneva, sans-serif;
		}
		#header #nav a.activeSlide {
			background: #968774;
			border: 1px solid #dad3c6;
			}
	
	#content #lower, #content #middle {
		display: block;
		margin: 0 auto;
		width: 780px;
		}
	#content #middle {
		padding-top: 20px;
		height: 194px;
		}
		#middle #headline-content {
			width: 500px;
		
			float: left;
			padding-top: 16px;
			background: transparent url(/images/headline-content-bg.jpg) no-repeat bottom right;
			}
		#middle #headline-content p { width: 480px; line-height: 1.6em; padding-top: 8px; }
		#middle #cta-tiles {
			width: 237px;
			float: right;
			}
	
	#content #lower {
		height: 163px;
		margin-bottom: 30px;
		clear:both;
		}
		#lower ul { list-style: none; margin: 0; padding: 0; }
		#lower ul li { padding-left: 10px; background: transparent url(/images/lower-li.gif) no-repeat center left; }
		#lower #weddings-parties, #lower #cooking-classes, #lower #our-menu {
			display: block;
			width: 238px;
			height: 163px;
			margin-left: 0;
			float: left;
			}
		#lower #our-menu { float: right; background: transparent url(/images/our-menu-bg.jpg) no-repeat top right; }
		#lower #weddings-parties { background: transparent url(/images/weddings-parties-bg.jpg) no-repeat top left; }
		#lower #cooking-classes { margin-left: 34px; background: transparent url(/images/cooking-classes-bg.jpg) no-repeat top left; }
		#lower .content { width: 220px; padding-top: 50px; margin: 0 auto; }
	
	#footer {
		font: 11px/14px normal Verdana, Geneva, sans-serif;
		background: transparent url(/images/footer-bg.jpg) no-repeat top center;
		padding-top: 30px;
		width: 780px;
		margin: 0 auto 20px auto;
		}


/* TEMPLATE */

body.sub { background: #e0dad0 url(/images/sub-body-bg.jpg) repeat-x top left; }
.sub #sub-main-wide {
	width: 1102px;
	margin: 0 auto;
	background: transparent url(/images/sub-main-wide-bg.jpg) no-repeat top center;
	}
.sub #content-template {
	width: 883px;
	margin: 0 auto;
	background: transparent url(/images/sub-main-bg.jpg) repeat-y top center;
	}
	.sub #sidebar {
		float: left;
		width: 244px;
		margin-left: 9px;
		position: relative;
		background: transparent url(/images/sub-logo.jpg) repeat-x top center;
		}
		.sub #sidebar a.sub-logo img { width: 221px; padding-left: 11px; }
	.sub #sidebar #spacing { width: 225px; margin: 0 auto; }
	.sub #main {
		float: right;
		width: 630px;
		z-index: 100;
		}
		.sub #sub-rotator {
			display: block;
			width: 630px;
			height: 205px;
			background: transparent url(/images/sub-story-rotator-bg.jpg) no-repeat top left;
			position: relative;
			}
			.sub #sub-rotator #rotator-images {
				display: block;
				width: 594px;
				height: 151px;
				position: absolute;
				top: 22px;
				left: 7px;
				overflow: hidden;
				}
				
	.sub #main-text-content {
		width: 570px;
		float: left;
		margin-left: 20px;
		}
	
	.sub #content-cap {
		display: block;
		width: 883px;
		height: 50px;
		background: transparent url(/images/sub-content-cap.gif) no-repeat top left;
		margin: 0 auto;
		}
.sub #footer {
		background: transparent url(/images/sub-footer-bg.jpg) repeat-x top left;
		padding-top: 30px;
		width: 100%;
		margin-bottom: 20px;
		}
.sub #footer-content {
	width: 780px;
	margin: 0 auto;
	}

.sub #twitter-turtle {
	display: block;
	width: 216px;
	height: 176px;
	background: transparent url(/images/twitter-turtle.jpg) no-repeat bottom right;
	margin-top: 50px;
	}
	
small { font: 11px/14px normal Verdana, Geneva, sans-serif; }
		
.clear { clear: both; }

#showh #secondary br { display: none !important; }

#tweets {padding: 10px 10px 0 20px}
#tweets ul {list-style:none; margin:0; padding:0;}
#tweets ul li {margin:0; padding:0}
.twitterTime {font-size:11px; font-style:italic}

#main-text-content input {border: 1px solid #BBAF97; margin: 0 0 3px; padding:2px}
#main-text-content input:focus {border-color: #8F5F2F}

.schipul-footer {font-size: 11px;; clear:both; margin: 30px 0 0 0 }
.schipul-footer a, .schipul-footer {color:#a19784}