/*////////////////////////////////////////////////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    Joe's Real BBQ                       ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    Website: www.joesrealbbq.com         ///////////////////////////////////////////////////////
//    File:    stylesheet.css              ///////////////////////////////////////////////////////
//    Date:    02/06/08                    ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    Coded by Isaac Weinhausen            ///////////////////////////////////////////////////////
//    http://isaacw.com                    ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////*/

	
	/* ------ LAYOUT --------------- */
	
	* { padding: 0; margin: 0; }
	html,body {	height: 100%; }
	
	body {
		font-family: "Courier New", Courier, monospace;
		font-size: 13px;
		line-height: 16px;
		background: url(images/bg-brick.jpg) left top #785d34;
		color: #000;
	}
	
	#container {
		margin: 0 auto;
		width: 763px;
		height: 100%;
		background: #000;
	}
	
	#go-back-nav {
		margin: 0 auto;
		width: 723px;
		height: 40px;
		text-align: center;
		background: url(images/content-bg-top.gif) left bottom no-repeat;
		line-height: 20px;
		font-size: 11px;
		color: #fff;
	}
	
	#go-back-nav a {
		color: #fff;
	}
	
	#header {
		margin: 0 auto;
		width: 723px;
		text-align: center;
		background: #fff;
	}
	
	#content { 
		padding: 0px 166px 70px;
		background: url(images/bg-faux.gif) left top repeat-y #fff;
	}
	
	#footer {
		text-align: center;
		background: url(images/bg-faux.gif) left top repeat-y #fff;
	}
	
	#bg1 {
		height: 100%;
		background: url(images/bg-gradient.jpg) left top repeat-x;
	}
	
	/* ------ HEADER --------------- */
		
	#branding img, #headline img {
		margin: 0 auto;
	}
	
	#branding {
		padding-top: 22px;
	}
	
	#headline {
		padding-top: 31px;	
	}
	
	/* ------ NAV --------------- */
	
	#nav {
		margin: 0 auto;
		padding: 0;
		width: 365px;
		height: 56px;
		list-style: none;
	}
	
	#nav li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#nav a {
		display: block;
	}
	
	#nav strong {
		display: none;
	}
	
	#nav .ten-years a {
		width: 68px;
		height: 35px;
		background: url(images/nav-btn-10years.gif) left bottom no-repeat;
	}
	
	#nav .menu a {
		width: 101px;
		height: 35px;
		background: url(images/nav-btn-menu.gif) left bottom no-repeat;
	}
	
	#nav .giveaway a {
		width: 128px;
		height: 35px;
		background: url(images/nav-btn-giveaway.gif) left bottom no-repeat;
	}
	
	#nav .apparel a {
		width: 68px;
		height: 35px;
		background: url(images/nav-btn-apparel.gif) left bottom no-repeat;
	}
	
	#nav a:hover {
		background-position: top;
	}
	
	/* ------ FOOTER --------------- */
	
	#lower-nav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	
	#lower-nav li {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 16px;	
	}
	
	#lower-nav li a {
		font-size: 11px;
		color: #000;
	}
	
	#copyright {
		padding-bottom: 40px;
		background: url(images/content-bg-bottom.gif) 20px bottom no-repeat;
		color: #a0a0a0;
		font-size: 11px;
	}
	
	/* ------ PAGE:10 Years --------------- */
	
	#intro {
		padding: 41px 0 42px 0px;
		text-align: center;
		line-height: 23px;
	}
	
	.section-preview {
		display: block;
		height: 113px;
		text-decoration: none;
		color: #000;
		cursor: pointer;
	}
	
	.section-preview .thumb {
		float: left;
	}
	
	.section-preview .title {
		padding-top: 25px;
	}
	
	.section-preview p {
		padding-top: 1px;
	}
	
	.section-preview-description-over {		/* NOTE: for jquery use */
		text-decoration: none;
		background: #f8f4ee;
	}

	.section-preview a {
		font-weight: normal;
		text-decoration: none;
		color: black;
	}
	
	.section-preview b {
		font-weight: normal;
		text-decoration: underline;
	}
	
	#news h3 {
		padding-top: 33px;
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	
	#news ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#news li {
		margin: 0;
		padding: 0;
		line-height: 16px;
		color: #785d34;
	}
	
	#news a {
		color: #785d34;
	}
	
	/* ------ GENERAL --------------- */
	
	#content h2 {
		padding: 29px 0 18px 0;
	}
	
	h3 {
		font-size: 13px;
	}
	
	p {
		padding-bottom: 16px;
	}
	
	ul {
		padding: 8px 0 16px 18px;
	}
	
	li {
		line-height: 24px;
	}
	
	a {
		color: #785d34;
	}
	
	a img {
		border: 0;
	}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.align-right {
		float: right;
	}
	
	img.align-left {
		padding: 4px;
		margin: 0 10px 2px 10px;
		display: inline;
	}
	
	/* ------ SPECIAL --------------- */
	
	.jqir img {
		display: block;				/* NOTE: default of "inline" causes line-height to be factored */
	}
	
	.l-height-test {
		background: #c00;
	}
	
	.clear {
		clear: both;
	}