/* -------------------Maintained from starkers - Debate these---------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/************************************************ Layout Clears ************************************************/


/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
/*.clearfix {display: inline-block;}*/
/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;} */
/*.clearfix {display: block;} */
/* End hide from IE-mac */

/**************************************
This made the above older: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack 
Or use this one: http://www.quirksmode.org/css/clearing.html, overflow: hidden; width: 100%; to the container...
**************************************/

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/************************************************ 
The Grid 
************************************************/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-2h,
.grid-6h,
.grid-4h,
.grid-5h,
.grid-3h,
.grid-2h2 {
	display: inline;
	float: left;
	/*outline: 1px solid #000;*/

}

.grid-1 { width: 140px; }
.grid-2 { width: 200px; }
.grid-2h { width: 225px; }
.grid-2h2 { width: 275px; }
.grid-3 { width: 300px; }
.grid-3h { width: 380px; }
.grid-4 { width: 400px; }
.grid-4h { width: 484px; }
.grid-5 { width: 500px; }
.grid-5h { width: 550px; }
.grid-6 { width: 600px; }
.grid-6h { width: 650px; }
.grid-7 { width: 700px; }
.grid-8 { width: 800px; }
.grid-9 { width: 940px; }


/************************************************ 
My Blocks 
************************************************/

body {
}

#wrapper {
	background: transparent url(../images/tile?.png) repeat top left;
}  /* for background, try to leave body alone */

#headbackg {
	width: 100%;
	height: 136px;
}

#header {
	height: 136px;
	width: 960px;
	margin: 0 auto; 
	/*outline: 1px solid #000;*/
}

#navbackg {
	width: 100%;
	height: 59px;
	z-index: 99;
}
#nav {
	background-image: url(../images/topnav-backg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 59px;
	width: 960px;
	margin: 0 auto;
	z-index: 99;
}
/*#navpad { *//* Damn Drop shadows forcing div soup!*/
	/*margin: 0 0 0 15px;
	z-index: 99;
}*/
#wrapcenter { 
	width: 960px; 
	margin: 0 auto; 
	/*outline: 1px solid #000;*/
}
#wrapcolumns { 
	background-image: url(../images/backg-mid.png);
	background-repeat: repeat-y;
	background-color: transparent; 
	width: 960px; 
	margin: 0 auto;
	padding: 0;
}
#content {
	float: left;
	margin: 0px 0px 0px 0px;
}
#cont-wrap {
	padding: 0 15px;
}
#leftcol {
	float: left;
	margin: 0px 10px 0px 15px;
	padding: 5px 0 0 0;
}
#rightcol {
	float: right;
	margin: 0px 15px 0px 10px;
	padding: 10px 0 0 0;
}
#int-content {
	float: left;
	margin: 0px 0px 0px 15px;
	width: 670px;
}
#int-leftcol {
	float: left;
	margin: 0px 10px 0px 15px;
	padding: 5px 0 0 0;
}
#int-rightcol {
	float: right;
	margin: 0px 15px 0px 10px;
	padding: 10px 0 0 0;
	width: 230px;
}
#bot-nav {
	background-image: url(../images/botnav-backg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 59px;
	width: 960px;
	margin: 0 auto;
	z-index: 99;
}
.botnav{
	text-align: center;
	margin: 0;
	padding: 0;
}
.botnav li{
	text-align: center;
	float: left;
	padding: 20px 115px 0px 115px;
}
.botnav a {
	color: #fff;
	font-size: 18px;
	text-decoration:none;
}
.botnav a:hover {
	color: #fc0;
}
.botnav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color: #fc0;*/
}
#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#footer p {
	margin: 0;
	padding: 0;
	color: #fff;	
}
#footer p.left {
	font-size: 1em;
	float: left;
	color: #fff;	
}
#footer p.right {
	font-size: 1em;
	float: right;	
}
#footer a {
	color: #fc6;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#hrule {
	margin: 5px 0 0 0;
	padding: 0;
}


/* Homepages uniques */


#tippy {
	text-align: center;
}
.center {
	text-align: center;
	margin: 10px auto;
}
#behindfla {
	z-index: 1;
}

#rotator {
	height: 461px;
	width: 484px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#fiver {
	margin: 0;
	padding: 0;
}

#spec-call {
	background-image: url(../images/lcol-spec-backg.png);
	background-repeat: no-repeat;
	width: 221px;
	height: 300px;
}
#spec-call p {
	color:#EAE3C2;
	font-size:14px;
	margin:0;
	padding:10px 0 0;
	text-align:center;	
}
#spec-call h1 {
	color:#EAE3C2;
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;	
}
#spec-call h2 {
	margin:0 auto;
	padding:12px 0 0;
	text-align:center;
}
#hom-rcol,
#hom-address {
	text-align: center;
}
#hom-rcol h1,
#hom-address h1 {
	color:#B20004;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	margin:0;
}
#hom-rcol h2,
#hom-address h2 {
	color:#B20004;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:15px 0;
}
#mailinglist {
	text-align: center;
}
#mailinglist p {
	margin: 0;
}

/*ints*/

#recipe-block h1 {
	color:#EAE3C2;
	font-size:34px;
	margin:0;
	padding:10px 0 0 15px;
	text-align:left;
	text-transform: uppercase;
}

#recipe-block h2 {
	color:#EAE3C2;
	font-size:26px;
	margin: 0;
	padding:0 25px 15px 10px;
	text-align: right;
	font-style: italic;
}
#recipe-block h3 {
	color:#EAE3C2;
	font-size:18px;
	margin: 0;
	padding:10px 0 0 10px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

#recipe-block p {
	color:#fff;
	margin: 0;
	padding:10px 10px 10px 10px;
}
.rcol-top {
	background-image: url(../images/intrcol-top.png);
	background-repeat: no-repeat;
	width: 229px;
	height: 27px;
}
.rcol-mid {
	background-image: url(../images/intrcol-mid.png);
	background-repeat: repeat-y;
	width: 229px;
}
.rcol-bot {
	background-image: url(../images/intrcol-bot.png);
	background-repeat: no-repeat;
	width: 229px;
	height: 27px;
}

#circular-top {
	color: #4b1f02;
	margin: 0;
	padding: 0 15px 15px 15px;
}
#circular-top h1 {
	font-size: 34px;
	font-weight: bold;
}
#circular-top h2 {
	font-size: 18px;
}
#circular-top p {
	font-size:14px;
	margin: 0;
	padding: 35px 0 0 0;	
}

.ctop-lft { float: left; width: 400px;}
.ctop-rght {float: right; width: 500px; text-align: right;}

.floatleft {
	float: left;
	margin:0 20px 20px 0;
}

#halfcol1 {
	width: 450px;
	float: left;
	margin: 0 0 0 15px;
}
#halfcol2 {
	width: 450px;
	float: right;
	margin:  0 5px 0 0;
}

#halfcol1 p,
#halfcol2 p {
	font-size: 13px;
	padding: 0 18px;
}
.heighter {
	height: 400px;
	margin: 10px 0 10px 0;
}
.heighter2 {
	height: 450px;
	margin: 10px 0 10px 0;
}
.deptmaillist {
	height: 450px;
	margin: 60px 0 10px 0;
}

/* locations */

#locmap {
	border: solid 1px #363;
	padding: 5px;
	margin: 10px 0 0 30px;
	width: 600px;
}
#locmaplink {
	font-size: 1em;
	text-align: center;
	padding: 10px;
	width: 600px;
}
#locmaplink a {
	color: #4B1F02;
	text-decoration: none;
}
#locmaplink a:hover {
	color: #363;
	text-decoration: none;
}

/* menus */

#menus {
	width: 520px;
	padding: 10px 0 0 0;
}
#menus ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#menus ul li {
	float: left;
	width: 260px;
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
}
#menu-r {
}
#menu-r h1 {
	color: #4B1F02;
	font-size:46px;
	font-weight:bold;
	font-style: italic;
	margin: 0;
	padding: 0;
}
#menu-r h2 {
	color: #4B1F02;
	font-size:46px;
	font-weight:bold;
	font-style: italic;
	margin: 0 0 25px 180px;
	padding: 0 0 0 0;
}
#menu-r p {
	color: #4B1F02;
	font-size:18px;
	line-height:22px;
}
#menu-r h3 {
	color:#285A4B;
	font-size:40px;
	margin-bottom:15px;
	margin-left:45px;
	line-height: 18px;
}
#menu-r h4 {
	color:#285A4B;
	font-size:20px;
	line-height:22px;
	margin-bottom:8px;
	margin-left:10px;
}

.catering-temp {
	padding: 20px 0 30px 15px;
}

/* Recipes */

#recipe-weekly {
	margin: 0 15px;
	padding: 0;
	background-color: #285a4b;
}
#recipe-weekly {
	background-position: right top;
	background-image: url(../../style/images/circular/recipe-weekly-lrg-img.jpg);
	background-repeat: no-repeat;
}
#recipe-weekly h1 {
	color:#EAE3C2;
	font-size:40px;
	margin:0;
	padding:10px 0 0 15px;
	text-align:left;
	text-transform: uppercase;
}
#recipe-weekly h2 {
	color:#899f87;
	font-size:26px;
	margin: 0;
	padding:0 25px 145px 75px;
	font-style: italic;
}
#recipe-weekly h3 {
	color:#899f87;
	font-size:32px;
	margin:0;
	padding:10px 0 0 15px;
	text-align:left;
}
#recipe-weekly h4 {
	color:#899f87;
	font-size:42px;
	margin:0;
	padding:0 0 0 45px;
	text-align:left;
}
#recipe-weekly h5 {
	color:#EAE3C2;
	font-size:18px;
	margin: 0;
	padding:10px 0 0 10px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
#recipe-weekly p {
	font-size:14px;
	color:#FFFFFF;
	margin:0;
	padding:10px;
}
#recipew-box {
	width: 580px;
	margin: 0 15px;
	padding: 0;
}
.recipew-lcol {
	float: left;
	width: 225px;
	margin: 0 0 15px 0;
}
.recipew-rcol {
	float: right;
	width: 325px;
	margin: 0 0 15px 0;
}

#recip-rcol-txt {
	margin: 0;
	padding: 0;
}
#recip-rcol-txt h1 {
	color:#4B1F02;
	font-size:38px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 25px 0;
	padding:0;
}
#recip-rcol-txt h2 {
	color:#4B1F02;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0;
}
#recip-rcol-txt ul li {
	color:#4B1F02;
	font-size:16px;
	line-height:24px;
	margin: 0 0 0 15px;
}
#recipe-ints {
	margin: 0 15px;
	padding: 10px 0 0 0;
}
#recipe-ints-box {}

#recipe-ints-box ul {
	margin: 0;
	padding: 0;
}
#recipe-ints-box ul li {
	float: left;
	margin: 0 10px 5px 0;
}
#hlight a {
	color: #393;
}

/* employ */

#employ {}
#employ h1 {
	color:#4B1F02;
	font-size:42px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0;
}
#employ h2 {
	color:#4B1F02;
	font-size:32px;
	margin-bottom:25px;
	margin-left:45px;
	line-height: 18px;
}
#employ p {
	color: #4B1F02;
	font-size:16px;
	line-height:20px;
}


/* site map */

#sitemap {
	font-size: 16px;
	line-height: 32px;
}

#sitemap ul {
	margin: margin: 0 0 0 40px;;
	padding: 0;
}

#sitemap ul li {
	margin: 0 0 0 40px;
	padding: 0;
	border-bottom: 1px dashed #d3ca9f;
}

#thankyou {
	color:#4B1F02;
	margin:25px 0 150px 25px;
}
#thankyou h2 {
	color:#4B1F02;
	font-size:34px;
	font-weight:bold;
}
#thankyou p {
	color:#4B1F02;
	font-size:14px;
}

.directions {
	margin:25px 0 0 0;
	padding:0;
}

.evcal {
	padding: 0 0 0 25px;
}

/* Griff mail */

#griffmail {
	background-image: url(../images/e-newsletter-banner.jpg);
	background-repeat: no-repeat;
	width: 958px;
	height: 130px;
	margin: 0 0 10px 0;
	padding: 0;
}

#griffspacer {
		float: left;
		width: 400px;
}

#gfemailer {
	float: right;
	width: 300px;
	text-align: center;
	margin: 15px 50px 0 0;
	padding: 0;
}

#gfemailer h3 {
	font-size: 18px;
	font-weight: bold;
	color: #FFD336;
	text-shadow: 0px 2px 3px #000;
	margin-bottom: 10px;
}

#gfemailer #fieldy {
	width:175px;
	height:20px;
	color: #777;
	font-size: 11px;
	text-align: center;
	padding:5px 0 0 0;
}