/*
Theme Name: Playroom - Main Site
Theme URI: http://www.theplayroominfo.com
Description: Main Stylesheet for Blog
Version: 1.0
Author: Scott Patterson
*/

/*-----------Block Level Elements--------------*/

body {
  background: #0000ff;
  margin: 0;
  padding: 0;
}

#wrapper_alt {
  width: 700px;
  margin: 0 auto;
  padding: 0;
  background: url(assets/images/mid_back_alt.jpg) repeat-y -2px 0;
  font: 12px/18px arial, Verdana, sans-serif;
  color: #222;
}

#wrapper {
  width: 700px;
  margin: 0 auto;
  padding: 0;
  background: url(assets/images/mid_back.jpg) repeat-y -2px 0;
  font: 13px/18px arial, Verdana, sans-serif;
  color: #222;
}

#wrapper a,
#wrapper_alt a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

#wrapper a:hover,
#wrapper_alt a:hover {
  color: #222;
  font-weight: bold;
  text-decoration: none;
}

#header {
  width: 700px;
}

#sub_wrapper {
  width: 700px;
  float: left;
  background: url(assets/images/upper_back.jpg) no-repeat -2px 0;
}

#sub_wrapper_alt {
  width: 700px;
  float: left;
  margin: 10px 20px;
}

#sidebar {
  width: 170px;
  float: left;
  margin: 0 20px 0 30px;
  padding: 0;
}

* html #sidebar {
  width: 170px;
  float: left;
  margin: 0 20px 0 10px;
  padding: 0;
}

#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

#sidebar li li {
  border-bottom: 1px solid #efefef;
  margin: 0 0 3px 0;
  padding: 3px 0 3px 35px;
  height: 27px;
  line-height: 11px;
  background: url(http://theplayroominfo.com/wp-content/uploads/2008/04/bullet_11.jpg) no-repeat 0 0;
}

#sidebar li.flickrRSS {
  background: none;
  display: inline;
  margin: 2px 4px 0 0;
}

#sidebar li.flickrRSS img a {
  background: none;
  border: none;
}

#content {
  width: 440px;
  float: left;
  margin: 0 30px 0 10px;
}

#content img {
  border: none;
}

#content_large {
  width: 90%;
  float: left;
  margin: 0 30px 0 10px;
}

#footer {
  width: 680px;
  padding: 5px 10px;
  margin: 0 auto;
  background: url(assets/images/lower_back.jpg) no-repeat -2px 0;
  font: 10px/15px arial, Verdana, sans-serif;
  color: #fff;
  text-align: center;
}

* html #footer {
  margin: 0 auto;
  padding: 5px 0;
  width: 700px;
  background: url(assets/images/lower_back.jpg) no-repeat -13px 0;
}

#footer a {
  font: bold 10px arial, Verdana, sans-serif;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin: 5px 0 10px 0;
  font-family: "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
  font-weight: bold;
  color: #222;
}

h1 {
  font: bold 20px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

h2 {
  font: bold 18px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
  margin: 15px 0 10px 0;
}

#sidebar h2 {
  font: bold 18px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
  margin: 15px 0 5px 0;
}

h2 span {
  font: bold 12px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

h3 {
  font: bold 16px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

h4 {
  font: bold 14px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

h5 {
  font: bold 12px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

h6 {
  font: bold 10px "Marker Felt", "Comic Sans MS", arial, Verdana, sans-serif;
}

/*--------------Comments--------------*/

.comment_area_alt {
  background: #fffeea ;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 0 0 10px 0;
  width: 400px;
  float: left;
  display: block;
}

.comment_area_reg {
  background: #fffeea;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 0 10px 0;
  width: 400px;
  float: left;
  display:block;
}

.comment_date {
  width: 38px;
  height: 38px;
  float: left;
  margin: 0;
  padding: 0;
  font: bold 10px/13px "kirsten ITC", arial, Verdana, Arial, sans-serif;
  text-align: center;
  color: #222;
}

.comment_text {
  float: left;
  width: 340px;
  margin: 0 10px 0 10px;
  font: 11px/13px "kirsten ITC", arial, Verdana, Arial, sans-serif;
}

.required {
  color: #ff0000;
}

.comment_box {
  background: #fffeea;
  border: 1px solid #aaa;
  color: #222;
  font-weight: bold;
  padding: 2px;
  margin: 0 0 10px 0;
  font: 10px "kirsten ITC", arial, Verdana, Arial, sans-serif;
}

.comment_submit {
  background: #fffeea;
  border: 1px solid #aaa;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0 0 20px 0;
  color: #222;
  width: 70px;
  font: bold 10px "kirsten ITC", arial, Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#calendar {
  margin: 50px 100px;
  padding: 20px;
  background: #fff;
}

#calendar a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

#calendar a:hover {
  color: #222;
  font-weight: bold;
  text-decoration: none;
}

#calendar .calendar-table {
  min-height: 800px;
  font: 12px Arial, Verdana, sans-serif;
}

#wp-calendar td {
  text-align: center;
}

#wp-calendar td span{
  font-weight: bold;
  cursor: pointer;
}

span.calnk a {
    text-decoration:none; 
    color:#000000; 
    border-bottom:1px dotted #000000;
    }
span.calnk a:hover { 
    text-decoration:none; 
    color:#000000; 
    border-bottom:1px dotted #000000;
    }
span.calnk { 
    position:relative;
    }
span.calnk a span { 
    display:none; 
    }
span.calnk a:hover span {
    color:#333333; 
    background:#F6F79B; 
    display:block;
    position:absolute; 
    margin-top:1px; 
    padding:5px; 
    width:150px; 
    z-index:100;
    }
 .calendar-table {
    border:none;
    width:100%;
 }
 .calendar-heading {
    height:25px;
    align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-next {
    width:25%;
    text-align:center;
 }
 .calendar-prev {
    width:25%;
    text-align:center;
 }
 .calendar-month {
    width:50%;
    text-align:center;
    font-weight:bold;
 }
 .normal-day-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
 }
 .weekend-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
    color:#FF0000;
 }
 .day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:80px;
    border:1px solid #DFE6DE;
 }
 .no-events {

 }
 .day-without-date {
    width:60px;
    height:80px;
    border:1px solid #E9F0E8;
 }
 span.weekend {
    color:#FF0000;
 }
 .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:80px;
    border:1px solid #BFBFBF;
    background-color:#E4EBE3;
 }
 span.event {
    font-size:0.75em;
 }
 .kjo-link {
    font-size:0.75em;
    text-align:center;
 }
 .event-title {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
 }
 .calendar-date-switcher {
    height:25px;
    align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
    margin:0;
    padding:0;
 }
 .calendar-date-switcher input {
    border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
    border:1px #D6DED5 solid;
 }