/*
Theme Name: Willis Hall
Theme URI: 
Author: the Diverse Design team
Author URI: 
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

/*GLOBAL STYLE...............................................................................*/

@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('fonts/avgardn_0-webfont.eot');
    src: url('fonts/avgardn_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgardn_0-webfont.woff') format('woff'),
         url('fonts/avgardn_0-webfont.ttf') format('truetype'),
         url('fonts/avgardn_0-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html { background-color: #E5E0C3; }
#siteTop {width:780px; height:155px; margin:0 auto; background:url(images/siteTop_bg.gif) no-repeat 0 0;}
#logo {width:209px; height:85px; float:left;}
#nav {width:571px; height:85px; float:left; background:url(images/nav_bg.png) no-repeat 0 0; font-family: avantgarde_bk_btbook !important;}

#navMain li a:hover{
    color : #fdca65;
}

#footer {width:780px; height:auto; text-align:right; margin:0 auto; clear:both; color:#333; font-family: verdana,helvetica,sans-serif; font-size: 9px;}



#siteBodyHome {width:780px; height:298px; margin:0 auto; overflow:hidden; clear:both;}
/*home page*/
/*
#navTop {width:571px; height:43px;}
#navTop ul {margin:0; padding:5px 0 0 296px; list-style-type:none;}
#navTop ul li {float:left;}
#navBttm {width:571px; height:42px;}
#navBttm ul {margin: 0; padding:2px 0 0 77px; list-style-type:none;}
#navBttm ul li {float:left;}

*/

/*inner pages*/
#siteTop_inner {width:780px; height:155px; margin:0 auto; background:url(images/siteTop_inner_bg.png) no-repeat 0 0;}
/*top nav*/
ul#topNav_inner{height:38px; margin: 0; padding: 5px 0 0 500px; list-style-type:none;}
ul#topNav_inner li {width:auto; height:38px; float:left; overflow:hidden;}
ul#topNav_inner li a.order {width:65px; height:38px; display:block; background:url(images/nav_order.png) no-repeat 0 0;}
ul#topNav_inner li a.mailinglist {width:100px; height:38px; display:block; background:url(images/nav_mailinglist.png) no-repeat 0 0;}
ul#topNav_inner li a.contactus {width:96px; height:38px; display:block; background:url(images/nav_contact.png) no-repeat 0 0;}
ul#topNav_inner li a:hover {background-position:0 -38px;}

ul#navMain {height:40px; margin:0; padding: 2px 0 0 209px; list-style-type:none;}
ul#navMain li {width:auto; height:40px; float:left; overflow:hidden;}
ul#navMain li a.home {width:74px; height:40px; display:block; background:url(images/nav_home.png) no-repeat 0 0;}
ul#navMain li a.aboutus {width:96px; height:40px; display:block; background:url(images/nav_about.png) no-repeat 0 0;}
ul#navMain li a.thewines {width:112px; height:40px; display:block; background:url(images/nav_wines.png) no-repeat 0 0;}
ul#navMain li a.wineclub {width:114px; height:40px; display:block; background:url(images/nav_wineclub.png) no-repeat 0 0;}
ul#navMain li a.news {width:140px; height:40px; display:block; background:url(images/nav_news.png) no-repeat 0 0;}
ul#navMain li a.activeMain {background-position:0 -40px;}
ul#navMain li a:hover {background-position:0 -40px;}

#content_inner {width:780px; height:auto; overflow:auto; min-height:338px; margin:0 auto; background:url(images/content_inner_bg.png) repeat-y 0 0;}
#content_inner_col1 {width:148px; min-height:338px; height:auto; padding-left:75px; background:url(images/content_inner_col1_bg.png) no-repeat 0 0; float:left;}

ul#subNav{margin:0; padding:50px 0 0 0; list-style-type:none}

#content_inner_col2 {width:320px; min-height:338px; padding:20px 20px 0 7px; height:auto; float:left; font-family: verdana,helvetica,sans-serif; font-size: 10px; color: #333}
#content_inner_col3 {width:210px; min-height:338px; height:auto; float:left;}
#col3_pic {position:absolute; z-index:1000; top:93px;}

#siteBttm_inner {width:780px; height:20px; margin:0 auto; background:url(images/siteBttmInner.png) no-repeat 0 0;}

/*mail list*/
.mailListRow{width:320px; height:auto; padding:5px 0 5px 0; clear:both;}
.mailListLabel{width:80px; padding-right:10px; float:left; font-weight:bold;}
.mailListInput{width:210px; float:left;}
input.redButt { font:12px verdana; color: #ffffff; background: #990000; border: 1px solid #222222; font-weight:bold; width:180px; }
textarea.red { width:210px; height:100px; font:12px verdana; color: #333333; background: #ffffff; border: 1px solid #990000; }

.mailListLabel2{width:110px; padding-right:10px; float:left; font-weight:bold;}
.mailListInput2{width:190px; float:left;}

/*online store*/
#content_store {width:780px; height:auto; overflow:auto; min-height:338px; margin:0 auto; background:url(images/content_store_bg.png) repeat-y 0 0;}
#content_store_col1 {width:580px; height:auto; float:left;}

#navStore{width:565px; height:50px; margin-top:5px; padding-left:10px;}
#navStore ul {margin:0; padding:0; list-style-type:none;}
#navStore ul li {float:left;}

#memberSession {width:500px; height:20px; margin-top:5px; padding-left:10px; font-weight:bold; font-family: Verdana, Geneva, sans-serif; font-size:10px;}
#content_store_col2 {width:200px; height:auto; float:left;}
#cartTop {width:190px; height:100px; margin-top:5px; background:url(images/SideCart_Top.gif) no-repeat 0 0;}
#cartHolder {width:187px; height:478px; padding:2px 0 0 3px; background:url(images/SideCart_bg.gif) no-repeat 0 0;}
#productList {width:565px; height:auto; padding-left:10px; padding-top:20px;}
.productRow {width:565px; height:auto; overflow:auto; clear:both; border-bottom:solid 1px #ccc; margin-bottom:20px; padding-bottom:10px;}
.productImg {width:130px; height:auto; padding-right:10px; float:left;}
.productInfo {width:285px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:10px; padding-right:20px; float:left;}
.productQty {width:50px; float:left;}
.tbQty {width:25px; border:solid 1px #222;}
.productAddCart {width:67px; height:28px; float:left;}
.addToCart {width:67px; height:28px; border:0; cursor:pointer; background:url(images/AddToCart.gif) no-repeat 0 0;}
.retailPrice { font-family: verdana,helvetica,sans-serif; font-size: 10px; color: #333333; font-weight:bold }
.memberPrice { font-family: verdana,helvetica,sans-serif; font-size: 10px; color: #660000; font-weight:bold }
.productInfo h4 {margin:0; padding:0 0 15px 0;}
#siteBttm_store {width:780px; height:20px; margin:0 auto; background:url(images/siteBttmStore.png) no-repeat 0 0;}
#checkoutNow{display:block; width:150px; height:24px; position:relative; top:34px; left:20px; border:0;}
#reviewBasket{display:block; width:128px; height:16px; position:relative; top:47px; left:30px; border:0;}
.wId {display:none;}

/* checkout */
#memberSignIn { width:310px; height:160px; margin:24px 0 0 10px; font-family: Verdana, Geneva, sans-serif; font-size:10px; background:url(images/MemberSignIn.gif) no-repeat 0 0; float:left;}
#joinWineClub {width:300px; height:160px; margin-top:25px; padding-left:60px; font-family: Verdana, Geneva, sans-serif; font-size:10px; float:left;}
#tbMemberEmail {width:250px; margin-top:3px; margin-bottom:3px; border:solid 1px #000; font-size:12px;}

/*shipping*/
#formHolder{width:760px; height:auto; margin-left:10px; font-family: Verdana, Geneva, sans-serif; font-size:10px;}
#checkoutForm{width:440px; height:auto; float:left;}
.checkoutRow {width:440px; height:auto; padding:5px 0 5px 0; clear:both;}
.checkoutLabel{width:100px; height:auto; float:left; font-weight:bold; color:#333;}
.checkoutInput{width:340px; height:auto; float:left;}
input.red { font:12px verdana; color: #333333; background: #ffffff; border: 1px solid #990000; }
#estimatedTotalHolder{width:300px; padding-left:20px; float:left;}
#estimatedTotal {width:288px; height:auto; background:#e5e0c3; border:solid 1px #b8b393; padding: 5px 5px;}
.estRow{width:288px; height:20px; clear:both;}
.estRowCol1{width:218px; padding-right:10px; float:left;}
.estRowCol2{width:60px; text-align:right; float:left;}

/*
#siteBodyInner {width:780px; height:70px; margin:0 auto; background:url(images/siteBodyInner_bg.png) repeat-y 0 0; overflow:auto; clear:both;}
#siteBttmInner {width:780px; height:20px; margin:0 auto; background:url(images/siteBttmInner.png) no-repeat 0 0;}
*/
/*LINK STYLE...............................................................................*/
a img {border:0;}
a:link { text-decoration: underline; color: #666600; font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; }
a:visited { text-decoration: underline; color: #666600; font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; }
a:hover { text-decoration: none; }



/*TEXT STYLE...............................................................................*/
h2 {font-family: arial; font-size: 16px; color: #656565; font-weight:bold; font-style:italic; }




/*FONT STYLE...............................................................................*/
.clear{clear: both;}

#siteBodyHome p{
    margin : 0px !important;
}