@import "css3.css";

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto; min-height:100%; }
body { background: #582 /*url(../Images/bg.jpg) no-repeat top center*/; background-attachment: fixed; text-align: center;
  font-size: 11pt; font-family:Tahoma,Verdana,Geneva,sans-serif; margin:0; padding: 50px 30px 0; }

a { color:#FF0; text-decoration:none; border-bottom: 1pt dotted #FF0; }
  a:hover { color:#ff9; border-color: #ff9; }
  a img { border:0; }
fieldset { border:0; margin:0; padding:0; }
h1 { font-family:Jokerman; margin:10px 0px; font-size:26pt; color:#ff0; text-align:center; clear:both; }
h2 { color:#000; font-family:Tahoma,Verdana,Geneva,sans-serif; font-size:18pt; text-align:left; }
h3, h4 { font-family:Jokerman; color:#ff8; text-align:left; clear:left; }
h3 { margin:10px 60px; font-size:20pt; }
h4 { margin:10px 25px; font-size:15pt; }
hr { height: 30px; background: url(../Images/pepper_bullet.gif) repeat-x scroll center; border:0; }
  hr.break { display:none; }
input, .product .button { font-family:Tahoma,Verdana,Geneva,sans-serif; font-size: 10pt; }
p { font-size:11pt; line-height:18pt; margin:5px 60px; text-align:justify; color:#fff; }
  p img { vertical-align:middle; margin:0 1px; }
  p.loc { background:#6A3; padding:3pt 8pt; overflow:hidden; }
    p.loc:first-line { color:#ff0; font-weight:bold; }
    p.loc img { float:right; margin:5px 3px; }
table { color:#fff; }
ul.links { font-size:10pt; text-align: left; margin:5px 0 5px 60px; padding:0 15px; color: #fff; list-style-image: url(../Images/pepper_bullet.gif); }
  ul.links li { line-height: 20px; margin: 0 1em; padding: 2px; font-size:12px; line-height:1.5em; }

#pictures { font-size:18pt; text-align:center; }
#translate { color:#FF0; font-size:15pt; text-align:left; }
  
.button { background:#6A3; color:#fff; text-decoration:none; cursor:pointer; border:0; font-weight:bold; padding:3px 8px; margin:0; line-height:1;
  border:1px solid #6A3; position:relative; outline:none; font-size:10pt; }
  .button:hover, .button:active  { color:#ff8; border-color:#ff0; }
  .button:active { top:1pt; }
.buttonbox { margin: 10px; }
.credit { font-size:11px; font-style:italic; padding-top:3em; }
.gallery { line-height: 3em; text-align:left; }
  .gallery a { border:0; }
   .gallery a img { padding:4pt 3pt; background:#582; border:1pt solid #fff; border-width:2pt 2pt 7pt; }
.hide { display:none; }
.ring { min-height: 165px; }
.sideimg { float:right; margin-left:1.5em; }
.social { color:#fff; margin:10px 40px; padding:15px; text-align:left; border:5px solid #ff0; }
  .social img { float:right; margin:5px; border:5px solid #fff; }
  .social p { color:#fff; margin:5px; font-size:12px; }
.story { border:5px solid #ff0; margin:20px 40px; padding: 15px; }
  .story.banner img { border:1px solid #ff0; display:block; margin: 5px auto; }
  .story:first-letter { font-family:Jokerman; color:#FF0; float:left; font-size:30pt; padding:5px; }
.split { margin:0 35px; }
  .split .endsplit { clear:both; }
  .split .column { float:left; width:50%; }
    .split .column p { margin: 5px 25px; }
    .split .column p.story { margin: 20px 5px; }
    .split .column h3 { margin: 40px 25px 10px; }
    .split .column .social { margin:10px 25px; }
    .split .column ul.links { margin:5px 0 5px 25px; }

/* MAIN LAYOUT */

/* All parts. */
#mainnav  { position:fixed; margin:0 20px; height: 20px; font-size:10pt; line-height: 20px;
  padding:7px 15px; width:auto; background:#000; color:#ff0; z-index:50; }

/* Top navigation. */    
#mainnav { top:0; left:20px; }
  #mainnav a { color:#fff !important; margin:1pt 4pt; padding:1pt; text-decoration:none; border:0; }
    #mainnav a:hover { border-bottom:1px dotted #ff0; }
  #mainnav img { float:left; border:5pt solid #000; margin-top:-5pt; border-top: 10pt solid #000; }
  #mainnav span { font-family:Jokerman; margin:0 5pt; color:#ff0; }

/* SPECIFIC OBJECTS */

/* Product boxes. */
.product { background: transparent; color:#fff; margin: 10px 60px; padding:10px; clear:both; text-align:left; border:5px solid #ff0; overflow:hidden; }
  .productunit { text-align:center; }
  .productunit form { text-align:center; }
  .productunit h3 { color:#ff0; margin:1em 10px 10px; text-align:center; }
  .productunit img { display:block; border:5px solid #000; margin:0 auto; }
  .productunit p { font-size: 10pt; line-height:1.3em; color:#fff; margin:1em 10px; text-align:center; }
  .productunit { width:30%; margin:0 2.5% 0 0; float:left; }
    
/* Recipe cards, recipe pages. */
.hrecipe { width: 6in; margin: 1in auto; height: 4in; background:#fff; color:#582; border:1pt solid #fff; padding:0;
  page-break-inside: avoid; page-break-after:always; position:relative; }
  .hrecipe h2 { font-family: Tahoma,Verdana,Geneva,sans-serif; color:#E30; font-size:16pt; text-align: left; clear:both;
    padding:2pt; margin:0.25in 0.25in 0; border-bottom: 1pt solid #E30; }
  .hrecipe ol, .hrecipe ul { text-align: left; padding:5pt 0; width:2.35in; }
    .hrecipe li { color:#582; font-size:9pt; line-height:11pt; margin: 0 0.25em; padding: 0; }
  .hrecipe p { color:#582; font-size:9pt; line-height:11pt; clear:both; padding: 2pt; margin:0 0.25in; border-bottom: 1pt dotted #582; z-index:20; }
  .ingredients {  margin: 0 0 0.1in 0.5in; }
  .method {  margin: 0 0.5in 0.1in 0; float: right; }
  .logo { position:absolute; top:0.05in; right:0.05in; font-size:10pt; color:#E30 !important; font-family:Jokerman; z-index:10; }  
  .note { font-size: 0.8em; font-style:italic; }
.hrecipe.back { background:#fff url(../Images/group2large.jpg) no-repeat bottom center; }
.r35 { width:5in; height:3in;  page-break-after:auto;  }
  .r35 h2 { font-size:13pt; }
  .r35 ol, .r35 ul { padding:5pt 0; width:1.85in; }
  .r35 li, .r35 p { font-size:8pt; line-height:10pt; }
  .r35 ul + p { display:none; }
.r35.back { background:#fff url(../Images/group2.jpg) no-repeat bottom center; }

/* Photo with ingredients, main page. */
.in_photo {border:5px solid #000; position:relative; width: auto; max-width:535px; max-height:400px;
  background:#f00 url(../Images/basket2.jpg) no-repeat center center; margin: 10px 25px; }
.in_box { margin:10px; background:#000; color:#fff; border:5px solid #000; padding: 15px;
  text-align:left; max-width:180px; font-size:10pt; }
  .in_box ul { font-size:10pt; margin:5px 0 5px 25px; padding:0;  list-style-image: url(../Images/pepper_bullet_black.gif); }
    .in_box ul li { padding:2px; margin:0; }
      .in_box ul li a { color:#fff; border-color:#fff; }
      
#footer { padding: 100px 30px 20px 60px; background:#361 url(../Images/footerbg.png) repeat-x top center; margin: 30px -30px 0; position:relative; }
  #footer ul.links { float: left; width: 20%; margin-left:0; }
  #footer p { float: right; width: 40%; margin-left:20px; font-size:12px; border-left:1px solid #582; padding-left: 20px; }
  #footer div.vcard { clear:both; color:#fff; font-size:11px; padding: 15px 0 0; }

::-moz-selection {	background:#ff0; color:#361; }
::selection { background:#ff0;	color:#361; }
#mainnav ::-moz-selection {	background:#ff0; color:#000; }
#mainnav ::selection { background:#ff0;	color:#000; }