@charset "UTF-8";
/* Style by JVTD DDL */

/**Color Pallette
  Brown - #44392B
  Red   - #ED1C24
  Grey  - #96928E
**/

html, body{
  text-align: center;
  background: #96928E;
  color: #44392B;
}
html, body, div{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: underline;
  outline: none;
  color: #44392B;
}
a:link{
  outline-style: none;
}
a:hover{
  background: none;
  margin: 0;
  text-decoration: none;
  width: 100%; /*ie fix */
  color: #ED1C24;
}

div#wrapper{
  text-align: left;
  margin: 0 auto;
  background: url(images/BackgroundPattern.jpg);
  width: 900px;
  height: auto;
}
div#header{
  background: transparent url(images/Header.png) 0 0 no-repeat;
  position: relative;
  width: 900px;
  height: 150px;
}
div#main-navigation{
  width: 900px;
  height: 40px;
  overflow: hidden;
  background: url(images/NavBorder.png) repeat-x;
}
div#main-navigation a, div#bugs a{
  color: #44392B;
  text-decoration: none;
}
div#main-navigation a:hover{
  color: #ED1C24;
}
div#main-navigation a.active{
  color: #ED1C24;
}
div#main-navigation ul{
  text-align: left;
  padding: 10px 24px;
  margin: 0;
  height: 12px;
  width: 855px;
  background: url(images/RedBar.png) 0 2px no-repeat;
}
div#main-navigation ul li{
  color: #96928E;
  display: inline;
  padding-left: 30px;
  line-height: 1.4;
}
div#main-navigation ul li#products{
  padding-left: 0;
}
div#main-navigation ul li#where-to-buy, div#main-navigation ul li#store, div#main-navigation ul li#photos, div#main-navigation ul li#contact, div#main-navigation ul li#faq, div#main-navigation ul li#recipes, div#main-navigation ul li#wholesale{
  background: url(images/li-disc.png) 10px center no-repeat;
}
div#header h1{
  display: none;
}
#logo {
  background:url("images/UptonsLogo.png") no-repeat scroll left top transparent;
  height:115px;
  position:absolute;
  top: 15px;
  left: 80px;
  width:359px;
  z-index:999;
}
/** Footer **/
div#footer {
  bottom: 10px;
  font-size: 75%;
  margin: 0 0 5px 19px;
  position: relative;
}
/** Content **/
div#content{
  background:url(images/VertBorder.png) repeat-y;
}
/** Content-left controls **/
div#content-left{
  width: 130px;
  height: auto;
  margin: 0 15px;
  float: left;
}
div#faux{
  background: url("images/TheFinest.png") no-repeat scroll 0 0 transparent;
  height: 160px;
  margin: 5px 0;
  width: 130px;
}
div#photo{
  height: 180px;
  width: 130px;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
}
div#flickr{
  height: 180px;
  width: 130px;
  overflow: hidden;
}
div#flickr div.flickr_gadge_image a{
  height: 180px;
  width: 130px;
  overflow: hidden;
}
div#photo h1{
  color:#44392B;
  text-align: left;
  margin: 0;
}  
div#delicious{
  height: auto;
  width: 140px;
  margin: 5px 0 10px 0;
}
div#yum{
  background: url(images/Delicious&.png) 0 0 no-repeat;
  width: 130px;
  height: 40px;
}
div#delicious ul{
  background: url(images/HorzBorder.png) transparent bottom repeat-x;
  margin: 0;
  padding: 5px 0 12px 2px;
}
div#delicious ul li{
  list-style: none;
  color: #44392B;
  padding: 2px 0 0 10px;
  background: url(images/li-disc.png) 0 no-repeat;
}
div#bugs{
  width: 130px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
a.facebook{
  background:url(images/facebook-logo.png) 0 0 transparent no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 2px;
}
a.twitter{
  background:url(images/twitter-logo.png) 0 0 transparent no-repeat;
  width: 35px;
  height: 35px;
  float: left;
  margin: 2px;
}

/**Content Right Controls**/
div#content-right, div#content-right-alt{
  width: 720px;
  height: auto;
  min-height: 700px;
  float: right;
  margin: 5px 10px 30px;
}
div#content-right-alt{
  background: none;
}
div#info{
  padding: 20px 0;
}
div#headline h1{
  color: #ED1C24;
  position: relative;
  top: 113px;
  left: 116px;
}
div#info-left{
  float: left;
  width: 116px;
}
div#info-right{
  float: right;
  width: 514px;
  padding: 0 90px 0 0;
}

/***Home Page***/
.home div#content-right{
  background: url(images/BigUpton.png) 0 0 transparent no-repeat;
}
.home div#info{
  background: url(images/HorzBorder.png) transparent bottom repeat-x;
  float:right;
  width: 345px;
  height: 505px;
  padding: 40px 0 0 375px;
}
.home div#info h1{
  background: url(images/Welcome.png) 0 0 transparent no-repeat;
  height: 54px;
  margin: 0;
  padding: 0;
}
.home div#info h1 span{
  display: none;
}
.home div#info p.message{
  font-size: 130%;
  background: url(images/HorzBorder.png) transparent repeat-x;
  margin: 5px 0 0 10px;
  padding: 5px 5px;
  width: 210px;
  line-height: 1.4;
}

/***Products***/  
.products div#headline{
  background: url(images/ProductsHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}
div#products ul{
  width: 430px;
  padding: 0;
  margin: 0;
}
div#products ul li{
  width: 185px;
  height: 150px;
  float: left;
  list-style: none;
  padding: 0 10px 20px 0;
}
.products a#inform{
  background: url(images/Wholesalers.png) transparent 3px 0 no-repeat;
  position: absolute;
  width: 95px;
  height: 40px;
  margin: 0 5px;
}
div#products ul li h3, div#products ul li p{
  margin: 6px 0;
}
div#products ul li h3{
  font-size: 160%;
}
div#products ul li p{
  padding: 0 0 0 5px;
}
div.popup {
  background: url(images/BackgroundPattern.jpg);
  border: 1px solid #44392B;
  width: 310px;
  height: 325px;
  padding: 20px;
  margin: 0 auto;
  position: fixed;
}
div#backgroundPopup{
  background-color: #000000;
}
div#products img{
  border: 1px solid #44392B;
}
div.popup a.close{
  position: absolute;
  left: 20px;
  bottom: 5px;
}
/***Where to buy***/
.where-to-buy div#headline{
  background: url(images/WhereToBuyHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}
.where-to-buy a#inform{
  background: url(images/BuyOnline.png) transparent 3px 0 no-repeat;
  position: absolute;
  width: 95px;
  height: 95px;
  margin: 0 10px;
}
.where-to-buy div#content-right ul{
  list-style: none;
}
.where-to-buy div#content-right ul#states{
  margin: 0;
  padding: 0;
}
.where-to-buy div#content-right ul#states li#state{
  float: left;
  padding: 0 0 20px;
}
.where-to-buy div#content-right ul#listings{
  width: 560px;
  padding: 0;
  margin: 0;
}
.where-to-buy div#content-right ul#listings li{
  padding: 5px;
  height: 55px;
  width: 270px;
  float: left;
}
.where-to-buy div#content-right ul#states h2{
  font-size: 360%;
  margin: 0;
}
.where-to-buy div#content-right ul#states h3{
  margin: 0;
}

/***Store***/
.store div#headline{
  background: url(images/StoreHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}

/***Photos***/  
.photos div#headline{
  background: url(images/PhotosHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}
.photos div#info ul{
  width: 505px;
  margin: 0;
  padding: 0;
}
.photos div#info ul li{
  width: 240px;
  height: 180px;
  margin: 0 10px 10px 0;
  float: left;
  list-style: none;
  background: #96928E no-repeat 50% 0;
  border: 1px solid #44392B;
}

/***Contact***/
.contact div#content-right{
  background: url(images/HelloUpton.png) transparent no-repeat 0 0;
}
.contact div#info{
  background: url(images/HorzBorder.png) transparent bottom repeat-x;
  padding: 40px 0 0 430px;
  width: 180px;
  height: 532px;
}
.contact div#info h1{
  background: url(images/Hello.png) transparent no-repeat 0 0;
  height: 54px;
  margin: 0;
  padding: 0;
}
.contact div#info div#message{
  background: url(images/HorzBorder.png) repeat-x top;
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
  width: 170px;
} 
.contact h3{
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
}
.contact address{
  color: #44392B;
  font-size: 130%;
  font-style: normal;
}

/***FAQ***/
.faq div#headline{
  background: url(images/FAQHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}
.faq div#info ul{
  margin: 0;
  padding: 0;
  width: 550px;
}
.faq div#info ul li{
  margin: 0;
  padding: 0 0 0 10px;
  list-style-type: none;
  width: 265px;
  float: left;
  font-size: 1.2em;
  background: url(images/li-disc.png) 0px center no-repeat;
}
.faq div#info h3, .faq div#info ul{
  font-weight: normal;
  line-height: 1.4;
  color: #44392B;
  margin: 0 0 20px;
}
.faq div#info h3 span{
  font-family: "Georgia", serif;
  font-weight: bold;
}

/***Recipes***/
.recipes div#headline{
  background: url(images/RecipesHeadline.png) transparent no-repeat 0 0;
  height: 136px;
}
.recipes a#inform{
  background: url(images/SendUsRecipe.png) transparent 3px 0 no-repeat;
  position: absolute;
  width: 95px;
  height: 95px;
  margin: 0 10px;
}
.recipes div#content-right-alt div#info{
  padding: 10px 0 0 115px;
}
.recipes div#content-right, .recipes div#content-right-alt{
  display: inherit;
}
.recipes div.entry{
  background: url(images/HorzBorder.png) transparent repeat-x bottom;
  margin: 0 0 50px 0;
}
.recipes h3{
  font-size: 170%;
  margin: 0 0 20px;
}  

/***Wholesale***/
.wholesale div#content-right div#info{
  background: url(images/WholesaleHeadline.png) transparent no-repeat 10px 0;
  padding: 205px 85px 0 10px;
}
.wholesale div#content-right div#info h1{
  margin: 0;
  padding: 10px 0 0 5px;
  background: url(images/HorzBorder.png) top repeat-x transparent;
}
.wholesale div#content-right div#info h2{
  font-family: Georgia, serif;
  font-size: 120%;
  margin: 0;
  padding: 0 0 10px 5px;
  background: url(images/HorzBorder.png) bottom repeat-x transparent;
}
.wholesale div#content-right div#info h3{
  font-family: Georgia, serif;
  font-size: 120%;
  margin: 0 0 10px;
}

.wholesale div#content-right div#info ul, .wholesale div#content-right div#info li{
  padding: 0;
  list-style: none;
}
.wholesale div#content-right div#info li#wsp{
  background: url(images/li-disc.png) 0 no-repeat;
  padding: 2px 0 3px 10px;
}
ul#ws{
  width: 500px;
  margin: 10px 0 0 5px;
}
li#wsli{
  width: 250px;
  float: left;
  margin: 10px 0 5px;
}


/** Fonts **/

html, body{
  font-size: 10px;
  font-family: "Helvetica", sans-serif;
}

h1{
  font-family: "Georgia", serif;
  font-size: 120%;
  font-weight: lighter;
}
div#main-navigation ul li a{
  font-family: "Georgia", serif;
  font-size: 120%;
  letter-spacing: 0.15em;
}
div#delicious ul li{
  font-size: 90%;
}

/** Flickr **/
div#flickr img{
  outline: none;
  border: none;
  position: relative;
  right: 50%;
}
.flickr_badge_image img {
  border: none !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
  text-decoration:none !important; 
  background:inherit !important;
  outline: none;
}


/****** Twitter *******/

div#twitter-widget{
  width: 350px;
  height: 50px;
  top: 33px;
  position:relative;
  left: 470px;
}
div#twitter-widget h2{
  font-style: italic;
  color: #ED1C24;
  float: left;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 15px;
}
#twitter_update_list {
  line-height: 1.4;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 125%;
  float: right;
  width: 290px;
}
#twitter_update_list span{
  color: #44392B;
  text-decoration: none;
}
#twitter_update_list span a{
  display: inherit;
  color: #96928E;
}
#twitter_update_list a:hover{
  color: #44392B;
}
#twitter_update_list a {
  display: block;
  color: #96928E;
}