/* 
	Theme Name: Puttin' on the Hitz
	Description: DJ website theme for Puttin' on the Hitz
	Author: Matt Rittman
	Author URI: http://www.obsidian7.com/
	Version: 1.0
*/

/************************************************
*	CSS Reset				*
************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0 none;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline-color: invert;
   outline-style: none;
   outline-width: 0;
   padding: 0;
   vertical-align: baseline;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption, th, td {
   font-weight: normal;
   text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight: bold;}

em {font-style: italic;}

* {
   margin: 0;
   padding: 0;
}


/************************************************
*	Page Styles				*
************************************************/

html {
   background: #fbfaf2 url(images/bg2.gif) repeat-x top center;
   height: 100%;
}

body {
   background: url(images/header2.jpg) no-repeat top center;
   color: #4f4430;
   font: normal 0.85em/1.4em "Century Gothic", verdana, sans-serif;
   height: 100%;
}

#wrapper {
   margin: 0 auto;
   width: 960px;
   height: auto;
   min-height: 100%;
}

h1 {font-size: 1.5em; margin-bottom: 1em;}
h2 {font-size: 1.4em; margin-bottom: .5em; color: #554c3d; font-weight: bold;}
h3 {font-size: 1.3em; line-height: 1.2em; margin-bottom: .83em; color: #554c3d; margin-top: 1.2em;}
h4 {font-size: 1.0em; margin-bottom: 1.12em;}
h5 {font-size: 0.9em; margin-bottom: 1.5em;}
h6 {font-size: 0.8em; margin-bottom: 1.67em;}

p {margin: 1.12em 0;}

.left {float: left;}
.right {float: right;}

.hilite {background-color: #c3ec1a;}

hr {
   border: 0;
   border-top: 1px dashed #c4c1b2;
   height: 0;
   margin: 20px 0;
}

/************************************************
*	Hyperlinks				*
************************************************/

a:link, a:visited {
   color: #000;
   text-decoration: none;
}

a:active {color: #000;}

a:hover {
   color: #000;
   text-decoration: underline;
}

/************************************************
*	Images					*
************************************************/

p img {
   padding: 0;
   max-width: 100%;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}

.alignright {float: right;}

.alignleft {float: left;}

.wp-caption-text {
   margin: 0;
   font: italic 0.85em/1.2em verdana, sans-serif;
   padding: 0 2px;
}

/************************************************
*	Header					*
************************************************/

#header {
   height: 285px;
   position: relative;
}

#slideshow {
   position: absolute !important;
   bottom: -25px;
   left: 86px;
}

#logo a {
   width: 460px;
   height: 160px;
   float: right;
   display: inline;
   margin: 30px 42px 0 12px;
}

/************************************************
*	Navigation Bar				*
************************************************/
	
ul#navbar {
   padding: 68px 0 0;
   text-align: center;
}

ul#navbar li {
   display: inline;
   margin-left: -4px;
}

ul#navbar li a,
ul#navbar li a:visited {
   text-transform: lowercase;
   color: #544c3d;
   padding: 0 12px;
   text-decoration: none;
}

ul#navbar li a:hover {
   text-decoration: none;
   color: #000;
}

ul#navbar li.current_page_item a {color: #000;}

/************************************************
*	Sidebar					*
************************************************/

#sidebar {
   color: #4f4430;
   float: right;
   width: 190px;
   padding: 65px 0 0;
   font-size: 0.9em;
}

#sidebar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
	
#sidebar ul li {
   list-style-type: none;
   margin: 0;
}

#sidebar ul ul {
   list-style-type: none;
   margin: 5px 0px 0px 20px;
   padding: 0;
}
	
#sidebar ul li li {
   list-style-type: square;
   margin: 0;
   padding: 0;
}
	
#sidebar ul li ul li {
   margin: 0;
   padding: 0px 0px 3px 0px;
}

#sidebar h2 {
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar .widget {padding-bottom: 40px;}

.widget_calendar h2 {display: none;}

.widget_calendar table {
   border-collapse: separate;
   border-spacing: 2px;
}

#wp-calendar {width: 210px;}

#wp-calendar #today {background: #252525;}

#wp-calendar tbody a {font-weight: bold;}

#wp-calendar caption {
   font-size: 1.1em; 
   margin-bottom: .2em; 
   color: #ff6600; 
   font-weight: bold;
   padding-left: 2px;
}

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

#wp-calendar th {font-weight: bold;}

#wp-calendar tr {font-size: 0.9em;}

#wp-calendar tbody td {border: 1px solid #ccc; padding: 3px;}

#wp-calendar tbody td.pad {border: 0 none;}

#wp-calendar th {
   background: #999;
   color: #fff;
}

#wp-calendar td#prev {
   text-align: left;
   padding-top: 5px;
}
#wp-calendar td#next {
   text-align: right;
   padding-top: 5px;
}

/************************************************
*	Search Form				*
************************************************/

#searchbox {
   background: url(images/search.jpg) no-repeat;
   width: 175px;
   height: 21px;
   display: block;
   padding: 4px 2px 0 2px;
}

#searchbox .textfield {
   color: #666;
   font: normal 0.85em/1.2em verdana, sans-serif;
   background: none;
   border: 0;
   width: 140px;
   float: left;
   margin-right: 0;
   padding-left: 6px;
}

#searchbox .textfield:focus {color:#000;}

#searchbox .button {
   background: none;
   border: 0;
   width: 18px;
   height: 18px;
   cursor: pointer;
   float: left;
   margin-top: 1px;
}

/************************************************
*	Content Area				*
************************************************/

#content {
   float: left;
   width: 700px;
   background: url(images/#.jpg) repeat-y top center;
   padding: 65px 0 20px 0;
   height: 100%;
}

#content ol {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ol li {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}

#content ul.short {
   float: left;
   width: 200px;
}
	
#content ul li {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul ul {
   list-style-type: none;
   margin: 5px 0 0 20px;
   padding: 0;
}
	
#content ul li li {
   list-style-type: disc;
   margin: 0;
   padding: 0;
}
	
#content ul li ul li {
   margin: 0;
   padding: 0 0 3px 0;
}

/************************************************
*	Posts					*
************************************************/

.post p {clear: left;}

.post h2 {
   display: block;
   border-bottom: 1px dotted #ccc;
   padding: 0 0 4px;
   margin-bottom: 0.3em;
}

.post h2 a {
   text-decoration: none;
}

.post h2 a:hover {
   color: #000;
   text-decoration: none;
}

.post .postinfo {overflow: auto;}

.post .date, 
.post .author, 
.post .editpost,
.post .comments,  
.post .addcomment {
   background: url(icons/icons.gif) no-repeat;
   padding-left: 22px;
   height: 16px;
   line-height: 16px;
   display: block;
   font-size: 11px;
}

.post .date {
   background-position: 0 -48px;
   margin-right: 15px;
   float: left;
}

.post .author {
   background-position: 0 0;
   float: left;
}

.post .editpost {
   background-position: 0 -64px;
   margin-left: 15px;
   float: right;
}

.post .tags, .post .categories {
   background: url(icons/icons.gif) no-repeat;
   width: 16px;
   height: 16px;
   line-height: 16px;
   display: block;
   text-indent: -999em;
}

.post .comments {
   background-position: 0 -96px;
   float: right;
}

.post .addcomment {
   background-position: 0 -112px;
   margin-left: 15px;
   float: right;
}

.post .postmeta span.tags, 
.post .postmeta span.categories {margin-right: 6px;}

.post .tags {background-position: 0 -400px;}

.post .categories {background-position: 0 -480px;}

.post .postmeta {
   height: 16px;
   line-height: 16px;
   font-size: 11px;
   margin-bottom: 40px;
}

.post .postmeta span {
   float: left;
   margin-right: 15px;
}

.postnavigation {
   border-top: 1px solid #666;
   margin: 10px -5px 0;
   padding: 5px 5px 10px;
   font-size: 0.8em;
}

.postnavigation .newer a, .postnavigation .prev a {float: left;}

.postnavigation .older a, .postnavigation .next a {float: right;}

/************************************************
*	Comments  				*
************************************************/

.comment {
   overflow: hidden;
   margin: 40px 20px 20px 0;
}

#comments h2 {
   color: #666;
   padding-top: 0.5em;
}

.comment .author {
   background: none;
   float: left;
   clear: left;
   width: 110px;
   text-align: center;
   padding: 10px 0;
}

.comment .pic {
   background: url(images/commentpoint.png) 100% 42% no-repeat;
   padding-bottom: 2px;
}

.comment .name {
   font-weight: bold;
   font-size: 1.1em;
   overflow: hidden;
}

.comment .info {
   background: #444 url(images/comment.gif) 0 0 no-repeat;
   float: left;
   padding: 10px 15px 0;
   width: 494px;
}

.comment .date {
   font-size: 11px;
   color: #666;
   margin-top: 2px;
}

.comment .content {
   background: url(images/comment.gif) 100% 100% no-repeat;
   margin: 0 -15px;
   padding: 12px 15px;
   line-height: 145%;
}

.comment .content p {margin: 22px 0 6px 0;}

form#commentform {padding-top: 6px;}

form#commentform p {margin: 0.7em 0;}

form .small {font-size: 12px;}

input.textfield,
textarea,
input#author,
input#email,
input#url {
   border: 1px solid #666;
   font-size: 12px;
   padding: 2px;
   background-color: #faf8e6;
   color: #888;
   font: normal 0.85em/1.2em verdana, sans-serif;
}

.comments_reply textarea {width:550px;}

.comments_reply h2 {
   color: #666;
   padding-top: 0.5em;
}

.comments_reply {
   clear: left;
   padding: 10px 0;
}

.comments_reply #submit {
   background: #454545;
   border:1px solid #888;
   color: #ff6600;
   cursor: pointer;
   font-size: 11px;
   padding: 3px 6px;
}

.comments_reply #submit:hover {background: #353535;}

/************************************************
*	Contact Form  				*
************************************************/

#content .wpcf7 .textfield, #content .wpcf7 .textarea {
   background-color: #faf8e6;
   border: 1px solid #888;
   color: #555;
   font: 0.85em/1.2em geneva, sans-serif;
   padding-left: 2px;
}

#content .wpcf7 .textfield:focus,
#content .wpcf7 .textarea:focus {
   border: 1px solid #000;
}

#content .wpcf7 .submitbutton {
   background: url(images/formbg.gif) repeat-x left top;
   border: outset 1px #ccc;
   color: #666;
   font-weight: bold;
   padding: 1px 2px;
   width: 80px;
   height: 28px;
   cursor: pointer;
}

#content .wpcf7-response-output {width: 400px; border: none;}

#content .wpcf7-mail-sent-ok {width: 400px; border: none;}

#content .wpcf7-validation-errors {width: 500px; border: none;}

/************************************************
*	Footer  					*
************************************************/

#footer {
   color: #c0b8ad;
   height: 86px;
   margin-top: 0;
   min-width: 998px;
   font-size: .8em;
   background: url(images/footer-bg.gif) repeat-x top center; 
   clear: both;
   overflow: hidden;
}

#footer a {
   color: #c0b8ad;
   text-decoration: none;
}

#footer a:hover {
   color: #fff;
   text-decoration: none;
}

.footer-content {
   background: url(images/footer-content-bg.jpg) no-repeat top center; 
   height: 100%;
   margin: 0 auto;
   padding-top: 13px;
   width: 960px;
}

.obsidian {
   width: 190px;
   clear: both;
   text-align: left;
}

.obsidian a {
   background: url(images/o7logo.gif) no-repeat left 0;
   display: block;
   float: left;
   padding-left: 30px;
   height: 28px;
   margin-top: 4px;
   line-height: 1.3em;
}

.obsidian a:hover {background-position: left -28px;}

.footerleft {float: left;}
.footerright {float: right;}

.footerright img {
   float: right;
   padding-left: 14px;
}

/************************************************
*	Audio Player  				*
************************************************/

p.audioplayer_container {
   margin: 0;
   display: inline;
   padding: 2px;
}

.wpa_container,
.wpa_container div,
.wpa_container span,
.wpa_container a {
   line-height: 1.6em !important;
}

/************************************************
*	Venues Page 				*
************************************************/

.venue {
   float: left;
   width: 180px;
   height: 100px;
   margin-right: 14px;
   padding: 8px;
   line-height: 1.2em;
}

.venue a {color: #4f4430;}
.venue a:hover {color: #000;}

.venue:hover {background-color: #f2efe0;}

.wp-availability-month table tbody td.wp-availability-booked {background-color: #96e985 !important;} /* available in green */
/* .wp-availability-month table tbody td.wp-availability-booked {background-color: #de7676 !important;} booked in red */

/************************************************
*	Event Planner 				*
************************************************/

.event1, .event2 {
   clear: both;
   overflow: hidden;
}

.event1 label, .event2 label {
   float: left;
   text-align: left;
   margin-right: 0.5em;
   display: block;
   width: 22em;
   padding-left: 8px;
}

.event1 p, .event2 p {
   margin: 0;
   line-height: 130%;
   padding: 8px 0;
   width: 40em;
}

.event1 p .textfield {width: 18em;}

.event1 p:hover {background-color: #f2efe0;}

.event1 span.wpcf7-list-item {
   float: left;
   margin-left: 0.5em;
   width: 12em;
}

.event2 span.wpcf7-list-item {
   float: left;
   margin-left: 0.5em;
   width: 5em;
   height: 2em;
}

/************************************************
*	Entertainment Agreement 			*
************************************************/

.agreement1, .agreement2 {
   clear: both;
   overflow: hidden;
}

.agreement1 label, .agreement2 label {
   float: left;
   text-align: left;
   margin-right: 0.5em;
   display: block;
   width: 16em;
   padding-left: 8px;
}

.agreement1 p, .agreement2 p {
   margin: 0;
   line-height: 130%;
   padding: 8px 0;
   width: 36em;
}

.agreement1 p .textfield {width: 20.7em;}

.agreement1 p:hover {background-color: #f2efe0;}

.agreement1 span.wpcf7-list-item {
   float: left;
   margin-left: 0.5em;
   width: 12em;
}

.agreement2 span.wpcf7-list-item {
   float: left;
   margin-left: 0.5em;
   width: 5em;
   height: 2em;
}

.agreement1 p span.your-city .textfield {width: 96px;}
.agreement1 p span.your-zip .textfield {width: 65px;}
p span.rate .textfield,
p span.hours .textfield,
p span.additional-hour .textfield,
p span.travel-charge .textfield,
p span.deposit .textfield {width: 60px; margin: 2px 0;}

/************************************************
*	Availability Calendar 			*
************************************************/

.datepick .datepick-days-cell a {
   background-color: #56e266 !important;
   color: #444 !important;
}

.datepick td.date2approve,
.block_hints .block_pending {
   color:#ea5 !important;
   background-color: #ffde45 !important;
   color: #666 !important;
   /* border: 1px solid #fff !important; */
}

.datepick td.date_approved,
.block_hints .block_booked {
   color:#79c !important;
   background-color: #ff4545 !important;
   color: #fff !important;
   /* border: 1px solid #fff !important; */
}

.ww-widget-wwrated-2010 {margin-left:0 !important;}

/************************************************
*	News Ticker 			*
************************************************/

ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: absolute;
	overflow: hidden;
	left: 164px;
	top: 20px;

	/* optional styles for appearance */
	width: 600px;
	height: 22px; /* height should be included to reserve visual space for the marquee */
	color: #d80000;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px 5px;
}

/************************************************
*	WP-Audio Plugin				*
************************************************/

.wpaudio-download {display: none;}

a.wpaudio {font-weight: normal !important;}