/***
ABOUT:         Base Styles for Nerdbots
               Husband-and-wife team Nick and Angela Snyder sell robots.
AUTHOR:        sean berger
               http://bergrbergr.com/
               http://www.linkedin.com/in/seanberger
RELEASE:       28 may 2008
LAST UPDATED:  24 nov 2008
LOCATION:      kansas city, mo

TABLE OF CONTENTS:
  01. ERIC MEYER CSS RESET
  02. CORE LAYOUT
  03. CORE TYPOGRAPHY
  04. NAVIGATION
  05. VIEWS (LAYOUTS)
  06. LIGHTBOX
  07. FORM(S)

=== 01. ERIC MEYER CSS RESET (STRIPPED DOWN BY AUTHOR) ***/
html,body,div,span,
h1,h2,h3,h4,h5,h6,p,pre,
a,em,img,strong,sub,sup,
dl,dt,dd,ol,ul,li,embed,object,
fieldset,form,label,textarea,
table,caption,tbody,tfoot,thead,tr,th,td {
  vertical-align: top;
  background-position: 50% 0;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: inherit;
  font-size: 100%;
  font-family: Arial, Tahoma, Verdana, sans-serif;
}
:focus {
  outline: 0;
}

/*** 02. CORE LAYOUT ***/
body {
  background-color: #8d0c0f; /* cherry red */
  background-image: url(http://static1.shopify.com/s/files/1/0015/3492/files/bg_repeat.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin: 0 auto;
}
#header,
#footer {
  margin: 0 auto;
}
#header {         
  height: 165px;
  width: 870px;
}
#footer { width: 930px; }
#header h1 a {
  display: block;
  float: left;
  background-image: url(http://static1.shopify.com/s/files/1/0015/3492/files/nerdbots_logo.jpg);
  background-repeat: no-repeat;
  padding-top: 157px; overflow: hidden;
  height /**/: 157px; height: 0 !important;
  width: 106px;
  margin: 0 auto;
}
#header-nav {
  float: left;
  width: 580px;
}
#main {
  clear: both;
  display: block;
  overflow: hidden;
  width: 930px;
  margin: 17px auto 0 auto;
  background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/repeat.gif);
  background-repeat: repeat;
  min-height: 300px;
}
  #page-product #main,
  #page-collection #main,
  #page-cart #main,
  #page-page #main,
  #page-blog #main {
    background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/top.gif);
    background-repeat: no-repeat;
    background-color: #69090b;
    background-position: 0 0;
  }  
#footer {
  clear: both;
  background-image: url(http://static3.shopify.com/s/files/1/0015/3492/files/footer_store.gif);
  background-position: 0 auto;
  background-repeat: no-repeat;
}
  #footer p {
    padding: 100px 15px 25px 0;
    text-transform: uppercase;
    color: #ededed;
    text-align: right;
  }
  #home #footer {
    background-image: url(http://static3.shopify.com/s/files/1/0015/3492/files/footer.gif);
  }
#email-list {
  background-color: #380f00;	
  height: 140px;
}
#words {
  width: 930px;
  margin: 0 auto;	
}
#words h4 a {
  display: block;
  width: 300px;
  overflow: hidden; 
  background-image: url(http://static2.shopify.com/s/files/1/0015/3492/files/email_list.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-top: 18px; overflow: hidden;
  height /**/: 18px; height: 0 !important;
  position: relative;
  top: 24px; left: 25px;
}
#words h5 a {
  color: #9d0905;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  top: 9px; left: -55px;
  font-size: 0.90em;
  float: right;
}
  #words h5 a:hover { color: #ba4c49; }

/*** 03. CORE TYPOGRAPHY ***/
h1,h2,h3,h4,h5,h6 {
  color: #b4b59f;
  font-weight: bold;
}
h1 {      
  font-size: 1.90em;
  letter-spacing:-0.85px;
}
h2 {      
  font-size: 1.25em;
  letter-spacing:-0.75px;
}
h3 { 
  font-size: 1.40em; 
  letter-spacing:-0.65px; 
  padding: 0;
  color: #555;
}
h4 { 
  font-size: 0.91em;
  color: #b5b59f;
  letter-spacing: -0.65px;
  padding: 0 0 0 28px;
}
h5 { 
  font-size: 0.90em; 
  letter-spacing:-0.55px;
}
h6 { 
  font-size: 0.90em;
  letter-spacing:-0.65px;
}
p {
  color: #ccc;
  font-size: 0.70em;
  line-height: 1.55em;
  font-weight: lighter;
  text-align: justify;
}
a,
a:link,
a:visited,
a:hover { 
  color: #c6c6af;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.product-details a,
.product-details a:link,
.product-details a:visited { text-decoration: underline !important; }
.product-details a:hover {   text-decoration: none !important; }

/*** 04.1 NAVIGATION ***/
#header-nav ul {
  margin: 76px 0 0 30px;
}
#header-nav ul li {
  list-style-type: none;
  float: left;
}
#header-nav ul li a {
  display: block;
  background-image: url(/images/utility/nav.gif);
  background-image: url(http://static2.shopify.com/s/files/1/0015/3492/files/nav.gif);
  background-repeat: no-repeat;
  padding-top: 30px; overflow: hidden;
  height /**/: 30px; height: 0 !important;
}
  #header-nav ul li#adopt,
  #header-nav ul li#adopt a { width: 95px;   background-position: -125px 0; }
  #header-nav ul li#adopt a:hover {          background-position: -125px -50px; }
  #header-nav ul li#merch,
  #header-nav ul li#merch a { width: 75px;   background-position: -635px 0; }
  #header-nav ul li#merch a:hover {          background-position: -635px -50px; }
  #header-nav ul li#blog,  
  #header-nav ul li#blog a  { width: 67px;   background-position: -280px 0; }
  #header-nav ul li#blog a:hover {           background-position: -280px -50px; }
  #header-nav ul li#news,
  #header-nav ul li#news a { width: 67px;    background-position: -508px 0; }
  #header-nav ul li#news a:hover {           background-position: -508px -50px; }
  #header-nav ul li#travels,  
  #header-nav ul li#travels a { width: 125px; background-position: -875px 0; }
  #header-nav ul li#travels a:hover {         background-position: -875px -50px; }
  #header-nav ul li#contact,  
  #header-nav ul li#contact a { width: 80px;  background-position: -760px 0; }
  #header-nav ul li#contact a:hover {         background-position: -760px -50px; }

/*** 04.2 CART NOTIFICATIONS ***/
#page-index #cart,
#page-product #cart,
#page-collection #cart,
#page-blog #cart,
#page-page #cart,
#page-cart #cart {
  float: right;
  width: 160px;
  margin: 20px 0 0 0;
  height: 77px;
  padding: 0;
}
  #page-index #cart a img,
  #page-product #cart a img,
  #page-collection #cart a img,
  #page-blog #cart a img,
  #page-page #cart a img,
  #page-cart #cart a img {
    width: 64px;
    height: 73px;
    border: none;
  }
  #page-index #cart p a,
  #page-product #cart p a,
  #page-collection #cart p a,
  #page-blog #cart p a,
  #page-page #cart p a,
  #page-cart #cart p a {
    float: left;
    font-weight: normal;
    font-size: 1.05em;
    line-height: 1.15em;
    text-align: center;
    color: #8d0c0f; /* cherry red */
    width: 65px;
    margin: 15px 0 0 2px;
    padding: 5px 8px;
  }

/*** 05.1 VIEW: HOME PAGE ***/
#big-image {
  background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/top.gif);
  background-repeat: no-repeat;
  padding: 28px 25px 15px 25px;
}
  #page-index #big-image a img { 
    border: none;
  }
embed,object { 
  width: 878px;
  height: 308px;
}
#columns {
  overflow: hidden; /* this will clear the floats inside this div */  
  display: block;
  margin-top: 15px;
  padding: 0 25px 15px 25px;
  width: 880px;
  background-image: url(http://static1.shopify.com/s/files/1/0015/3492/files/column_repeat.gif); 
  background-repeat: repeat-y;
}
#col01-who {
  float: left;
  width: 577px;
}
#col02-news {
  float: left;
  margin-left: 29px;
  width: 274px;
}
  #col01-who h3,
  #col02-news h3 {
    background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/tri-column.gif);
    background-repeat: no-repeat;
    padding-top: 45px; height: 0 !important;
    height /**/: 45px; overflow: hidden;
    width: 274px;
    background-color: #3c0c0b;
  }
  #col01-who h3 {
    width: 577px;
  }
  #col01-who h3 {  background-position: 28px 18px;}
  #col02-news h3 { background-position: 28px -63px;}
  #col01-who p,
  #col02-news p {
    padding: 20px 28px 0 28px;
  } 
  #page-index #col01-who a img,
  #page-index #col02-news a img {
    padding: 8px 28px 0 28px;
    border: 0;  
  }
table.products {
  width: 930px;
  background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/divider.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
  table.products td {
    vertical-align: top;	
  }
  table.products td a img {
    margin: 0 0 0 45px;
    width: 202px;
  }
  table.products td img {
    margin: -8px 0 0 44px;	
  }
  table.products tr.row1 td {
    padding-top: 55px;
  }
#page-index .product-body {
  margin: 25px 0 0 0;
  margin-top: 45px;
}
#page-product a img,
#page-collection a img,
#page-index a img {
  border: 10px solid #c6c6af;
}
#page-index .product-body p {
  margin: 12px 0 0 50px;
  font-size: 0.90em;
  font-weight: normal;
  color: #fff;
}
#page-index p a,
#page-collection p a,
#page-product p a {
  text-decoration: none;
  font-weight: normal;  
}
#page-index p a:hover,
#page-collection p a:hover,
#page-product p a:hover {
  text-decoration: underline;
  font-weight: normal;
}
/** PAGINATION FOR NEWS AND COLLECTIONS ***/
#pagination {
  clear: both;
  padding: 60px 0 0 70px;
  width: 222px;
  line-height: 33px;
}
span.page {
  padding: 9px 15px 10px 15px;
  margin: 0 -5px 0 0;
  background-color: #3c0c0b;
  font-size: 12px;
  color: #eee;
  display: inline;
}
span.page:hover {
  background-color: #8d0c0f;
}
span.prev,
span.next {
  display: none;	
}
  #pagination a,
  #pagination a:link,
  #pagination a:visited,
  #pagination a:hover {
	padding: 0;
	margin: 0;
    text-decoration: none;	
  }
span.current {
  background-color: #8d0c0f;
}

/** COLLECTIONS BUTTONS ***/
#homepage-extra-buttons {
  clear: both;
  display: block;
  padding-top: 25px;
}
#homepage-extra-buttons a img#faves {
  border: none !important;
  position: relative;
  top: 0; left: 620px;
}
#homepage-extra-buttons a img#sold {
  border: none !important;
  position: relative;
  top: 0; left: 632px;
}

/*** 05.3 VIEW: ONE PRODUCT ***/
#product-images,
.product-images {
  float: left;
  width: 250px;
  padding: 50px 0 0 70px;
} 
  #lightbox #lbContent img {  /* lightbox image */
    border: none;
    padding: 0;
  }
  #pimage-select,
  .pimage-select {
    padding: 0 0 0 24px; 
    margin: 15px 0 0;
    background-color: #4c1401;
    width: 199px;
  }
  #pimage-select a,
  #pimage-select a:hover,
  .pimage-select a,
  .pimage-select a:hover {
	text-decoration: none;
    line-height: 2.45em;
    font-size: 0.90em;
    padding: 4px 10px;
    margin: 0 0 0 10px;
    font-weight: bold;
  }
  #pimage-select a:hover,
  .pimage-select a:hover {
    background-color: #2b1010;
  }
.product-details {
  float: left;
  width: 490px;
  height: 312px;
  margin: 50px 0 0 45px;
  background-color: #4c1401;
}
div.not-a-robot {
  height: auto !important;	
}

  .product-details h2 {
    background-color: #380f01;
    font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
    font-size: 1.10em;
    font-weight: normal;
    color: #fff;
    line-height: 2.85em;
    letter-spacing: 0.0em;
    padding-left: 40px;
  }
  .product-details p {
    padding: 12px 40px 0 40px;
  }
  .product-details ul.hide { display: none; }
  .product-details ul.not-a-robot {
		display: block;
		clear: both;
		list-style-type: none;
		width: 340px;
		padding: 8px 0 0 35px; 
  }
  .product-details ul.not-a-robot li label {
    display: inline;
  }
  p.money {
    float: left;
    font-size: 1.15em;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 15px 0 0 40px;
  }
input#update-cart {
  position: relative;
  top: 43px; left: -160px;
}
.product-details input.primary {
  float: right;
  padding: 10px 25px 25px 0;
}

/*** 05.4 VIEW: CART ***/
#page-collection h3,
#page-cart h3 {
  clear: both;
  display: block;
  background-color: #380f01;
  font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
  font-size: 1.10em;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  line-height: 2.85em;
  letter-spacing: 0.0em;
  padding-left: 40px;
  margin-top: 20px;
  width: 100%;
}
.item {
  clear: both;
  padding-top: 20px;
  margin-left: 40px;
}
#page-cart .item img {
  float: left;
  border: 6px solid #c6c6af;
  margin-right: 25px;
}
.item h4 a {
  color: #fff;
  text-decoration: none;
  font-size: 1.45em;
  line-height: 1.65em;
}
.item p {
  font-size: 0.95em;
  line-height: 1.15em;
}
.item p a {
  font-size: 0.85em;
  margin-top: 2px;
}
#page-cart #buttons {
  clear: both;
  float: right;
  margin: 25px 30px 0 0;
}

/*** 05.5 VIEW: LOCATIONS, FREEBIES AND CONTACT ***/
#page-blog h3,
#page-page h3 {
  float: left;
  background-color: #380f01;
  font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
  font-size: 1.10em;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  line-height: 2.85em;
  letter-spacing: 0.0em;
  padding-left: 40px;
  margin-top: 20px;
  width: 100%;
}
#page-blog #main p,
#page-page #main p {
  clear: both;
  color: #fff;
  text-decoration: none;
  font-size: 0.85em;
  line-height: 1.25em;
  font-weight: normal;
  padding: 10px 40px 0 40px;
}
#page-blog #main p.blog-date {
  color: #c5c6af;
  font-size: 0.80em;
  text-transform: uppercase;
}
#cartform input.primary {
  clear: both;
  float: none;
  display: block;
}
#contact-visit,
#contact-email a,
#contact-call,
#contact-write,
#contact-flickr a,
#contact-twitter a,
#contact-fbook a {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  height: 0 !important;
}
  #contact-visit { 
    top: -80px; left: 50px;
    background-image: url(/images/contact_visit.gif); 
	padding-top: 112px;
	height /**/: 112px;
  }
  #contact-email a {
	top: 50px; left: 330px;
	background-image: url(/images/contact_email.gif);
 	padding-top: 90px;
	height /**/: 90px;
  }
  #contact-call {
	top: 88px; left: 85px;
	background-image: url(/images/contact_call.gif);
	padding-top: 85px;
	height /**/: 85px;	
  }
  #contact-write {
    top: -25px; left: 440px;
	background-image: url(/images/contact_write.gif);
    padding-top: 115px;
	height /**/: 115px;
  }
  #contact-flickr a {
	top: -15px; left: 490px;
	background-image: url(/images/contact_flickr.gif);
	padding-top: 80px;
	height /**/: 80px;
  }
  #contact-twitter a {
	top: -136px; left: 390px;
	background-image: url(/images/contact_twitter.gif);
	padding-top: 100px;
	height /**/: 100px;
  }
  #contact-fbook a {
	top: -160px; left: 40px;
	background-image: url(/images/contact_facebook.gif);
	padding-top: 111px;
	height /**/: 111px;
  }

  #freebie-images,
  .freebie-images {
        float: left;
        width: 490px;
	height: 312px;
        padding: 50px 20px 0 70px;
  } 

   #freebie-images img,
   .freebie-images img {
   	border: 10px solid #c6c6af;
  }

  .freebie-header h2 {
        background-color: #380f01;
        font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
        font-size: 1.10em;
        font-weight: normal;
        color: #fff;
        line-height: 2.85em;
        letter-spacing: 0.0em;
        padding-left: 40px;
        float: left;
        width: 200px;
        margin: 50px 0 0 45px;
  }
  
  .freebie-details {
        float: left;
        width: 240px;
	height: 280px;
        margin: 0 0 0 45px;
        background-color: #4c1401;
  	color: #ccc;
  	font-size: 0.80em;
  	line-height: 1.55em;
  	font-weight: lighter;
  }

  .freebie-details p {
  	text-align: left;
  }

  .freebie-details a,
  .freebie-details a:link,
  .freebie-details a:visited { text-decoration: none !important; }
  .freebie-details a:hover { text-decoration: underline !important; }


/*** 06 LIGHTBOX ***
Author: Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/
*/
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:500px;
	margin:-250px 0 0 -250px;
	background:#fff;
	text-align:center;
    vertical-align: 50%;
}
#lightbox[id]{
	position:fixed;
}
#overlay[id]{
	position:fixed;
}
#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
	width: 480px;
	height: 480px;
	border: 20px solid white;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}
#lightbox.done img{
  vertical-align: bottom;
}

/*** 07. LEAD-ACQUISITION FORM ***/
#form {
  width: 460px;
  margin: 0 auto;
}
fieldset {
  width: 600px;
  margin: 10px 0 0 40px;
  border: none;
}
#content p {
  clear: both;
  color: #444;
  font-size: 0.98em;
  margin-bottom: 15px;
  padding: 0 34px 0 34px;
}
  form p strong { color: #fff; }
  #content fieldset h3 {
    margin: 0;
    padding: 10px 0 0 0;
  }
  #content fieldset p {
    padding: 10px 0 0 0;
    margin: 0;
  }
label {
  width: 330px;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  line-height: 2.25em;
  color: #fff; /* #8d0c0f cherry red */
  display: block;
  font-size: 0.67em;
  letter-spacing: 0.05em;
  margin: 14px 0 0 1px;
  padding: 7px 0;
  font-weight: normal !important;
}
form p {
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  line-height: 1.85em;
  color: #fff;
  display: block;
  font-size: 0.70em !important;
  letter-spacing: 0.05em;
  margin: 6px 0 0 -40px;
  font-weight: normal !important;
}
input.text-field,
textarea {
  font-size: 0.90em;
  color: #000;
  border: 1px solid #111;
  padding: 4px 5px;
  background-image: url(/images/gradient.gif);
  background-repeat: repeat-x;
}
input.text-field {
  width: 322px;
  background-position: 0 -5px;
}
input.button,
input#button {
  padding: 15px 0;
}
input#cover {
  margin-top: 15px;
}
input#subscribe-button {
  display: none;
}
select {
  padding: 3px 4px;
  width: 270px;
  font-size: 0.78em;
}
textarea {
  width: 380px;
  height: 340px;
  background-position: 0 320px;
}
#content ul {
  font-size: 93%;
  margin: 20px 0 0 31px;
}
#content li {
  list-style-type: none;
}
#warn ul { list-style-type: none; }
#warn ul li {
  padding: 8px 8px 10px 8px;
  color: #d00;
  font-size: 0.80em;
  font-weight: bold;
  background-color: #fffffa;
  border: 1px solid #d00;
  margin: 10px 0 0 0;
  width: 340px;
  background-image: url(/images/gradient.gif);
  background-repeat: repeat-x;
  background-position: 0 2px;
}