/*
Theme Name: Leelands Theme
Theme URI: http://www.darkside.co.nz/
Description: Leelands butcher theme.
Version: 1.0
Author: Darkside Media
Author URI: http://www.darkside.co.nz/
*/

/* PAGE LAYOUT */

.clear{ clear: both; }
body{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#page{ margin: 0 auto; padding: 0 0 60px 0; position: relative; min-width: 960px; }

/* HEADER */

#header{ height: 51px; width: 960px; margin: 0 auto; position: relative; z-index: 2000; }
  #header #site-name{ width: 289px; height: 117px; position: absolute; left: 0; top: 0; background: transparent url('/wp-content/themes/leelands/images/logo.png') 0 0 no-repeat; }
  #header #site-name a{ display: block; width: 100%; height: 100%; }

  #header #site-name span, #header p{ display: none; }

#watermark{ position: absolute; top: 0; left: 0; z-index: 1500; width: 100%; height: 1px; }
#watermark div{ z-index: 1500; width: 50%; margin-left: 50%; height: 1px; min-width: 480px; }
#watermark div div{ z-index: 1500; width: auto; margin-left: 360px; height: 235px; min-width: 0; background: transparent url('/wp-content/themes/leelands/images/watermark-grey.png') 0 0 no-repeat; }

/* NAVIGATION */

#navigation{ position: relative; margin: 0 0 0 289px; padding: 15px 0 0 15px; font-size: 15px; text-transform: lowercase; z-index: 2000; }
  #navigation li{ float: left; padding: 6px 8px; position: relative;}
  #navigation a{ display: block; height: 24px; line-height: 24px; color: #000; text-decoration: none; }
  #navigation a:hover, #navigation .current_page_item a, .current-menu-item a { color: #bbd33b; }

/* CONTENT */

#content{ width: 960px; margin: 0 auto; position: relative; clear: both; }
#page-title{ display: none; }

a, a:link, a:visited{ color: #99ac31; text-decoration: none; }
a:hover, a:active{ color: #99ac31; text-decoration: underline; }
  
/* FOOTER */

#footer{ clear: both; position: relative; width: auto; height: 158px; margin: 0 auto; background: #ffffff url('/wp-content/themes/leelands/images/wood-plank.jpg') 50% 50% no-repeat; }

/* PAGE ELEMENTS + STYLES */

.plain-page #header{ height: 150px; }

.page-header{ position: relative; font-family: 'Myriad Pro', Myriad, sans-serif; padding: 0 0 20px 0; }
.page-header span{ position: absolute; top: 100px; left: 55px; font-size: 35px; line-height: 38px; letter-spacing: -1px; color: #fff; }
.page-header span.black{ color: #000; }

.page-content{ font-family: 'HelveticaNeue Light', 'Helvetica Neue Light', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.page-content p{ font-size: 16px; line-height: 18px; margin: 0 0 20px 0; }
.page-content h2{ font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; margin: 0 0 5px 0; }
.page-content blockquote{ font-family: 'HelveticaNeue', 'Helvetica Neue' Helvetica, Arial, sans-serif; padding: 0 0 5px 0; border-bottom: 2px solid #ccde6c; margin: 0 0 15px 0; }
.page-content blockquote p{  font-size: 20px; line-height: 22px; letter-spacing: -0.5pt; margin: 0; }




/* HOME / FRONT-PAGE */

.home #content{ width: auto; margin: 0 auto; }
.home #footer{ height: 284px; background-image: url('/wp-content/themes/leelands/images/home-wood-plank.jpg'); z-index: 1000; }
.home #footer ul{ position: relative; width: 960px; height: 284px; margin: 0 auto; }

#home-slider{ position: relative; z-index: 1000; height: 498px; overflow: hidden; margin: 0 auto; }
#home-slider ul{ position: absolute; top: 0; left: 0; font-family: 'Myriad Pro', Myriad, sans-serif; height: 498px; width: 100%; }
#home-slider li{ display: block; height: 498px; position: relative; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; }
#home-slider span{ display: block; margin: 0 auto; width: 850px; padding-top: 100px; font-size: 35px; line-height: 38px; letter-spacing: -1px; color: #fff; cursor: pointer; }
#home-slider span.black{ color: #000; }

.home .page-content{ width: 960px; margin: 0 auto; z-index: 2000; position: relative; }
.home .page-content div{ width: 290px; float: right; margin: 40px 10px -110px 0; z-index: 2000; position: relative; }
.home .page-content p{ font-family: 'Myriad Pro', Myriad, sans-serif; font-size: 22px; line-height: 24px; letter-spacing: -0.6pt; }

.home #footer a{ display: block; position: absolute; top: 0; left: 0; }
.home #footer span{ display: block; position: absolute; top: 0; left: 0; background: transparent url('/wp-content/themes/leelands/images/home-cards-text-sprite.png') 0 0 no-repeat; text-indent: -1000px; overflow: hidden; outline: none; }

.home #footer .order a{ width: 139px; height: 88px; left: 11px; top: 2px; }
.home #footer .recipes a{ width: 141px; height: 90px; left: 243px; top: 3px; }
.home #footer .cuts a{ width: 136px; height: 84px; left: 484px; top: 17px; }

.home #footer .order span{ width: 95px; height: 43px; background-position: 0 0; top: 6px; left: 8px; }
.home #footer .recipes span{ width: 65px; height: 37px; background-position: -100px 0; top: 16px; left: 12px; }
.home #footer .cuts span{ width: 86px; height: 40px; background-position: -170px 0; top: 8px; left: 10px; }

.home #footer .order a:hover span{ background-position: 0 -50px; }
.home #footer .recipes a:hover span{ background-position: -100px -50px; }
.home #footer .cuts a:hover span{ background-position: -170px -50px; }




/* ABOUT PAGE */

.page-about .page-header span{ top: 255px; left: 55px; }

.page-about .page-content{ float: left; width: 470px;  }
.page-about #about-right{ float: right; padding: 5px 0 0 0; }

#we-have-our-eye-on-quality-link{ display: block; width: 132px; height: 113px; background: transparent url('/wp-content/themes/leelands/images/we-have-our-eye-on-quality-card.png') 0 0 no-repeat; position: absolute; bottom: -2px; right: 54px; z-index: 2000; }
#we-have-our-eye-on-quality-link span{ display: none; }


/* LAMB CUTS PAGE */

.page-content table{ width: 100%; margin-bottom: 15px; }
.page-content td{ vertical-align: middle; padding: 15px 5px 5px 5px; }
.page-content td.image{ text-align: center; }
.page-content table h3{ font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; width: 230px; margin: 0 50px 5px 0; padding: 0 0 2px 0; }
.page-content table p{ font-size: 16px; line-height: 19px; font-weight: normal; letter-spacing: -0.2pt; }

/* CONTACT PAGE */

.page-contact .page-content{ padding-bottom: 60px; }
.page-contact .page-content .left{ float: left; width: 300px; }
.page-contact .page-content .left p{ line-height: 20px; }
.page-contact .page-content h3{  font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; margin: 0 0 10px 0; padding: 0 0 2px 0; }
.page-contact .page-content .right{ float: right; width: 360px; margin: 0 100px 0 0; }
.page-contact .page-content .right em{ font-family: 'DesyrelRegular', cursive; font-size: 33px; line-height: 36px; font-style: normal; letter-spacing: -0.5pt; }
.page-contact h2 { font-family: 'Myriad Pro', Myriad, sans-serif; font-size: 34px; line-height: 33px; }


/* TESTIMONIALS PAGE */

#testimonials-list{ float: left; width: 400px; }
#testimonials-list li{ clear: both; cursor: pointer; float: left; width: 100%; padding-bottom: 10px; }
#testimonials-list .image{ width: 165px; height: 108px; float: left; position: relative; z-index: 700; overflow: visible; }
#testimonials-list .image img{ position: relative; z-index: 800; }
#testimonials-list .image .overlay{ width: 51px; height: 46px; display: block; position: absolute; right: -10px; bottom: -11px; background: transparent url('/wp-content/themes/leelands/images/page-corner.png') 0 0 no-repeat; z-index: 1000; }
#testimonials-list .text{ width: 220px; float: right; }
#testimonials-list h3{ font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; margin: 0 0 5px 0; padding: 0 0 2px 0; }
#testimonials-list p{ margin: 0 0 5px 0; }
#testimonials-list .read-more{ font-family: 'DesyrelRegular', cursive; font-size: 17px; line-height: 28px; font-style: normal; letter-spacing: -0.5pt; background: transparent url('/wp-content/themes/leelands/images/green-arrow.png') 100% 50% no-repeat; padding-right: 15px; }

#testimonial-container{ float: right; width: 470px; padding-bottom: 30px; }
#testimonial-container .testimonial{ display: none; }
#testimonial-container .testimonial.current{ display: block; }

#testimonial-container h2{ font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; margin: 0 0 15px 0; padding: 0 0 2px 0; }

.testimonial img { margin-top: 10px; }

/* RECIPIES PAGE */

#recipies-list{ float: left; width: 480px; }
#sues-tips{ float: left; width: 460px; padding-top: 21px; }
#recipies-list li{ float: left; width: 440px; height: 115px; padding: 0 40px 10px 0; }
#recipies-list .image{ width: 165px; height: 108px; float: left; position: relative; z-index: 700; overflow: visible; }
#recipies-list .image img{ position: relative; z-index: 800; }
#recipies-list .image .overlay{ width: 51px; height: 46px; display: block; position: absolute; right: -10px; bottom: -11px; background: transparent url('/wp-content/themes/leelands/images/page-corner.png') 0 0 no-repeat; z-index: 1000; }
#recipies-list .text{ width: 260px; float: right; }
#recipies-list h3, #sues-tips h3 { font-size: 19px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; margin: 0 0 5px 0; padding: 0 20px 2px 0; }
#recipies-list p{ margin: 0 0 5px 0; }
#recipies-list .read-more{ font-family: 'DesyrelRegular', cursive; font-size: 17px; line-height: 20px; font-style: normal; letter-spacing: -0.5pt; background: transparent url('/wp-content/themes/leelands/images/green-arrow.png') 100% 50% no-repeat; padding-right: 15px; color: #000; }
#recipies-list h3 a, #recipies-list a.read-more{ color: #000; text-decoration: none; }
#sues-tips .subtitle { font-family: 'DesyrelRegular', cursive; font-size: 17px; line-height: 28px; font-style: normal; letter-spacing: -0.5pt; padding-right: 15px; margin-bottom: 0px;}

/* RECIPIE */

.page-recipie #header{ height: 160px; }

.page-recipie #image{ width: 220px; margin: 0 10px 0 0; float: left; text-align: center; }
.page-recipie #top{ width: 730px; float: right; border-bottom: 2px solid #cfe074; margin-bottom: 10px; }
.page-recipie #top h1#page-title{ display: block; font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; }
.page-recipie #top p{ margin: 2px 0 6px; }
.page-recipie #left{ width: 250px; float: left; }
.page-recipie #right{ width: 465px; float: right; }
.page-recipie .page-content h2{ font-family: 'DesyrelRegular', cursive; font-size: 20px; line-height: 30px; font-style: normal; letter-spacing: -0.5pt; }
.page-recipie .page-content h3{ font-size: 17px; line-height: 20px; font-style: normal; letter-spacing: -0.25pt; padding-bottom: 4px; }
.page-recipie .page-content ul{ list-style: none; line-height: 20px; }

/* ORDER YOUR LAMB PAGE */

#pack-select a{ display: block; float: left; width: 466px; color: #000; text-decoration: none; }
#pack-select span{ display: block; text-align: center; margin: 40px auto; padding: 3px 0; width: 350px; font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; color: #000; }
#pack-select img{ display: block; margin: 0 auto; }
#pack-select a.fine-dining-pack{ float: right; }


#pack-form{ padding-top: 20px; clear: both; width: 845px; margin: 0 auto; }
#pack-form .pack{ display: none; }
#pack-form .half-only, #pack-form .whole-only{ display: none; }
#pack-form form div{ clear: both; padding-top: 20px; }
#pack-form h2{ font-family: 'Myriad Pro', Myriad, sans-serif;  font-size: 35px; line-height: 38px; letter-spacing: -1px; padding: 10px 0; }
#pack-form h3{ width: 200px; font-size: 20px; line-height: 22px; font-weight: normal; letter-spacing: -0.5pt; border-bottom: 2px solid #cfe074; margin: 0 0 5px 0; padding: 0 0 2px 0; }
#pack-form p{ font-family: 'DesyrelRegular', cursive; font-size: 17px; line-height: 28px; font-style: normal; letter-spacing: -0.5pt;  }
#pack-form label, #pack-form span.choice{ display: block; float: left; clear: both; background: #fff; border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: #eee 1px 1px 2px; width: 400px; padding: 21px; margin: 10px; cursor: pointer; position: relative; }
#pack-form label input, #pack-form label .tick{ display: none; }
#pack-form label .description{ display: block; padding: 2px 10px; font-size: 14px; line-height: 18px; color: #666; }
#pack-form label.selected, #pack-form span.choice.selected{ border: 2px solid #cfe074; padding: 20px; }
#pack-form label.selected .tick, #pack-form span.choice.selected .tick{ display: block; position: absolute; top: 50%; margin-top: -28px; right: -20px; }

#pack-form .cut{ display: block; margin: 10px 0 0 10px; float: left; height: 60px; }
#pack-form .cut.extra-margin{ margin-top: 20px; }

#pack-form .size label{ line-height: 25px; }
#pack-form .size label span{ width: 80px; background: #fff; display: block; float: right; font-size: 25px; line-height: 25px; margin-right: 20px; font-weight: bold; }


#pack-form .submit{ padding: 30px 10px 10px; }
#pack-form .submit p{ font-family: 'HelveticaNeue Light', 'Helvetica Neue Light', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 5px 0; }
#pack-form .submit input{ font-family: 'Myriad Pro', Myriad, sans-serif;  font-size: 35px; line-height: 38px; letter-spacing: -1px; padding: 2px 20px; background: #000; border: none; border-radius: 4px; color: #fff; cursor: pointer; }
#pack-form .submit input:hover{ color: #bbd33b; }
#pack-form .submit input.disabled, #pack-form .submit input.disabled:hover{ background: #d4d4d4; color: #fff; cursor: default; }


#pack-form .submit .error{ color: #c71616; display: none; }

#pack-form .normal{ padding: 10px 10px 0 20px; }
#pack-form .normal label{ display: block; float: none; clear: both; background: transparent; border: none; border-radius: 0; box-shadow: none; width: auto; padding: 6px 0; margin: 0 0 0 -10px; cursor: default; position: relative; font-weight: bold; font-size: 17px; letter-spacing: -0.5pt; }
#pack-form .normal input{ padding: 5px 5px; width: 400px; border: 1px solid #d4d4d4; border-radius: 4px; }
#pack-form .normal input.error{ border-color: #ff0000; }
#pack-form .normal select{ padding: 4px 5px; width: 300px; border: 1px solid #d4d4d4; border-radius: 4px; }
#pack-form .normal label .required{ color: #ff0000; }

.no-style { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif !important;}


#specials-products {
    width: 885px;
}

#specials-products h1 {
    font-size: 20px;
    letter-spacing: -0.5pt;
    line-height: 22px;
    margin: 0;
}

#specials-products p {
    margin-bottom: 20px;
}

#specials-products .product {
    float: left;
    margin-bottom: 60px;
}

#specials-products .product .special-left {
    float: left;
    width: 200px;
}

#specials-products .product .special-right {
    float: left;
    width: 580px;
}

.specials-product-title {
    border-bottom: 2px solid #CFE074;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5pt;
    line-height: 22px;
    margin: 0 50px 5px 0;
    padding: 0 0 2px;
    width: 230px;
}

.specials-product-price {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-item-216 {
	display: none;
}

.total-weight {
	display: none;
}

.specials-left img {
	max-width: 141px;
}

.specials-product-content ul li {
	padding-top:5px;
}

.specials-product-content {
	line-height:20px;
}

.special-right a {
	font-size:25px;
}

#header-facebook {
	position: absolute;
	top: 22px;
	right: 18px;
}

#leelands-news {
  margin-top: 0px;
  margin-bottom: 50px;
}

.blog #content .type-post, .single #content .type-post {
  margin: 40px 0px;
}

.blog #content .post-date, .single #content .post-date {
  margin: 20px 0px;
  font-style: italic;
  font-size: 14px;
}

.blog #content h2, .single #content h2 {
    border-bottom: 2px solid #cfe074;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -0.5pt;
    line-height: 22px;
    margin: 0 0 15px;
    padding: 0 0 8px;
}

.blog #content h2 a, .single #content h2 a {
    color: #000;
}

.blog #content h2 a, .single #content h2 a:hover {
    text-decoration: none;
}
#leelands-news .content p, #leelands-news .content {
	line-height:21px;
  margin-bottom: 10px;
}

.sub-menu {
  display: none;
}

#navigation ul ul {
    background: none repeat scroll 0 0 #000;
    border-radius: 2px;
    box-shadow: 1px 1px 3px -1px #000;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 140px;
}

#navigation ul ul li {
    float: none;
}

#navigation ul ul li a {
  color: #fff;
}

#navigation ul ul li.current-menu-item a { color: #bbd33b; }

.phone-paypal p {
	font-family:'HelveticaNeue Light','Helvetica Neue Light','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	color:#e92227;
}