/* CSS Document */

body {
	background:#F3F1D6;
	font-family:"Comic Sans MS","Comic Sans",Arial, Helvetica, sans-serif;
	margin:10px auto;
	font-size:100.1%;
	}
body.facebook {
    background:white;
}
div.clear {
	clear:both;
	}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li {
	margin:0;
	padding:0;
	}

ul, li {
	list-style:none;
}

#tinymce {
    background:transparent;
}

#tl, #tr, #bl, #br, #footer_shadow {
	position:absolute;
	z-index:1;
	}

#tl {
	width:54px;
	height:55px;
	top:-1px;
	left:-1px;
	background:url("/images/page_tl.gif") no-repeat left top;
	}

#tr {
	width:55px;
	height:55px;
	top:-1px;
	right:0px;
	background:url("/images/page_tr.gif") no-repeat left top;
	}

#bl {
	width:63px;
	height:73px;
	bottom:-21px;
	left:-1px;
	background:url("/images/page_bl.gif") no-repeat left top;
	}

#br {
	width:70px;
	height:76px;
	bottom:-21px;
	right:0px;
	background:url("/images/page_br.gif") no-repeat left top;
	}

#footer_shadow {
	width:872px;
	height:7px;
	bottom:-6px;
	left:50px;
	background:url("/images/page_bottom_shadow.gif") repeat-x left top;
	font-size:1px;
	}

#container {
	width:920px;
	min-height:500px;
	padding:0px 20px 0px 40px;
	margin:10px auto;
	position:relative;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#fff url("/images/page_right_shadow.gif") repeat-y right top;
	}

#fb_wrapper {
    float:right;
}

#logo {
	float:left;
	z-index:10;
	}

#logo img {
	width:271px;
	height:71px;
	border:0;
	}
	
#dashboard {
	float:right;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline;
	}

#dashboard li {
	list-style-type:none;
	float:left;
	margin-right:8px;
	}

#dashboard a {
	font-size:12px;
	color:black;
	text-decoration:none;
	}

#nav {
	float:right;
	margin:0;
	padding:0;
	z-index:10;
	position:relative;
 }

#nav li {
	float:left;
	width:137px;
	height:55px;
	margin:0 15px 0 0;
	padding:10px;
	text-align:center;
	list-style-type:none;
	}

#nav #get_on_list {
	background:url(/images/get_on_list.png) top left no-repeat;
	}

#nav #order_dish {
	background:url(/images/order_dish.png) top left no-repeat;
	}

#nav #conv_catering {
	background:url(/images/conv_catering.png) top left no-repeat;
	}

body.facebook #get_on_list {display:none;}
#nav li a {
	color:#fff;
	position:relative;
	display:block;
	top:50%;
	margin-top:-1.6em;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}


/* ==================
      HOME PAGE
   ================== */

#intro {
	clear:both;
	}

#intro h1 {
	color:#4C6C2D;
	font-size:30px;
	margin:30px 0 50px 0;
	}

#intro p {
	font-size:18px;
	color:#333;
	line-height:1.4em;
	}

#intro h2,
#intro h3,
#intro p span {
	font-size:22px;
	}

#intro h2 {
	color:#6D8724;
	margin:50px 0 70px 0;
	}

#intro h3 {
	color:#BC6013;
	margin-top:50px;
	margin-bottom:50px;
	text-transform:uppercase;
	}


/* background dishes */
#bg_wrapper {
	width:912px;
	padding-right:20px;
	padding-bottom:30px;
    position:relative;
    z-index:2;
    }


#bg_wrapper.home,
#bg_wrapper.account {
	background:url(/images/home_bg.jpg) no-repeat 385px 60px;
	}

#bg_wrapper.account h1 {
	margin-top:20px;
	}

#bg_wrapper.policies #left_column {
	margin-top:20px;
	margin-left:10px;
	}

#bg_wrapper.order #left_column {
	margin-left:10px;
	width:600px;
	}

#bg_wrapper.policies h2 {
	padding-top:1em;
	background:url("/images/dotted_border_h.gif") repeat-x left top;
	}

#bg_wrapper.policies ul {
	margin-bottom:1.5em;
	}

#bg_wrapper.policies li {
	margin-left:15px;
	margin-bottom:8px;
	line-height:1.3em;
	}

dl {
	clear:both;
	margin-bottom:6px;
	}

dt {
	float:left;
	clear:both;
	width:220px;
	color:#bc6013;
	font-weight:bold;
	}

dd {
	width:535px;
	margin-left:220px;
	}

dd li {
	margin-left:15px;
	}

#list_button {
	width:208px;
	height:34px;
	padding-top:10px;
	display:block;
	text-align:center;
	color:#fff;
	background:url(/images/list_button.gif) no-repeat left top;
	font-family:"Trebuchet MS";
	font-size:16px;
	font-weight:bold;
	margin:50px auto 20px auto;
	text-decoration:none;
	}

/* ====================
     SEE/ORDER DISH
   ==================== */
#left_column {
	width:610px;
	margin-top:40px;
	float:left;
	}

h1, h1 a {
	font-size:22px;
	margin-bottom:1em;
	color:#4C6C2D;
}

h2, h2 a {
	font-size:18px;
	margin-top:1.5em;
	margin-bottom:.5em;
	color:#6D8724;
}

h3 {
	font-size:16px;
	margin-bottom:1em;
	padding-top:.5em;
	color:#BC6013;
}

p {
	color:#333;
	margin-bottom:1em;
}

div.left {
	width:600px;
	float:left;
	clear:left;
}

#signup_form h2 {
	clear:both;
}

div.right, #right_column {
	float:right;
	margin-top:40px;
	margin-right:20px;
}

div.right div.top, #right_column div.top {
	width:250px;
	padding-top:15px;
	background:url("/images/green_rect.gif") no-repeat left top;
}

div.right div.middle, #right_column div.middle {
	width:200px;
	padding:10px 25px 0px 25px;
	background:#E6F8D8;
	}

div.right div.bottom, #right_column div.bottom {
	width:250px;
	padding:0px 0px 15px 0px;
	background:url("/images/green_rect.gif") no-repeat left bottom;
	}

div.right h2,
#right_column h2 {
	color:#BC6013;
	margin:0em auto 8px auto;
	padding-bottom:5px;
	background:url("/images/dotted_border_h.gif") repeat-x left bottom;
}

div.right h3,
#right_column h3 {
	color:#6D8724;
	font-size:16px;
	margin:.5em 0 .25em 0;
}

div.right p,
div.right li,
#right_column p,
#right_column li {
	margin:0em auto;
	line-height:1.3em;
	list-style-type:none;
	}

#left_column div.buttons,
#right_column div.buttons {
	padding-top:1em;
	}

#right_column button {
	display:block;
	margin:0px auto;
	background:#eee;
	color:#000;
	font-size:12px;
	height:30px;
	line-height:30px;
	padding:0px;
	font-weight:normal;
	}

#left_column button {
	padding:4px;
	background:#eee;
	color:#000;
	font-size:9pt;
}

#left_column #quantity,
#right_column #quantity {
	width:20px;
	}

#left_column #price_p,
#right_column #price_p {
	margin-top:15px;
	font-size:12pt;
	font-weight:bold;
	color:#6D8724;
	}

#left_column #price_msg,
#right_column #price {
	font-size:16pt;
	font-weight:bold;
	color:#6D8724;
	}

#left_column #comments {
	width: 400px;
}

#right_column #comments {
	width:140px;
	height:50px;
	display:block;
	margin:0px auto 20px auto;
	}

input.radio, input.checkbox {
	margin-right:5px;
	vertical-align:middle;
	border:none;
	}

#order table h3 {
	width:180px;
}

#order table td {
	vertical-align:middle;
}

#order_invite p {
	width:80%;
	margin-bottom:2em;
	}

#order_invite a {
	text-decoration:none;
	color:#6D8724;
	font-weight:bold;
}

#right_column #order_status {
	width:100%;
	line-height:1em;
	text-align:center;
	}
/* ====================
       FOOTER
   ==================== */

#footer {
	clear:left;
	margin-top:40px;
	border-top:1px solid #464646;
	padding-top:7px;
	padding-bottom:20px;
	width:890px;
}

#footer p {
	margin:0;
	padding:0;
	color:#464646;
	font-size:10px;
	margin-bottom:6px;
	}

#footer a {
	color:#464646;
	font-size:11px;
	text-decoration:none;
	}

#footer a.selected {
	color:#464646;
	text-decoration:underline;
	}

#footer a:hover {
	text-decoration:underline;
	}

#footer #fine_print {
	color:#464646;
	font-size:9px;
	clear:left;
	}

#footer #fine_print a.special {
	cursor:text;
	color:#464646;
	font-size:9px;
	text-decoration:none;
	}

#footer #fine_print a.special:hover {
	text-decoration:none;
	}

#tabs { float:left; }
#tabs ul { float:left; width:100%; padding-bottom:10px; list-style-type:none; }
#tabs li {float:left; padding:4px; list-style-type:none;}
#tabs li a { color: green; }
#tabs #currenttab a { font-size:larger; }
#tabs #currenttab { background:#eee; }
fieldset {clear: left; margin-bottom:15px; }
#content.admin { padding-bottom:20px; color:black;}

#add_form fieldset * {
	vertical-align:top;
	}

#callout {
	float:right;
	width:300px;
	margin-top:40px;
}

#callout textarea {
	width:90%;
	}

.contact h1 {
	margin-bottom:0px;
}

.contact input {
	width:150px;
}

.contact textarea {
	width:300px;
}

.contact label {
	float:left;
	width:100px;
}

.contact p.buttons {
	margin-left:100px;
	}

#cancel_msg {
	font-size:9px;
	padding-top:20px;
	}
	
	
#signup_form h2 {
	margin-top:1.5em;
	padding-top:1em;
	border-top:1px solid #ddd;
}

#signup_form textarea {
	height:60px;
}

div.left dt {
	width:auto;
}

div.left dd {
	width:auto;
	margin-left:180px;
}

div.right {
	margin-top:-20px;
}

div.left input {
	width:300px;
}

div.left input.checkbox {
	width:auto;
}

div.left p {
	font-size:12px;
}

#signup_form #list_button {
	display:block;
	border:none;
	padding:0px 0 0 0;
	margin:0;
	height:44px;
}

label.error {
	display:block;
	color:red;
}

#notification {
  padding:10px;
  border:1px solid #033;
  background:#eed;
  margin:1em 0 0;
  font-size:130%;
}

#errors {
  padding:10px;
  border:1px solid #660;
  margin:1em 0;
  background:#ffe;
}

#right_column input.text {
    width:192px;
}

#right_column p button {
    width:192px;
    margin-top:1em;
    margin-bottom:1em;
}

a.facebook_connect {
    padding-left:20px;
    background:url(/images/facebook.png) no-repeat center left;
    font-size:12px;
    text-decoration:none;
}

#new_coupon dd {
  width:auto;
}
table.index { border-collapse:collapse;}
tr.summary td {
  border-top:1px solid black;
}

img.right {
    float:right;
    margin-left:1em;
    border:1px solid #ccc;
    background:#fff;
    padding:1px;
}

#order_rating {
    border: 3px solid #E6F8D8;
    padding:10px 20px 20px;
    margin-bottom:20px;
}

#order_rating h2 {
    margin-top:0;
}

#order_rating div.input {
    margin-top:10px;
}

#order_rating div.input input {
    width:100%;
}

div.sold_out {
    float:right;
    padding-top:0.5em;
}