/*
Theme Name: PEI Preserve Company v2
Theme URI: http://preservecompany.com
Description: PEI Preserve Company Custom Theme
Version: 2.0
Author: Rob Williams, SpectraMedia (http://www.spectramedia.ca)
Tags: custom template
*/

/* The Usual Common Styles TM */

html, body {
    width:                  100%;
    height:                 100%;
    background:             url(/wp-content/themes/peipc/images/pistachio_bg.jpg) #fff top left repeat-x;
    font-family:            'Arial', sans-serif;
    line-height:            1.4em;
}

a { 
    font-weight: bold; 
    color: #89142a; 
    text-decoration: none; 
}
a:hover { color: red; }

h1 {
    font-size:              2em;
    margin-bottom:          10px;
}

h2 {
    font-size:              1.4em;
}

h3#comments {
    margin-top:             50px;
}

h4 {
    margin:                 0 0 5px 0;
    padding:                0;
    font-weight:            normal;
    font-style:             italic;
    position:               relative;
    top:                    -3px;
}

h4.recipe-author {display: none;} 

h5 { color: black; }

.blog_post { border: 1px #ddd solid; margin-bottom: 20px; position: relative; }
.blog_post_content { margin: 10px; }

.number_comments {
    position:               absolute;
    right:                  0;
    top:                    0;
    padding:                5px;
    border:                 1px #ddd solid;
    border-top:             0;
    border-right:           0;
}

ol#commentlist li {
    border:                 1px #ddd solid;
    list-style:             none;
    list-style-position:    outside;
    margin-bottom:          20px;
}
.comment_indent { margin: 10px; }
.comment_author, .comment_date {
    margin:                 0 0 0 50%;
    padding:                0;
    font-style:             italic;
    color:                  #aaa;
    font-family:            'Georgia', 'Times', serif;
    height:                 15px;
}



p { margin-bottom: 1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.centered { text-align: center; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

.transpng {
    behavior:               url(/wp-content/themes/peipc/iepngfix.htc);
}

ul li {
    padding-bottom:         1em;
}

ul.about li {
    padding:                0 0 1em 2em;
    text-indent:            -2em;
}


/* Wordpress styles */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }

/* Custom styles */

.container {
    width:                  920px;
    margin:                 0 auto -30px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
}

.red_border {
    width:                  976px;
    border:                 2px #7b000c solid;
    padding:                2px;
}

.green_border {
    width:                  950px;
    border:                 13px #3c4a13 solid;
    background-color:       white;
    position:               relative;
}

.content_wrapper {
    background:             url(/wp-content/themes/peipc/images/right_background.jpg) top right repeat-y;
}

.content {
    padding:                10px 10px 10px 9px;
    color:                  #444;
}

.footer, .push {
    width:                  100%;
    height:                 30px;
    position:               relative;
    font-size:              0.7em;
    font-family:            'Helvetica', 'Arial', sans-serif;
}

.footer {
    background:             url(/wp-content/themes/peipc/images/footer_bg.jpg);
}

.footer_content {
    width:                  980px;
    margin:                 0 auto;
}

div.footer_left {
    position:               absolute;
    width:                  55%;
    height:                 30px;
    background:             url(/wp-content/themes/peipc/images/footer_bg_left.jpg) top right no-repeat;
    z-index:                3;
}

.footer_copyright {
    float:                  left;
    color:                  #9a6c2f;
    margin:                 3px 0 0 10px;
    position:               relative;
    left:                   30px;
    z-index:                5;
}

.footer_spectra {
    float:                  right;
    color:                  #9a6c2f;
    margin:                 3px 10px 0 0;
    position:               relative;
    left:                   30px;
}

.footer_spectra a {
    color:                  #9a6c2f;
    text-decoration:        none;
    font-weight:            bold;
}
.footer_spectra a:hover { color: black; }

.column_left {
    width:                  579px;
    float:                  left;
    font-size:              0.8em;
}

.column_right {
    width:                  340px;
    float:                  right;
    text-align:             left;
    position:               relative;
}

.top_padding {
    height:                 105px;
}

.featured_product {
    width:                  340px;
    height:                 168px;
    position:               absolute;
    right:                  10px;
    top:                    -50px;
    background:             #ffedd4;
}

.featured_product a { color: #3c4a0f; }
.featured_product a:hover { color: #83ac00; }

.featured_product_header {
    width:                  340px;
    height:                 25px;
    background:             #feddb0;
}
.featured_product_header a { 
    font-size:              0.7em;
    font-weight:            bold;
    float:                  right;
    padding:                2px 5px 0 0;
}

.featured_product_header_left {
    margin:                 2px;
    padding-left:           3px;
    width:                  55%;
    height:                 13px;
    background:             url(/wp-content/themes/peipc/images/featured_product_header_bg_left.png) no-repeat top right;
    font-weight:            bold;
    font-size:              0.7em;
    float:                  left;
}

.featured_product_content {
    margin:                 3px;
    position:               relative;
}

.featured_product_content img {
    border:                 2px #fdd8a8 solid;
    float:                  left;
    margin-right:           5px;
}

.featured_product_content a {
    font-size:              0.85em;
    font-weight:            bold;
}

.featured_product_content p {
    font-size:              0.7em;
    line-height:            1em;
}

.featured_product_more {
    font-size:              0.6em;
    text-align:             right;
    padding-right:          5px;
    position:               absolute;
    bottom:                 0;
    left:                   0;
    width:                  330px;
    z-index:                7;
}

.horiz_line {
    padding-bottom:         10px;
    border-bottom:          2px #ffedd4 solid;
    margin-bottom:          10px;
}

.horiz_line_right {
    height:                 6px;
    width:                  100%;
    background:             url(/wp-content/themes/peipc/images/horiz_line_right.jpg) #f1f5e3 no-repeat;
    margin:                 10px 0;
}

.header_logo {
    position:               absolute;
    top:                    -103px;
    left:                   9px;
}

.menu_container {
    width:                  579px;
    position:               absolute;
    z-index:                15;
    top:                    94px;
    left:                   8px;
    text-align:             center;
    background:             url(/wp-content/themes/peipc/images/menu_bg.jpg) repeat-x;
}

ul.primary_menu {
    list-style:             none;
    list-style-position:    outside;
    z-index:                15;
    position:               relative;
    left:                   8px;
}

ul.primary_menu li {
    float:                  left;
    font-size:              11px;
    position:               relative;
}

ul.primary_menu li a {
    position:               relative;
    top:                    1px;
    padding:                0 7px;
    font-family:            'Helvetiker';
}
.menu_selected { color: #8b152a; }
.menu_notselected { color: black; }

ul.primary_menu li a:hover {
    color:                  #3c4a0f;
}

ul.primary_menu li:hover > ul, ul.primary_menu li a:hover > ul, ul.submenu:hover {
    display:                block;
}

ul.submenu {
    position:               absolute;
    left:                   -5px;
    top:                    32px;
    z-index:                15;
    background:             #ffedd4;
    list-style:             none;
    list-style-position:    outside;
    display:                none;
}

ul.submenu li {
    float:                  none;
    font-size:              11px;
    padding:                0 5px 5px;
    text-align:             left;
}

.promo {
    width:                  289px;
    height:                 130px;
    float:                  left;
    position:               relative;
}

.promo_frame { 
    background:             url(/wp-content/themes/peipc/images/image_frame.png); 
    position:               absolute; 
    width:                  289px; 
    height:                 130px; 
    z-index:                5; 
    behavior:               url(/wp-content/themes/peipc/iepngfix.htc);
}

.promo_text { 
    width:                  289px;
    height:                 26px;
    padding-left:           10px;
    position:               absolute;
    z-index:                6;
    bottom:                 0;
    font-size:              1em;
    font-weight:            bold;
    color:                  black;
    font-family:            'Helvetica', 'Verdana', 'Arial', sans-serif;
}

.promo_right { margin-left: 1px; }
.promo_clickable { position: absolute; width: 289px; height: 130px; z-index: 7; }

.promo_gardens { background: url(/wp-content/themes/peipc/images/promo_gardens_of_hope.jpg); }
.promo_gentle { background: url(/wp-content/themes/peipc/images/promo_gentle_island.jpg); }

div#large_image {
    position:               relative;
}

div#flyout {
    position:               absolute;
    left:                   9px;
    top:                    250px;
    width:                  364px;
    height:                 72px;
    background:             url(/wp-content/themes/peipc/images/flyout.png);
    behavior:               url(/wp-content/themes/peipc/iepngfix.htc);
    font-size:              1.8em;
    font-family:            'Helvetiker', 'Verdana', 'Tahoma', 'Arial', 'Helvetica', sans-serif;
    line-height:            1.1em;
    color:                  black;
    font-weight:            bold;
    display: none;
}

div#flyout span {
    position:               relative;
    top:                    8px;
}

img#new_glasgow {
    display:                none;
}

.shipping_table { width: 47%; float: left; margin-right: 10px; }
.shipping_table td {
    border:                 1px black solid;
    text-align:             center;
    line-height:            1.5em;
}

.uline { border-bottom: 1px black solid; }

/* Specify widths for the lists that have to be wider than their parent */
ul#submenu_about { width: 160px; }
ul#submenu_services { width: 80px; }
ul#submenu_shopping { width: 230px; }
ul#submenu_contact { width: 120px; }
ul#submenu_restaurant { width: 120px; }
ul#submenu_info { width: 170px; }

.hours { margin: 0 auto 30px; }
.hours th { border-bottom: 1px black solid; }



div#large_image {
    width:              583px;
    height:             338px;
    position:           relative;
    overflow:           hidden;
}

div#large_image_text {
    display:            none;
    position:           absolute;
    bottom:             0;
    left:               0;
    width:              583px;
    height:             50px;
    background:         url(/wp-content/themes/peipc/images/large_image_text_background.png);
    border-top:         2px white solid;
    color:              black;
    padding:            0 10px;
}

div#large_image_text p {
    margin-top:         0.4em;
}

div#large_image_left_arrow {
    width:              30px;
    height:             38px;
    position:           absolute;
    left:               -30px;
    top:                80px;
    cursor:             pointer;
}

div#large_image_right_arrow {
    width:              30px;
    height:             38px;
    position:           absolute;
    right:              -30px;
    top:                80px;
    cursor:             pointer;
}

.large_image_email_address {
    position:           absolute;
    top:                122px;
    left:               239px;
    z-index:            25;
    width:              286px;
    text-align:         center;
}

.large_image_email_address a {
    color:              #89142a;
    font-weight:        bold;
    text-shadow:        #f8f1e5 1px 1px 1px;
}

.contact_header {
    background:         url(/wp-content/uploads/contact_us.jpg);
}

.cycling_promo {
    width:              328px;
    height:             80px;
    position:           relative;
    margin:             0 auto 24px;
    display:            none;
}

#cycle_1 {
    width:              328px;
    height:             80px;
    position:           absolute;
    top:                0;
    left:               0;
}

#cycle_2 {
    width:              328px;
    height:             80px;
    position:           absolute;
    top:                0;
    left:               0;
}

.promo_padding {
    height:             80px;
}

.flashing_promo {
    width:              330px;
    height:             192px;
    position:           relative;
    margin:             10px auto 0;
    overflow:           hidden;
}

#flash_1 {
    width:              328px;
    height:             190px;
    position:           absolute;
    top:                0;
    left:               0;
    border:             1px black solid;
}

div#flashing_promo_left_arrow {
    width:              30px;
    height:             38px;
    position:           absolute;
    left:               -30px;
    top:                60px;
    cursor:             pointer;
}

div#flashing_promo_right_arrow {
    width:              30px;
    height:             38px;
    position:           absolute;
    right:              -30px;
    top:                60px;
    cursor:             pointer;
}

div#flashing_promo_caption {
    width:              328px;
    height:             25px;
    font-size:          0.75em;
    font-weight:        bold;
    background:         url(/wp-content/themes/peipc/images/large_image_text_background.png);
    position:           absolute;
    left:               0;
    bottom:             -27px;
    z-index:            50;
    border-top:         1px #ccc solid;
    margin:             0 0 1px 1px;
}

.input { width: 100%; }
.input_textarea { width: 100%; height: 100px; }

.gallery_link { padding-left: 224px; font-style: italic; }

.newsletter_promo { float: left; padding-top: 60px; }

.required { color: red; font-weight: bold; }

.store_promo { margin: 5px 0 4px; }
.promoimages_container { margin-top: -1px; height: 304px; }
.right_side_video { margin-top: 9px; }

div#video { width: 480px; height: 270px; margin: 20px auto; border: 1px black solid; }

.padtop { margin-top: 15px; }