/*
Theme Name: Dracula - History and Myth. Version 1.0
*/

/* ****************************** begin general styles ****************************** */
body {
  background: #000 url('images/bg.jpg') repeat-y top;
  margin: 0px;
  padding: 0px;
  font-family: georgia;
  font-size: 15px;
  color: #fff6d1;
  line-height: 21px;
}
img {
  border: 0px;
}
a {
  color: #f23532;
}
a:hover {
  color: #ff6a56;
}
h1 {
  float: left;
  font-size: 25px;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  color: #f23532;
  line-height: 33px;
}
h2 {
  float: left;
  font-size: 25px;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  color: #f23532;
  line-height: 33px;
}
h3, .entry h3 {
  color: #e28d4c;
  font-size: 19px;
  font-weight: normal;
  margin: 17px 0px 17px 0px;
  line-height: 23px;
}
p {
  margin: 17px 0px 17px 0px;
}
.date {
  color: #e28d4c;
  font-size: 11px;
  float: left;
  margin: 0px 0px 5px 0px;
  line-height: 15px;
  position: relative;
  top: 15px;
  left: 4px;
}
.date a {
  color: #e28d4c;
}
#top-gradient {
  background: url('images/black-gradient.png') repeat-x top;
}
#dracula-header-bg {
  width: 1234px;
  margin: 0px auto;
  background: url('images/dracula-header.jpg') no-repeat top;
}
#dracula-header {
  width: 1000;
  height: 270px;
}
#dracula-header h1 {
  display: none;
}

#left-column {
  width: 804px;
  float: left;
  margin: 0px 0px 40px 60px;
}

#right-column {
  width: 260px;
  float: left;
  margin: 280px 0px 40px 50px;
  font-size: 12px;
  line-height: 15px;
}
#right-column h3 {
  font-size: 19px;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  color: #e28d4c;
  line-height: 21px;

}
#right-column ul {
  padding-left: 12px;
  margin-left: 12px;
}

#right-column li {
  padding-bottom: 8px;
}

.border-box {
  border: 3px double #624229;
  padding: 15px;
  margin-bottom: 20px;
}

.ad-728x15 {
  font-size: 11px;
  font-family: arial;
  background: #000;
  width: 728px;
  height: 15px;
  margin: 10px 0px 25px 0px;
}

.entry {
  border-top: 2px solid #624229;
  margin: 0px 0px 30px 0px;
  min-height: 450px;
}

.entry img {
  border: 2px solid #624229;
  margin: 17px 0px 17px 0px;
}

/* ****************************** begin misc styles ****************************** */

.clearboth {
  clear: both;
}

.alignright {
  float: right;
  margin: 4px 0px 20px 20px;
}
.alignleft {
  float: left;
  margin: 4px 20px 20px 0px;
}






/* ****************************** comments and extra stuff ****************************** */

/* 
Comments 
----------------------------------------------- */ 

#respond {
  width: 600px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
  padding-left: 0px;
}

.avatar { border: 1px solid #666; position: relative; top: 4px; margin-right: 5px;} 
 
.commentmetadata { 
  background-color: #333; 
/*   width: 100%; */
  font-size: 12px;
  text-align: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 3px 5px; 
  border-top: solid #666 1px; 
  border-left: solid #666 1px;
  border-right: solid #666 1px; 
} 
 
#respond #author, #respond #email, #respond #url {
  width: 300px;
}

#respond p {
  font-size: 11px;
}

.com-text { margin: 0px; /* width: 100%; */ padding: 10px 0px 0px 10px; border-left: solid #666 1px; border-right: solid #666 1px; border-bottom: solid #666 1px; margin-bottom: 20px; } 


.com-text2 {padding: 0px 20px 0px 0px; } 


.com-text p { margin-top: 0px; margin-bottom: 20px;}
 
.bypostauthor .commentmetadata { background-color: #333; } 
 
#commentform { margin: 0 0 10px 0px; text-align: left; } 
 
#commentform #author, #commentform #email, #commentform #url { 
  background-color: #ccc; 
  border: solid #666 1px;
/*  width: 93%;  */
  padding: 5px; 
  margin: 2px 0 5px; } 
 
#commentform textarea { 
  background-color: #ccc; 
  border: solid #666 1px;
/*  width: 93%;  */
  padding: 5px; 
  margin: 0; } 
 
.req { color: #f33; } 
 
 
#comments ul {
  list-style: none;
}

ol.commentlist { 
  list-style-type: none; 
  list-style: none;
  margin: 0; 
  padding: 0; }

ul.children { 
  list-style-type: none; 
  list-style: none;
} 

.clearit { 
  clear:both;
  display: none;
}

#filedunder {

  display: none;
}
#filedunder a {

  font-weight: normal;
}


#tags {

}
#tags a {

  font-weight: normal;
}


.info {

  text-align: right;
  padding-right: 20px;
}

.info a {

  font-weight: bold;
}

.previous {
  float: left;
  width: 50%;
  position: relative;
  height: 60px;
}
.previous a {
  text-decoration: none;
}

.next {
  text-align: right;

  float: left;
  width: 50%;
  position: relative;
  height: 60px;
}
.next a {
  text-decoration: none;
}

.arrow {
  font-size: 15px;
  color: #f23532;
  font-family: arial;
}

.arrow2 {
  font-size: 17px;
  color: #f23532;
  font-family: arial;
  vertical-align: bottom;
}

.arrow2 a:hover {
  color: #ff6a56;
}

.comments {
  float: right;
}

.navigation a {
  text-decoration: none;
}

.blogpost {
  border-bottom: dotted 2px #ccc;
  padding-bottom: 50px;
  margin-bottom: 0px;
}






.banner-728x15-container {
  width: 728px; 
  height: 15px; 
  margin: 10px 0px 30px 0px; 
  position: relative; left: -4px;
}

.quote1 {
  margin-top: 20px;
  margin-bottom: 20px;	
  padding: 1px 0px 0px 50px;	
  background-image: url('/wp-content/uploads/2011/10/quote1.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
.quote2 {
  padding: 0px 40px 20px 0px;
  background-image: url('/wp-content/uploads/2011/10/quote2.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
}