/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0; 
			font-size: 100%; 
			font-weight:normal; 
			vertical-align: baseline; 
			background: transparent;
								}

body              {line-height: 1;
					/*background:#fcf3db url("images/2013bg.jpg") repeat;
					background-attachment:fixed;
					margin: 0 auto;*/ 
					-webkit-text-size-adjust: 100%; 
					text-rendering: optimizeLegibility;
					padding:0px;
					font-family: Georgia, Times, Times New Roman, sans-serif;
					color:#29303B;
						}
html { 
 background:#666666 url("coals pix/coals1b.jpg") repeat fixed; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}						

ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub;}
sup             { vertical-align: super; }

/*-------------------------------------------------------------------
Global Styles
-------------------------------------------------------------------*/
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(boxsizing.htc);
	}
    /*	If you need support for IE7 and lower make
        sure the boxsizing.htc file is linked properly.
        More info here:  https://github.com/Schepp/box-sizing-polyfill */


 #wrap    { width:90%;
		margin: 0 auto;	
		background-color: #ffffff;
		padding:1px;		
				}
		   
		

img{max-width: 100%;}
.fltrt{ float:right;
padding:2px 1px 2px 2px}
.fltlft{ float:left;
padding:2px 2px 2px 1px}

/*-------------------------------------------------------------------
Layout
-------------------------------------------------------------------*/
.clear{clear: both; display:block; overflow:hidden; visibility:hidden;}

.clearall {clear:both;
			}
#ie .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:1px;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */


header {width: 100%;}
header #logo-container {height: 70px;}
header #menu-container {height: 60px;}

#content {width: 100%; padding: 3px 0 15px 0;}
#content #content-container {}
#content #main{float: left; width: 800px;}
#content #sidebar{float: left; width: 160px; padding: 0 0 0 20px; margin-top:70px}

footer {width: 100%;}
footer #footer-container {/*border-top: 2px dotted #999;*/}
footer #contact {}
footer #copyright {}

section {width: 960px; margin: 0 auto;}

.fltlft { float : left;
	margin:5px	
}
.fltrt { float : right;
margin:5px
}

.clearrt   {clear:right;
			}
			
div.rings   { width:100%;
			}
			
.smoke   { float:left;
			width:50%;			
			}
.memphis   { width:50%;
			margin: 0 auto;
				}

ul.medlist  {padding:2px; 
			list-style:none;
			margin-top:0px;
			}



/*-------------------------------------------------------------------
Typography
-------------------------------------------------------------------*/
h1, h2, h3, h4 {font-weight: bold;}

h1 { color: #000;
	margin:0 auto;
	/*width:600px;*/
	font-size:175%;
	/*font-weight:normal;*/
	text-align:center;
	 }
	 
	 h2.center  { color: #612e00;
	margin:0 auto;
	font-size:150%;
	/*width:600px;*/
	text-align:center;
	 }
	 
p {font-size: 110%; padding: 0 0 15px 0; line-height: 1.6em;}

#content section article p {font-size: 120%; padding: 0 0 25px 0;}
#content section article h1{font-size: 180%; padding: 0 0 15px 0;}
#content section article h2{font-size: 140%; padding: 0 0 15px 0;}
footer p {font-size: 100%; padding: 0 0 5px 0; color: #555;}

.firstword  {color:#612e00; 
				font-size:120%;
				margin-bottom:1px;
				}
				
#content section article p.medium { font-size: 80%;
}

/*-------------------------------------------------------------------
Menu
-------------------------------------------------------------------*/
header #menu nav {}
header #menu nav ul {margin:0; padding:0; list-style-type: none; height: 60px;}
header #menu nav ul li {float: left; background-color: #8c8c8c; width: 20%; height: 60px; line-height: 60px; vertical-align:middle; text-align: center;}
header #menu nav ul li a {color: #fff;}
header #menu nav ul li a.bbqlink {color: #FEFC2A; font-weight:bold}
header #menu nav ul li a:hover {text-decoration: none;}

.linkbox{
	color: #612e00;
	background-color: #ededed;
	padding:3px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:20px;
	}

/*-------------------------------------------------------------------
Embellishments
-------------------------------------------------------------------*/
header #logo div {font-size: 400%; font-weight: bold;}
footer #contact p {color: #777;}
footer #copyright p {color: #888;}

div.divider {
	/*clear:left;*/
	line-height:0;
	height:10px;
	margin-bottom:12px;
	_margin-top:-4px; /* IE Windows target */
	background:url("images/divider.gif") no-repeat bottom left;
	text-align:center;
}

div.place  { width:100%}

/*-------------------------------------------------------------------
Restive Plugin
-------------------------------------------------------------------*/
.mobi section {width: 100%; padding: 0 10px;}
.mobi.phone header #logo div {font-size: 320%; text-align: center; margin: 0 auto;}
.mobi.tablet header #logo div {font-size: 360%; text-align: center;}
.mobi.phone header #menu-container, .mobi.tablet.portrait header #menu-container {height: auto;}
.mobi.phone header #menu nav ul, .mobi.tablet.portrait header #menu nav ul {height: auto;}
.mobi header #menu nav ul li {float: none; width: auto; height: 40px; line-height: 40px; border-bottom: 1px dashed #444;}
.mobi.tablet.landscape header #menu nav ul li {float: left; width: 20%; height: 60px; line-height: 60px;}
.mobi #content #main{float: none; width: 100%;}
.mobi.tablet.landscape #content #main{float: left; width: 80%;}
.mobi #content #sidebar{display: none;}
.mobi.tablet.landscape #content #sidebar{display: block; float: left; width: 20%; padding: 0 0 0 2%; margin-top:70px}