/*  
Theme Name: Chibichatter2
Theme URI: http://www.chibichatter.com
Description: A WordPress theme designed by <a href="http://www.chibichatter.com">Chrnocat</a>.
Version: 1.0
Author: Chrnocat
Author URI: http://www.chibichatter.com/
*/


/* Begin Base Elements */

/* #{margin:0px; padding:0px;}*/

body {margin:0;
	background: #FFFFFF url("images/bg.gif") fixed repeat left top;
        font: normal 12px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #5D5539;}

p.validations {float: left;}

/* End Base Elements */

/* Begin Layout Elements */

#page {width: 1000px; margin: 0px auto;}

a img {border: 2px solid; color: #A3248D;}

.entry h1 {font: bold 2.5em/120% Arial, Helvetica, sans-serif;}
.entry h2 {font: bold 2.0em/120% Arial, Helvetica, sans-serif;}
.entry h3 {font: bold 1.8em/120% Arial, Helvetica, sans-serif;}
.entry h4 {font: bold 1.5em/120% Arial, Helvetica, sans-serif;}
.entry h5 {font: bold 1.3em/120% Arial, Helvetica, sans-serif;}





/* ------------------------------------------------------- page header --- */
#page-header {
	height: 379px;
	clear: both;
	background: url(images/header.png) no-repeat left top;
}
.header{
	margin-left: -1000px;	
	height: 379px;
}
.header h1 {
	display: none;
        font: normal 36px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	/*padding: 0px 0 0 0px;*/
	margin: 0px;
	letter-spacing:-.05em;
}
.header h1 a, .header h1 a:visited {
  color: #000;
  text-decoration:none;
}
.header h1 a:hover {
  color: #808080;
  text-decoration:none;
}
.header .description{
	display: none;
        margin: 0px 0 0 10px;
	color: #000;
	font-size: 12px;
}

/* ---------------------------------------------------------- search form --- */
#searchform {
	position: absolute;
	top: 290px;
	left: 650px;
	height: 109px;
	width: 394px;
	background: url(images/search.png) no-repeat left center;
}
#searchform #s {
  position: relative;
	height: 14px;
	width: 110px;
	margin: 5px 0px 0px 0px;
	float: left;
        padding: 5px 4px 2px 4px;
	color: #000;
	font: 12px normal Arial, Helvetica, sans-serif;
	left: 140px;
	top: 38px;
}
#searchform #searchsubmit { 
	background: url(images/submit.gif) no-repeat left center;
	height: 30px;
	width: 39px;
	border: none;
	text-indent: -500px;
	line-height: 0px;
	position: relative;
	top: 40px;
	left:160px;
}

/* ------------------------------------------------------ navigation area --- */

#menu {
	clear: both;	
	width: 100%;
}
#menu ul {
        list-style: none;
        float: left;
        margin: -45px -380px 0px 380px;
	padding: 0px 0px;
        font: bold 14px "Arial Narrow", Arial;
	text-transform:uppercase;
        background: transparent;
        /*text-align: left;*/
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li a {
  padding: 6px 7px 6px 7px;
	text-decoration: none;
	color: #4e3797;
	display: block;
	float: left;
        line-height: 30px;
	padding: 0 15px;
        
}
#menu li a:visited {
	color: #C9E845;
	text-decoration: none;
}
#menu li a:hover, #menu ul li.current_page_item a{
	color: #D0E8F5;
	text-decoration: none;
}

/* -------------------------------------------------------------- content --- */
#content{
	float: left;
	width: 100%;	
	font: 11px/160% Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
#content1 {
  margin: 0px 200px 0px 200px;
        background: url('images/content-c.png') repeat-y center;
	min-height:800px;
}
#content-bottom {
  margin: 0px 201px 0px 201px;
        background: url('images/content-b.png') no-repeat left;
	height:100px;
        width: 100%;
}
#content-top {
  margin: 0px 200px 0px 200px;
        /*float: left;*/
        background: url('images/content-t.png') no-repeat left;
        height:65px;
        width: 100%;
}
.post {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 80px 0px;
}
.entry {
  padding: 0px 20px 0px 20px;
}
.entry-title-c {
  width: 486px;
  text-align: right;
  background: url('images/posthead.gif') no-repeat bottom center;
  padding: 0px 30px 1px 30px;
}

.entry-title-c h2, .entry-title-c h2 a:link, .entry-title-c h2 a:visited, .entry-title-c h2 a:hover {
  font: normal 26px Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #5D5539;
  text-decoration:none;
 }
.post-content {
  font: normal 12px/160% Tahoma, Verdana, Helvetica, Arial, sans-serif;
  padding: 0px 55px 0px 45px;
  text-align: justify;
}
.post-content p {
  padding: 6px 0;
}

.post-content ul {
  padding-left: 60px;
}
.post-content ul li {
  padding-left: 5px;
}
.post-content ol {
  padding-left: 35px;
}
.post-content ol li {
  padding-left: 3px;
}
.post a, .post a:visited {
  color: #5D5539;
  text-decoration:underline;
}
.post a:hover {
  color: #5D5539;
  text-decoration:none;
}

.post-meta-info {
  font: bold 11px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
.post-meta-info-r {
  font: bold 11px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif;
  padding-left: 201px;
}
.entry-bottom {
  float: left;  
  padding: 0px 45px 0px 45px;
  font: normal 11px/100% Verdana,Helvetica,Arial,sans-serif;
}
blockquote { 
  min-height: 45px; 
  padding: 5px 0 5px 55px;
  margin: 5px 0px 0px 0px; 
  background: url('images/bq.gif') no-repeat; 
  font: 1.0em Tahoma, 'Times New Roman', Times, serif; 
  line-height: 2em; 
  font-style: italic; 
  clear: left; 
}

/* --------------------------------------------------------- comment area --- */
span#comments, span#respond {
	padding: 50px 40px 50px 40px;
	font: bold 12px/150% Verdana,Helvetica,Arial,sans-serif;
	clear: both;
}
/* --------------------------------------------------------- comment form --- */
#commentform {
	margin: 10px 50px 10px 50px;
}
#commentform p.notice {
	border: #a0a0a0 1px solid;
	margin: 5px 5px;
	padding: 10px 10px;
	background-color:#cfcfcf;	
}
#commentform label {
	color:#666;
	font: bold 12px Verdana,Helvetica,Arial,sans-serif;
	padding-left: 10px;
}
#commentform small {
	color: #5f5f5f;
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
}
#commentform input {
	font: 100% Verdana,Helvetica,Arial,sans-serif;
	width: 200px;
	padding: 2px 10px 2px 10px;
	margin: 5px 5px;
	border: 1px solid #C9E845;
}
#commentform textarea {
	font: 100% Arial, Helvetica, sans-serif;
	height: 140px;
	border: 1px solid #C9E845;
	padding: 2px 2px 2px 5px;
	width: 100%;
}
#commentform #submit {
	font: 12px/100% Arial, Helvetica, sans-serif;
	color: #000;
	width: 125px;
	height: 25px;
	padding-top: 2px;
	margin:10px 0 0  320px;
}


/* ------------------------------------------------------------- comments --- */
.commentlist {
	margin: 30px 0px 20px 0px;
	line-height: 150%;
	width: 85%;
	list-style: none;
	font: normal 12px/150% Tahoma, Verdana,Helvetica,Arial,sans-serif;
}
.commentlist li {
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 20px 10px;
	background: #009FC5;
        border: 1px solid #A3248D;
}
.commentlist .alt {
	background-color: #A5D513;
        border: 1px solid #A3248D;
}
.commentlist cite, .commentlist cite a:link, .commentlist cite a:visited {
	font: bold 15px Verdana,Helvetica,Arial,sans-serif;
  color: #457BCC;
	text-decoration:none;
}
.commentlist cite a:hover {
  color: #749EE2;
	text-decoration:none;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
}
.commentmetadata {
  padding:10px 0px;
}
.comment_number {
  float:right;  
	font: normal 5em Georgia,Helvetica,Arial, serif;
	padding: 0 10px 0px 0;
	color: #A3248D;
}


/* -------------------------------------- next & previous page navigation --- */
.page-nav, .page-navigation {
	clear: both;
	height: 25px;
	font: 12px/150% Tahoma, Verdana,Helvetica,Arial,sans-serif;
}
.page-nav a:link, .page-nav a:visited {
	color: #5D5539;
	text-decoration: underline;
}
.page-nav a:hover {
	color: #5D5539;
	text-decoration: none;
}
.previous-entries a {
	/*float: left;*/
	padding: 0px 50px 0px 50px;
	margin-left: 250px;
}
.next-entries a {
	float: right;
	padding: 0px 0 0 5px;
	margin-right: 25px;
}


/* -------------------------------------------------------------- sidebars ---*/
#left-sidebar, #right-sidebar {
	float: left;
	font: 12px/150% Tahoma, Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
        margin: 0px 0px 10px 0px;
        display: block;
}
#left-sidebar {
	margin-left: -1000px;
        width: 200px;	
}
#right-sidebar{
	margin-left: -200px;
	width: 200px;
}
.box {
  width: 100%;
  height: 100%;
}

/* Calendar */
#calendar .box-top {
  background: url(images/calender-t.png) no-repeat;
  height: 65px;  
}
#calendar .box-top div {
  font: bold 18px Comic Sans MS;
  padding: 45px 0 0 40px;
  color: #000000;
}
#calendar .box-content {
  background: url(images/calender-c.png) repeat-y;
  height: 100%;
}
#calendar .box-bottom {
  background:  url(images/calender-b.png) no-repeat;
  height: 26px;
  margin: 0px 0px 15px 0px;
}

/*Recent Posts*/
 
#recent-posts .box-top {
  background: url(images/recent-t.png) no-repeat;
  height: 45px;  
}
#recent-posts .box-top div {
  position: relative;
  z-index: 1;
  font: bold 18px comic sans MS;
  padding: 20px 0 0 40px;
  color: #009FC5;
}
#recent-posts .box-content {
  background: url(images/recent-c.png) repeat-y;
  height: 100%;
  padding: 5px 20px 5px 0px;
}
#recent-posts .box-bottom {
  background:  url(images/recent-b.png) no-repeat;
  height: 26px;
  margin: 0px 0px 15px 0px;
}

/* Links */

#text-1 .box-top {
  background: url(images/text1-t.png) no-repeat;
  height: 20px;  
}
#text-1 .box-top div {
  position: relative;
  z-index: 1;
  font: bold 18px comic sans MS;
  padding: 15px 0 15px 40px;
  color: #A5D513;
}
#text-1 .box-content {
  background: url(images/text1-c.png) repeat-y;
  height: 100%;
  padding: 30px 40px 5px 40px;
}
#text-1 .box-bottom {
  background: url(images/text1-b.png) no-repeat;
  height: 19px;
  margin: 0px 0px 15px 0px;
}

/* Links End */

/* Categories*/

#categories .box-top {
  background: url(images/categories-t.png) left no-repeat; 
  height: 65px;
}
#categories .box-top div {
  position: relative;
  z-index: 1;
  font: bold 18px Comic Sans MS;
  padding: 45px 0px 0px 40px;
  color: #FFC300;
}
#categories .box-content {
  background: url(images/categories-c.png) left repeat-y;
  height: 100%;
  padding: 5px 10px 5px 0px;
}
#categories .box-bottom {
  background:  url(images/categories-b.png) left no-repeat;
  height: 26px;
  margin: 0px 0px 15px 0px;
}

.sidebar ul {
  list-style: none;
  display: block;
  font: normal 12px/150% Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
.sidebar a, .sidebar a:visited {
	padding-left: 20px;
        clear: both;
        display: block;
	background: url(images/bullet-1.png) no-repeat;
}
.sidebar a:hover {
	padding-left: 20px;
        clear: both;
        display: block;
	background: url(images/bullet-2.png) no-repeat;
}
.sidebar ul li ul {
  margin-left: 0px;
  margin: 15px 0px 0px 15px;
  display: block;
}
.sidebar ul li ul li {
	margin-left: 0px;
}
.sidebar a, .sidebar a:visited {
	color: #44007D;
	text-decoration:none;
}
.sidebar a:hover {
  color: #08688C;
  text-decoration: underline;
}

/*  Blogroll  */

.blogroll .one {
        margin-left: -1000px;
	width: 200px;
}
#blogroll .box-top {
  background: url(images/blogroll-t.png) no-repeat left; 
  height: 45px;
}
#blogroll .box-top div {
  position: relative;
  z-index: 1;  
  font: bold 18px Comic Sans MS;
  padding: 20px 0 0 40px;
  color: #A5D513;
}
#blogroll .box-content {
  background: url(images/blogroll-c.png) repeat-y left;
  height: 100%;
  padding: 5px 10px 5px 0px;
}
#blogroll .box-bottom {
  background:  url(images/blogroll-b.png) no-repeat left;
  height: 26px;
  margin: 0px 0px 15px 0px;
}



/* Meta */

.meta {
        margin-left: -1000px;
	width: 200px;
        display: block;
}
#meta .box-top {
  background: url(images/meta-t.png) top left no-repeat; 
  height: 45px;
}
#meta .box-top div {
  position: relative;
  z-index: 1;
  font: bold 18px Comic Sans MS;
  float: left;
  padding: 20px 0 0 40px;
  color: #A3248D;
}
#meta .box-content {
  background: url(images/meta-c.png) top left repeat-y;
  height: 100%;
  padding: 5px 10px 5px 0px;
}
#meta .box-bottom {
  background:  url(images/meta-b.png) top left no-repeat;
  height: 26px;
  margin: 0px 0px 15px 0px;
}



#footer {
	clear: both;
	/*width: 100%;*/
        height: 234px; 
        background: url(images/footer.png) no-repeat left; 
}        

#credits {
        position: relative;
        z-index: 4;
        font: normal 11px Verdana,Helvetica,Arial,sans-serif;
        /*padding: 75px 0px 75px 0px;*/
        text-align: center;
        color: #C9E845;
        margin: -75px 0px -75px 0px;
}

#credits a:link, #credits a:visited {
	color: #C9E845;
  text-decoration:none;
}
#credits a:hover {
  color: #D0E8F5;
	text-decoration: none;
}


p.error0 {
  font: bold 16px Verdana,Helvetica,Arial,sans-serif;
}
p.error1 {
  font: normal 14px Verdana,Helvetica,Arial,sans-serif;
  color: #ff0000;
}

/* ------------------------------------------------------------- calendar --- */
#calendar {
  color: #4e3797;
}
#calendar a:link, a:visited, a:hover {
   text-decoration: none; 
   background: transparent;
   color: #4e3797;
   padding: 0;
}
#calendar table{
	margin: 0px 15px 0px 15px;
}
#calendar table caption {
	margin: 0px 0px 0px 0px;
	font: bold 18px Comic Sans MS;
	color: #4e3797;
}
#calendar table td{
	padding: 0px 4px;
}
#content_start {position: absolute;left: -10000px;}