/***
ABOUT:         Blog 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:  15 dec 2008
LOCATION:      kansas city, mo

TABLE OF CONTENTS:
  01. ERIC MEYER CSS RESET
  02. CORE LAYOUT
  03. NAVIGATION
  04. CORE TYPOGRAPHY OF BLOG
  05. VIEWS (LAYOUTS)

=== 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;
}
a img {  border: none !important; }
strong { font-weight: bold; }
a,a:link,a:visited,a:hover { font-size: 1.00em !important; }

/*** 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; clear: both; }
#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;
}
  #blog-page #main {
    background-image: url(http://static0.shopify.com/s/files/1/0015/3492/files/top.gif);
    background-repeat: no-repeat;
    background-color: #69090b; /* darker rounded-corner red */
    background-position: 0 0;
  }
#left-column {
  float: left;
  display: block;
  overflow: hidden;
  width: 520px;
  margin: 31px 23px 0 25px;
  padding: 15px 30px 22px 30px;
  background-repeat: repeat;
  min-height: 450px;
  background-color: #4c1401; /* transparent red */
}
#right-column {
  float: left;
  width: 275px;
  margin: 16px 0 0 0;
}
.post {
  padding: 15px 0;
  clear: both;
}
.postmetadata { clear: both; }
#footer {
  clear: both;
  background-image: url(http://static3.shopify.com/s/files/1/0015/3492/files/footer_store.gif);
  background-position: 0 -17px;
  background-repeat: no-repeat;
}
  #footer p {
    padding: 100px 0 25px 0;
    text-transform: uppercase;
    color: #ededed;
    text-align: center;
  }
  #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. 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(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#contact,
#header-nav ul li#contact a { width: 72px; background-position: -500px 0; }
#header-nav ul li#contact a:hover {        background-position: -500px -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 {               background-position: -760px 0; }
#header-nav ul li#contact a:hover {         background-position: -760px -50px; }

/*** 04. CORE TYPOGRAPHY OF BLOG ***/
a,a:link,a:visited,a:hover { 
  color: #c6c6af;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
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,
h3 a {
  font-weight: bold;
  font-size: 0.90em;
  letter-spacing: -0.65px; 
  padding: 0;
  color: #c13835 !important; /* bright red */
  text-decoration: none !important;
}
  h3 a:hover { text-decoration: underline !important; }
h5 { /* date posted */
  font-size: 0.70em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  margin: 2px 0px 10px 0px;
}
h6 { 
  font-size: 0.70em;
  font-weight: normal;
  letter-spacing: -0.65px;
}
p {
  color: #fff;
  font-size: 0.70em;
  line-height: 1.55em;
  font-weight: lighter;
  text-align: left;
}
.product-details a,
.product-details a:link,
.product-details a:visited { text-decoration: underline !important; }
.product-details a:hover {   text-decoration: none !important; }

#right-column h4.fir a {
  display: block;
  margin: 15px 0 25px 0;
  padding-top: 67px; overflow: hidden; 
  height /**/: 67px; height: 0 !important;
  background-image: url(images/news_contact_us.gif);
  background-repeat: no-repeat;
  background-color: #7b2001;
}
  #right-column h4.fir a {
    border: none !important;	
  }
#left-column h2,
#right-column li h2,
#right-column li h2 a {
  background-color: #380f01;
  font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 0.94em;
  font-weight: normal;
  color: #fff;
  line-height: 2.55em;
  letter-spacing: 0.0em;
  padding: 2px 0 0 15px;
  margin: 0 0 6px 0;
}
  #right-column li h2 a {       text-decoration: none; padding: 0; }
  #right-column li h2 a:hover { text-decoration: underline; }
  #left-column h2 { margin: 0 0 0 -30px; padding-left: -15px; width: 580px; }
#right-column ul { background-color: #4c1401; /* transparent red */ }
#right-column li { list-style-type: none; }
#right-column ul li ul li {
  color: #96967e;
  font-size: 0.67em;
  font-weight: normal;
  padding: 0 0 0 15px;
  line-height: 2.35em;
  bottom-border: 1px solid #c6c6af;
  background-color: #4c1401; /* transparent red */
}
#right-column ul li ul { padding-bottom: 13px; }
#right-column ul li ul li a { text-decoration: none; }
#right-column ul li ul li a:hover { text-decoration: underline; }
#right-column p {
  padding: 0 15px 10px 15px;
  font-style: italic;
}
  li.callout h2,
  li.callout h2 a { background-color: #280e05 !important; }

.postmetadata {
  color: #c6c6af;
  text-align: right;
  padding: 11px 0;
  line-height: 1.60em;
  border-top: 1px solid #683d29;
  border-bottom: 1px solid #683d29;
  text-transform: uppercase;
  font-size: 0.65em;
}
  .postmetadata a {
    text-decoration: none;
    font-weight: bold;
    color: #c13835; /* bright red */
  }
    .postmetadata a:hover { text-decoration: underline; }
.entry p { margin-bottom: 10px; }
.entry img {
  border: 8px solid #c6c6af !important;

}

/* To correct the alignment bug for images, remove "img" from the selectors beneath this line */

.entry .alignleft {   float: left;  margin: 0 20px 20px 0; }
.entry .alignright {  float: right; margin: 0 0 20px 20px; }
.entry .alignnone,
.entry .aligncenter { display: block; margin: 20px auto; }

.entry {margin: 10px 0 0 0; }

/*---------------------------- */



/* blog comments */
textarea#comment {
  width: 500px;
  border: 1px solid #333;
  padding: 4px 5px 8px 5px;
  margin: 15px 0;
  line-height: 1.50em;
  color: #333;
}
h3#respond { margin-top: 15px; }
ol.comments li {
  clear: both;
  margin-top: 8px;
  list-style-type: none;
  padding: 4px 6px;
  background-color: #380f00;
}
  ol.comments li p { color: #c6c6af; }
  ol.comments li h6 { color: #999; }
  ol.comments li img { float: left; margin: 8px 12px 0 0; border: 2px solid #000; }
  ol.comments li.alt {
    background-color: #c6c6af;
  }
  ol.comments li.alt p { color: #111; }
  ol.comments li.alt a { color: #000; }
  ol.comments li.alt h6 { color: #444; }
  ol.comments li.alt img {
    border: 2px solid #777;	
  }