/*
Theme Name: The Henegar 2014
Theme URI: http://skyadinc.com/
Author: the SKY team
Author URI: http://skyadinc.com/
Description: Theme created specifically for the Henegar.
Version: .5a
*/

/* RESET CSS */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************** END OF RESET CSS *********************/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700italic,700);

body { font-family: 'PT Sans', sans-serif; }

div.clear { clear:both; }
strong { font-weight:700 }

span.grey-text { color:#676767; }
span.small { font-size:.8em; }
div.clear { clear:both; }
.aligncenter { text-align: center; margin-left:auto; margin-right:auto; display:block; }
.alignleft { float:left; margin-right:20px; }
.alignright { float:right; margin-left:20px; }
.caps { text-transform:uppercase; }
.blue { background-color:#42aef2; }
.teal { background-color:#2cc3a1; }
.magenta { background-color:#f76db9; }
.tangerine { background-color:#fba43e; }
.bluetext { color:#42aef2; }
.tealtext { color:#2cc3a1; }
.magentatext { color:#f76db9; }
.tangerinetext { color:#fba43e; }
a.paylink { width: 115px; height:34px; color:#fff;line-height:34px; margin-bottom:5px; font-size:1.1em; text-decoration:none; text-align:center; vertical-align:middle; display:block; border-style:solid; border-color:#000; border-width:1px; border-radius:15px; margin-top:15px; }
a.paylink:hover { background-color:#000; }

hgroup.title { margin-left:20px; }

div#wrap { width:100%; height:auto; position:relative; }
div#outer-wrap { width:980px; background-color:#fff; margin:0 auto; }


/* Header */
div#top-bar { width:100%; background-color:#000; height:41px; position:fixed; top:0; z-index:998; }
header#header { width:980px; margin:0 auto; background-color:#000; height:41px; position:fixed; top: 0; left:50%; margin-left:-490px; z-index:999; }
header#header div#logo { width:250px; height:250px; border-radius:125px; position:absolute; left:-26px; top:-125px; z-index:999; background-color:#000; }
header#header div#logo a { display:block; }
header#header div#logo a img { width:194px; height:86px; position:absolute; top:135px; left:27px; z-index:1000; border-radius:0 0 30px 30px; }
header#header nav#header-nav { width:750px; margin-left:230px; color:#fff; position:relative; }
header#header nav#header-nav div.menu-header-container ul#menu-header li { float:left; display:inline-block; }
header#header nav#header-nav div.menu-header-container ul#menu-header li a { font-family: 'PT Sans', sans-serif; color:#fff; display:block; padding: 12px 15px; text-transform:uppercase; text-decoration:none; }
header#header nav#header-nav div.menu-header-container ul#menu-header li a:hover { text-decoration:underline; }

/* Content */
div#inner-wrap { width:940px; height:auto; border-left:3px solid #000; border-right:3px solid #000; margin:41px 20px 0 20px; padding-top:22px; padding-bottom:22px; background-color:#c1c1c3; }
div#inner-wrap-sub { width:940px; height:auto; border-left:3px solid #000; border-right:3px solid #000; margin:41px 20px 0 20px; padding-bottom:22px; }
div#inner-wrap-show { width:940px; height:auto; border-left:3px solid #000; border-right:3px solid #000; margin:41px 20px 0 20px; padding-bottom:22px; }
div#inner-wrap-sub h1 { font-size:1.5em; margin:0; padding: 10px 0; color:#fff; }

section#slider { width:940px; height:242px; }

section#divisions-nav { width:940px; height:52px; background-color:#fff; }
section#divisions-nav a { display:block; float:left; margin:0; padding:0; height:52px; }
section#divisions-nav a img:hover { opacity:.8; }

section#news { width:940px; min-height:77px; background-color:#fff; padding:10px 0; position:relative; }
section#news div.announcements { width:469px; float:left; }
section#news div.announcements.borderedright { border-right:1px solid black; }
section#news div.announcements.borderedleft { border-left:1px solid black; margin-left:-1px; }
section#news div.announcements h2.news-header { margin-left:20px; text-transform:uppercase; font-weight:bold; }
section#news div.announcements div.newsbox { width:410px; padding: 5px 20px; }
section#news div.announcements div.newsbox p a { text-decoration:none; }
section#news div.announcements div.newsbox p a:hover { text-decoration:underline; }


section#upcoming-shows { width:940px; height:auto; background-color:#c1c1c3; padding-top:10px; position:relative; }
section#shows-category-list { width:940px; height:auto; background-color:transparent; padding-top:10px; position:relative; }
h2.upcoming-header { margin:5px 20px 10px 20px; text-transform:uppercase; font-weight:bold; }
div.showbox { width:880px; height:120px; background-color:#000; margin: 5px 20px; color:#fff; position:relative; padding:10px; display:block; overflow:hidden; }
div.showbox div.thumbnail-box { width:215px; height:120px; float:left; margin-left:10px; margin-right:30px; }
div.showbox div.thumbnail-box div.thumbnail-box-aligner { width:215px; height:120px; display:table-cell; vertical-align:middle; text-align:center; }
div.showbox div.thumbnail-box div.thumbnail-box-aligner img { width:auto; height:auto; max-width:215px; max-height:100px;  }
div.showbox div.show-info { width:390px; height:120px; float:left; }
div.showbox div.show-info div.show-info-aligner { width:390px; height:120px; display:table-cell; vertical-align:middle; }
div.showbox div.show-info div.show-info-aligner p { text-transform:uppercase; font-size:.8em; line-height:1.3em; }
div.showbox div.show-info div.show-info-aligner p strong { font-size:1.2em; letter-spacing:.15em; }
div.showbox div.show-links { width:235px; height:120px; padding-top:18px; padding-bottom:18px; float:left; position:relative; }
div.showbox div.show-links a { width: 105px; height:80px; background-color:#fff; color:#676767;line-height:80px; font-size:.8em; text-decoration:none; text-align:center; vertical-align:middle; display:block; float:left; }
div.showbox div.show-links a:first-of-type { margin-right:15px; }
div.showbox div.show-links a.details:hover { background-color:#2cc3a1; color:#fff; }
div.showbox div.show-links a.tickets:hover { background-color:#42aef2; color:#fff; }

section#content-container { width:940px; background-color:#fff; color:#000; padding:5px 0; }
section#content-container.subpage { padding:30px 0 5px 0; }
section#content-container h1 { font-size:1.5em; margin: 5px 0; }
section#content-container .spaceout { margin-top:10px; margin-bottom:30px; }
section#content-container h2 { font-size:1.25em; margin: 5px 0; }
section#content-container h3 { font-size:1.1em; margin: 5px 0; }
article.content { width:100%; padding:0 20px; font-size:.9em; box-sizing:border-box; }
article.content img { max-width:100%; height:auto; }
article.content p { margin: 15px 0; vertical-align:top; }
hgroup.title { padding-top:20px; }

/* Two Column Layout */
div#topbanner { display:block; width:940px; height:242px; position:relative; top:-5px; }
div#topbanner img { display:block; }
.postmetadata { padding-left:20px; color:#2cc3a1; }
.postmetadata a { color:#2cc3a1; }
.postmetadata a:hover { color:#fba43e; }
.widget { padding:20px 0; }
.widget ul li { line-height:105%; padding:0 0 10px 5px; }
section#content-container div.leftside { width:670px; float:left; position:relative; background-color:#fff; padding-left:0; padding-right:20px; padding-bottom:5px; box-sizing:border-box; }
section#content-container div.leftside hr { width:80%; margin:0 auto 15px auto; }
hgroup.title h1 a { color:#42aef2; }
hgroup.title h1 a:hover { color:#fba43e; }

section#content-container div.leftside article.content {  padding:10px 20px 30px 20px; text-align:left; } 

section#content-container div.rightside { width:270px; float:left; margin:0; padding:70px 15px; box-sizing:border-box; }
section#content-container div.rightside a { color:#42aef2; }
section#content-container div.rightside a:hover { color:#fba43e; }

/* Footer */
footer#footer { width:100%; background-color:#000; height:63px; }
footer#footer nav#footer-nav { width:980px; color:#fff; position:relative; margin:0 auto; }
footer#footer nav#footer-nav div.menu-footer-container { text-align:center; }
footer#footer nav#footer-nav div.menu-footer-container ul#menu-footer li { display:inline-block; }
footer#footer nav#footer-nav div.menu-footer-container ul#menu-footer li a { color:#fff; display:block; padding: 12px 15px; text-transform:uppercase; text-decoration:none; font-weight:normal; font-family: 'PT Sans', sans-serif; }
footer#footer nav#footer-nav div.menu-footer-container ul#menu-footer li a:hover { text-decoration:underline; }


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

}