/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body {
  background-color: #353535;
}

.post p, .post ul li, .post ol li {
  font-size: 13px;
}

.post table, .post p {
  margin-left: 20px;
}

.post table tr, #home-sidebar table tr {
  background: #555;
}

.post table tr.header, #home-sidebar table tr.header {
  background: #444;
}

.post h4 {
  background: #444;
  width: 580px !important;
  font-family: 'gill sans', arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 35px;
  margin: 10px 0 15px 20px !important;
  padding: 0 10px;
  text-transform: uppercase;
}

.post-content {
  margin-left: 10px !important;
}

.post-content p {
  width: 540px;
}

/* ============ calendar ================= */

#embeddedDateField {
  margin: 0 auto;
  width: 80px;
  text-align: center;
}

div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
  margin: 0 auto;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #dedede;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #ff9900;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

#embeddedDateField {
  width: 180px;
  border: none;
  background: #353535;
  color: #fff;
}

#date_msg p {
  width: 180px;
  margin: 0 auto;
  color: white;
  text-align: center;
}

#date_msg p.red {
  background: #dd0000;
}

#date_msg p.green {
  background: green;
}