/*  Theme Name: Coloring
    Tags: colorful, coloring, kids, children, crayons, two columns, 2 columns, fixed width, backward compatible
    Theme URI: http://www.Coloring.US.com
    Description: A colorful, kid friendly Wordpress theme. Compatible with older Wordpress versions.
    Version: 1.0
    Author: curioZities, LLC
    Author URI: http://www.Coloring.US.com
*/


/* basic elements */
body {
  margin: 0;
  padding-top: 10px;
  background-image: url('images/bg.gif');
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: center;
}

ol, ul {
  margin: 0px 0px 0px 2px;
}

h1, h2, h3, h4 {
  font-family: 'Comic Sans MS', sans-serif;
  font-weight: bold;
}

h1 {
  color: #000000;
  font-size: 20px;
}

h2 {
  color: #000000;
  font-size: 16px;
}

h3 {
  color: #FFFFFF;
  font-size: 15px;
}

h4 {
  color: #000000;
  font-size: 14px;
}

a, a:visited, a:active {
  color: #0000FF;
  text-decoration: underline;
}

a:hover {
  color: #FF0000;
  text-decoration: none;
  border: none;
}

blockquote {
  margin: 10px 30px 10px 30px;
  padding: 0 10px 0 10px;
  border-left: 2px solid #cc3300;
}

code {
  font-family: monospace;
}

small {
  font-size: 9px;
}

input, textarea, select {
  border: 1px solid #868686;
  background: #FFFFFF;
  color: #212121;
  font: 12px Arial, sans-serif;
}

.submit {
  border: 1px solid #868686;
  background: #fce248;
  color: #FFF;
}

form {
  border: 0;
  margin: 0;
  padding: 0;
}

a img {
  border: 0;
}

img {
  border: 0;
}

/* Main */
#page {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 2px solid #FF0000;
}

/* Header */
#header {
  margin: 0;
  background: #FFFFFF url('/wp-content/themes/coloring/images/header-bg.jpg') no-repeat 95% 2%;
  padding: 10px;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid #FF0000;
  position: relative;
  min-height: 100px;
}

#header-description h1, h1#header-description {
  font-size: 18px;
  padding: 70px 0 0 25px;
}

/* Ads */
div.ads1 {
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
background-color: transparent;
width: 100%;
}

div.ads2 {
margin: 0;
padding-left: 25px;
background-color: transparent;
width: 100%;
}

div.ads3 {
float: left;
text-align: center;
margin: 0 auto 10px auto;
padding: 0;
background-color: transparent;
width: 100%;
}

/* Content */
#content {
  float: right;
  width: 695px;
  text-align: justify;
/* padding: 25px 25px 18px 15px; */
  padding: 10px; 
  font-family: Arial, sans-serif;
}

#tabcell {
margin: 0 auto 5px auto;
width: 294px;
border: 1px dotted #CCCCCC;
padding: 0 3px 0 0;
vertical-align: top;
}

.tabspace {
margin: 0 auto 0 auto;
background: url('/wp-content/themes/coloring/images/tabbg.gif') #FFFFFF 0% 0% repeat;
width: 100%;
}

.phomebox, .bhomebox, .rhomebox {
margin: 0 auto 0 auto;
width: 290px;
min-height: 55px;
text-align: center;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
font-family: 'Comic Sans MS', sans-serif;
}

.phomebox {
background: url('/wp-content/themes/coloring/images/phome.gif') 50% 0% no-repeat;
}

p.phome, phome p {
padding-top: 10px;
line-height: 145%;
}

.pbox, div.pbox {
width: 264px;
margin: 5px 0 10px 15px;
padding: 0 3px 0 3px;
/* border: 1px solid #990099; */
text-align: left;
vertical-align: top;
}

.bhomebox {
background: url('/wp-content/themes/coloring/images/bhome.gif') 50% 0% no-repeat;
}

p.bhome, bhome p {
padding-top: 20px;
}

.bbox, div.bbox {
width: 265px;
margin: 5px 0 5px 15px;
padding: 0 3px 0 3px;
/* border: 1px solid #0000FF; */
text-align: left;
vertical-align: top;
}

.rhomebox {
background: url('/wp-content/themes/coloring/images/rhome.gif') 50% 0% no-repeat;
}

p.rhome, rhome p {
padding-top: 20px;
}

.rbox, div.rbox {
width: 265px;
margin: 5px 0 5px 13px;
padding: 0 3px 0 3px;
/* border: 1px solid #FF0000; */
text-align: left;
vertical-align: top;
}

/* Sidebar */
#sidebar {
  float: left;
  overflow: hidden;
  width: 195px;
/*  padding: 25px 3px 18px 19px; */
  padding: 10px 10px 10px 15px; 
  text-align: left;
  border-right: 2px solid #FF0000;
}

#redback {
  width: 75%;
  margin: 0px auto 0px auto;
  padding: 3px;
  text-align: center;
  background-color: #FFCCCC; 
}

#blueback {
  width: 75%;
  margin: 0px auto 0px auto;
  padding: 3px;
  text-align: center;
  background-color: #CCCCFF; 
}

.bluesidehead, .redsidehead, .purplesidehead, .greensidehead, .orangesidehead {
  margin: 19px auto 4px auto;
  text-align: right;
  height: 25px; 
/*  width: 143px; */
  width: 159px;
  padding: 18px 15px 2px 0px;
}

.bluesidehead {
  background-image:url('images/blue-side-head.gif');
  background-repeat:no-repeat;
}

.redsidehead {
  background-image:url('images/red-side-head.gif');
  background-repeat:no-repeat;
}

.purplesidehead {
  background-image:url('images/purple-side-head.gif');
  background-repeat:no-repeat;
}

.greensidehead {
  background-image:url('images/green-side-head.gif');
  background-repeat:no-repeat;
}

.orangesidehead {
  background-image:url('images/orange-side-head.gif');
  background-repeat:no-repeat;
}

html>body #archiveslist li a, #pageslist li a, #categorieslist li a, #linkslist li a, #postslist li a {
  width: auto;
}

#archiveslist, #pageslist, #categorieslist, #linkslist, #postslist {
  margin: 0px auto 0px auto;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#metalist {
  padding-left: 10px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#archiveslist ul, #pageslist ul, #categorieslist ul, #linkslist ul, #postslist ul {
  list-style: none;
  margin: 0px auto 0px auto;
  padding: 0px;
  font-weight: normal;
}

#archiveslist li, #pageslist li, #categorieslist li, #linkslist li, #postslist li {
  list-style: none;
  border-bottom: 2px solid #FFFFFF;
  margin: 0px auto 0px auto;
  padding: 0px;
/*  width: 138px; */
  width: 142px;
}

#archiveslist li a, #pageslist li a, #categorieslist li a, #linkslist li a, #postslist li a {
  padding: 5px 9px 6px 8px;
  display: block;
  color: #000000;
  text-decoration: none;
/*  margin-left: 0px; */
  margin: 0px auto 0px auto;
  font-weight: bold;
}

#pageslist li a { background-color: #FFCCFF; }
#pageslist li a:hover { background-color: #FF99FF; }

#categorieslist li a { background-color: #FFCCCC; }
#categorieslist li a:hover { background-color: #FF9999; }

#archiveslist li a { background-color: #CCCCFF; }
#archiveslist li a:hover { background-color: #9999FF; }

#linkslist li a { background-color: #CCFFCC; }
#linkslist li a:hover { background-color: #99FF99; }

#postslist li a { background-color: #FFFFCC; }
#postslist li a:hover { background-color: #FFCC66; }

#metalist h3, h3#metalist { color: #990099; }

#metalist ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/* Footer */
#footer {
  clear: both;
  background-color: #FFFFFF;
  padding: 5px;
  font-size: 10px;
  border-top: 2px solid #FF0000;
}

#footer ul li {
  margin:0 0 0 3px;
  padding:0 0 3px 5px;
}

#footer-meta {
  float: right;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  letter-spacing: 2px;
}
#footer-meta li {
  list-style: none;
  float: left;
  display: block;
}

/* Post */
.post {
  background-color: #FFFFEE; 
  padding: 10px;
  border: 1px solid #FFFF00;
  position: relative;
  width: 95%;
}

.post_title_div {
  background: url('images/coloring-page-1.gif') no-repeat;
  padding-left: 0px;
  height: 47px;
}

.post_title_div_notfound {
  background: url('images/coloring-page-1.gif') no-repeat;
  padding-left: 0px;
  height: 47px;
}

.post_title {
  padding-left: 48px;
  font-family: 'Comic Sans MS', sans-serif;
  font-size: 18px;
  color: #0099CC;
  font-weight: bold;
}

.post_datetime {
  font-size: 10px;
  padding-left: 45px;
  font-weight: normal;
  color: #333333;
}

.post_body {
  padding: 10px 15px 15px 15px;
}

.post_details {
  font-size: 11px;
  font-weight: bold;
}

.edit_post {
  padding: 0;
/*  background: url('images/pencil.gif') no-repeat bottom left; */
}

/* Page template styles */
.pages {
  background-color: #FFFFFF; 
  padding: 10px auto 10px auto;
  border-style: none;
  position: relative;
  /*width:550px;*/
  width: 100%;
}

.pages_title_div {
  background: url('images/coloring-page-1.gif') no-repeat;
  padding-left: 0px;
  height: 50px;
}

h2.pages_title {
  padding-left: 48px;
  font-size: 18px;
  color: #FF0000;
  line-height: 200%;
}

.pages_body {
/*  padding: 10px 17px 15px 12px; */
  padding: 10px; 
}


/* search DISABLED 
#searchform {
  margin: 4px 0px 19px 8px;
  line-height: 5px;
}
.searchtext{
  height: 16px;
  padding: 3px 1px 1px 1px;
  border: 1px solid #0896E2;
}

.searchsubmit{
  border: 1px solid #0896E2;
  background-color: #7DD0FC;
  height: 20px;
  background-image: url('images/search-gradient.jpg');
}
*/

/* other styles */
.divider {
  width: 100%;
  text-align: center;
  margin: 50px 0 50px 0;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Comments Page */
.commentlist {
  clear: both;
  padding: 0.8em 0px 0px 13px;
  list-style: none;
  font-size: 12px;
  text-align: left;
}

.commentlist a {
  border-bottom: none;
}

.commentmetadata {
  float: right;
  border-bottom: 2px solid #b93529;
  margin-right: 10px;
}

.comment_author {
  padding: 4px 0 0 5px;
  font-size: 14px;
  font-weight: bold;
}

.comment_text {
  margin: 10px 30px 30px 13px;
}

#respond {
  color: black;
}

/*Calendar*/
#wp-calendar {
  empty-cells: show;
  color: #CC3300;
  padding: 5px;
  width: 90%;
  margin-left: 7px;
  font-family: Arial, sans-serif;
}

#wp-calendar caption {
 width: 95%;
 color: #000000;
 font-size: 14px;
 letter-spacing: 4px;
 padding: 5px;
 list-style: none;
 margin: 0;
 text-align: center;
 font-family: 'Comic Sans MS', sans-serif;
 font-weight: bold;
}

#wp-calendar {
  font-size: 11px;
  padding: 10px 0 10px 0;
}

#wp-calendar td {
  color: #000000;
  padding: 1px 0;
  text-align: center;
}

#wp-calendar td.pad:hover {
  background-color: #FCFFC6;
}

#wp-calendar #today {
  background-color: #CC3300;
  color: #FFFFFF;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

/* Styling for contact form */
body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fbfbee url('images/error.png') no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}

body div.formcontainer p.important {
background: #fbfbee url('images/important.png') no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #fbfbee url('images/information.png') no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;
}

body div.formcontainer p.success {
background: #fbfbee url('images/success.png') no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}