/*
Theme Name: Moon
Description: A premium WordPress theme designed by <a href="http://banners.aydennx.com">Aydennx</a> and coded by <a href="http://amitspsworld.info">Amit</a>. Uses graphically intensive images. Please consult the documentation provided for proper usage of the theme.
Author: Aydennx and Amit
Tags: dark, cartoon type, widgets, fixed width, two columns
*/

* {
  padding: 0;
  margin: 0;
  font-family: arial;
}

label.screen-reader-text{
 display: none;
}

h1 {
 color: #ffffff;
}

img {
  border: 0;
}

body {
  background: url('images/background.png');
}

a{
  color: #dda41a;
}

a:hover{
  color: #EFCD7C;
}

h1.date {
  margin-top: 30px;
  font-size: 30px;
  font-family: arial;
  text-align: center;
  color: #563f53;
  font-weight: normal;
}

h1.month {
  letter-spacing: 5px;
  font-size: 20px;
  font-family: arial;
  text-align: center;
  color: #563f53;
  font-weight: normal;
}

h1.title a{
  text-decoration: none;
  color: #563f53;
}  

h1.title {
  letter-spacing: 3px;
  padding-top: 23px;
  font-size: 20px;
  font-family: arial;
  text-align: center;
  color: #563f53;
  font-weight: bold;
}  

h2 {
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: arial;
  text-align: center;
  color: #dda41a;
  font-weight: bold;
} 

h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: arial;
  color: #dda41a;
  font-weight: bold;
}

p {
  line-height: 20px;
  font-size: 15px;
  font-family: arial;
  color: #dda41a;
  padding-left: 10px;
  padding-right: 10px;
}

label.hidden {
  font-weight: bold;
  font-size: 20px;
}

#commentform input{
  margin-top: 10px;
}

#searchsubmit {
  border: 0;
  background: #dda41a;
  border: 1px solid #000000;
}

#searchsubmit:hover {
  background: #EFCD7C;
}

#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  background: url('images/grass.png');
  background-repeat: no-repeat;
  background-position: bottom center
}

#header {
  padding-top: 40px;
  width: 992px;
  height: 283px;
  background: url('images/header.png');
  margin-left: auto;
  margin-right: auto;
}

#logo {
  width: 360px;
  height: 88px;
  background: url('images/logo.png');
  margin-left: 160px;
}

#mainbox_top {
  height: 11px;
  width: 690px;
  background: url('images/mainbox_top.png');
}

#content_wrapper {
  overflow: auto;
  background: url('images/content_bg.png');
  width: 1000px;
}

#mainbox {
  float: left;
  text-align: justify;
  width: 690px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post_date {
  float: left;
  margin-left: 10px;
  width: 102px;
  height: 121px;
  background: url('images/date.png');
}

.post_title {
  text-align: left;
  margin-left: 100px;
  width: 500px;
  height: 73px;
  background: url('images/title.png');
}

.post {
  text-align: justify;
  width: 550px;
  margin-left: 100px;
}

.continue {
  width: 173px;
  height: 37px;
  margin-left: 370px;
  margin-top: 10px;
  background: url('images/continue.png');
}

#more_posts {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.comments-template{
    float: left;
    margin-left: 50px;
    width: 550px;
	padding: 10px;
}

.alt {
    background: #F0F0F0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
    background: #ffffff;
	margin-top: 20px;
	line-height: 18px;
	border: 1px solid #ccc;
	padding: 10px;
}

.comments-template ol li p{
    color: #000000;
}

.comments-template ol li a{
    color: #000000;
    text-decoration: none;
}

.comments-template h2, .comments-template h3{
	font-family: Arial;
	font-size: 16px;
}

.commentmetadata{
    text-align: right;
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
    margin-top: 10px;
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 12px;
}


#mainbox_bot {
   overflow: hidden;
   background: url('images/mainbox_bot.png');
   height: 11px;
   width: 690px;
}

#sidebar_top {
  float: right;
  width: 302px;
  height: 11px;
  background: url('images/sidebar_top.png');
}

#sidebar {
  height: 100%;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 302px;
  float: right;
}

#sidebar ul {
  color: #dda41a;
  padding-left: 10px;
  list-style: none;
}

#sidebar a{
  color: #dda41a;
}

#sidebar a:hover{
  color: #EFCD7C;
}

#sidebar_bot {
  float: right;
  width: 302px;
  height: 11px;
  background: url('images/sidebar_bot.png');
}