/*  

Theme Name: St Peter's Brewery

Theme URI: www.stpetersbrewery.co.uk

Description: Default theme for the St Peter's Brewery Website

Version: 1.0

Author: David Rant (Computer Service Centre)

Author URI: www.computerservicecentre.com

*/

.wp-embedded-content{
    width:100%
}

html{
    background: #ddefd5;
}

body{
    margin: 0;
    font-family: Georgia, serif;
    font-size: 12px;
    text-align: justify;
    vertical-align: top;
}

img{
    border: none;
}

#wrapper{
    margin:30px auto 30px auto;
    width: 990px;
    text-align: left;
    background: #ffffff;
}

#header {
    float: left;
    width: 990px;
}

.RestrictedShipping {
    display: none !important;
}

#header-logo{
    float: left;
    width: 990px;
    height: 135px;
    background-image: url(images/headers/header-bg.jpg);
}

#buy-online{
    float: right;
    /*width: 100px;*/
    height: 100px;
    margin-top: 20px;
    margin-right: 50px;
}

#header-image{
    float: left;
    width: 990px;
    height: 300px;

}

#menu {
    background: #F6EDA2; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#FFFBE0, #F6EDA2);
    background: -o-linear-gradient(#FFFBE0, #F6EDA2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFBE0), to(#F6EDA2)); /* older webkit syntax */
    background: -webkit-linear-gradient(#FFFBE0, #F6EDA2);
    clear: both;
    display: block;
    float: left;
    width: 990px;
}
#menu ul {
    font-size: 12px;
    list-style: none;
    margin: 0 0 0 0;
    padding-left: 0;
    z-index: 99999;
}
#menu li {
    float: left;
    position: relative;
    z-index: 99999;
}
#menu a {
    color: #000;
    display: block;
    line-height: 3.333em;
    padding: 0 .65em;
    text-decoration: none;
}
#menu ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 3.2em;
    left: 0;
    width: 188px;
    z-index: 99999;
}
#menu ul ul ul {
    left: 100%;
    top: 0;
}
#menu ul ul a {
    background: #F6EDA2;
    opacity:0.85;
    filter:alpha(opacity=85); /* For IE8 and earlier */
    color: #000;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
}
#menu li:hover > a,
#menu ul ul :hover > a,
#menu a:focus {
    color: darkslategray;
}
#menu li:hover > a,
#menu a:focus {
    color: darkslategray;
}
#menu ul li:hover > ul {
    display: block;
}
#menu .current_page_item > a,
#menu .current_page_ancestor > a {
    font-weight: bold;
}

#main-panel{
    float: left;
    width: 990px;
    background-color: white;
}

#main-panel-top{
    float: left;
    width: 990px;
    height: 39px;
    background-image: url(images/centre/toppanel-bg.jpg);
}

#main-panel-centre{
    float: left;
    width: 990px;
    height: auto;
    background-image: url(images/centre/centrepanel-bg.jpg);
}

#main-panel-bottom{
    float: left;
    width: 990px;
    height: 27px;
    background-image: url(images/centre/bottompanel-bg.jpg);
}

#nav-images{
    float: left;
    width: 990px;
    height: 178px;
    margin-left: 10px;
}

#nav-images a{
    text-decoration: none;
}

#nav-images .post-image{
    margin-left:2px;
    margin-right: 2px;
}

#about{
    float: left;
    width: 450px;
    margin-top: 10px;
    margin-left: 18px;
}

.subheading{
    float: left;
    clear: right;
    width: 980px;
}

.subheading img{
    float: left;
}

.subheading h2{
    position: relative;
    left: 5px;
}

#about-left{
    text-align: justify;
    float: left;
    clear: left;
    margin-left: 10px;
    width: 450px;
}

#about-right{
    text-align: justify;
    margin-right: 40px;
    float: right;
    width: 450px;
}

#views{
    float: right;
    width: 450px;
    height: auto;
    text-align: justify;
    margin-right: 40px;
    margin-top: 15px;
    color: black;
}

#views .post {
    margin-top: 15px;
    width: 450px;
    height: auto;
}

#views .post-title a{
    float: left;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
    font-weight: bolder;
    font-size: medium;
}

#views .post-title a:hover{
    text-decoration: underline;
}

#views .post-image{
    margin-top: 5px;
    clear: left;
    float: left;
    width: 100px;
    margin-bottom: 5px;
}

#views .post-text{
    float: left;
    width: 445px;
    margin-left: 10px;
    margin-right: 30px;
    font-family: georgia;
}

#views .post-owner{
    float: right;
}

#views .read-more{
    float: left;
    margin-left: 10px;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
}

#views .post-text a{
    float: left;
    margin-left: 10px;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
}

#views .post-test a:hover{
    text-decoration: underline;
}

#views .read-more:hover{
    text-decoration: underline;
}

#news{
    float: left;
    width: 945px;
    height: auto;
    text-align: justify;
    margin-left: 10px;
    margin-top: 15px;
    color: black;
}

#news .post {
    margin-top: 15px;
    width: 945px;
    height: auto;
}

#news .post-title a{
    float: left;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
    font-weight: bolder;
    font-size: medium;
}

#news .post-title a:hover{
    text-decoration: underline;
}

#news .post-image{
    margin-top: 5px;
    clear: left;
    float: left;
    width: 100px;
    margin-bottom: 5px;
}

#news .post-text{
    float: left;
    width: 945px;
    margin-left: 10px;
    margin-right: 30px;
    font-family: georgia;
}

#news .post-owner{
    float: right;
}

#news .read-more{
    float: left;
    margin-left: 10px;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
}

#news .post-text a{
    float: left;
    margin-left: 10px;
    color: green;
    font-family: georgia;
    font-style: italic;
    text-decoration: none;
}

#news .post-test a:hover{
    text-decoration: underline;
}

#news .read-more:hover{
    text-decoration: underline;
}

#home-carousel{
    float: left;
    width: 945px;
    height: auto;
    text-align: justify;
    margin-top: 10px;
    margin-left: 18px;
    color: black;
}

#footer{
    margin-top: 15px;
    float: left;
    width: 990px;
    height: 118px;
    background-image: url(images/footer/footer-bg.jpg);
    margin-bottom: 15px;
}

#footer-left{
    float: left;
    height: 118px;
    width: 405px;
    margin-left: 40px;
    text-decoration: none;
    text-align: left;
    color: white;
}

#footer-left p{
    margin-right: 100px;
    margin-top: 5px;
}

#footer-left a{
    text-decoration: none;
    color: white;
}

#footer-left a:hover{
    text-decoration: underline;
}

#footer-right{
    float: right;
    width: 410px;
    height: 103px;
    margin-top: 15px;
    margin-right: 10px;
}

#footer-right a{
    text-decoration: none;
    color: white;
}

#footer-right a:hover{
    text-decoration: underline;
}

#footer-right fieldset{
    float: left;
    border: none;
    padding: 0;
}

#footer-right p{
    margin-right: 18px;
    float: right;
    text-align: right;
    color: white;
}

/*#mailing-list-textarea{
    float: left;
    margin-right: 8px;
    height: 24px;
    width: 200px;
}

#mailing-list-submit{
    float: left;
    border: none;
    background: transparent url(images/buttons/submit-btn.jpg);
    height: 34px;
    width: 91px;
    cursor: pointer;
    position: relative;
    bottom: 3px;
}*/

#shuyhu-shuyhu{
    float: left;
    margin-right: 8px;
    height: 24px;
    width: 200px;
}

#subForm input[type="submit"]{
    float: left;
    border: none;
    background: transparent url(images/buttons/submit-btn.jpg);
    height: 34px;
    width: 91px;
    cursor: pointer;
    position: relative;
    bottom: 3px;
}

#twitter {
    margin-left: 10px;
    float: left;
}

#facebook {
    margin-right: 15px;
    float: right;
}

/*
INNER PAGE STYLING
--------------------------------------------------------------------------------
*/

#inner-main-panel{
    float: left;
    width: 990px;
    background-color: white;
}

#inner-main-panel-top{
    float: left;
    width: 990px;
    height: 39px;
    background-image: url(images/centre/toppanel-bg-inner.jpg);
}

#inner-main-panel-centre{
    float: left;
    width: 990px;
    height: auto;
    background-image: url(images/centre/centrepanel-bg-inner.jpg);
}

#inner-main-panel-left{
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    width: 697px;
    height: auto;
}

#our-beer-range{
    float: left;
    margin-left: 18px;
    width: 709px;
    height: auto;
}

#our-beer-range .subheading{
    float: left;
    width: 727px;
    clear: both;
}

#our-beer-range-carousel{
    float: left;
    width: 727px;
    clear: both;
}

#drink-different .subheading{
    float: left;
    width: 727px;
    clear: both;
}

#drink-different-image{
    float: left;
    clear: left;
    width: 150px;
    height: 230px;
    background-image: url(images/carousel/best-bitter-pack.jpg);
}

#drink-different-text{
    margin-left: 25px;
    margin-right: 25px;
    float: left;
    clear: right;
    width: 507px;
    height: auto;
    text-align: justify;
}

#inner-main-panel-right{
    float: left;
    width: 263px;
    height: auto;
}

#inner-main-panel-bottom{
    float: left;
    width: 990px;
    height: 39px;
    background-image: url(images/centre/bottompanel-bg-inner.jpg);
}

#about-us{
    float: left;
    width: 263px;
    height: auto;
}

#about-us img{
    margin-left: 20px;
    clear: both;
}

#about-us p{
    color: white;
    font-family: georgia;
    text-align: justify;
    width: 203px;
    margin-left: 30px;
}

#about-us p a{
    color: green;
    text-decoration: none;
}

#about-us p a:hover{
    text-decoration: underline;
}

#testimonials{
    margin-top: 40px;
    float: left;
    width: 263px;
    height: auto;
}

#testimonials a, #about-us a{
    text-decoration: none;
}

#about-us h2, #testimonials h2{
    color: white;
    text-decoration: none;
    position: relative;
    top: 12px;
    left: 25px;
}

#testimonials img{
    margin-left: 20px;
    clear: both;
}

#comment{
    width: 96%;
    vertical-align: middle;
}

.comment{
    text-align: justify;
    width: 96%;
}

.commentlist{
    list-style: none;
}

.lcp_catlist li{
    list-style: none;
}

.lcp_catlist a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: large;
}

.entry-title{
    position: relative;
    bottom: 20px;
}

.wrap{
    width: 600px;
}

img.alignright{
    float: right;
    margin-left: 10px;
}

img.alignleft{
    float: left;
    margin-right: 10px;
}

#twtr-widget-1{
    clear: right;
    float: right;
    margin-top: 10px;
}

.staff-member{
    float: left;
    width: 220px;
}

.staff-member a{
    color: #000;
}

div.featured-products,div.featured_product_display{
    padding-top: 10px;
    padding-bottom: 10px;
}

#checkout_page_container table,#checkout_page_container tr,#checkout_page_container th,#checkout_page_container td{
    border: 3px transparent solid;
}

#wpsc_shopping_cart_container,#checkout_form,.wpsc_checkout_table{
    margin-top: 25px;
}

input#wpsc_checkout_form_9{
    width: 345px;
}

.checkout_cart a{
    color: black;
}

#checkout_page_container h2{
    font-size: 100%;
}

#checkout_page_container h3{
    font-size: 150%;
}

table.logdisplay, .logdisplay tr, .logdisplay th, .logdisplay td, .logdisplay tbody{
    border: 1px solid white;
}

.order_status table, .order_status tr, .order_status th, .order_status td, .order_status tbody{
    border: 1px solid black;
}

.order_status table{
    position: relative;
    right: 25px;
}

table.customer_details{
    position: relative;
    left: 0px;
    margin-bottom: 25px;
}

ul.tml-action-links{
    margin-top: 10px;
    margin-left: 30px;
}

/*Events diary styling*/

#em-wrapper{
    float: left;
    width: 690px;
}

#current-events{
    float: left;
    width: 690px;
}

#current-events td{
    width: 345px;
}

#current-events a{
    text-decoration: underline;
    color: black;
}

#current-events a:hover{
    text-decoration: underline;
}

ul.lcp_catlist li a:hover{
    text-decoration: underline;
}

.comment-content{
    margin-left: 20px;
    margin-bottom: 20px;
}

img.attachment-150x150.wp-post-image{
    float: right;
}

img.product_image{
    max-width: 235px;
}

#checkout_form textarea{
    width: 255px;
}

tr#manual_billing_row, tr#manual_shipping_row{
    display: none !important; 
}

#checkout_form tr.same_as_shipping_row{
	display: none !important;
}

#checkout_form div#region_select_7{
	display: none !important;
}

table#user-details select{
    width: 155px;
    margin-left: 2px;
}

table#user-details textarea{
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2px;
    width: 150px;
    height: 60px;
}

#checkout_form textarea{
    font-family: Arial, Helvetica, sans-serif;
}

/* GALLERY */

div.panel-overlay, div.overlay{
	height: 60px !important;
	top: 442px !important;
}

#checkout_form input[value="Find"]{
    display: none;
}

#user-details input[value="Find"]{
    display: none;
}

#user-details tr#row_27, #user-details tr#row_28{
    display: none
}

.cart-container {
    position: relative;
    width: auto;
}

.cart-container .cart-count {
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #302312;
    border-radius:35px;
    padding: 5px;
    min-width: 20px;
    background: #e4e3ac;
    text-align: center;
}

    .cart-container img {
        width: 75px;
        height: auto;
    }

#buy-online .header-toggle.active {
    display: none;
}