/*  
Theme Name: Buffalo Barry
*/
/* Default styles */
@import "css/reset.css";
@import "css/960_24_col.css";
@import "css/wp-e-commerce-custom.css";

/*-------------------------------------------------------------------------------------------
INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Headings

2. MAIN CONTAINERS
-2.1 Wrapper
-2.2 Header
-2.3 Container

3. NAVIGATION
-3.1 Main Navigation
-3.2 Main Navigation Shopping Cart

4. HOMEPAGE
-4.1 Slider
-4.2 Beneath Slider
-4.3 Homepage Carousel

5. SIDEBAR
6. POSTS
7. PAGE TEMPLATES
8. FOOTER
9. IMAGES
10.FORMS
11. MISCELLANEOUS
-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 14px/20px 'Molengo', arial, serif;}

h1, h2, h3, h4, h5, h6  { margin: 0; font-weight:normal; line-height:1.3; font-family:'OFL Sorts Mill Goudy TT';}
h1  {font-size: 28px; margin-bottom:20px;} h2  {font-size: 24px; margin-bottom:16px;} h3  {font-size: 18px; margin-bottom:13px;} h4  {font-size: 16px; margin-bottom:10px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin-bottom:15px;}

.general-divider {max-height:1px; height:1px; width:100%; margin:20px auto; clear:both; border-bottom:1px solid;}
.nav-bottom-general-divider, .general-divider-footer {margin-top:0;}
.general-divider-footer {margin-top:15px;}
.nav-top-general-divider {margin-bottom:0;}
.twitter-general-divider {margin-top:15px;}
.nine-sixty {width:960px;}
input, textarea { padding: 7px 0 7px 7px; border-width:1px; border-style:solid;}

#content .alignright, #content img.alignright {float:right; margin-left:10px; margin-top:5px;}
#content .alignleft, #content img.alignleft {float:left; margin-right:10px; margin-top:5px;}
#content img.aligncenter {text-align:center; margin-left: auto; margin-right:auto; display: block; clear:both;}

/* 1.2 Hyperlinks */

a:link, a:visited  {text-decoration:none;}
a:hover {text-decoration:underline;}

/* 1.3 Headings */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/*-------------------------------------------------------------------------------------------*/
/* 2. MAIN ID CONTAINERS */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Wrapper */
#wrapper {width:960px; margin:0 auto;}

/* 2.2 Header */
#logo {margin:10px 0px;}
#logo img {margin:0 auto; text-align:center; display:block; margin:0 auto;}
#header hr {margin-top:0px;}

/* 2.3 Container */
#container {
	margin:20px auto;
	min-height:560px;
	height:auto !important;
	height:560px;
	}

/*-------------------------------------------------------------------------------------------*/
/* 3. NAVIGATION */
/*-------------------------------------------------------------------------------------------*/

/* 3.1 Main Navigation */
#main-nav-container {font-family: 'OFL Sorts Mill Goudy TT', arial, serif; font:13px; line-height: 20px; margin-top:-1px;}
#main-nav-starter {width:1px; border-right:1px solid; float:left; height:35px; margin-left:15px;}
#main-nav {list-style-position:outside; position:relative; z-index:100;}
#main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:9px 20px 6px; text-decoration:none;}
	#main-nav a {border-right:1px solid;}
	#main-nav li {border-right:1px solid;}
	#main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {font-weight:normal;}
#main-nav li {float:left; position:relative;}
#main-nav ul {position:absolute; width:12em; display:none;}
#main-nav li ul a {width:12em; float:left;}
#main-nav ul ul {top:auto;}
#main-nav li ul ul {left:12em; margin:0px 0 0 40px;}

#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;}
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;}

/* 3.2 Main Navigation Shopping Cart */
#main-nav-cart {list-style-position:outside; position:relative; z-index:100; right:0; float:right; text-align: right; border-right:1px solid; border-left:1px solid;}
#main-nav-cart a:link, #main-nav-cart a:active, #main-nav-cart a:visited {display:block; padding:9px 10px 6px; text-decoration:none; cursor:pointer;}
#main-nav-cart a {border-right:1px solid; border-left:1px solid;}

/* remove extra cart items from cart nav button */
#main-nav-cart table.shoppingcart,#main-nav-cart span.numberitems,#main-nav-cart p,#main-nav-cart span.total,#main-nav-cart span.pricedisplay,#main-nav-cart span.totalhead,#main-nav-cart span.gocheckout,#main-nav-cart from.wpsc_empty_the_cart,#main-nav-cart form {display:none;}

#main-nav-cart .cartcount, #main-nav-cart .shopping-cart-wrapper, #main-nav-cart .shopping-cart-wrapper-before, #main-nav-cart .shopping-cart-wrapper-after {float:left; margin:0 !important; padding:0 !important; border:0 !important;}
#main-nav-cart .shopping-cart-wrapper .items, #main-nav-cart .shopping-cart-wrapper a {display:inline; border:0 !important;}
#main-nav-container {height:35px;}
span.storefront-cart-icon {font-size:24px; line-height:0; padding-right:10px; float:left; max-height:16px; position:relative; top:1px;}

.cartcount {padding:0 1px 0px 2px;}

/*-------------------------------------------------------------------------------------------*/
/* 4. HOMEPAGE */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Slider */
#slider-frame {width:960px; margin:0 auto; padding:7px 0px; border-right:1px solid; border-bottom:1px solid;}
#slider {width:946px; margin:0px 7px; clear:both;}

/* for IE */ #slider img, #slider a, #slider a img, #slider {height:360px; width:946px;}

/* 4.2 Beneath Slider */
#beneath-slider {width:940px; margin:11px auto 4px; text-align:center;}
	/* Chrome */ body.chrome #beneath-slider {margin-bottom:-5px; margin-top:15px;}
#beneath-slider p {font-size:14px; text-align:center; margin-bottom:0px; font-weight:bold;}
#beneath-slider li {list-style-type:none; text-align:center;font-size:13px;}
#beneath-slider li a {text-decoration:none;}
#beneath-slider li a:hover span.twitter-text {border-bottom:1px dotted;}
span.storefront-twitter-icon {font-size:24px; line-height:0; padding-right:10px; max-height:16px; max-height:24px; position:relative; top:4px;}
	/* Chrome */ body.chrome span.storefront-twitter-icon {top:-2px;}

/* 4.3 Homepage Carousel */
#home-carousel-wrap {width:960px; max-width:960px; overflow:hidden; margin:20px auto 0px;}
	#home-carousel-wrap p {margin-bottom:0px; margin-top:5px; line-height:1.3;}
.home-carousel li, .home-carousel-img {margin:0; padding:0;}
.carousel-button {width:24px; float:left; height:24px; cursor:pointer; border:0; margin-top:50px;font-weight:bold; font-size:30px;}
.carousel-next {text-align:right;}
.home-carousel li {margin:0 10px;}
.home-carousel img {width:200px; height:120px; padding:3px; border:1px solid;}
.carousel-title {font-weight:bold;}
.home-carousel {text-align:center; width:912px; max-width:912px; float:left;}

/*-------------------------------------------------------------------------------------------*/
/* 5. SIDEBAR */
/*-------------------------------------------------------------------------------------------*/
#right-sidebar {border-left:1px solid; margin-left:-1px; }
#left-sidebar {
	border-right:1px solid;
	margin-left:10px; 
	margin-right:-1px; 
	min-height:500px;
	height:auto !important;
	height:500px;
}
#right-sidebar .widget {margin:15px 0px 30px 15px;}
#left-sidebar .widget {margin:15px 15px 30px 0px;}
.sidebar .widget li a {display:block; padding:5px 10px; margin:3px 0px; border-right:1px solid; border-bottom:1px solid;}
.sidebar .widget li a:hover {text-decoration:none;}
.sidebar .widget li ul {padding:10px;}
.widget_video {padding:10px;}
.widget h2 {border-right:1px solid; border-bottom:1px solid; padding:10px 10px 5px; }

/*-------------------------------------------------------------------------------------------*/
/* 6. POSTS */
/*-------------------------------------------------------------------------------------------*/
.page-content {margin:15px 10px 15px 15px;}
	.right-sidebar-page-content {margin-left:5px;}
	.left-sidebar-page-content {margin-right:4px; margin-left:11px;}
.page-content .page-image-frame {margin-top:15px;}
.post-meta {border-right:1px solid; border-bottom:1px solid; padding:10px; margin-top:-10px;}
.post-meta p {font-size:11px; margin:0px;}
.post h1, .post h2 {border-right:1px solid; border-bottom:1px solid; padding:10px 10px 5px; font-size:25px;}
.page-content h1 {border-right:1px solid; border-bottom:1px solid; padding:10px 0px 10px 3px; font-size:25px;}
.page-content h2 {font-size: 20px;}
.page-content h3, .page-content h4, .page-content h5, .page-content h6 {font-size: 18px;}
.top-post-meta {margin-bottom:10px; display:block; font-style:italic;}

.page-content ol {list-style-type:decimal; margin:0px 40px 20px;}
.page-content ul {list-style-type:square; margin:0px 40px 20px;}

/*-------------------------------------------------------------------------------------------*/
/* 7. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* three column */
#container .center-column {margin-left:0px; width:475px;}
.page-blog {margin-top:20px;}

/*-------------------------------------------------------------------------------------------*/
/* 8. FOOTER */
/*-------------------------------------------------------------------------------------------*/
#footer {padding-bottom:15px; font-family: 'OFL Sorts Mill Goudy TT', arial, serif;}
#footer p {font-size:13px; margin-bottom:0px; text-align: center;}
#footer-widgets {margin-bottom:20px;}
#footer-widgets ul li a {padding:5px 10px;border-bottom:1px dotted;display:block;text-decoration:none;}
#footer-widgets .widget ul li a:hover {border-right:0px;} 
#footer-widgets ul li a {display:block;}

/*-------------------------------------------------------------------------------------------*/
/* 9. IMAGES */
/*-------------------------------------------------------------------------------------------*/
.image-frame {padding:7px 0px; border-right:1px solid; border-bottom:1px solid;}
.image-frame img {margin:0px 8px;}
.page-image-frame {margin:-15px 0px 15px;}
.post-image-frame {margin-top:10px;}
.entry img, .avatar img {padding:3px; border:1px solid; margin:2px;}
.comment-container .avatar img {padding:3px; margin-bottom:10px;}

/*-------------------------------------------------------------------------------------------*/
/* 10. FORMS */
/*-------------------------------------------------------------------------------------------*/
input.button, input[type="submit"], form button {cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;}
form.formBuilderForm {font-weight:bold; font-size:11px; margin-top:20px; border-right:1px solid; border-bottom:1px solid; padding:15px;}
form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select, input[type="select"], textarea, select {border-width: 1px; border-style: solid; padding:5px; min-width:225px; font-weight:normal; font-size:13px;}
.formBuilderField {margin-bottom:12px;}
form.formBuilderForm .formBuilderSubmit input {cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;}
form.formBuilderForm .formBuilderSubmit input:hover {border:0px;}
form.formBuilderForm select {height:25px; font-size:11px; font-weight:bold;}
form.formBuilderForm checkbox {width:30px;}
form.formBuilderForm textarea {height:80px;}
.formBuilderFailure {padding:0px 10px; clear:both; margin-bottom:5px;}
.formBuilderFailure h4 {padding-top:10px;}
.formBuilderFailure a {font-weight:bold;}
.formBuilderSuccess {padding:20px;}
.formBuilderLabel, .formBuilderLabelRequired {margin-bottom:2px;}
.comment {padding:7px 0px; border-right:1px solid; border-bottom:1px solid; margin-bottom:15px;}
	.comment .comment {padding:7px 0px; margin:15px;}
.comment-container {margin:0px 8px; clear:both;}
.comment-container .avatar {padding-right:5px; padding-bottom:5px; float:left;}
.comment-container p {font-size:11px;}
.comment-head {font-weight:bold; margin-bottom:10px;}
#commentform input[type="submit"] {font-family:'OFL Sorts Mill Goudy TT', arial, serif; font-size:13px;}

form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select {background:#eaeaea;}
.formBuilderError {color: #8c0a0c;}
.formBuilderFailure {background: #8c0a0c; color:#fff;}
.formBuilderFailure h4 {color:#fff;}
.formBuilderFailure a {color:#fff;}
.formBuilderSuccess {background: #c1cc89; color:#fff;}
#fancy_notification_content, #loading_animation {color:#000;}

/*-------------------------------------------------------------------------------------------*/
/* 11. MISCELLANEOUS */
/*-------------------------------------------------------------------------------------------*/
#main-nav ul a:hover {background:#ddd; border-right:1px solid #ddd;}
input.button,.sidebar .widget li a:hover,form.formBuilderForm .formBuilderSubmit input,input.wpsc_buy_button,input.make_purchase,form.adjustform input[type="submit"],.wpsc-user-account input[type="submit"] {cursor:pointer;}