@charset "utf-8";
/* CSS Document */

body {
background-image:url(images/background.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
}

body a {
text-decoration:none;
color:#ff33cc;
}

body a:hover {
color:#FFFF00;
}

h1 {
font-size:24px;
}

h2 {
font-size:20px;
font-weight:normal;
}

#header {
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:50px;
background-image:url(images/header.png);
width:880px;
height:281px;
}

#hello {
position:relative;
margin-left:auto;
margin-right:auto;
width:880px;
color:#ff33cc;
}

#opener {
position:relative;
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
}

.post-title, .post-title-cat, .post-title a {
position:relative;
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:7px;
color:#FFFFFF;
font-size:40px;
text-transform:capitalize;
}

.post-title a:hover {
color:#FFFF00;
}

.post-title-cat {
font-size:19px;
color:#FF33CC;
}

.post-title-cat a:hover {
color:#FFFF00;
}

.post-content {
width:880px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#fff;
}

#search {
position:relative;
width:334px;
height:20px;
float:right;
margin-top:209px;
}

#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(images/search_submit.png) no-repeat 0% 0%;
  width: 27px;
  height: 22px;
  border: 0;
}

#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}

#s {
  margin-top:2px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 270px;
  border: 0;
  color: #acacac;
}

#search #s-submit {
  
  padding: 0;
  float: left;
}

#search label {
  display: none;
}

#post-comments {
  margin-left:auto;
  margin-right:auto;
  width:880px;
  padding: 40px 0 0 0;
  clear: both;
  color: #888888;
}

#reply {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 11px;
}
.comment-field {
  margin: 0;
  padding: 0 0 12px 0;
}
.comment-field textarea {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.comment-field label {
  float: left;
  width: 170px;
}
.input-text {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 171px;
  padding: 0 5px;
  color: #565656;
}

#posts {
margin-top:90px;
}

/* - comments - */

#comments {
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  padding: 0;
  width:880px;
}
.add-comment{
  margin: 4px 0 0 0;
  padding: 0;
}
.add-comment a {
  padding: 2px 0 2px 20px;
  background: url(images/add.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #ff4e6a;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #888888;
  width:500px;
}
#comments ol li {
  margin: 0;
  padding: 0;
  clear: both;
}
.author {
  margin: 0;
  padding: 18px 0 6px 0;
  float: left;
  width: 170px;
  font: 10px/2.5em "Lucida Grande", Verdana, sans-serif;
  color: #bbbbbb;
}
.author a {
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #b82349;
}

.comment {
  margin: 0;
  padding: 20px 0 6px 0;
  float: right;
  width: 320px;
}
.comment span, .no-find {
  margin: 0;
  padding: 2px;
  background: #F4F29D;
  color: #862D2D;
  font-style: italic;
  font-size: 12px;
}

.comment p {
  margin: 0;
  padding: 0;
}

.post {
  margin-left:auto;
  margin-right:auto;
  width:880px;
  margin-bottom:8px;
}
.post h2, #comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: lighter;
  color: #FF33CC;
  letter-spacing: -0.03em;
}
.post h2 a {
  text-decoration: none;
  border: none;
}
.date {
  margin: 4px 0 0 1px;
  padding: 0 0 0 20px;
  background: url(skin/date.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #3E4655;
}
.entry p {
  margin: 0;
  padding: 0 0 16px 0;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul {
  margin: 0;
  padding: 0 0 18px 22px;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}
.postmetadata {
  margin: 8px 0 0 0;
  padding: 0;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #565656;
  clear: both;
}
.tags {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/tag.png) no-repeat 0% 0%;
  line-height: 16px;
}
.comments-no {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/comments.png) no-repeat 0% 50%;
  line-height: 16px;
}
.postmetadata a {
  padding: 0;
  color: #1C2882;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color: #b82349;
}

#footer {
margin-top:50px;
width:880px;
margin-left:auto;
margin-right:auto;
}

#footer h5 {
color:#FFF;
font-size:12px;
}

#footer li, #footer ul {
list-style: none;
padding:0;
}

#ohnoes {
position:relative;
background-image:url(images/ohnoes.png);
width:573px;
height:192px;
margin-left:auto;
margin-right:auto;
}

.search-results {
position:relative;
width:880px;
margin-left:auto;
margin-right:auto;
font-size:30px;
color:#FFF;
}

.search-results h2 {
font-size:30px;
}

.search-results h1 {
font-size:40px
}

.search-results a {
font-size:40px;
}