/*
*************************************************

TOM E TOES
Print Styles

Created by the Kelly Franklin
http://www.wiltonwebdesign.com

*************************************************
*/


/*------ General Selectors -------*/


body {font-size: 12px; font-family:  Georgia, 'Times New Roman', serif; line-height: 1.4}

h1, h2, h3 {text-transform: uppercase; page-break-after: avoid;}
        h1 {font-size: 22pt; margin: 0; line-height: 1.4}
        	h1 small {display: block; font-size: 13pt; font-variant: small-caps}      	
        h2 {font-size: 17pt; margin: 20px 0 0 0; }
	.menu h2 small {display: inline}
	h2 em {font-size: 13pt}
	h3 {padding: 0 0 3px 0; border-bottom: 1px solid #6F613E; }
	h3.intro, h3.plain {margin: 0; display: block; width: 100%}
	        .parties h3.intro {margin: 0 0 20px 0}
		h3.plain {margin: 20px 0 0 0}

	
p { font-size: 10pt; margin-bottom: 1em}
	p.tel, p.street-address {font-size: 12pt; font-weight: bold}
		p.tel {margin: 4px 0 0 0}
		p.street-address {margin: 8px 0 20px 0}
	p.top {position:relative; display: block; margin: 0 0 8px 0; font-weight: bold; font-style: italic; font-size: 11px; line-height: 1.4;}
	a.half p, a.last_half p {margin: 12px 0 0 0}
	.half p.print, .last_half p.print {float: left; display: block; margin: .75em 0 1.5em 0}
a:link, a:visited {color: #000; font-weight: bold; text-decoration: none}
	p a, p a:link {font-weight: normal}

img { display: block}
	.discounts img {margin: 0 0 20px 0}
a img { border: none}

abbr, acronym {border: none}

ul {margin: 0 0 20px 16px; padding: 0}
	ul li {margin: 12px 0 0 0; padding: 0; width: 100%; }
	.location ul {list-style-type: none; margin: 0;}
	
ol {margin: 0 0 0 3px; padding: 0 0 0 16px;  display: block }

form {float: left}
label, input, textarea {float: left; display: block; margin: 3px 0; width: 100%}
	input, textarea {margin: 3px 0 12px 0}


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

#header {text-align: center; border-bottom: 3px double #6F613E }

#main {width: 320px; float: left}
	.location #main {width: 454px}
	
#sidebar {width: 210px; float: left}
	.location #sidebar {width: 190px; line-height: 1.4; margin-left: 20px}
	
#container {width: 100%; position: relative}
.half {width: 45%;position: absolute; left: 0; top: 10px; margin-top: 30px; }
.last_half {width: 45%; position: absolute; right: 0; top: 10px; margin-top: 30px; }

/*------ Home -----------*/

.home #main {width: 430px}
.home #sidebar {width: 200px}

#secondary {float: left; display: inline; width: 384px; border: 4px double #78AF62; margin-top: 1.5em; }
#secondary dl {float: left; display: inline; padding: 0; margin: 0; margin: 20px 0 0 10px}
#secondary dt {float: right; display: inline; font-size: 16px; letter-spacing: 1px;  font-weight: bold;  width: 294px;  text-align: left; text-transform: uppercase; margin: 0 10px 4px 0; }
#secondary dd {float: left; display: inline; margin: 0; padding: 0; line-height: 150%; height: 52px; font-size: 14px;  width: 270px;  }
	#secondary dd.thumb {width: 66px}
	#secondary dd.thumb img {padding: 1px; margin-right: 9px; border: 1px solid #c6af71;}
	#secondary dd.thumb a {border-bottom: none}
	#secondary dd span {color: #8F846B }
	
#sidebar ul li, #sidebar p {font-size: 12px}	

#sidebar p.phone {font-size: 22px; margin: 12px 0 16px 0}
#sidebar p.phone span {color: #333; font-size: 18px; color: #6b582b; line-height: 2.4em }


/*------ Menu Pages -------*/

dl.landing {float: left; display: inline; width: 290px; margin: 5px 0 20px 0; padding: 10px 5px 14px 10px; border: 4px double #78AF62;}
  dl.indent {margin: 0 0 0 170px; position: relative; top: 250px}
.landing dt {float: right; display: inline; font-size: 130%; letter-spacing: 1px;  font-weight: bold; width: 224px; text-align: left;text-transform: uppercase; margin: 0 0 4px 0; }
.landing dd {float: left; display: inline; margin: 0; padding: 0; line-height: 150%; width: 75%; }
.landing dd.thumb {height: 52px; width: 56px; margin: 6px .7em 0 0}
.landing dd.thumb img {padding: 1px; border: 1px solid #c6af71; }
.landing dd.thumb a {border-bottom: none}
.landing dd span {color: #8F846B }


.menu h3 {width: 100%; display: block; margin: 16px 0 0 0; position:relative;}
	.menu h3.top {margin: 0}

.menu dl {margin: 1em 0 .4em 0; position: relative; display: block; width: 100%; height: auto;}
.menu dt {margin: 0 0 .3em 0; font-weight: bold}
	.menu dt.tighter {margin: 0}
.menu dd {padding: 0; margin: 0}
	.menu dd.two_thirds {width: 60%}
	.menu dd.three_quarters {width: 75%} 
.menu dd.price {position:absolute; top: 0; right: 0; text-align: right; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 11px;  line-height: 1.3; color: #6F613E; }
	.menu dd.price small {display: block; margin-bottom: 8px; font-size: 9px}
	.menu dd.drop {position: absolute; top: 10px; right: 0; display: block; }
	.menu dd span.price {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 11px;  font-style: normal; color:#6F613E;}
.menu dd.ingredients {font-size: 11px; font-style: italic}
	.menu dd.moveup {margin-top: -12px}

/*------ Location -------*/

#map_pix {border: 4px double #78AF62; margin: 1em 0 1em 0; }


/*------ Supress from Printing -------*/

#head_left, #rotator, #navbar, #mini_nav, .callout_burst, .callout_space, .burst, #footer, h1 img, h3.no_print, p.no_print, legend, #lookup label, #getdirections, .discounts #container p, #contact-wrapper p, #contact-wrapper h2, span.pdf, #map  {display: none }


/*----- IE only -----*/

* html .half, * html .last_half {padding-top: 30px}
	* + html .half, * + html .last_half {padding-top: 30px}