/*
Theme Name: I Dreamed I Saw
Theme URI: http://idreamedisaw.com
Author: House of Tears Design
Author URI: http://houseoftearsdesign.com/
Tags: single column, fixed width
*/

html {
  margin: 0;
  padding: 0;
}

body {
  background: #ffffff url('images/background.jpg') no-repeat fixed 20% top;
  font-family: 'Times New Roman', Times, serif;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

a {
  color: #534741;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

#clear {
  clear: both;
  height: 1px;
  width: 100%;
}

/* Layout */

#center {
  position: relative;
  width: 1202px;
  margin: 0 auto;
}

/* Header */

#center #header {
  position: relative;
  width: 1125px;
  background: transparent url('images/middle.png') repeat-y 210px;  
  z-index: 9;
}

#center #header img#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 1135px;
  height: 1008px;
  z-index: 10;
}

#center #header img#blank {
  position: absolute;
  top: 0;
  left: 0;
  width: 680px;
  height: 330px;
  z-index: 30;
}

#center #header #slogan {
  position: absolute;
  top: 160px;
  right: 268px;
  width: 178px;
  height: 200px;
  z-index: 60;
  color: #534741;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.7px;
}

#center #header #content {
  position: relative;
  top: 0;
  left: 0;
  width: 590px;
  min-height: 1200px; 
  padding: 410px 0 210px 251px;
  z-index: 20;
  font-size: 14px;
  line-height: 140%;
  color: #534741;
}

/* Credits */

#credits {
  position: fixed;
  bottom: 30px;
  right: -240px;
  width: 280px;
  height: 113px;
  background: transparent url('images/credits.png') no-repeat;
  z-index: 100;
}

#credits #credits-content {
  border: #9b795c 1px dashed;
  border-right: 0;
  height: 62px;
  margin: 16px 0 0 17px;
  padding: 9px 5px 0 33px;
  text-align: center;
  line-height: 140%;
  font-size: 12px;
  color: #534741;
}

/* Common Content */

#center #header #content .post {
  position: relative;
  z-index: 10;
}

#center #header #content h1 {
  font-size: 36px;
  letter-spacing: 1px;
  margin-bottom: 40px;
}

#center #header #content h2 {
  font-size: 26px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  line-height: 22px;
}

body.home #center #content #recent .entry span {
  color: #534741 !important;
}

/* Category Listings */

#center #header #content .category-listing {
  position: relative;
  z-index: 99;
  zoom: 1;
  border: #534741 1px dashed;
  padding: 0 0 15px 0;
}

#center #header #content .category-listing .item {
  position: relative;
  float: left;
  margin: 23px 0 0 20px;
}

#center #header #content .category-listing .item .small {
  border: #534741 1px dashed;
  padding: 5px;
}

#center #header #content .category-listing .item .buy {
  font-weight: bold;
  text-align: right;
}

#center #header #content .category-listing .item .buy a {
  color: #534741;
  font-size: 14px;
}

#center #header #content .category-listing .item .rollover {
  position: absolute;
  top: 1px;
  left: -15px;
  height: 130px;
  width: 160px;
  background: transparent url('images/rollover.png') no-repeat;
  z-index: 40;
  display: none;
}

#center #header #content .category-listing .item .rollover .rollover-content {
  border: #534741 1px dashed;
  width: 113px;
  height: 80px;
  margin: 17px 0 0 17px;
  padding: 2px 1px;
  text-align: center;
}

#center #header #content .category-listing .item .rollover .rollover-content .rollover-title {
  font-weight: bold;
  font-size: 12px;
}

#center #header #content .category-listing .item .rollover .rollover-content .rollover-view a {
  font-style: italic;
  font-size: 12px;
  color: #534741;
}

#center #header #content .category-listing .rollover-trigger:hover .rollover {
  display: block;
}

/* Blog */

#center #header #content .post-title {

}

#center #header #content .post-title .divider {
  float: right;
  width: 580px;
  height: 1px;
  margin-right: -27px;
  border-bottom: 1px dashed #534741;
}

#center #header #content .category-recent-musings .post-title .divider {
  width: 375px;
  margin-right: -38px;
}

#center #header #content .post-title .date {
  float: right;
  font-size: 16px;
  margin: 2px 0 0 0;
}

#center #header #content #sidebar {
  position: absolute;
  top: 460px;
  right: -35px;
  height: 984px;
  width: 224px;
  background: transparent url('images/sidebar.png') no-repeat;
  z-index: 50;
}

#center #header #content #sidebar #recent {
  margin: 95px 20px 50px 30px;
}

#center #header #content #sidebar #recent .post-title {
  font-size: 12px;
  font-weight: bold;
}

#center #header #content #sidebar #recent .date {
  font-size: 10px;
  text-align: right;
}

#center #header #content #sidebar #recent .divider {
  float: right;
  width: 146px;
  height: 1px;
  margin-right: -4px;
  border-bottom: 1px dashed #918661;
}


#center #header #content .category-recent-musings {
  width: 375px;
}

#center #header #content .category-recent-musings {
  width: 375px;
}

/* Home Page */

body.home #center #header #content .entry {
  margin: 0 80px 20px 35px;
}

body.home #center #header #content #things {
  position: relative;
  z-index: 40;
}

body.home #center #header #content .category-listing {
  float: left;
  position: relative;
  margin: 0 0 40px 0;
  padding: 0 7px 0 0;
}

body.home #center #header #content .right {
  margin: 0 0 40px 0;
  float: right;
}

body.home #center #header #content .category-listing .link {
  position: absolute;
  top: 0;
  right: 0;  
}

body.home #center #header #content .category-listing .item {
  position: relative;
  float: left;
  margin: 5px 5px 15px 12px;
}

body.home #center #header #content .category-listing .category-title {
  margin: 7px 0 5px 12px;
  font-size: 18px;
  font-weight: bold;
}

body.home #center #header #content .entry .more {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0.6px;
}

#recent {
  margin: 0 0 80px 0;
}


/* Legalese */

#center #header #content .border {
  border: 1px dashed #534741;
  padding: 10px;
  margin: 0 20px;
}

#center #header #content.legalese h1 {
  margin-bottom: 18px;
}

/* Footer */

#center #footer {
  position: relative;
  width: 703px;
  height: 191px;
  margin: 0 0 0 191px;
  background: transparent url('images/footer.png') no-repeat;  
  z-index: 10;
}

#center #footer #menu-1 {
  position: absolute;
  width: 600px;
  height: 14px;
  bottom: 37px;
  left: 56px;
}

#center #footer #menu-2 {
  position: absolute;
  width: 150px;
  height: 14px;
  bottom: 20px;
  right: 50px;
  text-align: right;
}

#center #footer #menu-2 a,
#center #footer #menu-1 a {
  font-size: 12px;
  margin: 0 10px 0 0;
}

#center #bottom-right {
  position: absolute;
  bottom: 0px;
  right: 3px;
  width: 330px;
  height: 585px;
  background: transparent url('images/bottom_right.png') no-repeat;
  z-index: 7;
}

#center #bottom-left {
  position: absolute;
  bottom: -186px;
  left: -37px;
  width: 688px;
  height: 886px;
  background: transparent url('images/bottom_left.png') no-repeat;
  z-index: 9;
}

/* Modal Box */

#item-modal {
  width: 917px;
  height: 480px;
  background: transparent url('images/modal.jpg') no-repeat;
}

#item-modal h1 {
  position: absolute;
  top: 40px;
  left: 170px;
  color: #534741;
  margin: 0;
  padding: 0;
  font-size: 24px;
}

#item-modal .large {
  position: absolute;
  top: 65px;
  left: 170px;
}

#item-modal .large img {
  padding: 6px;
  border: 1px dashed #9A9784;
}

#item-modal .buy {
  position: absolute;
  bottom: -20px;
  right: 3px;
  color: #534741;
  font-weight: bold;
  font-size: 18px;
}

#item-modal .details {
  position: absolute;
  top: 5px;
  right: -184px;
  width: 170px;
  height: 352px;
  color: #534741;
  font-size: 14px;
  overflow: auto;
}

#item-modal .details p {
  margin-top: 0;
}

/* Non-Modal Post */

#center #header #content #large {
  position: relative;
  float: left;
  margin: 0 0 20px 0;
}

#center #header #content #large img {
  padding: 6px;
  border: 1px dashed #534741;
}

#center #header #content #large .buy {
  position: absolute;
  bottom: -20px;
  right: 3px;
  color: #534741;
  font-weight: bold;
  font-size: 18px;
}

/* Ad Images */

#center #header .bad {
  position: absolute;
  right: 83px;
  width: 160px;
  height: 130px;
  z-index: 90;
}

#center #header #ad-1 {
  top: 430px;
}

#center #header #ad-2 {
  top: 620px;
}

#center #header #ad-3 {
  top: 851px;
}

#center #new-ads {
  position: absolute;
  top: 1013px;
  right: 84px;
  width: 261px;
  height: 619px;
  background: transparent url('images/new_ads.png') no-repeat;
  z-index: 5;
}

#center #header #ad-4 {
  top: 1037px;
}

#center #header #ad-5 {
  top: 1227px;
}

#center #header #ad-6 {
  top: 1458px;
}


/* Comments */

#commentform textarea {
  width: 370px;
  border: #9b795c 1px dashed;
  font-family:'Times New Roman', Times, serif;
  color: #534741;
}

#commentform #url,
#commentform #email,
#commentform #author {
  width: 170px;
  border: #9b795c 1px dashed;
  font-family:'Times New Roman', Times, serif;
  color: #534741;
}

#commentform #submit {
  border: #9b795c 1px dashed;
  font-family:'Times New Roman', Times, serif;
  color: #534741;
  cursor: pointer;
  padding: 2px 3px;
}

.commentlist .avatar {
  display: none;
}

.commentlist .comment {
  border: #9b795c 1px dashed;
  padding: 4px 8px;
  margin: 8px 0;
}