@charset "UTF-8";
/* $Id$ */

@import url(nav.css);
@import url(banner.css);
@font-face {
	font-family: "Cinzel";
	src: url("/fonts/Cinzel-Regular.ttf");
}
@font-face {
	font-family: "Cinzel";
	font-weight: bold;
	src: url("/fonts/Cinzel-Bold.ttf");
}
@font-face {
	font-family: "Cookie";
	src: url("/fonts/Cookie-Regular.ttf");
}
@font-face {
	font-family: "Libre Baskerville";
	src: url("/fonts/LibreBaskerville-Regular.ttf");
}
@font-face {
	font-family: "Libre Baskerville";
	font-weight: bold;
	src: url("/fonts/LibreBaskerville-Bold.ttf");
}
@font-face {
	font-family: "Libre Baskerville";
	font-style: italic;
	src: url("/fonts/LibreBaskerville-Italic.ttf");
}

/* Basic fonts */
body
{
	color: black;
	background-color: white;
}

/* Really wish this tag had better browser support. */
q:before {
    content: "\201C";
}
q:after {
    content: "\201D";
}
q q:before {
    content: "\2018";
}
q q:after  {
    content: "\2019";
}

/* Link styles */
a:link, a:visited.fakelink
{
	color: #6F269F;
	text-decoration: none;
	border-bottom: 1px solid #6F269F;
}

/*
a:visited, a:link.fakevisited
{
	color: gray;	
	text-decoration: none;
	border-bottom: 1px solid gray;
}

a:hover, a:hover.fakelink, a:hover.fakevisited 
{
	border-bottom-style: dotted;	
}
*/

/* We don't want the bottom border on links to images. */
a:link.imglink, a:visited.imglink, a:hover.imglink, a:link.linkimg, a:visited.linkimg, a:hover.linkimg
{
	border: none;
}

/* IE 5.0 doesn't support borders on inline elements, so we use the 
   IE5.0/Win Band Pass Filter from <tantek.com> to reset some things. 
   This one chunk of code contains so many insane hacks I won't even 
   bother explaining all of them; just see Tantek's site for details. */
@media tty {
	i{content:"\";/*" "*/}}; a:link, a:visited, a:hover { border-bottom: none; text-decoration: underline } {;}/*";}
}/* */

a.buy_it {
	background-color: #6F269F;
	color: white;
	padding: .5em;
	border-radius: .5em;
}

.coming-soon {
	margin: 5px;
	text-align: center;
	font-size: large;
	font-weight: bold;
}

/* Header styles */
h1, h2, h3, h4
{
    margin-top: 1em;
	margin-bottom: 0.25em;
	color: #6F269F;
}
h1 { font-size: 2em; margin-top: 0; }
h2 { font-size: 1.5em  }
h3 { font-size: 1.33em }

h2 + p, h3 + p 
{
    margin-top: 0;
}

/* Classes */
.quote 
{
	text-align: center;
}

.quote q, .quote .q 
{
    display: block;
}
.quote q q, .quote .q .q 
{
    display: inline;
}

.quote p 
{
    padding-left: 4ex;
    text-align: left;
}

.quote p q, .quote p .q 
{
    margin-left: -4ex;
}
.quote p q q, .quote p .q .q 
{
    margin-left: 0;
}

.unless-css
{
	display: none;
	display: none !important;
}

.top-note
{
	background: #f5efe0;
	text-align: center;
	padding: 5px;
	margin-bottom: 20px;
}

/* Page sections */
#body 
{
	margin-top: 1em;
	line-height: 1.7;
    /* IE/Mac doesn't like 'justify' much. \*/
	text-align: justify;
    /* End IE/Mac hide */
}

#quicklinks select
{
		float: right;
}

#breadcrumbs 
{
    color: gray;
    font-size: smaller;
}
#breadcrumbs a 
{
    color: gray;
    border-bottom-color: gray;
}

#footer
{
	padding: 2em 0 1em;
	font-size: smaller;
	color: gray;
	clear: both;
}

#footer #valid 
{
	float: right;
}

table {
    border-collapse: collapse;
    font-size: 1em;             /* We hates the IE5, yes we do, precious... */
}

table tr th {
    border-bottom: 2px solid gray;
    text-align: center;
}

table tr td {
    border-bottom: 1px solid gray;
    padding: 5px;
    margin: 0;
    width: 49%;
}

table tbody tr th 
{
	border-bottom-width: 1px;
}

blockquote 
{
    margin: 4px 0;
    padding: 2ex 1ex 1ex 2ex;
    font-family: Georgia, serif;
    background: #f5efe0 url(../../images/oquote-beigebg.gif) no-repeat scroll 1ex 1ex;
    line-height: 1.7;
}
blockquote div.hook
{
    padding: 0 70px;
    background: transparent url(../../images/cquote-beigebg.gif) no-repeat scroll right bottom;
}

blockquote.short div.hook
{
    height: 64px;
}

blockquote p {
    margin: 0.5em 0;
    text-indent: 3ex;
}

hr 
{
    color: gray;
    background-color: gray;
    height: 1px;
    border: none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin: 2em auto;
    
    text-align: center;
    width: 50%;
}

blockquote div.credit {
    text-align: right;
    margin-top: 0.5em;
    margin-left: 33%;
}


sup {
    font-size: 0.80em;
    vertical-align: text-top;
}

/* Image placements */
.leftimg, .rightimg, .centerimg {
    display: block;
    font-style: italic;
    margin: 0 2ex 2ex;
    color: #6F269F;
}
.leftimg img, .rightimg img, .centerimg img {
    display: block;
    background-color: rgb(95%,95%,95%);
    margin-bottom: 1ex;
}
.leftimg em,   .rightimg em,   .centerimg em,
.leftimg cite, .rightimg cite, .centerimg cite 
{
	font-style: normal;
}

.leftimg {
    float: left;
    clear: left;
    text-align: left;
    margin-left: 0;
}
.rightimg {
    float: right;
    clear: right;
    text-align: right;
    margin-right: 0;
}
.centerimg {
    text-align: center;
    clear: both;
    margin: 2ex auto;
}

h2 {
    clear: both;
}
blockquote h2 
{
	clear: none;
}


/* forms */
form.arranged {
    position: relative;
}
.arranged label {
    display: block;
    margin-top: 0.1em;
    left: 0;
    width: 14ex;
    text-align: right;
    font-weight: bold;
    
    /* HACK HACK HACK IE 5 can't handle this absolute correctly */
	voice-family: "\"}\""; 
	voice-family:inherit;
    position: absolute;
}
html>body .arranged label { position: absolute }
.arranged label.long 
{
	position: static;
	width: auto;
	text-align: left;
}
.arranged input, .arranged textarea, .arranged select, .arranged em {
    display: block;
    position: relative;
    left: 15ex;
    width: 45ex;

    font-family: inherit;
    font-size: inherit;
}
.arranged textarea {
    height: 10em;
}
.arranged input.checkbox, .arranged input.button {
    width: auto;
}
.arranged input.short 
{
	width: 8ex;
}
.arranged input.button 
{
	display: inline;
}
.arranged .captcha {
    display: block;
    position: relative;
    left: 15ex;
}

#totop 
{
	clear: both;
	text-align: right;
}

.highlight {
    margin: 1em 15%;
    padding: 2ex;
    background: rgb(255,213,223);
}

.highlight h2 {
    margin-top: 0;
    clear: none;
}

p#first_time {
	padding: 3px;
}

/* Styles for recipes */
h2.recipe_title {
	text-align: center;
}

p.recipe_body	{
	font-size: smaller;
}

p.recipe_comment {
	font-size: smaller; 
	font-style: italic; 
	text-align: center;
}

p.recipe_attribution {
	font-size: smaller; 
	text-align: center;
}

ul.recipe_ingredients { 
	padding-left: 20px; 
}

ul.recipe_ingredients li {
	list-style-type: none;
}

.lyric {
	text-align: center;
	font-style: italic; 
}

.cover .buy_buttons h3 {
  line-height: 1.2;
  padding-top: .50ex;
  padding-bottom: .5ex;
}