/*
Theme Name: Hearts Hearts
Theme URI: http://meatballicious.net/
Description: Version 5
Version: 5
Author: Miki Panda
Author URI: http://meatballicious.net/
Tags:
*/

html,body{
  margin:0;
  padding:0
  }

body{
  font: 76% arial,sans-serif;
  text-align:center;
  /*background-color:#464646;*/
  background:url('images/stripe03.png');
  }
  
p {
  margin:0 10px 10px
  }

ul  {
  padding:0px;
  margin:0px;
  background-color:transparent;
  list-style-type: none;
  text-align: left;
  }

ul li {
  background: transparent url(images/list-off.png) left center no-repeat;
  padding-left: 15px;
  text-align: left;
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  text-decoration: none;
  color: #464646;
  }

ul li a {
  color: #bee66c;
  text-decoration: none;
  font-weight: bold;
}

ul li a:hover {
  color: #f7d1c9;
  }

ul li:hover   {
  background:transparent url(images/list-on.png) left center no-repeat;
}


/**********************************
HEADER
**********************************/
div#header  {
  position:relative;
  padding-top:0px;
  }
  
div#header h1 {
  height:80px;
  line-height:80px;
  margin:0;
  background: #EEE;
  color: #79B30B
  }
  
div#header a  {
  position:absolute;
  right:0;
  top:23px
  }

/**********************************
CONTAINER
**********************************/  
div#container {
  text-align:center
  }

div#container {
  width:749px;
  margin:0 auto;
  }

/**********************************
WRAPPER
**********************************/
div#wrapper {
  width:100%;
  background:url(images/background.png) repeat-y;
  margin:0 auto;
  margin-top:-3px;
  padding:0px;
  }

/**********************************
CONTENT
**********************************/
div#content {
  float:left;
  width:470px;
  margin-top:0px;
  margin-left:25px;
}
  
div#content h1  {
  background-color:#F7E5B8;
  padding:0px 0px 0px 5px;
  font-family:Georgia, serif;
  font-size:18px;
  font-style: italic;
  color: #252525;
  text-align:left;
  border:1px dashed #FFFEDF;
  }
  
div#content h2  {
  margin-top:-15px;
  padding:0px;
  font-family: Georgia, Serif;
  font-size:10px;
  font-style:normal;
  text-align:left;
  }

div#content h2 img  {
  border:0px;
  vertical-align:text-bottom;
  }

div#content h2 a  {
  text-decoration:none;
  color:#AF937D;
  }

div#content h2 a:hover  {
  background-color:#DEC9B8;
  color:#FFF;
  }

div#content p {
  font-family: Georgia, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.5em;
  text-align:justify;
  }

div#content p img {
  vertical-align:text-bottom;
  }

div#content p a {
  background-color:#FFFEDF;
  text-decoration: none;
  font-weight: bold;
  color:#9B765A;
  border-bottom:1px dotted #F7E5B8;
  }

div#content p a:hover {
  color: #805A3E;
  }

div#content ul  {
  list-style-type: none;
  text-align: left;
  }

div#content ul li {
  background: transparent url(images/list-off.png) left center no-repeat;
  padding-left: 15px;
  text-align: left;
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  text-decoration: none;
  color: #464646;
  }

div#content ul li a {
  color: #bee66c;
  text-decoration: none;
  font-weight: bold;
}

div#content ul li a:hover {
  color: #f7d1c9;
  }

/************************************************
DATE STYLE
************************************************/
.datebg {
  background-color:#83644A;
  float: right;
  height: 85px;
  width: 65px;
  margin: 3px 10px 1px 1px;
  padding: 0px;
  text-align:center;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  border:1px dashed #AF937D;

}

.datebg .day  {
  margin: 0px;
  padding: 0px;
  font-family: georgia, garamond, serif;
  font-size: 25px;
  color: #ffffff;
  font-weight: bold;
}

.datebg .month  {
  margin-top: -15px;
  padding: 0px;
  font-family: arial, verdana, sans-serif;
  font-size: 25px;
  color: #ffffff;
  font-weight: bold;
}

.datebg .year  {
  margin-top: -13px;
  padding: 0px;
  font-family: garamond, 'times new roman', serif;
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
}

.datebg .time  {
  margin-top: -5px;
  padding: 0px;
  font-family: georgia, garamond, serif;
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
}

/**********************************
SIDEBAR
**********************************/
div#sidebar {
  float:right;
  width:220px;
  background:transparent;
  margin-right:25px;
}

div#sidebar h1, div#sidebar h2  {
  margin:5px 0px 0px 0px;
  padding:0px;
  background:url(images/stripe03.png) repeat;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-style: italic;
  font-size:18px;
  font-weight: bold;
  color: #DEC9B8;
  text-align:center;
  text-transform:lowercase;
  border:1px dashed #83644A;
  }

div#sidebar h2 {
 list-style-type:none;
 }

div#sidebar p {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.5em;
  text-align:left;
  }
  
div#sidebar p a, div#sidebar ul li a {
  text-decoration: none;
  font-weight: bold;
  color:#8C6549;
  border-bottom:1px dotted #D4BB98;
  background-color:#F8FFD1;
  }

div#sidebar p img {
  text-align:text-bottom;
  }
  
/**********************************
FOOTER
**********************************/
/*div#footer  {
  background: url('images/main_footer.png') no-repeat bottom center;
  height:50px;
  }*/
div#footer  {
  clear:both;
  background: url('images/main_footer.png') repeat-x bottom center;
  height:50px;
  font-family: Georgia, serif;
  color:#FFF;
}
  
div#footer p  {
  margin:0;
  padding-top:20px;
  font-family: Georgia, serif;
  color:#FFF;
  }
  
div#footer p a {
  /*background-color:#FFFEDF;*/
  text-decoration: none;
  font-weight: bold;
  color:#9B765A;
  border-bottom:1px dotted #F7E5B8;
  }

div#footer p a:hover {
  color: #805A3E;
  }
  
/*********************************
COMMENT + FORM
*********************************/
div#content p#comments {
  font-family:Georgia, Palatino, serif;
  font-size:12px;
  color:#83644A;
  }

div#content p#comments a {
  background-color:#EEDABD;
  padding:2px;
  color:#83644A;
  border-bottom:1px dashed #AF937D;
  }

div#content p#comments a:hover  {
  padding:2px;
  /*background:url(images/stripe03.png) repeat;*/
  color:#FFF;
  border:1px dashed #AF937D;
  }
  
form  {
  background:transparent;
  }
  
fieldset {
  width:410px;
  margin:1px 1px 5px 10px;
  padding:2px;
	border:1px dotted #F0E6DD;
	text-align:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

#commentbox {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding:10px;
}

#commentbox p {
  clear:both;
  background-color:#FCFFEB;
  border:1px dotted #F8FFD1;
  padding-left:5px;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:12px;
  color:#A89078;
  text-align:justify;
  }

#commentbox a {
  text-decoration: none;
  font-weight: bold;
  color:#8C6549;
  border-bottom:1px dotted #D4BB98;
  background-color:#F8FFD1;
  }

#commentbox div#avatarLeft {
  display: block;
	width: 20%;
	float: left;
	margin-bottom: 10px;
	text-align:center;
  }

#commentbox div#dataRight  {
  float:right;
  width:80%;
  }

#commentbox div#dataRight img {
  border:0px;
  vertical-align:text-bottom;
  }
  
#commentbox div#dataRight span  {
  font-family:Georgia, serif;
  font-size:11px;
  font-style:italic;
  }
  
#commentForm  {
  clear:both;
}

  
legend {
  padding:2px;
  background-color:#F0E6DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	border:1px dotted #301800;
	color:#594736;
  }
  
label {
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	font-weight: bold;
  }

input[type=text], input[type=password], textarea {
  padding:4px;
  border:3px double #F0E6DD;
  font-family:Georgia, serif;
  font-size:13px;
  }
  
textarea  {
  overflow:auto;
  }

input[type=text]:hover, input[type=password]:hover, textarea:hover {
  background-color: #FCFFEB;
  }

input[type=submit]  {
  padding:5px;
  background-color:#faac9d;
  font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  color: #fff;
  border:0px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

input[type=submit]:hover  {
  background: url('images/form-bg.png');
  }