/* -------------------------------------------------------------- 
  
   the Pascale's main site styles
   (This file is not a part of the Blueprint css framework)
   
-------------------------------------------------------------- */

@import "reset.css";

body {
  font: 14px/20px "Lucida Grande", Helvetica, Arial, Sans-serif;
  padding:0;
  margin: 0;
  background: #E9F2EF url(../images/page-background.gif) no-repeat top center;
  text-align: center;
  color: #333;
}

p {
  padding: 0;
  margin: 10px 0 15px 5px;
  text-align: left;
  color: #3C3C3B;
}

p a {
  text-decoration: underline;
}

p a, 
p a:link,
p a:active,
p a:visited {
  color: #9C831E;
}

p a:hover {
  color: #4E131D;
}

a {
  text-decoration: none;
}

img {
  border: none;
  padding:0;
  margin:0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

li {
  list-style: none;
}

.center {
  margin: 0 auto;
  width: 800px;
  text-align: left;
}

.highlight {
  background-color: #FCFFCF;
}

.lowlight {
  color: #999999;
}

/* =nav
----------------------------------------------- */
#nav {
  padding-top: 64px;
  padding-right: 15px;
  letter-spacing: 1px;
}

  #nav li {
    display: block;
    float: left;
    margin-left: 25px;
    padding-top: 10px;
    color: #aaa;
  }

  #nav li#about {
    padding-left: 350px;
  }

  #nav li a {
    color: #303030;
  }

  #nav li#create-your-own {
    float: right;
    background: transparent url(../images/star.gif) no-repeat top right; 
    width: 80px;
  }

  #nav li#create-your-own a {
    color: #004E58;
  }
  
  #nav li a:hover {
    text-decoration: underline;
  }
  

/* =header
----------------------------------------------- */

#header_wrapper {
  clear: both; 
}

#header_wrapper img {
  margin-top: 45px;
}

/* =content
----------------------------------------------- */

#wrapper {
  padding: 0;
}

#content {
  background-color: #FDFDFD;
  padding: 45px 50px 25px 50px;
}

.section {
  margin-top: 45px;
  width: 350px;
  float: left;
  clear: left;
}

#gone-goat {
  margin-top: 15px;
}

#fifth-town {
  margin: 5px 0 0 0;
  line-height: 21px;
  color: #EF4300;
  clear: both;
}

#fifth-town a {
  color: #7F2400;
}

#fifth-town-logo {
 margin: 0 15px 0 0;
 float: left;  
}

#available {
  margin-top: 5px;
  color:#7F2400;
  font-size: 12px;
}

#nut-free {
  background-color: #F4E99C;
  margin-top: 27px;
  padding: 20px 20px 20px 20px;
  font-size: 12px;
  color: #7D7B56;
}

#flavours-section ul {
  color: #3C3C3B;
}

#flavours-section img {
  margin-right: 5px;
}

#create-your-own-section {
  float: right;
  clear: right;
  width: 310px;
  background: transparent url(../images/be-creative-background.gif) no-repeat 0 0;
}

#create-your-own-section div {
  padding: 20px 15px;
}

#create-your-own-section h2 {
  font-size: 36px;
  color: #634517;
  font-weight: bold;
}

#create-your-own-section p {
  margin: 20px 0;
  padding: 0;
  color: #fff;
}

#create-your-own-section label {
  margin-top: 20px;
  display: block;
  font-size: 17px;
  line-height: 25px;
  color: #634517;
}

#create-your-own-section #silly-name {
  padding: 10px;
  border: none;
  width: 250px;
  font: 18px/24px "Lucida Grande", Helvetica, Arial, Sans-serif;
}

#create-your-own-section #description {
  width: 250px;
  height: 75px;
  padding: 10px;
  border: none;
  font: 18px/24px "Lucida Grande", Helvetica, Arial, Sans-serif;
  overflow: auto;
}

#create-your-own-section #send-to-me {
  float: right; 
  margin-top: 10px;
}

#ice-cream-instructions {
  margin-top: 0;
  width: 700px;
  clear: both;
  float: none;
}

#ice-cream-instructions img {
  margin-top: 45px;
}

#ice-cream-instructions div {
  background-color: #E0EFEB;
  padding: 20px 20px;
  font-size: 12px;
  color: #1B3F35;
}

#ice-cream-instructions span {
  background-color: #1B3F35;
  color: #fff;
  padding: 2px 4px;
}

#ice-cream-instructions p strong {
  font-size: 20px;
}

#ice-cream-instructions #tips {
  margin-left: 25px;
}

#ice-cream-instructions #tips li {
  list-style: decimal;
}

#ice-cream-instructions #tips li {
  list-style: decimal;
}

#contact-section ul {
  margin: 10px 0;
  list-style: none;
}

#contact-section ul li {
  margin: 2px 0;
  padding: 7px 0 8px 40px;
}

#contact-section a {
  color: #333333;
  text-decoration: none;
}

#contact-section a:hover {
  text-decoration: underline;
}

#contact-section ul li#phone {
  background: transparent url(../images/phone.gif) no-repeat 0 0;
}

#contact-section ul li#email {
  background: transparent url(../images/e_mail.gif) no-repeat 0 0;
}

#contact-section dt {
  margin-top: 10px;
}

#contact-section dd {
  margin-bottom: 20px;
  padding-top: 2px;
  font-size: 13px;
  color: #666667;
}

#contact-section dd img {
  margin-left: 5px;
}

#contact-section dl em {
  color: #6B1511;
}

#contact-section .locations {
  margin-top: 20px;
}

#coming-soon {
  color: #777;
}

#coming-soon dt {
  margin-top: 0px;
}

#press-section {
  float: right;
  clear: right;
  width: 310px;
}

#press-section li {
  margin: 25px 0;
}

#press-section a {
  color: #ffffff;
}

#ugonnaeatthat {
  padding: 10px 13px;
  background-color: #A54908;
  width: 175px;
}


/* =footer
----------------------------------------------- */

#footer {
  padding: 15px 0 30px 0;
  text-align: center;
  clear: both;
}

#footer p {
  margin: 0;
  padding: 0;
  color: #777;
  text-align: center;
  font: 10px/14px Verdana, Arial, sans-serif;
}

#footer img {
  margin-top: 5px;
  background-color: #fff;
  border: none;
}

#footer a,
#footer a:link, 
#footer a:visited,
#footer a:hover,
#footer a:active {
  color: #777;
}