/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html {
	font-size: 62.5%;
}
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
a {
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	text-transform: uppercase;
	font-family: "futura-pt-condensed", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold;
}
h1 {
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}
#footer {
	text-align: center;
	clear: both;
	width: 100%;
	padding: 2em 0 0 0 ;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/


/* =Fonts
-------------------------------------------------------------- */
body,
.page-title span,
.pingback a.url {
 font-family: "private-sans-web", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.entry-title,
.entry-utility,
#respond label,
.page-title,
.pingback p,
.reply,
.wp-caption-text,
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: "futura-pt-condensed", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: "private-sans-web", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 100%;
}

/* Structure the footer area */


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
}
body,
input,
textarea {
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 0px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 9px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #111111;
}
a:visited {
	color: #222222;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 30px 0 0 0;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 14px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	display: block;
}


/* =Menu
-------------------------------------------------------------- */


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
.hentry {
	margin: 0 0 48px 0;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}


/* =Asides
-------------------------------------------------------------- */


/* =Gallery listing
-------------------------------------------------------------- */


/* =Attachment pages
-------------------------------------------------------------- */


/* =Images
-------------------------------------------------------------- */


/* =Navigation
-------------------------------------------------------------- */



/* =Comments
-------------------------------------------------------------- */


/* =Widget Areas
-------------------------------------------------------------- */


/* Main sidebars */

/* =Footer
-------------------------------------------------------------- */

#footer {
}
#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
.entry-meta,
.entry-utility,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}

/* RUBYS */
.visa { height: 24px; width: 36px; }
.mastercard { height: 24px; width: 36px; }
.discover { height: 24px; width: 38px; }

.small {
	font-size: .8em;
}

body {
   background-image: url( '/wp-content/themes/rubysbbq-twentyten/images/background.jpg' );
	 background-position: center top;
}

img.photo {
	 border: 2px solid #FFFFFF; margin: 0px 5px;
}

p.menu a {
	margin: .0em .5em;
	padding: .0em .0em;
					 line-height: 1.4em;
}
ul.menu {
	display: inline;
	text-align: center;
}
ul.menu li {
	float: left;
	list-style: none;
	margin: 0 .5em;
}

table.menu {
	width: 100%;
	margin: 0 0%;
}
table.menu tr {
	border: 1px solid #cbb34c;
	border: 1px solid #ffffff;
}
table.menu td {
	padding: 5px;
	margin: 0px 0px 5px 0px;
}
table.menu th
{
	border: 0px solid #777777;
	font-weight: bold;
	text-align: left;
}

table.grid {
	width: 80%;
	margin: 0 10%;
}
table.grid td ,
table.grid td {
	border: 1px solid #ffffff;
	padding: 5px;
	margin: 0px 0px 5px 0px;
}
table.grid th
{
	border: 0px solid #777777;
	font-weight: bold;
}

#order {
	clear: left;
}

.third {
	width: 44%;
	padding: 0 2%;
	float: left;
}

ul.plain {
	list-style: none;
	margin: 0px;
	width: 100%;
}
ul.plain li {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

ul.half {
width: 45%;
float: left;
}
ul.quarter {
width: 22%;
float: left;
}

#logo {
	text-align: center;
	width: 100%;
	height: 216px;
	overflow: hidden;
}

#logo img {
	width: 756px;
	height: 336px;
}

#lamp1 {
  position: absolute;
  left: 0px;
  top: 0px;
	height: 504px;
	width: 204px;
}
#lamp2 {
  position: absolute;
  right: 0px;
  top: 0px;
	height: 504px;
	width: 204px;
}
#nav {
  position: absolute;
  top: 0px;
  left: 0px;
	width: 100%;
}

#nav_home {
  position: absolute;
  top: 0px;
  left: 107px;
	width: 60px; 
	height: 120px; 
}

#nav_menu {
  position: absolute;
  top: 00px;
  left: 186px;
	width: 60px; 
	height: 120px; 
}

#nav_ordering {
  position: absolute;
  top: 00px;
  left: 267px;
	width: 216px; 
	height: 120px; 
}

#nav_catering {
  position: absolute;
  top: 00px;
  left: 497px;
	width: 192px; 
	height: 120px; 
}

#nav_wedding_planner {
  position: absolute;
  top: 00px;
  left: 702px;
	width: 156px; 
	height: 120px; 
}

#nav_brick_pits {
  position: absolute;
  top: 00px;
  left: 872px;
	width: 96px; 
	height: 120px; 
}

#box {
  position: absolute;
  top: 200px;
  left: 50px;
}
#frame-title {
  position: absolute;
  top: 320px;
  left: 230px;
}
#frame-title h2 {
}

h3.home {
	text-align: center;
	margin: .3em 0;
}

#nav-wrapper {
  position: relative;
	z-index: 1000;
	width: 1080px;
	margin: -2em auto 0;
}
#tiny-nav-wrapper {
	display: none;
}

#frame-wrapper-wrapper {
	width: 1080px;
	margin: 7em auto;
	z-index: 1;
}
#frame-wrapper {
	width: 840px;
	background: url(/wp-content/themes/rubysbbq-twentyten/images/paper2.png);
	background-size: 840px 396px;
	padding: 2em 0px 2em;
	margin: 0em auto;
}
#frame {
	float: left;
  border: 0px;
	color: #313133;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	width:504px;
	overflow:hidden;
	margin: 0em 1em 0em 2em;
	font-size: 1.8em;
	line-height: 1.2em;
}
#frame.wide {
	width: 760px;
}

#frame table.order {
	width: 100%; 
}
#frame table.order td {
	padding: 5px;
}

#frame h2 {
	text-align: center;
	padding: .5em 0px;
	line-height: 1.1em;
}
#frame h3 {
	font-weight: bold;
	font-size: 1em;
}

#side {
	float: right;
	color: #313133;
  border: 0px;
	color: #000000;
	width: 216px;
	margin: 2em 2em 2em 0em;
	font-size: 1.5em;
	line-height: 1.2em;
}
#side img {
	border: 2px solid #ffffff;
}
#side h2 {
	line-height: 1.7em;
	clear: right;
	font-weight: bold;
	text-align: center;
	margin: 0 0 .0em 0;
}
#side p {
}

#intro, #outro {
	text-align: center;
	color: #000000;
	padding: 0em;
	width: 90%;
	margin: 1em auto 0;
	font-family: "futura-pt-condensed", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: bold;
}
#intro p, #outro p {
	margin: .3em 0;
}

#topper {
	display: none;
	background: url(/wp-content/themes/rubysbbq-twentyten/images/paper4.png) no-repeat;
}
#bottom {
	width: 840px;
	background: url(/wp-content/themes/rubysbbq-twentyten/images/paper3.png) no-repeat;
	padding: 3.5em 0 0 0;
	margin: 0px auto;
	background-size: 840px 72px;
	font-size: 1.5em;
	font-weight: bold;
}
#bottom ul {
}
#bottom p {
	margin: 1em auto 0;
	text-align: center;
}
#bottom a {
	margin: 0px 10px;
	color: #000;
	text-decoration: none;
}
#bottom a:hover {
	color: #ff4b33;
}
#footer a {
	margin: 0px 0px;
	display: inline;
	color: #666666;
}

li.label {
	list-style: none;
	font-weight: bold;
}
li.field {
	margin-left: 10px;
	list-style: none;
}

#order input{
}

#order input{
}

#order li {
	clear: left;
	padding: .2em 0;
}
#order a.choice {
	display: block;
}
#order a.choice:hover {
	background: #fff;
}

#order td.choice:hover {
	background: #fff;
	color: #ff0000;
}

#order div.missing {
	background: #ffcc00;
	border: 1px dotted #003300;
	padding: 5px 0px;
	margin: 5px 0px;
}
.warning {
	background: #ffcc00;
	border: 1px dotted #003300;
	padding: 5px;
	margin: 5px;
}
#order .warning1 {
	background: #ff0000;
	border: 1px dotted #003300;
	padding: 5px;
	margin: 5px;
}

#order {
	margin: 0em 0%;
	clear: left;
	width: 100%;
}

#order input[type=text],
#order input[type=email],
#order input[type=tel]
{
	width: 80%;
	margin: 0 10%;
}
#order input[type=text].number {
	text-align: right;
	width: 50px;
}
#order textarea {
	width: 80%;
	margin: 0px 10%;
	height: 100px;
}
.friendly{
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
	background: #ccffcc;
}

.scroll-pane {
	width: 100%;
	height: 500px;
	overflow: auto;
}
.horizontal-only {
	height: auto;
	max-height: 200px;
}

.slideshow1 {
	width: 210px;
	height: 157px;
	margin: 0 0 1em 0;
}
.slideshow1 img {
	width: 210px;
	height: 157px;
}

.brick-pits-slideshow {
	width: 760px;
	height: 570px;
	margin: 0 0 1em 0;
}
.brick-pits-slideshow img {
	width: 760px;
	height: 570px;
}


.column {
}
.center {
}
.left {
	float: left;
}
.right {
	float: right;
}
.fifty {
	width: 48%;
	margin: 0 1%;
}

#seedling_contact input[type=text] {
	width: 80%;
}
#seedling_contact textarea {
	width: 80%;
}
#seedling_contact input.captcha {
	width: 20%;
}
#seedling_contact ul {
	margin: 0px;
}
#side ul {
	margin: 0px;
}

.cc {
	height: 40px;
	border: 0px;
}


/* =Print Style
-------------------------------------------------------------- */

@media (max-width: 1200px) {
}


@media (max-width: 1100px) {

	#lamp1 {
		height: 420px;
		width: 170px;
	}
	#lamp2 {
		height: 420px;
		width: 170px;
	}

	#logo {
		height: 180px;
	}
	#logo img {
		width: 630px;
		height: 280px;
	}
	#nav-wrapper {
		width: 900px;
		margin: -1em auto 0;
	}
	#nav {
	}
	#nav_home {
  	left: 89px;
		width: 50px;
		height: 100px;
	}
	#nav_menu {
  	left: 156px;
		width: 50px;
		height: 100px;
	}
	#nav_ordering {
  	left: 226px;
		width: 180px;
		height: 100px;
	}
	#nav_catering {
  	left: 410px;
		width: 160px;
		height: 100px;
	}
	#nav_wedding_planner {
  	left: 582px;
		width: 130px;
		height: 100px;
	}
	#nav_brick_pits {
  	left: 726px;
		width: 80px;
		height: 100px;
	}

	#frame-wrapper-wrapper {
		margin: 5em auto;
		width: 900px;
	}
	#frame-wrapper {
		width: 700px;
		background-size: 700px 330px;
	}
	#frame {
		width: 420px;
		margin: 0em 0em 2em 2em;
	}
	#frame.wide {
		width: 660px;
		margin: 0em 0em 2em 1em;
	}
	#side {
		width: 180px;
		margin: 0em 2em 2em 0em;
	}

	#bottom {
		width: 700px;
		background-size: 700px 60px;
		font-size: 1.2em;
	}
	.slideshow1 {
		width: 180px;
		height: 135px;
	}
	.slideshow1 img {
		width: 180px;
		height: 135px;
	}

	.brick-pits-slideshow {
		width: 660px;
		height: 495px;
		margin: 0 0 1em 0;
	}
	.brick-pits-slideshow img {
		width: 660px;
		height: 495px;
	}

	.third {
		width: 42%;
		padding: 0 4%;
		float: left;
	}
}

@media (max-width: 900px) {

	#lamp1 {
		height: 336px;
		width: 136px;
	}
	#lamp2 {
		height: 336px;
		width: 136px;
	}
	#logo {
		height: 140px;
	}
	#logo img {
		width: 504px;
		height: 224px;
	}
	#nav-wrapper {
		width: 720px;
		margin: -1em auto 0;
	}
	#nav {
	}
	#nav_home {
  	left: 79px;
		width: 40px;
		height: 80px;
	}
	#nav_menu {
  	left: 124px;
		width: 40px;
		height: 80px;
	}
	#nav_ordering {
  	left: 176px;
		width: 144px;
		height: 80px;
	}
	#nav_catering {
  	left: 330px;
		width: 128px;
		height: 80px;
	}
	#nav_wedding_planner {
  	left: 470px;
		width: 104px;
		height: 80px;
	}
	#nav_brick_pits {
  	left: 580px;
		width: 64px;
		height: 80px;
	}

	#frame-wrapper-wrapper {
		margin: 4em auto;
		width: 720px;
	}
	#frame-wrapper {
		width: 560px;
		background-size: 560px 264px;
	}
	#frame {
		width: 336px;
		margin: 0em 0em 2em 2em;
	}
	#frame.wide {
		margin: 0em 0em 2em 1em;
		width: 520px;
	}
	#side {
		width: 144px;
		margin: 0em 1em 2em 0em;
	}

	#bottom {
		width: 560px;
		background-size: 560px 48px;
		font-size: 1.0em;
	}
	.slideshow1 {
		width: 130px;
		height: 97px;
		margin: 0 0 1em 0;
	}
	.slideshow1 img {
		width: 130px;
		height: 97px;
	}
	.brick-pits-slideshow {
		width: 520px;
		height: 390px;
		margin: 0 0 1em 0;
	}
	.brick-pits-slideshow img {
		width: 520px;
		height: 390px;
	}



	ul.half {
		width: 40%;
	}
	.third {
		width: 40%;
		padding: 0 4%;
		float: left;
	}
}
@media (max-width: 720px) {
	#lamp1 {
		height: 210px;
		width: 85px;
	}
	#lamp2 {
		height: 210px;
		width: 85px;
	}

	ul.half {
		width: 95%;
		margin: 0px 0 0 .5em;
	}
	ul.half li {
		list-style: none;
	}
.fifty {
	width: 98%;
	margin: 0 1%;
}

	table.menu {
		width: 94%;
		margin: 0 3%;
	}
	#nav-wrapper {
		width: 540px;
		margin: -1em auto 0;
	}
	#nav {
	}
	#nav_home {
  	left: 53px;
		width: 30px;
		height: 60px;
	}
	#nav_menu {
  	left: 98px;
		width: 30px;
		height: 60px;
	}
	#nav_ordering {
  	left: 133px;
		width: 108px;
		height: 60px;
	}
	#nav_catering {
  	left: 248px;
		width: 96px;
		height: 60px;
	}
	#nav_wedding_planner {
  	left: 351px;
		width: 78px;
		height: 60px;
	}
	#nav_brick_pits {
  	left: 436px;
		width: 48px;
		height: 60px;
	}

	#frame-wrapper-wrapper {
		margin: 3em auto;
		width: 540px;
	}
	#frame-wrapper {
		width: 420px;
		background-size: 420px 173px;
	}
	#frame {
		width: 252px;
		margin: 0em 0em 2em 1em;
	}
	#frame.wide {
		width: 400px;
		margin: 0em 0em 2em .5em;
	}
	#side {
		width: 108px;
		margin: 0em 1em 2em 1em;
	}

	#bottom {
		width: 420px;
		background-size: 420px 36px;
	}
	.slideshow1 {
		width: 100px;
		height: 75px;
		margin: 0 0 1em 0;
	}
	.slideshow1 img {
		width: 100px;
		height: 75px;
	}
	.brick-pits-slideshow {
		width: 400px;
		height: 300px;
		margin: 0 0 1em 0;
	}
	.brick-pits-slideshow img {
		width: 400px;
		height: 300px;
	}




	ul.plain {
		width: 100%;
		list-style: none;
		margin: 0px;
	}
	ul.plain li {
		width: 100%;
		list-style: none;
		margin: 0px 0px 0px 10px;
	}
}


@media (max-width: 550px) {
	#intro, #outro {
		margin-top: -1em;
	}
	.third {
		width: 90%;
		margin: 0 auto;
	}

	#lamp1 {
		display: none;
	}
	#lamp2 {
		display: none;
	}
	#logo {
		height: 120px;
		margin-top: -2em;
	}
	#logo img {
		width: 441px;
		height: 196px;
	}

	#topper {
		display: block;
		height: 30px;
		background-size: 420px 30px;
		padding: 0px;
		margin: 2em auto 0;
		width: 420px;
	}

	#lamp1 {
		height: 210px;
		width: 85px;
	}
	#lamp2 {
		height: 210px;
		width: 85px;
	}

	ul.half {
		width: 95%;
		margin: 0px 0 0 .5em;
	}
	ul.half li {
		list-style: none;
	}

	table.menu {
		width: 94%;
		margin: 0 3%;
	}
	#nav-wrapper {
		display: none;
	}
	#tiny-nav-wrapper {
		display: block;
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	#tiny-nav-wrapper a {
		width: 25%;
		float: left;
		font-size: 1.5em;
		display: block;
		padding: .5em 2%;
		margin: .2em 2%;
		color: #ffffff;
		font-weight: bold;
		font-family: "futura-pt-condensed", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
		background-color: #1a61b0;
		background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(26, 97, 176)), to(rgb(47, 125, 193)));
		background-image: -webkit-linear-gradient(left top, rgb(26, 97, 176), rgb(47, 125, 193));
		background-image: -moz-linear-gradient(left top, rgb(26, 97, 176), rgb(47, 125, 193));
		background-image: -o-linear-gradient(left top, rgb(26, 97, 176), rgb(47, 125, 193));
		background-image: -ms-linear-gradient(left top, rgb(26, 97, 176), rgb(47, 125, 193));
		background-image: linear-gradient(left top, rgb(26, 97, 176), rgb(47, 125, 193));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#1a61b0', EndColorStr='#2f7dc1');
		border-radius: 1em;
		text-transform: uppercase;
		text-decoration: none;

	}
	#tiny-nav-wrapper a.current {
		color: #ffff00;
	}
	#tiny-nav-wrapper a:hover {
		color: #000000;
	}

	#nav-wrapper {
		width: 450px;
		margin: -1em auto 0;
	}
	#nav {
	}
	#nav_home {
  	left: 46px;
		width: 25px;
		height: 50px;
	}
	#nav_menu {
  	left: 78px;
		width: 25px;
		height: 50px;
	}
	#nav_ordering {
  	left: 110px;
		width: 90px;
		height: 50px;
	}
	#nav_catering {
  	left: 206px;
		width: 80px;
		height: 50px;
	}
	#nav_wedding_planner {
  	left: 292px;
		width: 65px;
		height: 50px;
	}
	#nav_brick_pits {
  	left: 364px;
		width: 40px;
		height: 50px;
	}

	#frame-wrapper-wrapper {
		margin: 7em auto;
		width: 450px;
	}
	#frame-wrapper {
		padding: 0.5em 0px 2em;
		width: 420px;
		background-size: 420px 198px;
	}
	#frame {
		width: 380px;
		margin: 0em 1em 2em 1em;
	}
	#frame.wide {
		width: 400px;
		margin: 0em .5em 2em .5em;
	}

	#side {
		width: 380px;
		margin: 0em 1em 2em 1em;
		float: left;
	}

	#bottom {
		width: 420px;
		background-size: 420px 30px;
	}
	.slideshow1 {
		width: 380px;
		height: 285px;
	}
	.slideshow1 img {
		width: 380px;
		height: 285px;
	}
	.brick-pits-slideshow {
		width: 400px;
		height: 300px;
		margin: 0 0 1em 0;
	}
	.brick-pits-slideshow img {
		width: 400px;
		height: 300px;
	}



	ul.plain {
		width: 100%;
		list-style: none;
		margin: 0px;
	}
	ul.plain li {
		width: 100%;
		list-style: none;
		margin: 0px 0px 0px 10px;
	}
}

@media (max-width: 470px) {

	#logo {
		height: 85px;
		margin-top: -1em;
	}
	#logo img {
		width: 315px;
		height: 140px;
	}
	#topper {
		height: 30px;
		background-size: 300px 30px;
		padding: 0px;
		margin: 2em 0 0 0;
		width: 320px;
	}


	#lamp1 {
		height: 126px;
		width: 51px;
	}
	#lamp2 {
		height: 126px;
		width: 51px;
	}

	#nav {
	}
	#nav_home {
  	left: 79px;
		width: 40px;
		height: 80px;
	}
	#nav_menu {
  	left: 124px;
		width: 40px;
		height: 80px;
	}
	#nav_ordering {
  	left: 176px;
		width: 144px;
		height: 80px;
	}
	#nav_catering {
  	left: 330px;
		width: 128px;
		height: 80px;
	}
	#nav_wedding_planner {
  	left: 470px;
		width: 104px;
		height: 80px;
	}
	#nav_brick_pits {
  	left: 580px;
		width: 64px;
		height: 80px;
	}	

	#tiny-nav-wrapper {
		display: block;
		width: 300px;
		margin: 0px auto;
		padding: 0px 1em;
		text-align: center;
	}

	#tiny-nav-wrapper a {
		width: 42%;
	}

	#frame-wrapper-wrapper {
		margin: 11em auto;
		padding: 0px;
		width: 300px;
	}
	#frame-wrapper {
		width: 300px;
		background-size: 300px 264px;
	}
	#frame {
		width: 260px;
		margin: 0em 0em;
		margin: 0em 1em 2em 1em;
	}
	#frame.wide {
		width: 280px;
		margin: 0em .5em 2em .5em;
	}
	#frame.wide table.order {
		font-size: .7em;
	}
	#frame.wide table.order td {
		padding: 2px;
	}
	#side {
		width: 260px;
		margin: 0em 1em;
		float: left;
	}

	#bottom {
		width: 300px;
		background-size: 300px 48px;
	}
	.slideshow1 {
		width: 260px;
		height: 195px;
	}
	.slideshow1 img {
		width: 260px;
		height: 195px;
	}

	.brick-pits-slideshow {
		width: 280px;
		height: 215px;
		margin: 0 0 1em 0;
	}
	.brick-pits-slideshow img {
		width: 280px;
		height: 215px;
	}




	#intro {
	}

	li.label {
		list-style: none;
		font-weight: bold;
	}
	li.field {
	}


	#order input,
	#order select,
	#order textarea
	{
		font-size: 16px;
	}

}

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-title {
		font-size: 21pt;
	}
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
}