/*
Theme Name:JAM Productions
Description:Default JAM Productions theme
Author:Ilia Draznin
Author URI:http://iliadraznin.com/
Version:1.5
Tags:black, dark, one-column, two-columns, fixed-width
*/

/* HTML5 Boilerplate CSS:h5bp.com/css
========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1 }
audio:not([controls]) { display:none }
[hidden] { display:none }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
html, button, input, select, textarea { font-family:serif; color:#222 }
abbr[title] { border-bottom:1px dotted }
b, strong { font-weight:bold }
blockquote { margin:1em 40px }
dfn { font-style:italic }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
ins { background:#ff9; color:#000; text-decoration:none }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word }
q { quotes:none }
q:before, q:after { content:""; content:none }
small { font-size:85% }
/*
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
*/
ul, ol { margin:1em 0; padding:0 0 0 40px }
dd { margin:0 0 0 40px }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0 }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle }
figure { margin:0 }
form { margin:0 }
fieldset { border:0; margin:0; padding:0 }
label { cursor:pointer }
legend { border:0; *margin-left:-7px; padding:0; white-space:normal }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle }
button, input { line-height:normal }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible }
button[disabled], input[disabled] { cursor:default }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 }
textarea { overflow:auto; vertical-align:top; resize:vertical }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd }
table { border-collapse:collapse; border-spacing:0 }
td { vertical-align:top }
::-moz-selection { background:#c34; color:#fff; text-shadow:none }
::selection { background:#c34; color:#fff; text-shadow:none }
.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0 }


/* ===== Primary Styles ========================================================
   Author: Ilia Draznin
   ========================================================================== */

body {
	margin:0;
	background:#0c0c0c url(images/bg.jpg) no-repeat center top;
	color:#e1e1e1;
	font:normal 10px/1.5 georgia, serif;
}
a {
	color:#c1c1c1;
	-webkit-transition:color .2s linear, background-color .2s linear;
	   -moz-transition:color .2s linear, background-color .2s linear;
		-ms-transition:color .2s linear, background-color .2s linear;
		 -o-transition:color .2s linear, background-color .2s linear;
			transition:color .2s linear, background-color .2s linear;
}
a:visited { color:#c1c1c1 }
a:hover { color:#fc0; text-decoration:none }
a:focus { outline:thin dotted }
a:hover, a:active { outline:0 }

.col { float:left; margin:0 10px }
.fullcol { width:940px }
.onehalf { width:460px }
.onethird { width:300px }
.twothirds { width:620px }
.onequarter { width:220px }
.oldie .fullcol { width:900px }
.oldie .onehalf { width:450px }
.oldie .onethird { width:260px }
.oldie .twothirds { width:580px }
.oldie .onequarter { width:180px }
.wrapper { width:960px; margin:0 auto }
#header { height:180px; position:relative }
#mbMenuBtn { display:none }
#menu { position:absolute; top:10px; left:0; width:100% }
.menu-main-menu-container { background:#181818; border:1px solid #3c3c3c; border-width:1px 0; height:34px }
.menu { width:640px; margin: 0 auto }
.clr:before, .clr:after, .menu ul:before, .menu ul:after { content:""; display:table }
.clr:after, .menu ul:after { clear:both }
.clr, .menu ul { *zoom:1 }
.menu li {
	position:relative;
	float:left;
	line-height:34px;
	font-size:14px;
	text-transform:uppercase;
	padding:0 17px 0 18px;
}
.menu a {
	color:#ccc;
	text-decoration:none;
	padding:1px 4px 1px 28px;
	position:relative;
}
.menu a:before {
	content:"";
	display:block;
	width:18px;
	height:18px;
	background:url(images/nav-icons.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:4px;
}
.menu a:hover, .current_page_item a, .menu a:focus { color:#fc0 }
.menu a:focus { outline:thin dotted }

.sub-menu {
	display:none;
	position:absolute;
	top:34px;
	left:20px;
	background:#222;
	border:1px solid #444;
}
.menu li:hover .sub-menu {
	display:block;
}
.menu .sub-menu li {
	padding:0 6px;
}
.menu .sub-menu a {
	padding-left:6px;
	padding-right:6px;
}
.menu .sub-menu a:before {
	display:none;
}

.menu-h a:before { background-position:0 0 }
.current_page_item.menu-h a:before { background-position:0 -18px }
.menu-a a:before { background-position:-18px 0 }
.current_page_item.menu-a a:before { background-position:-18px -18px }
.menu-p a:before { background-position:-36px 0 }
.current_page_item.menu-p a:before { background-position:-36px -18px }
.menu-k a:before { background-position:-54px 0 }
.current_page_item.menu-k a:before { background-position:-54px -18px }
.menu-b a:before { background-position:-72px 0 }
.current_page_item.menu-b a:before { background-position:-72px -18px }
.menu-t a:before { background-position:-90px 0 }
.current_page_item.menu-t a:before { background-position:-90px -18px }
.menu-c a:before { background-position:-108px 0 }
.current_page_item.menu-c a:before { background-position:-108px -18px }

#frontPageStory .yt-580 iframe { margin-left:180px }

#logoWrap { position:relative; position:absolute; top:60px; width:100% }
#siteTitle {
	width:400px;
	height:120px;
	margin:auto;
	position:relative;
	font-size:1em;
	font-weight:normal;
}
#siteTitle img { position:absolute; top:0; left:0 }
#siteTitle span { display:block; text-align:center; color:#999; text-indent:-9999em }
#siteTitle span a { text-decoration:none; color:#999 }
.title-jam { font-size:4em }
.title-eas { font-size:2em }

#footer { min-height:240px; background:#191919 }
#footerWidgets { margin-bottom:10px }
#footer .widget-area { float:left; width:300px; margin:0 10px; }

#footerLogo { position:relative; margin:50px 0 40px }
/*
#footerLogo span { display:block; color:#666 }
#footerLogo .footer-jam {
	font-size:4em;
	margin:1em 0;
}
#footerLogo .footer-prods {
	font-size:1.9em;
	text-transform:lowercase;
	position:absolute;
	top:37px; left:52px;
}
*/
#footer .copyright { color:#999; font-size:1.2em }
#footer .credit { color:#666; font-size:1.2em; line-height:3 }
#footer .credit a { color:#b6b6b6 }
#footer .credit a:hover { color:#8db4eb }
#social-buttons .social-buttons { text-align:right }
.tweetview_widget ul { display:none }
.tweetview_widget #tweetview_tweetlist { display:block }
#tweetview_tweetlist { margin:0; padding:0; list-style:none; width:260px; margin:auto; }
.tweetview-widget-tweettext {
	font-size:1.4em;
	font-style:italic;
	color:#f0f0f0;
	line-height:24px;
}
.tweetview-widget-time-ago { font-size:1.2em; color:#525252; display:block; text-align:right; line-height:28px }
.tweetview-widget-time-ago a { color:#525252; text-decoration:none }
.tweetview-widget-time-ago a:hover { color:#999 }
#text-3 { height:22px; margin:20px 0 }
#text-3 .textwidget { float:right }
.textwidget { position:relative; }
#footer h4 {
	margin:0;
	font-size:1.4em;
	font-variant:small-caps;
	color:#ccc;
	line-height:36px;
	height:30px;
	position:absolute;
	top:-70px;
	left:0;
	background:#191919;
	font-weight:normal;
	font-style:italic;
	width:100%;
}
#footer .txtfield, #footer textarea {
	background:#212121 url(images/background-noise.jpg);
	border:1px solid #333;
	border-radius:4px;
	color:#d6d6d6;
	font-size:1.4em;
	padding:0 8px;
	margin-top:12px;
	box-shadow:inset rgba(0,0,0,.4) 1px 1px 3px, rgba(0,0,0,.5) 0 0 3px;
	width:100%;
}
.oldie #footer .txtfield, .oldie #footer textarea { width:240px }
#footer .txtfield { height:24px; line-height:24px }
#footer .watermark { color:#888 }
#footer textarea { height:86px; padding:4px 8px }
#miniform { padding-top:6px }
#footer .qfcorner {
	width:0; height:0;
	border:1px solid transparent;
	border-bottom-color:#191919;
	position:absolute;
	top:-70px;
}
#footer .qfcorner.left { left:-20px; border-width:0 0 30px 20px }
#footer .qfcorner.right { right:-20px; border-width:0 20px 30px 0 }
#footUTlink { margin-left:6px; position:relative; top:1px }
#footUTlink img { vertical-align:top }
.widget-easy-twitter-feed-widget-container .row { display:none }
#text-2, #text-4 { margin-top:40px }

#main { margin:10px auto 80px auto }
#jam-productions #main { margin-bottom:100px }
h1, h2, .fake-header {
	font-size:3.6em;
	font-style:italic;
	color:#fc0;
	font-weight:normal;
	margin:.3em 0;
}
h1 a, h2 a, h5 a, h1 a:visited, h2 a:visited, h5 a:visited { text-decoration:none; color:inherit }
h1 a:hover, h2 a:hover { color:#fff }
h2.grey, .fake-header { color:#999 }
h2.grey small { text-transform:capitalize }
.home h2 { text-align:center }
hr { border-color:#4d4d4d; margin-left:auto; margin-right:auto }
hr.wide { width:580px }
hr.narrow { width:230px }
#main h1, #main h2 { margin-right:10px; margin-left:10px }
p.col { margin-top:1em; margin-bottom:1em }
.col p + img { margin-top:1em }

#frontPageSlider {
	position:relative;
	margin:0 auto 40px auto;
	width:940px;
	overflow:hidden;
	-webkit-box-shadow:rgba(0,0,0,.3) 0 0 12px;
	   -moz-box-shadow:rgba(0,0,0,.3) 0 0 12px;
			box-shadow:rgba(0,0,0,.3) 0 0 12px;
}
#frontPageSlider ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width:4700px;
	-webkit-transition:all .5s linear;
	   -moz-transition:all .5s linear;
			transition:all .5s linear;
}
#frontPageSlider li { float:left; position:relative }
#frontPageSlider img.size-full { height:auto !important }
#frontPageSlider .slide-title, #frontPageSlider .slide-text {
	background:#222;
	background:rgba(0,0,0,.8);
	border-radius:4px;
	position:absolute;
	left:17%;
}
#frontPageSlider .slide-title {
	font-size:1.8em;
	padding:1em 1.3em;
	font-style:italic;
	color:#fc0;
	line-height:.5;
	top:10px;
}
#frontPageSlider .slide-text {
	font-size:1.6em;
	padding:1em 1.5em;
	color:#fff;
	width:66%;
	bottom:10px;
}
#frontPageSlider .slide-arrow {
	width:54px;
	height:48px;
	position:absolute;
	top:50%;
	margin-top:-24px;
	background:#262626;
	cursor:pointer;
	background:-webkit-linear-gradient(top, #2c2c2c, #222);
	background:   -moz-linear-gradient(top, #2c2c2c, #222);
	background:    -ms-linear-gradient(top, #2c2c2c, #222);
	background:		 o-linear-gradient(top, #2c2c2c, #222);
	background:		   linear-gradient(top, #2c2c2c, #222);
	-webkit-box-shadow:rgba(0,0,0,.4) 0 0 8px;
	   -moz-box-shadow:rgba(0,0,0,.4) 0 0 8px;
	   		box-shadow:rgba(0,0,0,.4) 0 0 8px;
}
#slideLeft { left:0; border-radius:0 8px 8px 0; display:none }
#slideRight { right:0; border-radius:8px 0 0 8px }
#frontPageSlider .slide-arrow img { position:absolute; top:12px; left:18px }
#slideRight.slide-arrow img { left:auto; right:18px }

#jam-productions h3 {
	font-size:1.8em;
	line-height:1.67;
	font-weight:normal;
	width:820px;
	margin:20px auto 30px auto;
}

.about-intro, .about-outro { margin-bottom:40px }
.intro-par { font-size:1.6em; color:#f0f0f0; margin:1.5em 0 2em 0 }
.intro-par strong {
	font-size:1.375em;
	color:#999;
	font-weight:normal;
	line-height:1.64;
}
.quote blockquote {
	font-style:italic;
	color:#ccc;
	line-height:2.14;
	margin:1em 0;
	text-indent:2em;
}
.quote em {
	font-style:normal;
	display:block;
	text-align:right;
	color:#848484;
}

#services, .point-list { padding:0; margin:0 0 40px 0; list-style:none }
.point-list { margin:10px 0 0 }

.oldie #services .onethird { padding:14px; margin-right:6px }

.testimonial,
.about-intro .quote,
.about-outro .outro-img,
#services li,
.half-box,
#contactInfo,
.category-photos,
#frontPageStory,
#karaokeSidebar .widget_twitter,
#karaokeSidebar .widget_text,
.show
{
	margin-top:10px;
	margin-bottom:10px;
	padding:19px 19px 38px 19px;
	border:1px solid #1c1c1c;
	background:#111;
	-webkit-box-shadow:rgba(0,0,0,.25) 0 0 5px;
	   -moz-box-shadow:rgba(0,0,0,.25) 0 0 5px;
		-ms-box-shadow:rgba(0,0,0,.25) 0 0 5px;
		 -o-box-shadow:rgba(0,0,0,.25) 0 0 5px;
			box-shadow:rgba(0,0,0,.25) 0 0 5px;
}
#karaokeSidebar .widget_text { padding:0 }
.about-intro .quote { font-size:1.4em }
.about-outro .outro-img { padding:38px 19px }
.about-outro p { font-size:1.8em; color:#ccc; line-height:1.7 }
.half-box, .show { padding:14px 19px }
#photos .category-photos { padding:19px }
.category-photos .caption { font-size:1.3em; line-height:22px; color:#ccc; margin:10px 0 0 }
#frontPagePhoto .attachment-post-thumbnail { width:258px; height:auto }

.oldie .half-box { width:430px; padding:14px }

#frontPageStory p.col { font-size:1.4em; margin:0 }
#frontPagePhoto, #frontPageStory { padding-bottom:19px }

#services li { padding:14px 19px; height:340px }
#services img { margin:12px 0; max-width:260px !important }
#services h3,
.half-box h3,
#contactInfo h3,
#frontPagePhoto h4,
#frontPageStory h4,
#karaokeSidebar .widget_twitter h3 {
	color:#fc0;
	font-size:1.8em;
	font-style:italic;
	font-variant:small-caps;
	font-weight:normal;
	margin:0;
	text-align:center;
}
#karaokeSidebar .widget_twitter h3 a { color:#fc0; text-decoration:none }
#frontPagePhoto h4, #frontPageStory h4 { margin-bottom:14px }
.half-box h3 { font-size:2.2em }
#services p { font-size:1.4em; color:#e1e1e1; line-height:2; margin:0 }
.point-list li {
	color:#ccc;
	font-size:1.6em;
	line-height:2.5;
	position:relative;
	cursor:default;
	-webkit-transition:color .2s linear;
	   -moz-transition:color .2s linear;
		-ms-transition:color .2s linear;
		 -o-transition:color .2s linear;
			transition:color .2s linear;
}
.point-list li:hover { color:#fff }
.icon {
	float:left;
	width:20px; height:20px;
	text-align:center;
	line-height:18px;
	border-radius:10px;
}
.checkmark {
	margin:10px 10px 0 0;
	background:#2c2c2c;
	color:#666;
	font-weight:normal;
	font-size:.75em;
	-webkit-transition:all .2s linear;
	   -moz-transition:all .2s linear;
		-ms-transition:all .2s linear;
		 -o-transition:all .2s linear;
			transition:all .2s linear;
}
li:hover .checkmark { color:#fff; background:#c34 }

#karaokeSidebar .widget_twitter { margin-bottom:20px }
#karaokeSidebar .tweets { margin:0; padding:0; list-style:none }
#karaokeSidebar .tweets li { font-size:1.4em; color:#f0f0f0; font-style:italic; padding-top:1em }
#karaokeSidebar .tweets .timesince {
	color:#525252;
	font-size:.857em;
	font-style:normal;
	display:block;
	text-align:right;
	text-decoration:none;
	line-height:3em;
}

.test-image img { width:100%; height:auto }
.test-quote {
	font-size:1.6em;
	line-height:2;
	color:#ccc;
	font-style:italic;
	text-indent:2em;
	padding:0 5px;
	margin-top:1.2em;
	background:url(images/quote-topleft.png) 0 0 no-repeat;
}
.test-author {
	font-size:1.4em;
	text-align:right;
	color:#848484;
	padding:0 5px;
	margin-top:1em;
}
.test-author:before { content:"- " }

.entry-content {
	color:#f0f0f0;
	font-size:1.6em;
	line-height:1.75;
}
.alignleft { display:inline; float:left; margin-right:1.625em }
.alignright { display:inline; float:right; margin-left:1.625em }
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto }
.entry-content > p:first-child { margin-top:1.6em }
.entry-content > p:first-child img { margin-top:-.6em }

.oldie .entry-content div.clr,
.oldie #services, .oldie .about-outro { width:940px }
.oldie .entry-content .twothirds { width:620px }

.entry-content .more-link, #frontPageStory .more-link {
	font-size:.75em;
	color:#ccc;
	background:#444;
	border-radius:2px;
	padding:5px 12px;
	text-decoration:none;
	font-style:italic;
	line-height:3.5;
}
#frontPageStory .more-link { float:right; font-size:.86em; padding:0 12px; line-height:2.2; margin-top:.5em }
.entry-content .more-link:hover, #frontPageStory .more-link:hover { background:#fc0; color:#222 }
#frontPageStory h5 {
	font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	margin:0 0 20px 0;
	padding-bottom:4px;
	border-bottom:1px solid #444;
}

.post-feat-img { display:block; margin:20px auto 0 auto; max-width:920px !important }
.pullquote {
	font-size:2em;
	line-height:1.875em;
	color:#999;
	text-transform:uppercase;
	font-style:italic;
	padding:0;
	margin-top:0;
}
#frugal-fashion-week-2011 .pullquote { padding:0 1em }
.more-link-wrap { display:inline }

.show { margin-bottom:20px }
.show p { font-size:1.6em; margin:4px 0 }
.show p:first-child { color:#fc0; margin-top:0 }
.show p > strong {
	font-size:.875em;
	font-style:italic;
	color:#ccc;
	background:#666;
	border-radius:4px;
	font-weight:normal;
	padding:1px 8px;
}
.show .loc-icon {
	display:inline-block;
	width:22px; height:22px;
	background:url(images/loc-icon.png) 10px 0 no-repeat;
	vertical-align:bottom;
}
.show p img {
	margin-top:10px;
	-webkit-box-shadow:rgba(0,0,0,.3) 0 0 10px;
	   -moz-box-shadow:rgba(0,0,0,.3) 0 0 10px;
			box-shadow:rgba(0,0,0,.3) 0 0 10px;
}
.show p > img:first-child { margin-right:20px }
.oldie .show p img { width:260px !important; height:auto !important }

#contactInfo h3 { text-align:left; margin-bottom:6px; font-size:1.8em }
#contactInfo h3.top-margin { margin-top:32px }
#contactInfo .line { display:block; color:#ccc; font-size:1.6em; line-height:2 }
#contactInfo .red-link:hover { color:#c34 }

#contactForm { float:left; width:620px; padding:0; margin:10px; position:relative }
#contactForm h2 { font-size:1.8em; font-variant:small-caps; margin-top:1.5em }
#contactForm .txtfield, #contactForm textarea {
	background:rgba(255,255,255,.04);
	border:1px solid #424242;
	border-radius:4px;
	color:#d6d6d6;
	font-size:1.7em;
	padding:0 .5em;
	margin:10px 0;
	box-shadow:inset rgba(0,0,0,.4) 1px 1px 3px, rgba(0,0,0,.5) 0 0 3px;
}
.oldie #contactForm .txtfield, .oldie #contactForm textarea { background:#2a2a2a }
#contactForm .txtfield {
	float:left;
	width:300px;
	height:1.88em;
	line-height:1.88;
}
#contactForm .your-email .txtfield,
#contactForm .event-date .txtfield,
#contactForm .event-duration .txtfield { margin-right:20px }
#contactForm textarea { width:100%; padding:4px .5em }
input.watermark, textarea.watermark { color:#888 !important }
#contactForm .txtfield:focus, #contactForm textarea:focus {
	border-color:#d0aa66;
	box-shadow:inset rgba(0,0,0,.4) 1px 1px 3px, rgba(214,278,102,.4) 0 0 5px;
}
#services .wpcf7-list-item {
	float:left;
	width:300px;
	margin:3px 0;
	font-size:1.8em;
	color:#ccc;
	padding-left:12px;
}
#services .wpcf7-list-item:nth-child(odd) { margin-right:20px }
#services .wpcf7-list-item input { margin-right:6px }
#services .wpcf7-list-item-label {
	-webkit-transition:color .2s linear;
	   -moz-transition:color .2s linear;
		-ms-transition:color .2s linear;
		 -o-transition:color .2s linear;
			transition:color .2s linear;
}
#services .wpcf7-list-item-label:hover { color:#c34 }

.form-submit {
	color:#fff;
	font-size:1.4em;
	text-transform:uppercase;
	background:#c34;
	height:26px;
	line-height:26px;
	width:70px;
	text-align:center;
	float:right;
	border:none;
	border-radius:3px;
	margin-top:14px;
	-webkit-transition:background .2s linear;
	   -moz-transition:background .2s linear;
		-ms-transition:background .2s linear;
		 -o-transition:background .2s linear;
			transition:background .2s linear;
}
.form-submit:hover { background:#444 }
#contactFormSubmit { margin-right:10px }


/* ===== Style (and overwrite) Contact Form 7 scripts ======================= */
.wpcf7-form:before, .wpcf7-form:after { content:""; display:table }
.wpcf7-form:after { clear:both }
.wpcf7-form { *zoom:1 }
body.page .wpcf7-not-valid-tip {
	border-radius:1px;
	background:#c34;
	color:#fff;
	font:normal 1.2em sans-serif;
	padding:3px 6px;
	font-style:italic;
	left:310px; top:-4px;
	width:auto;
	font-weight:bold;
	border:none;
	white-space:nowrap;
}
body.page .your-message .wpcf7-not-valid-tip { top:14px }
body.page .wpcf7-not-valid-tip:after {
	content:"";
	width:0; height:0;
	border:1px solid transparent;
	border-right-color:#c34;
	border-width:4px 8px 4px 0;
	position:absolute;
	left:-8px; top:6px;
}
body.page .wpcf7-response-output {
	border-radius:4px;
	background:#ddd;
	color:#333;
	font:normal 1.2em/1.5 sans-serif;
	padding:6px 8px;
	font-style:italic;
	position:absolute;
	left:100%; bottom:0;
	font-weight:bold;
	border:none;
}
#footerWidgets .wpcf7-response-output {
	width:100%;
	margin:0 0 0 8px;
}
#contactForm .wpcf7-response-output {
	width:50%;
	margin:0 0 0 -2px;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width:980px) {
	.wrapper { width:100% }
	.menu li { padding:0 2.5% }
	.fullcol { width:96% }
	.onehalf, #services .wpcf7-list-item { width:46% }
	.twothirds, #contactForm { width:64% }
	.onethird { width:30% }
	.onequarter { width:23% }
	#services img { width:100%; height:auto }
	hr.wide { width:98% }
	#photos .category-photos { padding:13px; margin:6px }
	#photos .category-photos img { width:100%; height:auto; max-width:180px; display:block; margin:auto }
	#contactForm .txtfield { width:47% }
	.entry-content > p:first-child img { margin-top:0 }
	.alignright { margin-left:1em }
	.alignleft { margin-right:1em }
	#frontPageSlider { width:96% }
	#frontPageSlider .slide-text { font-size:1.5em }
	#jam-productions h3 { width:100%; padding:0 10px; font-size:1.7em }
}
@media screen and (max-width:680px) {
	.menu { width:auto }
	.menu li { padding:0 2% }
}
@media screen and (min-width:581px) and (max-width:780px) {
	/*#menu { top:0; position:fixed; z-index:999 }
	.menu {
		height:56px;
		width:604px;
		margin:0 auto;
		border-top:none;
		-webkit-box-shadow:rgba(0,0,0,.3) 0 4px 6px;
   	   	   -moz-box-shadow:rgba(0,0,0,.3) 0 4px 6px;
			box-shadow:rgba(0,0,0,.3) 0 4px 6px;
	}
	.menu li { line-height:56px; padding:0 6px }
	.menu a { padding:23px 2px 1px 3px; top:14px }
	.menu a:before { left:50%; margin-left:-9px }
	#header { height:140px }*/
	.point-list li { font-size:1.2em }
}
@media screen and (max-width:780px) {
	#logoWrap { top:70px }
	#siteTitle { width:240px; height:80px }
	#siteTitle img { width:240px }
	.title-jam { font-size:2em }
	.title-eas { font-size:1em }
	.twothirds, #contactForm { width:96% }
	#contactForm { float:none }
	.onethird { width:46% }
	.onequarter { width:31% }
	.about-intro .quote, #second, #karaokeSidebar { display:none }
	#footer { height:auto }
	#footerLogo { margin:20px 0 }
	#services p { line-height:1.5 }
	.testimonial { padding:7px 13px 21px 13px }
	.test-quote { font-size:1.4em; line-height:1.6 }
	#contactInfo { width:96% }
	#karaokeShows p .size-full { max-width:280px; width:47%; height:auto }
	#frontPageSlider .slide-text { font-size:1.4em }
	#jam-productions h3 { font-size:1.6em }
}

@media screen and (max-width:580px) {
	#main { margin:10px auto }
	#header { height:auto }
	#menu { position:relative; margin-bottom:2em; border-bottom:1px solid #3c3c3c }
	#logoWrap { position:relative; top:0 }
	#siteTitle { height:56px; margin-top:6px }
	#mbMenuBtn {
		/*display:block;*/
		width:36px; height:36px;
		line-height:36px;
		font-size:1.6em;
		font-weight:bold;
		border-radius:6px;
		background:#181818;
		border:1px solid #3c3c3c;
		position:absolute;
		top:10px; right:20px;
		text-align:center;
		cursor:pointer;
	}
	#mbMenuBtn:hover { border-color:#999 }
	.menu-main-menu-container { height:auto; border:none }
	.menu li { display:block; float:none; border-top:1px solid #3c3c3c }
	.menu a { display:block; padding-left:48px }
	.menu a:before { top:8px; left:12px }
	.col { float:none; margin-left:auto; margin-right:auto }
	.onethird { width:96% }
	#services li { height:auto }
	#services img { display:block; margin-left:auto; margin-right:auto }
	h1, h2, .fake-header { font-size:2.8em }
	.intro-par { margin:1em 0; font-size:1.4em }
	.intro-par strong { color:#f0f0f0; font-size:1.2em; line-height:1.5 }
	.onehalf, #services .wpcf7-list-item { width:96% }
	#services .wpcf7-list-item { font-size:1.4em }
	.onequarter { width:47% }
	#third, .hide-on-mobile { display:none }
	#karaokeShows p .size-full { width:280px }
	iframe { width:100% }
	.entry-content p .size-full { display:block; float:none; margin:0 auto 1em auto }
	#frontPageSlider { width:100% }
	#frontPageSlider .slide-title { bottom:10px !important }
	#frontPageSlider .slide-text { display:none }
	#jam-productions h3 { font-size:1.5em }
}
@media screen and (max-width:420px) {
	.onequarter, #contactForm .txtfield { width:98% }
	.entry-content p .size-full { width:98%; height:auto }
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0 }
.ir br { display:none }
.hidden { display:none !important; visibility:hidden }
.hidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
.hidden.focusable:active, .hidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto }
.invisible { visibility:hidden }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
	* { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important } /* Black prints faster:h5bp.com/s */
	a, a:visited { text-decoration:underline }
	a[href]:after { content:" (" attr(href) ")" }
	abbr[title]:after { content:" (" attr(title) ")" }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"" }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border:1px solid #999; page-break-inside:avoid }
	thead { display:table-header-group } /* h5bp.com/t */
	tr, img { page-break-inside:avoid }
	img { max-width:100% !important }
	@page { margin:0.5cm }
	p, h2, h3 { orphans:3; widows:3 }
	h2, h3 { page-break-after:avoid }
}