@import "common.css";

/*
 *   Styles applying to print media.
 *   $Id: print.css,v 1.1 2003/04/09 01:24:32 hoss Exp hoss $
 */

/* overrides to common.css */
#doc-url { 
/*
  margin-top: 1em;
  padding: .5ex 0;
*/
  /* border: 1px solid; */
  font-size: 75%;
  display: block;
  clear: both;
}
.print-only { display: block; }

/* use sane, simple colors when printing */
* {
  background: white;
  color: black;
}

@page {
  margin: .2in;
}
body { 
  margin: .5em;
  font-family: Baskerville, Georgia, Garamond, Times, serif;
  font-size: 11pt;
}
body * { 
  background: transparent ! important;
}

/* remove some interactive-only elements that serve no purpose in print */
#headlines,
#header form,
#navigation,
#validate,
#feedback,
.toc,
blockquote.random,
.reviews,
.no-print,
.no-style,
.for-broken-browsers,
.photoweb-thumbnail,
a.more {
   display: none;
}

/* MSIE wants this style on a separate line */
a[href="/about/feeds"] { display: none }

#breadcrumbs {
   font-size: 75%;
   color: #777;
   font-family: sans-serif;
   margin: 1ex 0 0 0;
   float: none;
}
#breadcrumbs a {
   text-decoration: none;
}

/* metadata should appear in small font */
#content-details { font-size: 80%; }

/* don't flag acronyms/abbreviations */
abbr, acronym { font-variant: normal; border: none; }

/***
 ***  Logo
 ***/

/* give the logo a drop shadow */
#header {
   margin: 0;
/*
   padding: .7ex;
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 2px solid #777;
   border-bottom: 2px solid #777;
*/
}
/*
#logo a { text-decoration: none; }
#logo h1 { 
   font-size: 140%; 
   line-height: 1em;
   margin: 0 .5em 0 0;
   padding: 0;
   float: left;
}
#logo .subtext a {
   display: block;
}
#logo .subtext {
   font-size: 60%;
   font-style: italic;
}
*/
#logo * { display: none }
#logo .print-only { display: block }

h1 { 
  margin: .6em 0 .2em 0;
  font-size: 160%;
}
h2 { font-size: 130% } 

#extra-content {
  position: relative;
  font-size: 100%;
  width: auto;
  padding: 0;
}


/***
 *** Restaurant Guide 
 ***/

img.metric {
  height: 1.2em;
}

table.key {
  font-size: 75%;
  width: 17em;
  float: right;
  border: 1px solid gray;
  margin-left: .5em;
  font-family: sans-serif;
}
table.key th.title {
  border-bottom: 1px solid gray;
} 
table.key th { text-align: center; font-style: italic }
table.key th,
table.key td { vertical-align: top }

ul.restaurants { background: transparent }
ul.restaurants li { background: transparent }

/* Page breaks spotty with some browsers, but we'll try to set them anyway. */
ul.restaurants { page-break-inside: auto }
ul.restaurants li { page-break-before: auto; page-break-inside: avoid; }


/***
 ***  Links
 ***/

#body a { text-decoration: none }

/* endnotes, etc. */
a.ref { font-size: 70%; vertical-align: top; }
a.ref:before, a.ref:after { content: "" }

/* fragment identifiers */ 
#body a[href^="#"] { 
  text-decoration: none;
}

/* offsite links */
#body a[href^="http"]:not([href*="urveg"]) { 
  text-decoration: none;
  background-image: none;
  padding-right: 0;
}
#body a[href^="http"]:not([href*="urveg"]):not([class="no-print-expansion"]):after {
  content: " [" attr(href) "] ";
  color: #555;
  font-family: sans-serif;
  font-size: 95%;
}

/* abbreviations/acronyms */

abbr[title]:after, acronym[title]:after {
  content: " (" attr(title) ")";
  font-style: italic;
}

#styleswitcher { display: none }

@page {
  blockquote { page-break-inside: avoid }
}

#quote-list { font-size: 82% }
#quote-list blockquote { padding: 0; background: none; border: none }