/*
Theme Name: Keith Hall Custom Theme
Theme URI: http://equaltemp.com/
Description: This theme is just for my buddy, Keith!!!
Version: 1
Author: <a href="http://equaltemp.com/">Matthew Fries</a>
by Matthew Fries - equaltemp.com
*/


/* Overwrites and Tag Declerations
----------------------------------------------- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

// Fonts

@font-face {
	font-family: 'HelveNeuMedCond';
	src: url('fonts/Helvetica-Neue-Folder/HelveNeuMedCon.eot');
}
@font-face {
	font-family: 'HelveNeuMedCond';
	src: url('fonts/Helvetica-Neue-Folder/HelveNeuMedCon.woff') format('woff'),
		url('fonts/Helvetica-Neue-Folder/HelveNeuMedCon.svg#HelveNeuMedCond') format('svg');
}

@font-face {
	font-family: 'Gogosquat';
	src: url('fonts/Gogosquat-Folder/GOGO.eot');
}
@font-face {
	font-family: 'Gogosquat';
	src: url('fonts/Gogosquat-Folder/GOGO.woff') format('woff'),
		url('fonts/Gogosquat-Folder/GOGO.svg#Gogosquat') format('svg');
}



body {
	background:#fff url(images/bg_body.gif) repeat-x;
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}

body.home {
	background:#fff url(images/bg_body_home.gif) repeat-x;
}

#glow {
	position:absolute;
	top:39px;
	width:100%;
	background:transparent url(images/bg_glow.jpg) no-repeat top center;
	height:218px;
	overflow:hidden;
}

.home #glow {
	height:438px;
}



#frame {
	position:relative;
	top:0px;
	width:960px;
	margin:0px auto 0px auto;
}


/* ------ NAVIGATION ------------------- */

#nav {
	padding:0px 10px 0px 30px;
	height:37px;
	overflow:hidden;
	font-family: HelveNeuMedCond, Arial Narrow, sans-serif;
	font-size:18px;
}

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

#nav ul li {
	display:inline-block;
	background:transparent url(images/nav_bullet.gif) no-repeat 0px 12px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

#nav ul li:first-child {
	background-image:none;
	padding-left:0px;
}

#nav ul li a {
	color:#fff;
	text-transform:UPPERCASE;
	text-decoration:none;
	font-weight:normal;
	padding:5px;
}

#nav ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 32px;
	z-index: 99999;
	background-color:#fff;
}
#nav ul ul li {
	display:block;
	background-image:none;
	padding-left:0px;
	margin:0px;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul a {
	display:inline-block;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	width: 150px;
}
#nav ul ul li:hover > a,
#nav ul ul :hover > a,
#nav ul ul a:focus {
	color: #ff4e00;
	background-color:#e6ecf0;
}
#nav a:focus {
	color: #ff4e00;
}
#nav ul li:hover > ul {
	display: block;
}
#nav .current_page_item > a,
#nav .current_page_ancestor > a {
	font-weight: normal;
}





#header {
	position:relative;
	background-color:#000;
	background-repeat:no-repeat;
	width:950px;
	height:215px;
	overflow:hidden;
	border:solid 5px #fff;
	background-size: auto 217px;
}


.home #header {
	background-image:url(images/bg_header_home.jpg);
	background-position: top right;
	height:435px;
	background-size: auto 435px;
}

#logo {
	position:absolute;
	top:5px;
	right:10px;
}

.home #logo {
	top:5px;
	left:10px;
}

#drummer-dude {
	position:absolute;
	right:11px;
	bottom:12px;
}

#feature-area {
	color:#fff;
	position:absolute;
	width:480px;
	height: 176px;
	overflow:hidden;
	top:229px;
	left:0px;
	padding:20px 10px 10px 20px;
	background:transparent url(images/bg_feature.png) no-repeat;
}

#featured_slider {
	background-color: transparent !important;
	float: left;
	margin: 0px;
	padding:0px;
	position: relative;
	width: 480px;
}

#featured_slider ul, #featured_slider ul li {
	background-color: transparent !important;
	list-style: none !important;
	border: none !important;
	float: left;
	margin: 0px;
	padding:0px;
	width: 480px;
	height: 170px;
}

#feature_slider_list img {
	float:left;
}

#feature_slider_list h1 {
	font-family: HelveNeuMedCond, Arial Narrow, sans-serif;
	margin: 0px 0px 10px 160px;
	color:#fff;
	font-size:30px !important;
	line-height:30px !important;
	font-weight:bold;
}

#feature_slider_list h1 a {
	color:#fff;
	text-decoration:none !important;
}

#feature_slider_list .description {
	margin-left:160px;
	color:#fff;
	font-size:14px !important;
}

#feature_slider_list a.button {
	padding-top:10px;
	display:inline-block;
}

#featured_slider .feat_prev {
background: transparent url(/wp-content/plugins/wp-featured-content-slider/images/sprite.png) no-repeat;
background-position: 0px 0px;
width: 17px;
z-index: 10;
height: 16px;
position: absolute;
right: 40px;
cursor: pointer;
bottom: 0px;
float: left;
}

#featured_slider .feat_prev:hover {
background-position: 0px -16px;
}

#featured_slider .feat_next {
background: transparent url(/wp-content/plugins/wp-featured-content-slider/images/sprite.png) no-repeat;
background-position: -17px 0px;
width: 17px;
z-index: 10;
height: 16px;
position: absolute;
right: 20px;
bottom: 0px;
cursor: pointer;
}

#featured_slider .feat_next:hover {
background-position: -18px -16px;
}


#footer {
	padding:20px 20px 15px 20px;
	text-align:center;
}


/* ------ GENERAL STYLES --------------------------- */

a {
	color:#ff4e00;
	font-weight:normal;
	text-decoration:underline;
	border:none;
}

a img, 
#content a img,
#sidebar a img {
	border:none !important;
}

img.polaroid {
	border:solid 1px #666;
	background-color:#fff;
	padding:4px;
	box-shadow: 2px 2px 4px 2px #ccc;
}


/* ------ CONTENT STYLES --------------------------- */

#content {
	position:relative;
	background-image: url(images/hdr_welcome.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	margin:-5px 0px 0px 0px;
	padding:100px 10px 20px 30px;
	float:left;
	width:650px;
	line-height:18px;
}

.read #content {
	background-image: url(images/hdr_news.png);
	padding-top:80px;
}

.about #content {
	background-image: url(images/hdr_about-keith.png);
}

.contact #content {
	background-image: url(images/hdr_contact.png);
}

.itinerary #content {
	background-image: url(images/hdr_itinerary.png);
}

.education #content {
	background-image: url(images/hdr_education.png);
}

.performance #content {
	background-image: url(images/hdr_performance.png);
}

.blog #content {
	background-image: url(images/hdr_blog.png);
}

#breadcrumbs, 
#nav-single {
	font-size:11px;
	color:#8fa9c1;
	position:absolute;
	top:68px;
	left:20px;
}

#breadcrumbs a {
	color:#8fa9c1;
}

#breadcrumbs a:HOVER {
	color:#666;
}


#content .datestamp {
	font-size:10px;
	color:#a0b7c9;
	padding:0px;
	margin:0px;
	line-height:normal;
}

#content h1 {
	clear:both;
	font-family: HelveNeuMedCond, Arial Narrow, sans-serif;
	font-size:24px;
	color:#296298;
	padding:3px 0px 8px 10px; 
	margin:0px 0px 5px -10px;
	font-weight:normal;
	line-height:normal;
	//border-bottom:solid 1px #e6ecf0;
	background:transparent url(images/bg_h1.gif) no-repeat 0px 2px;
}

#content h1 a {
	color:#296298;
	text-decoration:none;
}

#content h2 {
	font-family: HelveNeuMedCond, Arial Narrow, sans-serif;
	font-size:22px;
	color:#296298;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 5px 0px;
	font-weight:normal;
	line-height:normal;
}

#content h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
	color:#666;
	line-height:normal;
}

#content h3 a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

#content .alignleft {
	float:left;
	margin: 0px 12px 5px 0px;
}

#content .alignright {
	float:right;
	margin: 0px 0px 5px 12px;
}

#content .article-body {
	padding:0px 0px 10px 0px;
	//border-bottom:solid 1px #e6ecf0;
	margin:0px 0px 10px 0px;
}

#content p {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#content ul {
	margin:0px 0px 12px 3px;
	padding:0px;
	list-style: none;
}

#content ul ul {
	margin-bottom:6px;
}

#content ul li {
	padding:0px 0px 0px 17px;
	margin:0px 0px 4px 0px;
	background:transparent url(images/bullet.png) no-repeat;
}

#content ul#cal li {
	background:none;
}


/* ------ SIDEBAR STYLES ---------------------------- */

#sidebar {
	float:right;
	width:240px;
	margin:10px 10px 20px 10px;
}

#sidebar .addthis {
	padding:10px 10px 10px 10px;
}

#sidebar .widgets {
	margin:00px 0px 10px 0px;
	padding:10px;
	background-color:#e6ecf0;
	border:solid 1px #8fa9c1;
	border-radius:5px;
	font-size:12px;
}

#sidebar .widgets h2 {
	font-family:Gogosquat, sans-serif;
	font-size:18px;
	font-weight:normal;
	color: #ff4e00;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#sidebar .widgets p {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#sidebar .widgets div {
	padding-top:10px;
	border-top:solid 1px #fff;
}

#sidebar div.textwidget {
	border-top:none;
	padding-top:0px;
}

#sidebar div.shopping_cart {
	background-color:#fff;
	border:solid 1px #8fa9c1;
	border-radius:5px;
	padding:7px;
	margin:0px 0px 10px 0px;
	box-shadow: 2px 2px 4px 2px #ccc;
}

#sidebar .widgets div:first-child {
	padding-top:0px;
	border-top:none;
}

#sidebar ul {
	margin:0px 0px 10px 3px;
	padding:0px;
	list-style: none;
}

#sidebar ul ul {
	margin-bottom:4px;
}

#sidebar ul li {
	padding:0px 0px 0px 17px;
	margin:0px 0px 2px 0px;
	background:transparent url(images/bullet.png) no-repeat;
}

#sidebar h4 {
	font-size:13px;
	font-weight:bold;
	margin:2px 0px 0px 0px;
	padding:0px;
}


/* ------ CALENDAR -------------------- */

#cal .date {
	color:#8fa9c1;
}


/* ==== FORM STUFF =================== */

form .text,
input[type=text],
input[type=email],
input[type=password],
textarea, 
.eStore_text_input {
	border:solid 1px #666;
	border-radius:3px;
	background-color:#fff;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:1px 5px 1px 5px;
}

select {
	border:solid 1px #666;
	border-radius:3px;
	background-color:#fff;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;

}

/* Contact form */

#content .wpcf7-form label {
	display:inline-block;
	width:150px;
	font-weight:bold;
	text-align:right;
	padding:0px 5px 0px 0px;
	vertical-align:top;
}

input#send-message {
	width:100px;
	height:21px;
	border:none;
	margin: 5px 0px 10px 0px;
	background: transparent url(images/btn_send-message.png) no-repeat;	
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.width-20 {
	width:20px;
}

.width-50 {
	width:50px;
}

.width-100 {
	width:100px;
}

/* KHSDI Registration Form */

input#sign-up-now {
	width:90px;
	height:21px;
	border:none;
	margin: 5px 0px 10px 0px;
	background: transparent url(images/btn_sign-up-now.png) no-repeat;	
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/* ==== COMMENTS ======================= */


/* comments */
h2#comments {
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
	border-top:solid 1px #afaa82;
}
#commentlist .commentdata,
#commentlist,#commentlist ul {
	margin:0;
	padding:0;
}
#commentlist li {
	margin:0 0 10px;
	padding:6px;
	list-style:none;
	border:solid 1px #afaa82;
	background-color:#c3be96;
}
#commentlist li p {
	margin-left:50px;
}
#commentlist .children li {
	margin:10px 20px;
}
#commentlist .comment-author {
	float:left;
}
#commentlist img {
	float:left;
	margin:1px 0 5px 1px;
	padding:0;
}
#commentlist .commentmetadata {
	min-height:32px;
	margin:0 5px 0 0;
	text-align:right;
	font-size:10px;
	color:#afaa82;
	text-transform:uppercase;
}
#commentlist .comment-author cite {
	display:inline;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	text-align:left;
	font-style:normal;
}
#commentlist .bypostauthor > .comment-body cite {
	padding-left:0px;
}
#commentlist .comment-author cite img {
	-moz-border-radius:3px;
}
#commentlist .comment-author + em {
	clear:left;
	display:block;
}
#commentlist .comment-edit-link {
	font-size:x-small;
}
#commentlist .comment_text {
	clear:left;
	margin:0;
	padding:0px;
}
#commentlist .comment p,
#commentlist .trackback p,
#commentlist .pingback p {
	clear:both;
	padding:0px 0px 10px 0px;
}
#commentlist blockquote,
#commentlist blockquote cite {
	font-style:italic;
}
#commentlist blockquote {
	margin:0 0 0 20px;
	padding:0;
	min-height:0;
}
#commentlist blockquote cite {
	padding-bottom:0;
}
#commentlist .reply {
	text-align:right;
	margin-right:5px;
	font-size:.9em;
}
#commentlist #respond {
	width:96%;
	margin:0 auto;
}
.comment-links {
	margin:0px 0px 20px 0px;
	padding:0;
}
.comment-links li {
	margin:0px 5px 0px 0px;
	padding:0;
	display:inline;
	font-size:10px;
	color:#afaa82;
	text-transform:uppercase;
}
#commentform {
	margin:0px 0px 0px 8px;
}
.comment-notes,
.logged-in-as {
	font-size:10px;
	color:#494629;
	text-transform:uppercase;
}

#commentform label.text {
	display:inline-block;
	width:3.7em;
}
#commentform .comment-form-comment {
	margin:0;
}
#commentform .comment-form-comment label,
#commentform .comment-form-email label,
#commentform .comment-form-author label,
#commentform .comment-form-url label {
	display:block;
	padding:2px;
	text-transform:uppercase;
	color:#494629;
}

#commentform .required {
	color:red;
	margin: 0px 5px 0px -10px;
}
#commentform .comment-notes .required {
	margin:0px;
}
#commentform .form-allowed-tags {
	margin:0;
	line-height:1.2em;
	font-size:.8em;
}

#commentform .form-allowed-tags code {
	font-size:10px;
}

#commentform input[type=submit] {
	width:119px;
	height:21px;
	border:none;
	margin: 15px 0px 0px 0px;
	background: transparent url(images/btn_post-comment.png) no-repeat;	
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}