/*
  Theme Name: D'Loco Kid
  Theme URI: http://dlocokid.com/
  Version: 1.0
  Author: Bangbay Siboliban
  Author URI: http://www.siboliban.org/
*/

/* The Basics */
img { -ms-interpolation-mode: bicubic; }

html, body { height: 100%; }

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, form, fieldset, input, textarea, select, option, p, blockquote, a, span, table, tr, th, td { margin: 0; padding: 0; }

body {
  position: relative;
  padding: 1px 0 0;
  background: #111b37 url(images/bg.gif) center top repeat-x;
  color: #000;
  font: 0.75em/1.5em "Helvetica","Arial",sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a {
  color: #d00000;
  overflow: hidden;
  text-decoration: none;
}

a:hover { color: #f00; }
img, a img { border: none; }
input, textarea { font: 12px "Helvetica","Arial",sans-serif; }
.clear { clear: both; }
.overflow { overflow: hidden; }

hr {
  clear: both;
  height: 1px;
  padding: 0 0 15px;
  background: transparent;
  border: none;
  border-top: 1px dotted #d0d0d0;
}

/* Header */
h1#header {
  width: 1000px;
  height: 220px;
}

h1#header a {
  width: 1000px;
  height: 220px;
  background: url(images/header.jpg) left top no-repeat;
  border-bottom: 1px solid #8b8b8b;
  display: block;
  text-indent: -9999px;
}

#header ul {
  position: absolute;
  top: 72px;
  left: 390px;
  width: 584px;
  height: 12px;
  background: url(images/contact-info.gif) left top no-repeat;
  list-style: none;
}

#header ul li { text-indent: -9999px; }

#header ul li#contact-email a {
  position: absolute;
  top: 0;
  left: 470px;
  width: 114px;
  height: 12px;
  display: block;
  text-indent: -9999px;
}

/* Menu */
#menu {
  width: 960px;
  height: 36px;
  padding: 0 20px;
  background: url(images/menu.gif) left top repeat-x;
  border-top: 1px solid #8b8b8b;
  border-bottom: 1px solid #8b8b8b;
  list-style: none;
  overflow: hidden;
}

#menu li {
  float: left;
  height: 36px;
  border-right: 1px solid #02050c;
}

#menu li.page-item-2 {
  border-left: 1px solid #02050c;
}

#menu li a {
  float: left;
  height: 36px;
  padding: 0 20px;
  color: #fff;
  display: block;
  font: normal 0.95em/36px "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
}

#menu li.current_page_parent a, #menu li.current_page_item a, #menu li a:hover {
  background: url(images/menu-hover.gif) left top repeat-x;
  color: #ff8653;
}

/* Shadow */
#shadow {
  width: 100%;
  background: url(images/shadow.png) center top no-repeat;
  overflow: hidden;
}

/* Container */
#container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #8b8b8b;
  color: #000;
}

/* Sidebar */
#sidebar {
  float: right;
  width: 300px;
  padding: 20px 25px;
}



#sidebar a { color: #009; }
#sidebar a:hover { color: #f00; }

#sidebar h2, .ko-calendar-widget-title {
  font: bold 1.25em "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #d0d0d0;
}

#sidebar ul {
  padding: 0 0 25px 20px;
}

.ko-calendar-date {
/*  float: left;
  width: 55px;
*/}

.ko-calendar-widget-events { padding: 0 0 25px; }

.ko-calendar-entry-title { outline: none; }

.ko-calendar-event-list {
/*  float: right;
  width: 235px;
*/}

.social {
  padding: 0;
  text-align: right;
}

/* Footer */
#footer {
  width: 996px;
  height: 32px;
  margin: 0 auto;
  padding: 15px 2px 50px;
  color: #fff;
}

#footer h6 {
  float: right;
  font: normal 1em/32px "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-align: right;
  text-transform: uppercase; 
}

/* Content */
#content {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background: url(images/content-bg.gif) left top repeat-y;
  overflow: hidden;
}

#content iframe {
  width: 800px;
  height: 600px;
  margin: 0 auto;
  padding: 0 0 15px;
  display: block;
}

#calendar {
  padding: 15px 25px;
  background: #fff;
}

/* Main Content */
#main {
  float: left;
  width: 650px;
}

#main .post {
  padding: 20px 25px 15px;
}

#main .home {
  padding: 25px 25px 15px;
}

#main h1 {
  font-size: 1.55em;
  padding: 0 0 10px;
}

#main h2 {
  font-size: 1.35em;
  padding: 0 0 15px;
}

#main h3, #main h4, #main h5, #main h6  {
  font-size: 1.15em;
  padding: 0 0 15px;
}

#main ul, #main ol { padding: 0 0 15px 25px; }
#main ul li, #main ol li { padding: 2px 0; }
#main blockquote { padding: 0 15px 0 25px; }
#main p { padding: 0 0 15px; }

#main h2.title {
  padding: 15px 25px 10px;
  background: #eee;
  color: #464646;
  font: 1.65em "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
}

#content h2.calendar-title {
  padding: 15px 25px 10px;
  background: #eee;
  color: #464646;
  font: 1.65em "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
}

/* Comments */
#main #respond p { clear: both; }

#main #respond label {
  width: 38px;
  padding: 0 5px 0 0;
  float: left;
  display: block;
  text-align: right;
}

#main .comments h3 {
  padding: 15px 25px 10px;
  background: #eee;
  color: #464646;
  font: 1.25em "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
}

#main #respond textarea {
  width: 500px;
  height: 75px;
  padding: 2px;
  background: #fff;
  border: 1px solid #bbb;
}

#main #commentform {
  padding: 15px 15px 0;
}

#main ol.commentlist { list-style: none; }

#main ol.commentlist li {
  padding: 18px 0 0;
}

#main ol.commentlist .comment-author {
  float: left;
  padding: 0 0 10px;
}

#main ol.commentlist .comment-meta {
  float: right;
  padding: 0 15px 10px 0;
}

#main ol.commentlist cite { font-style: normal; }

#main ol.commentlist .comment-body p {
  clear: both;
  padding: 0 0 15px 30px;
  font-size: 0.95em;
}

/* Comment Errors */
#main #commentform div.error { color: #c00; }

#main #commentform input.error {
  padding: 2px;
  background: #fff;
  border: 1px solid #c00;
}

#main #commentform textarea.error {
  padding: 4px;
  border: 1px solid #c00;
}

/* Blog */
#main .post-info {
  padding: 10px 25px;
  background: #eee;
}

#main .post-info h3 {
  padding: 0 0 5px;
  font: 1.25em "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-transform: uppercase;
}

#main .post-info p.date {
  padding: 0;
}

#main .post-archive {
  padding: 15px 25px 0;
}

/* Home Page */
#main #ramble {
  padding: 15px 25px;
}

#main #ramble h2 {
  padding: 0 0 20px;
  font-size: 30px;
  color: #900;
  text-transform: uppercase;
}

#main #ramble h3 {
  font-size: 26px;
  color: #c00;
}

#main #ramble h3 em {
  font: italic 26px "Georgia",serif;
  color: #900;
}

#main #ramble h4 {
  padding: 0 0 5px;
  font-size: 20px;
  color: #4c1818;
}

#main #ramble h5 {
  padding: 0 0 10px;
}

#main #ramble p.description {
  padding: 20px 20px 25px 0;
  font: 14px "Georgia",serif;

}

#main p.buy {
  width: 172px;
  height: 35px;
  margin: 0 0 15px;
}

#main p.buy a {
  width: 172px;
  height: 35px;
  background: url(images/buy-tickets.gif) left top no-repeat;
  display: block;
  text-indent: -9999px;
}

/* Contact Form */
#main .cform ol {
  padding: 0;
  list-style: none;
}

#main .cform ol li {
  padding: 5px 0;
  overflow: hidden;
}

#main .cform ol li label {
  float: left;
  width: 50px;
  padding: 0 10px 0 0;
  display: block;
}

#main .cform ol li input {
  width: 170px;
  padding: 2px;
}

#main .cform ol li input, #main .cform ol li textarea, #main .cform ol li select,  #main .cform ol li span {
  float: left;
}

#main .cform ol li textarea {
  width: 350px;
  height: 150px;
  padding: 4px;
  background: #fff;
  border: 1px solid #aaa;
}

#main .cform ol li option { padding: 0 2px; }

#main .cform ol li span {
  padding: 0 0 0 10px;
  font-size: 0.9em;
}

#main .cform ol li label span { padding: 0; }

#main .cform ol li img.captcha {
  float: left;
  margin: 0 0 0 10px;
  display: block;
}

#main .cform ol li a {
  float: left;
  height: 25px;
  width: 25px;
  margin: 0 0 0 10px;
  display: block;
  background: url(images/reload.gif) left top no-repeat;
}

#main .cform ol li a:hover {
  border: none;
  color: #e3e3e3;
}

#main .linklove, #main fieldset.cf_hidden { display: none; }
#main .cform p.cf-sb { padding: 5px 0 15px 60px; }

#main .cform p.cf-sb input, #main input.submit {
  width: 60px;
  height: 30px;
  background: #fff;
  border: 1px solid #bbb;
  color: #000;
  font: bold 0.85em/30px "Helvetica","Arial",sans-serif;
  text-align: center;
  text-transform: uppercase;
}

#main .cform p.cf-sb input:hover, #main input.submit:hover {
  color: #f00;
}

/* Contact Form Errors */
#main .cf_info { color: #c00; }
#main .cf_info ol { padding-bottom: 0; }

#main .cform ol li.cf_li_err ul.cf_li_text_err {
  padding: 5px 0;
  color: #c00;
}

#main .cform ol li input.cf_error, #main .cform ol li.cf_li_err input, #main .cform ol li textarea.cf_error {
  padding: 4px;
  border: 1px solid #c00;
}

/* Search Results */
#main ol#search-results li {
  margin: 0 0 15px;
  padding: 0 0 3px;
  background: url(images/headline-border.png) left bottom repeat-x;
}

#main li h3 { padding: 0; }

/* Wordpress Posts */
img.alignleft {
  float: left;
  margin: 0 15px 10px 0;
}

img.alignright {
  float: right;
  margin: 0 0 10px 15px;
}

.wp-caption {
  padding: 5px;
  text-align: center;
}

.wp-caption-text {
  font-size: 0.9em;
  font-style: italic;
  padding: 5px;
}

.navigation {
  clear: both;
  width: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; }
.center { text-align: center; }