/*
Theme Name: Etta Place
Theme URI: 
Description: A theme for Etta Place customized Plain Fields theme
Author: Shuhei Kagawa (customized Plain Fields of LessThanWeb)
Author URI: 
Version: 1.0.0 (derived from Plain Fields 1.1.1)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/****** layout ******/
body {
  margin: 0;
  padding: 0;
  font-family: Georgia, serif;
  font-size: small;
}
#container {
  width: 800px;
  margin: 0 auto;
  position: center;
}
#content {
  padding: 30px 0 0 0;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/content_header1.png") top center no-repeat;
}

#content_left {
  width: 600px;
  float: left;
  margin-right: 30px;
}

#content_right {
  width: 30px;
  float: left;
}

#main {
  display: block;
  padding: 10px 40px 10px 40px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/04/content_bg.png") top center repeat-y;
}
#content-footer {
  clear: both;
  height: 30px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/content_footer1.png") bottom center no-repeat;
}

/* header */
#header {
  color: #000;
  position: relative;
  width: 750px;
  margin: 0 auto;
}
#header h1 {
  position: absolute;
  top: 0px;
  left: 271px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#header h1 a {
  width: 223px;
  height: 48px;
  background: transparent url("http://www.ettaplace.com/wp-content/uploads/2011/03/logo_black.png") top left no-repeat;
}
ul#menu {
  padding: 16px 0 40px 0px;
  text-align: center;
}
#menu li {
  display: inline-block;
  margin-right: 15px;
}
#menu li a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
#menu li.diamond {
  width: 1em;
  height: 1em;
  background: transparent url("http://www.ettaplace.com/wp-content/uploads/2011/03/black_diamond.png") center center no-repeat;
}
li#collections-menu a {
  width: 123px;
  height: 13px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/04/collections.png") center center no-repeat;
}
li#blog-menu a {
  width: 49px;
  height: 13px;
  margin-right: 240px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/blog.png") center center no-repeat;
}
li#about-menu a {
  width: 60px;
  height: 13px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/about.png") center center no-repeat;
}
li#contact-menu a{
  width: 81px;
  height: 13px;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/contact.png") center center no-repeat;
}

/****** typography ******/

h1 {
  font-size: large;
}

img {
  border: 0 none;
}
ul, li {
  list-style-type: none;
  list-style-position: outside;
  padding-left: 0;
  margin-left: 0;
}
em {
  font-weight: bold;
  font-style: normal;
}
hr {
  border: 0 none;
  height: 10px;
  background: transparent url("./images/parts/black_diamond.png") center center no-repeat;
  padding: 0;
  margin: 10px 0 15px;
}

/* mini-info */
#mini-info {
  padding: 10px 10px 0 0;
  text-align: right;
  font-size: 13px;
  color: #fff;
}

#mini-info a {
  color: #000;
  text-decoration: none;
}

#mini-info a#facebook {
  width: 23px;
  height: 23px;
  display: inline-block;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/04/facebook.jpg") top left;
  margin-right: 5px;
}

#mini-info a#twitter {
  width: 23px;
  height: 23px;
  display: inline-block;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/04/twitter.jpg") top left;
  margin-right: 10px;
}

#mini-info a span#view-cart {
  width: 98px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background: #fff url("http://www.ettaplace.com/wp-content/uploads/2011/03/cart.jpg") 0 3px no-repeat;
}

/***** content ******/
#content h2 {
  margin: 0 0;
  font-size: medium;
}

/***** collection ******/
.page-template-collectionpage-php #container {
  width: 800px;
}
.shelf {
  position: relative;
  width: 940px;
}
.items {
  position: absolute;
  top: 0px;
  left: 0px;
}
a.item {
  position: absolute;
  display: block;
}
a.item:hover {
  border: 3px #fff solid;
}

/* blog posts */

a {
  color: #999;
}

.category a {
  color: #999 ! important;
}


.post {
  margin: 0 0 50px;
}

.post .date a {
  text-decoration: none;
  color: #666;
}

.post h1,
.post h2 {  
  border-bottom: 2px solid #000;
  margin: 0.5em 0 1.0em ! important;
}

.post h1 a, 
.post h2 a {
  color: #000;
  text-decoration: none;
  font-size: large;
}

.post,
.post-2 {
  line-height: 1.8em;
}

.post .blog_post_bottom {
  text-align: right;
}

.post .blog_post_extra {
  text-align: right;
  margin: 0.5em 0 0;
}

/* blog comment */

form#commentform input,
form#commentform textarea {
  display: block;
}

/* blog side bar */

#content_right h3 {
  font-weight: normal;
  margin: 0;
}

#content_right ul {
  margin: 0.5em 0 2em;
}

/* collections */
.collection_thumbnail {
  width: 350px;
  float: left;
  margin: 0 20px 20px 0;
}

.collection_thumbnail.even {
  margin-right: 0;
}

/* footer */
#footer {
  color: #000;
  text-align: center;
}

/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   display: inline-block;
}
html[xmlns] .clearfix {
   display: block;
}
* html .clearfix {
   height: 1%;
   overflow: visible;
}

/* image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}