/*  
Theme Name: Skin Graft Designs
Theme URI: http://skingraftdesigns.com
Description: Site Design for Skin Graft Designs by Greater Good, Inc.
Version: 1.0
Author: Greater Good, Inc.
Author URI: http://wearegreatergood.com
*/

body {
  color: #5c5c5c;
  background: #f4f4f4 url("../images/background.jpg") fixed center bottom no-repeat;
 /* background: #e2ddd9 url("../images/background.jpg") fixed center top no-repeat; */
}

a {
  color: #c2c2c2;
  text-decoration: none;
  border-bottom: 1px solid #242424;
}

a:hover {
  color: #f9f9f9; 
  border-color: #c2c2c2;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  border: none;
  font-style;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #f9f9f9; 
  border-bottom: 1px solid #242424;
}

ul, dl {
  margin: 1.25em 0;
}

li a, dd a {
  display: block;
  color: #858585; 
  padding-top: .25em; 
}

li a:hover, dd a:hover {
  color: #c2c2c2;
  border-color: #858585;
}

#container {
  width: 864px;
  margin: 0 auto;
}

#header {
  width: 864px;
  margin: 39px auto;
  padding-top: 1px;
}

#logo {
  display: block;
  float: left;
  width: 270px;
  height: 50px;
  border: none;
  padding: 0;
  cursor: pointer;
  background: url("../images/logo.png") left top no-repeat;
}

#navigation {
  float: left;
  width: 594px;
  height: 50px;
  text-indent: -3000em;
  overflow: hidden;
  background: url("../images/navigation.png") left top no-repeat;
}

#navigation a {
  display: block;
  float: left;
  height: 50px;
  border: none;
  background-color: transparent;
}


#navNews { width: 71px; }
#navPress { width: 71px; }
#navCollection { width: 97px; }
#navGallery { width: 79px; }
#navAbout { width: 94px; }
#navContact { width: 85px; }
#navStores { width: 76px; }

/* ================== */
/* = Smooth Buttons = */
/* ================== */
.smoothButton {
  display: block;
  width: 214px;
  height: 40px;
  border: none;
  margin: 0 auto;
  text-indent: -3000em;
  overflow: hidden;
  cursor: pointer;
}

.smoothButton:hover {
  padding: 0;
}

#hG { background: url("../images/hG.png") left top no-repeat; }

#vCard {
  background: url("../images/vCard.png") left top no-repeat; 
}

#contactUs {
  background: url("../images/contactUs.png") left top no-repeat; 
}

/* =================== */
/* = Home Collection = */
/* =================== */
.collectionBox {
  width: 434px;
  float: right;
  margin-bottom: 39px;
}


.collectionBox h3 { 
  margin-top: 0;
  padding-top: .976em; 
}

.collectionBoxTop {
  height: 8px;
  background: url("../images/collectionBoxTop.png") left top no-repeat;
}

.collectionBoxRepeat {
  padding: 0 1.25em .812em 1.25em;
  background: url("../images/collectionBoxRepeat.png") left top repeat-y;
}

.collectionBoxBottom {
  height: 8px;
  background: url("../images/collectionBoxBottom.png") left top no-repeat;
}

.arrowLeft,
.arrowRight {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  border: none;
  margin-top: 136px;
}

.arrowLeft { 
  background: url("../images/arrowLeft.png") left top no-repeat; 
}

.arrowRight { 
  margin-left: 20px;
  background: url("../images/arrowRight.png") left top no-repeat; 
}

.slide,
.slideFirst {
  float: left;
  width: 84px;
  margin-left: 17.533px; /* about 1.25em */
  height: 272px;
  border: 1px solid #282828;
  background-color: #000000;
}

.slideFirst {
  margin-left: 0;
}

.slide img,
.slideFirst img {
  width: 84px;
  height: 272px;
}

.slide:hover,
.slideFirst:hover {
  border: 1px solid #525252;
}

/* ========== */
/* = Middle = */
/* ========== */


/* =========== */
/* = Sidebar = */
/* =========== */
#sidebar {
  font-size: .875em;
  width: 248px;
  float: left;
  margin-bottom: 40px;
}

#sidebar h2.first {
  margin-top: 0;
  padding-top: .932em; 
}

#sidebar h3.first { 
  margin-top: 0;
  padding-top: .892em; 
}

#sidebarTop {
  height: 8px;
  background: url("../images/sidebarTop.png") left top no-repeat;
}

#sidebarRepeat {
  padding: 0 1.25em .752em 1.25em;
  background: url("../images/sidebarRepeat.png") left top repeat-y;
}

#sidebarBottom {
  height: 8px;
  background: url("../images/sidebarBottom.png") left top no-repeat;
}

#sform input {
  font-style: italic;
  width: 207px;
  color: #5c5c5c;
  margin-right: 1.25em;
  padding: 4px;
  border: 1px solid #242424;
  background-color: #000;
}

#sform input:focus {
  color: #f9f9f9;
  border-color: #c2c2c2;
}

.innerLinks {
  margin-top: 1.25em;
  border-top: 1px solid #242424;
}

#ourCurrent {
  margin: 1.25em auto;
  background: url("../images/ourCurrent.png") left top no-repeat;
}

#buy {
  background: url("../images/buySG.png") left top no-repeat;
}

/* =========== */
/* = Content = */
/* =========== */
#content {
  float: right;
}

#content h1.first {
  margin-top: 0;
  padding-top: 1.031em;
}

#content h1.blogHeading {
  text-align: center;
  margin-top: 0;
  padding-top: .625em;
  margin-bottom: .2em;
}

.postHeading {
  display: block;
  color: #c2c2c2;
  padding-top: 10.533px;
  margin-bottom: 1.25em;
}

.postHeading a {
  font-style: normal;
}

.contentBox h1.first {
  margin-top: 0;
  padding-top: 1.031em;
}

.contentBox {
  width: 576px;
  margin-bottom: 40px;
}

.contentBoxTop {
  height: 8px;
  background: url("../images/contentTop.png") left top no-repeat;
}

.contentBoxRepeat {
  padding: 0 1.25em 10.533px 1.25em;
  background: url("../images/contentRepeat.png") left top repeat-y;
}

.contentBoxBottom {
  height: 8px;
  background: url("../images/contentBottom.png") left top no-repeat;
}

/* Page Box */
.pageBox h1.first {
  margin-top: 0;
  padding-top: 1.031em;
}

.pageBox {
  width: 864px;
  margin-bottom: 40px;
}

.pageBoxTop {
  height: 7px;
  background: url("../images/pageBoxTop.png") left top no-repeat;
}

.pageBoxRepeat {
  padding: 0 1.25em 10.533px 1.25em;
  background: url("../images/pageBoxRepeat.png") left top repeat-y;
}

.pageBoxBottom {
  height: 7px;
  background: url("../images/pageBoxBottom.png") left top no-repeat;
}

.continueLink {
  text-align: right;
  margin-bottom: 0;
}

/* ============== */
/* = Top Footer = */
/* ============== */
#topFooterTop {
  height: 6px;
  border-top: 1px solid #282828;
  background: url("../images/topFooterTop.png") left top repeat-x;  
}

#topFooter {
  padding: 36px 0 40px 0;
  background: url("../images/topFooter.png") left top repeat;  
}

#innerTopFooter {
  width: 864px;
  margin: 0 auto;
}

/* ================= */
/* = Footer Boxes  = */
/* ================= */
.footerBox {
  font-size: .875em;
  width: 262px;
  float: left;
}

#home .footerBox {
  font-size: .875em;
}

.footerBoxTop {
  height: 8px;
  background: url("../images/footerBoxTop.png") left top no-repeat;
}

.footerBoxRepeat {
  padding: 0 1.25em .752em 1.25em;
  background: url("../images/footerBoxRepeat.png") left top repeat-y;
}

.footerBoxBottom {
  height: 8px;
  background: url("../images/footerBoxBottom.png") left top no-repeat;
}

.footerBox h2 { 
  margin-top: 0;
  padding-top: .932em; 
}

.footerBox h3 { 
  margin-top: 0;
  padding-top: .937em; 
}

/* 
  .footerBox h1 { padding-top: 1em; }
  .footerBox h2 { padding-top: .972em; }
  .footerBox h3 { padding-top: .937em; }
  .footerBox h4 { padding-top: .894em; }
  .footerBox h5 { padding-top: .833em; } 
  .footerBox h6 { padding-top: .753em; }
*/

.footerBox p {
  margin-bottom: 0;
}

.footerBox dl {
  margin-bottom: 0;
}

.footerBox dt {
	font-family: Georgia, serif;
  font-size: 1.25em;
  font-style: italic;
  color: #c2c2c2;
}

.vcard h5 {
  margin: 0;
}

#footerMiddle {
 margin: 0 39px; 
}

/* ========== */
/* = Footer = */
/* ========== */
#footer {
  border-top: 1px solid #282828;
  text-align: center;
  background: url("../images/boxBg.png") left top repeat;
}

#home #footer {
  margin-top: 40px;
}

#innerFooter {
  width: 864px;
  margin: 0 auto;
  padding: 1.25em 0;
}

#innerFooter a {
  color: #858585;
  border: none;
  margin: 0 1.25em;
}

#innerFooter a:hover {
  color: #cccccc;
  border-bottom: 1px solid #242424;
}

#nerdOlympics {
  color: #242424;
  font-size: .875em;
  border-top: 1px solid #242424;
  background: url("../images/topFooter.png") left top repeat;  
}

#nerdOlympics a { color: #3C3C3C; }
#nerdOlympics a:hover { color: #C2C2C2; }

#nerdOlympics p {
  margin: 0;
  padding: 1.25em 0;
  text-align: center;
}

/* ============ */
/* = Comments  = */
/* ============ */
.commentlist div {
  margin-bottom: 1.25em;
  padding: 0 1.25em;
  border-top: 1px solid #242424;
  border-bottom: 1px solid #242424;
  background-color: #0a0a0a;
}

.commentlist .author {
  color: #c2c2c2;
}

#comment-form input,
#comment-form textarea {
  color: #5c5c5c;
  margin-right: 1.25em;
  padding: 4px;
  border: 1px solid #242424;
  background-color: #000;
}

#comment-form input:focus,
#comment-form textarea:focus {
  color: #f9f9f9;
  border-color: #c2c2c2;
}

#comment-form textarea {
  width: 530px;
}

/* =========== */
/* = Gallery = */
/* =========== */
.galleryIntro .left {
  text-align: center;
  width: 216px;
  margin: 0 1.25em 1.25em 0;
  line-height: 0;
  border: 1px solid #242424;
  border-left: none;
  border-right: none;
  padding: 1.25em 0;
}

.galleryIntro .left a {
  display: block;
  float: left;
  border: 1px solid #242424;
  margin: 1px;
}

.galleryIntro .left a:hover {
  border: 1px solid #C2C2C2;
}

.galleryIntro .left a img { width: 50px; }

.galleryIntro .left table { margin: 0; }
.galleryIntro .left table td { vertical-align: middle; }

.galleryIntro .right {
  float: left; /* this is applied to .right for symantic markup */
  background: blue;
}

.galleryIntro .right p {
  margin-top: 0;
}

.galleryHeading {
  margin-top: 0;
  padding-top: 1.25em;
  text-align: center;
}

.gallery {
  text-align: center;
  margin: 1.25em 0;
}

.gallery a { border: none; }

.gallery a img {
  border: 1px solid #242424;
  margin: 10px 5px 0 5px;
  padding: 5px;
  width: 110px;
  padding-bottom: 20px;
  background: #D4D6D6;
}

.gallery a:hover img {
  background: #ffffff;
}

#outerImageContainer { background-color: #D4D6D6; }

.type {
  display: none;
}

/* ============ */
/* = Archives = */
/* ============ */

ul.archive {
  
}

ul.archive li {
  margin: .3125em 1.25em;
  
}

ul.archive li a {
  display: inline;
  border-bottom-width: 0;
}

ul.archive li ul { /* nested ul */
  margin: .625em 1.25em;
}

ul.archive li ul li { /* nested ul li's */
  list-style-type: disc;
}

ul.archive li ul li a {
  border-bottom-width: 1px; 
}