/*  
Theme Name: Alchemy Responsive
Theme URI: http://sww.co.nz/
Description: Custom theme by Stellar Web Works
Version: 2.0
Author: Aidan Curran
Author URI: http://sww.co.nz/
*/
html,body {
	margin:0;
	padding:0;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-family : "Times New Roman", Times, serif;
	font-family: arial, helvetica, sans-serif;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
   font-size: 13px;
   color: #fff;
}
body {
   background: #000 url(images/bg-grad2.png) left top repeat-x;
}
h1, h2, h3, h4 {
   color: #ffc45c;
}
h1 {
   font-size: 20px;
   font-weight: normal;
}
h2 {
   font-size: 18px;
   font-weight: normal;
}
h3 {
   font-size: 16px;
   font-weight: normal;
}
h4 {
   font-size: 14px;
}
a {
   color: #fff;
}
a:hover {
   color: #ffff66;
}
h4 a {
   color: #ffc45c;
   text-decoration: none;
}
h4 a:hover {
   text-decoration: underline;
}
img {
   border: 0;
}
div {
   text-align: left;
}
div.divider {
   margin: 50px;
   border: 0;
   height: 8px;
   background: url(images/squiggel.gif) center center no-repeat;
}
#header {
   text-align: center;
   padding-top: 20px;
   padding-bottom: 36px;
}
#header h3 {
   color: #fff;
   font-size: 18px;
   line-height: 20px;
   font-weight: normal;
   letter-spacing: 2px;
   margin: 15px 0 0 0;
}
#page {
   margin: 0px auto 10px auto;
}
#nav {
   text-align: center;
   line-height: 25px; /* tweak this to fit more menu items in */
   background: url(images/block-bg2.png) center top no-repeat;
   float: left;
   width: 202px;
   height: 496px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   font-size: 18px;
   margin-bottom: 25px;
}
#nav a:first-child {
   background: none;
   padding-top: 20px;  /* tweak this to fit more menu items in */
}
#nav a {
   margin-bottom: 7px;
   padding-top: 10px;
   display: block;
   color: #fff;
   text-decoration:none;
   font-weight: bold;
   background: url(images/squiggel.gif) center top no-repeat;
}
#nav a:hover {
   color: #ffc45c;
}
#nav a.current {
   color: #ffc45c;
}
#centerpiece {
   padding: 1px 29px;
}
#rightbox {
	font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
   background: url(images/block-bg2.png) center top no-repeat;
   float: left;
   width: 172px;
   padding: 15px;
   height: 466px;
   text-align: center;
}
p.quote {
   text-align: center;
   font-style : italic;
}
p.author {
   text-align: right;
   color: #fdd899;
}
#rightbox p.author {
   text-align: center;
}
#home-text-top {
   background: url(images/home-text-bg-top2.jpg) center top no-repeat;
   height: 28px;
   margin-top: 20px;
}
#home-text-bottom {
   background: url(images/home-text-bg-bottom2.jpg) center top no-repeat;
   height: 30px;
}
#home-text {
   padding: 1px 235px;
   background: url(images/home-text-bg2.png) center top repeat-y;
   text-align: center;
   font-size: 14px;
}

#leftcol {
   background: url(images/graphic.jpg) center top no-repeat;
}

#rightcol #header {
   padding-bottom: 10px;
}
#maincontent-top {
   background: url(images/main-bg-top2.jpg) center top no-repeat;
   height: 53px;
}
#maincontent-bottom {
   background: url(images/main-bg-bottom2.jpg) center top no-repeat;
   height: 30px;
}
#maincontent {
   padding: 20px 50px;
   background-color: #0E1C36;
   -webkit-box-shadow: 0px 0px 20px 20px rgba(14,28,54,1);
   -moz-box-shadow: 0px 0px 20px 20px rgba(14,28,54,1);
   box-shadow: 0px 0px 20px 20px rgba(14,28,54,1);
   margin: 20px 20px 20px 40px;
}
#maincontent h1 {
   margin-top: 0px;
}
.clear {
   clear:both;
}
#footer {
   text-align: center;
   font-size: 11px;
   color: #666;
   margin-bottom: 20px;
}
#footer a {
   text-decoration: none;
   color: #666;
}
#footer a:hover {
   text-decoration: underline;
   color: #666;
}
img.leftalign {
   display: block;
   float: left;
   text-align: left;
   margin: 0 25px 5px 0;
}
img.rightalign {
   display: block;
   float: right;
   text-align: right;
   margin: 0 0 5px 15px;
}
img.centeralign {
   display: block;
   margin: 10px auto;
   text-align: center;
}


#shopnav {
   background: #000;
   margin: 10px 0 20px 0;
   padding: 3px 1px;
}
#shopnav a {
   text-decoration:none;
   color: #fff;
   font-weight:bold;
   padding: 2px 10px;
   margin-right: 30px;
}
#shopnav a.current, #shopnav a:hover {
   background: #1b3759;
}

dt {
   float:left;
   width: 75px;
}
dd {
   margin-left: 75px;
   margin-bottom: 5px;
}

p.cite {
   text-align:center;
   font-style : italic;   
}

a.rightlink {
   display: block;
   text-align:right;
   font-weight: bold;
}
div.producttext ol li span, div.totaltime span {
   display: block;
   float: right;
   text-align: right;
   width: 50px;
}
div.totaltime {
   text-align: right;
}

#shName {
   text-align: center;
   font-size: 16px;
   font-weight: bold;
}
#shCount {
   text-align: center;
   display:none;
}
.important {
   color:red;
   font-size:14px;
}

/* Newsletter signup form */
#signup {
   clear: both;
   background: none;
   border: 1px solid #8F6C00;
   width: 178px;
   margin: 20px 2px;
   padding: 1px 10px;
}
#signup h4 {
   margin: 10px 0;
}
#mc-embedded-subscribe-form {
   width: 100%;
   background: none;
}
#mc-embedded-subscribe-form label span {
   text-align: left;
}
#mc-embedded-subscribe-form input {
   width: 170px;
   padding: 1px 3px;
}
#mc-embedded-subscribe-form #mc-embedded-subscribe {
   width: 100px;
   height: 24px;
   background: #233557;
   border: 1px solid #8F6C00;
   color: #fff;
}
.mc-field-group, #submit-btn-div {
   padding: 5px 0;
}
#submit-btn-div {
   text-align: right;
}

/* WP Common Styles */
.editLink {
   text-align: center;
   padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}
img.aligncenter, div.aligncenter {
   display: block;
   margin: 20px auto;
}
img.alignright, div.alignright {
   display: block;
   float: right;
   margin: 10px 0px 5px 15px;
}
img.alignleft, div.alignleft {
   display: block;
   float: left;
   margin: 10px 20px 5px 0px;
}
img.aligncenter {
   text-align: center;
}
img.alignright {
   text-align: right;
}
img.alignleft {
   text-align: left;
}
.wp-caption-text,.wp-caption-dd {
   margin: 4px 0;
   font-weight: bold;
   text-align: center;
}
.more-link {
   display:block;
   text-align:right;
}
.linklove {
   display:none;
}





/* Responsive elements                              */
/* ------------------------------------------------ */

/* WIDE SCREEN - defaults: (1000px and wider) */
/* >= 1000px wide */
/* as defined in above in main stylesheet rules */

   #page { width: 90%; max-width: 1280px; }
   #mobile-menu-btn { display: none; }

   #leftcol {
      width: 202px;
      float: left;
      padding-top: 136px;
      z-index: 10;
      position: relative;
   }
   #rightcol {
   	width: 100%;
   	float: right;
   	margin-left: -202px;
   }
   #rightcol #content { 
   	margin-left: 202px;
      padding: 10px 30px;
   }
   
   img {max-width: 100%; height: auto !important; }
   .maincontent img.alignleft, .maincontent img.alignright { max-width:50%; height:auto; }
   .responsive50 img, .responsive50 .wp-caption { max-width:50%; height:auto; }
   .responsive33 img, .responsive33 .wp-caption { max-width:33%; height:auto; }
   .responsive .wp-caption img, .responsive50 .wp-caption img, .responsive33 .wp-caption img { max-width:100%; }
   
   /* home page */
   #homecontent {
      max-width: 1000px;
      margin: 0 auto;
   }
   .homepage #maincontent {
      margin: 40px 100px;
   }
   .homepage #signup {
      display: none;
   }
   #centerpiece {
      padding-bottom: 50px;
      text-align: center;
   }
       
/* MEDIUM-WIDE SCREEN */
/* width 750px - 1000px */
@media screen and (max-width: 1000px) {
   #page { width: 95%; }
   #header h3 {
      font-size: 16px;
   }
   #leftcol {
      padding-top: 150px;
   }
   #rightcol #content {
       margin-left: 202px;
       padding: 10px 15px;
   }


   #maincontent div.default_product_display div.textcol {
       margin-left: 0 !important;
   }
   #maincontent div.default_product_display div.textcol div.imagecol {
       margin-left: 0 !important;
       position: static;
   }   
   #maincontent div.producttext {
       width: auto;
       padding-left: 0;
   }
   #maincontent div.textcol form {
       min-width: 200px;
   }
   #maincontentdiv.productdisplay {
       float: none;
       margin-bottom: 40px;
       padding: 0 0 30px;
       text-align: center !important;
       width: auto;
   }
   #maincontent div.single_product_display div.textcol div.imagecol {
       margin-left: 0 !important;
       position: static;
   }
   #maincontent div.single_product_display div.textcol {
       margin-left: 0 !important;
   }



}

/* MEDIUM-SMALL SCREEN */
/* width 500px - 750px */
@media screen and (max-width: 750px) {

   #page { width: 100%; }
   
   #mobile-menu-btn { 
      display: block;
      width: 32px;
      height: 32px;
      background: url(images/menu-icon.png) center center no-repeat;
      cursor: pointer;
      padding: 20px 40px;
   }

   #leftcol {
      display:none;
      position: absolute;
      background: url(images/blue-opacity.png);
      padding: 20px 0;
      top: 200px;
      width: 100%;
   }
   #leftcol #nav, #leftcol #signup {
      margin: 0 auto 10px auto;
      float: none;
   }
   #rightcol {
   	float: none;
   	margin-left: 0;
   }
   #rightcol #content { 
   	margin-left: 0;
   }   
   #leftcol.open { display: block; }
   
   #maincontent {
       margin: 20px 5px;
       padding: 20px 5px;
   }
   
   
}

/* SMALLEST SCREEN */
/* width 320px - 500px */
@media screen and (max-width: 500px) {	


   table.wpsc_checkout_table input.text, table.wpsc_checkout_table textarea, table.wpsc_checkout_table select, fieldset.wpsc_registration_form input {
      width: 200px !important;
   }   
   #maincontent table.wpsc_checkout_table select {
       width: 206px !important;
   }
   
   #maincontent .cform {
       width: auto;
   }   
   .cform span.reqtxt, .cform span.emailreqtxt {
       display: none;
   }


   #shopnav a {
       line-height: 24px;
   }
      
}