@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Balthazar);

/* ==|== primary styles =====================================================
   Author:Musketball Creative
   ========================================================================== */
.clear {clear:both;}
* {margin:0; padding:0; border:0;}
a {font-family: 'Balthazar', serif; text-decoration:none;}
h1 {display:none;}
nav li {display:inline; font-family: 'Balthazar', serif; text-transform:uppercase;}

body {background-color:#f0e8e3;}

#header-container {width:960px; margin:0 auto; padding:30px 0 0 0;}
#header-container nav {width:600px; margin:0 auto;}
#header-container a:link, a:visited {font-size:30px; text-decoration:none; color:#000;}
#header-container a:hover {color:#999;}

#main-container {height:489px; width:960px; margin:0 auto; color:#333; background-image:url("../img/backgroundIMG.png"); background-repeat:none;}
#main {width:610px; margin:0 auto;}
.boxNav {width:144px; float:left; padding:0 8px 0 0;}
.boxNav img:hover {opacity:0.7; filter:alpha(opacity=70);}

#footer-container {width:960px; margin:0 auto;}
#footer-container a:link, a:visited {font-size:18px; text-decoration:none; color:#000;}
#footer-container a:hover {color:#999;}
footer {width:500px; float:right;}

/* ==|== Inner Pages =====================================================
   ========================================================================== */

#innerHeader-container {width:960px; margin:0 auto;}
#innerHeader-container  header{height:99px;}
.logo2 {width:262px; float:left;}
#innerHeader-container nav ul{width:425px; float:right; margin-top:72px;}
#innerHeader-container nav li {display:inline; font-family: 'Balthazar', serif; text-transform:uppercase;}
#innerHeader-container a:link, a:visited {font-size:22px; text-decoration:none; color:#000;}
#innerHeader-container a:hover {color:#999;}

#inner-container {width:960px; margin:0 auto; color:#333;}

.sideNav {width:150px; float:left; margin-top:35px;}
.sideNav img:hover {opacity:0.7; filter:alpha(opacity=70);}
.sideBox {padding-bottom:25px;}

.mainContent {width:785px; float:left; margin-top:35px; padding:0 0 25px 25px;}
.mainContent h2 {font-family: 'Oswald', sans-serif; color:#7a3325; font-size:36px; margin-bottom:35px;}
.productImg {width:490px; float:right; padding:0 0 15px 20px;}
.mainContent p {text-align:justify; font-size:16px; line-height:125%; font-family: 'Balthazar', serif;}

.about {padding-right:15px;}
.about p {font-size:18px; padding-bottom:15px;}
.about ul {list-style-type:circle;}
.about li {padding-bottom:15px; line-height:125%; font-size:18px; font-family: 'Balthazar', serif;}
.imgCol {width:365px; float:right;}
.imgCol img {padding:0 0 25px 20px;}

.accolades {width:400px; margin-left:20px; margin-top:10px;}

#innerFooter-container {width:960px; margin:0 auto; padding-bottom:45px;}
#innerFooter-container nav ul{width:340px; float:right;}
#innerFooter-container a:link, a:visited {font-size:18px; text-decoration:none; color:#000;}
#innerFooter-container a:hover {color:#999;}
#copyright {width:400px; float:left;}
#copyright p{display:inline; font-family: 'Balthazar', serif; text-transform:uppercase;}

 
 /* ==|== Hikashop CSS =====================================================
   ========================================================================== */
.hikashop_product_name a:link, .hikashop_product_name a:visited{font-size:18px; text-decoration:none; color:#000;} 
.hikashop_no_border tr, .hikashop_no_border td, #hikashop_address_listing tr, #hikashop_address_listing td, #hikashop_address_form_span_iframe tr, #hikashop_address_form_span_iframe td, #hikashop_product_quantity_main tr, #hikashop_product_quantity_main td, #hikashop_checkout_page tr, #hikashop_checkout_page td, #hikashop_affiliate_main tr, #hikashop_affiliate_main td {vertical-align:middle;}
.hikashop_cart_product_name a{margin-top:45px;}
#hikashop_product_quantity_field_change_minus_1, #hikashop_product_quantity_field_change_plus_1 {visibility:hidden;}
.hikashop_cart {margin-left:65px;}
.hikashop_cart_button {margin-top:-25px; margin-bottom:25px;}
td, label {text-align:right; vertical-align: middle;}
input {float:left; margin-bottom:15px; padding:5px;}
#toolbar {position:absolute; margin-top:245px; margin-left:150px; cursor: pointer;}
button {cursor:pointer;}


 /* ==|== Contact =====================================================
   ========================================================================== */
 #copy {float:right;}
#contact-form .button  {margin-left:130px;}

 /* ==|== Gallery =====================================================
   ========================================================================== */
.active_thumb, .inactive_thumb {background-color:#f0e8e3;}


/* ==|== Chrome Fix =====================================================
   ========================================================================== */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}