/*********************************************************************************
UTATICKETS.com (utatickets.com)
James Barberousse (barberousse@uta.edu, 2-0393), University Communications
August 2015
*********************************************************************************/

/*** 1. Element Resets ***/
/* some of these adapted from html5reset.org */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,
ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary
{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent;
}
article,aside,figure,footer,header,nav,section,details,summary
{
    display:block;
}
html
{
    overflow-y:scroll; /* force a vertical scrollbar to prevent a jumpy page */
}
blockquote,q
{
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after
{
	content:"";
}
hr
{
	display:block;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
ul
{
	list-style:none;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	font:100%;
}
th
{
	padding:5px;
	font-weight:bold;
	text-align:left;
	vertical-align:bottom;
}
td
{
	padding:5px;
	font-weight:normal;
	vertical-align:top;
}
td img
{
	vertical-align:top;
} 
input,select
{
	vertical-align:middle;
}
input[type="radio"]
{
	vertical-align:middle;
}
input[type="checkbox"]
{
	vertical-align:bottom;
}
select,input,textarea
{
	font:99% sans-serif;
}
label,input[type="button"],input[type="submit"],input[type="file"],button
{
	cursor:pointer; /* hand cursor on clickable elements */
}
button,input,select,textarea
{
	margin:0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button,input[type="button"] /* make buttons play nice in IE */
{
	width:auto;
	overflow:visible;
}
img,object,embed
{
	max-width:100%;
}
pre
{
	white-space:pre; /* CSS 2 */
	white-space:pre-wrap; /* CSS 2.1 */
	white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:break-word; /* IE */
}
pre,code,kbd,samp
{
	font-family:monospace,sans-serif; /* standardize monospaced elements */
}
del
{
	text-decoration:line-through;
}
abbr[title],dfn[title]
{
	border-bottom:1px dotted #000;
	cursor:help;
}
small
{
	font-size:85%;
}
strong
{
	font-weight:bold;
}
sub,sup /* Make sure sup and sub don't mess with line-heights:http://gist.github.com/413930 */
{
	position:relative;
	font-size:75%;
	line-height:0;
}
sub
{
	bottom:-0.25em;
}
sup
{
	top:-0.5em;
}
a[href$="pdf"]:after
{
	content:" [PDF]";
}
a[href$="doc"]:after
{
	content:" [DOC]";
}
a[href$="docx"]:after
{
	content:" [DOCX]";
}
a[href$="xls"]:after
{
	content:" [XLS]";
}
a[href$="ppt"]:after
{
	content:" [PPT]";
}

/*** 2. IE Hacks ***/

* html .clear-floats /* IE6 hack */
{
	height:1%;
}
.ie6 input /* IE6 hack */
{
	vertical-align:text-bottom;
}
*:first-child+html .clear-floats /* IE7 hack */
{
	min-height:1px;
}
.ie7 input[type="checkbox"] /* IE7 hack */
{
	vertical-align:baseline;
}
.ie7 img /* IE7 hack */
{
	-ms-interpolation-mode:bicubic; /* scale images in IE7 more attractively */
}

/*** 3. Switches to Override Existing Styles (with a potentially high specificity) ***/

.hide
{
	display:none !important;

}
.show
{
	display:block !important;
}
.no-margin
{
	margin:0 !important;
}
.no-padding
{
	padding:0 !important;
}
.top-margin
{
	margin-top:30px !important;
}

/*** 4. Responsive (and other) Techniques ***/

.float-left
{
	float:left;
}
.float-right
{
	float:right;
}
.float-left-margin
{
	margin:0 15px 15px 0;
}
.float-right-margin
{
	margin:0 0 15px 15px;
}
.clear-floats:before,.clear-floats:after
{
	content:"\0020";
	display:block;
	height:0;

	overflow:hidden;
	visibility:hidden;
}
.clear-floats:after
{
	clear:both;
}
.clear-floats
{
	zoom:1;
}  
.clear-both
{
	clear:both;
}
.wrapper
{
	clear:both;
	width:100%;
}
.skipnav.showonfocus
{
	position:absolute;
	left:-10000px;
	top:0;
	overflow:hidden;
	width:1px;
	height:1px;
}
.skipnav.showonfocus:focus
{
	left:0;
	top:0;
	width:auto;
	height:auto;
	color:#fff;
}
.hideaway
{
	height:0;
	margin-left:-10000px;
}
.youtube-video /* responsive technique to embed YouTube videos using the embed code from YouTube */
{
	position:relative;
	height:0;
	padding-top:25px;
	padding-bottom:56.25%; /* for a 16 x 9 aspect ratio, use 9/16 = .5625 = 56.25% */
	margin-bottom:12px;
}
.youtube-video iframe
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.inline-img-left-small /* responsive technique to handle inline images */
{
	float:left;
	width:20%;
	min-width:100px;
	margin:0 15px 15px 0;
}
.inline-img-left-medium
{
	float:left;
	width:40%;
	min-width:200px;
	margin:0 15px 15px 0;
}
.inline-img-left-large
{
	float:left;
	width:60%;
	min-width:300px;
	margin:0 15px 15px 0;
}
.inline-img-right-small
{
	float:right;
	width:20%;
	min-width:100px;
	margin:0 0 15px 15px;
}
.inline-img-right-medium
{
	float:right;
	width:40%;
	min-width:200px;
	margin:0 0 15px 15px;
}
.inline-img-right-large
{
	float:right;
	width:60%;
	min-width:300px;
	margin:0 0 15px 15px;
}
.google-map /* used with google maps displayed using gmap3 jQuery plugin */
{
	height:400px;
	margin:0px 30px 30px;
}
.google-map img
{
	max-width:none;
}
li li
{
	font-size:inherit !important;
}
header li,
footer li,
nav li
{
	margin:0;
	padding:0;
	line-height:0;
}

/*** 5. Site Specific Styles ***/

p
{
	margin:0 0 18px;
	font-size:1em;
	line-height:1.6;
}
li
{
	margin:0 0 10px;
	font-size:1em;
	line-height:1.5;
}
ul,
ol
{
	margin-bottom:8px;
}
a
{
	color:#0099cc;
	text-decoration:none;
}
a:link,
a:visited,
a:hover,
a:active
{
	text-decoration:none;
}
h3
{
	margin:18px 0;
	font-size:1.2em;
	line-height:1.4;
	color:#000;
}
h4,
h5,
h6
{
	margin:18px 0 10px;
	font-size:1.1em;
	line-height:1.2;
	color:#000;
}

body
{
	width:100%;
	min-width:320px;
	font-family:'Lato',sans-serif;
	font-size:100%;
	color:#555;
	background:#eaeaea url('../_img/elements/background.jpg') top center no-repeat;
}
header
{
	position:relative;
}
header h1
{
	line-height:0;
}
header img
{
	display:block;
	margin:0 auto;
}
header ul
{
	position:relative;
	height:40px;
}
header li
{
	position:absolute;
	top:0;
	width:40px;
	height:40px;
}
header li a
{
	display:block;
	width:40px;
	height:40px;
	background-color:#939393;
}
header li a:hover,
header li a.selected
{
	background-color:#0c4c93;
}
header li a span
{
	padding:8px 0 0 7px;
	font-size:1.6em !important;
	color:#fff;
}
#menu
{
	left:10px;
}
#newsletter
{
	right:110px;
}
#facebook
{
	right:60px;
}
#facebook a span
{
	padding-left:12px;
}
#x
{
	right:10px;
}
#primary-nav
{
	display:none;
}
#primary-nav li
{
	border-bottom:1px solid #0c4c93;
}
#primary-nav li:first-child
{
	border-top:1px solid #0c4c93;
}
#primary-nav a
{
	display:block;
	padding:20px 10px;
	font-family:"Lato",sans-serif;
	font-size:0.9em;
	font-weight:400;
	text-transform:uppercase;
	color:#000;
	background-color:transparent;
}
#primary-nav a:hover,
#primary-nav li.selected a
{
	color:#fff;
	background-color:#0c4c93;
}
footer
{
	padding:10px;
	text-align:center;
	color:#888;
}
footer p
{
	font-size:0.8em;
	line-height:1.3;
}
footer p strong
{
	font-size:160%;
	font-weight:900;
}
footer a
{
	color:#0099cc;
}
footer a:hover
{
	text-decoration:underline;
}
footer img
{
	display:block;
	margin:18px auto 0;
}
a#to-top
{
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	z-index:500;
}
a#to-top span
{
	padding:10px 15px;
	border-radius:3px;

	font-size:2em;
	color:#fff;
	background-color:rgba(0,0,0,0.3);
}
a#to-top:hover span
{
	background-color:rgba(0,0,0,0.6);
}
h2
{
	margin-bottom:20px;
	padding:12px 20px;
	font-size:1.5em;
	text-transform:uppercase;
	color:#fff;
	background-color:#0c4c93;
}
#main-region
{
	padding:18px 20px;
	color:#555;
	background-color:#fff;
}
#main-region h3:first-of-type
{
	margin-top:0;
}
.sidebar
{
	margin-bottom:20px;
	padding-bottom:20px;
	background-color:#d0c08c;
}
.sidebar img
{
	display:block;
	margin-bottom:15px;
}
.sidebar hr
{
	display:block;
	width:70%;
	height:1px;
	margin:0 auto 15px;
	background-color:#f58023;
}
.sidebar h6
{
	margin:0 10px 15px;
	font-size:0.95em;
    font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}
.sidebar p
{
	margin:0 10px 10px;
	font-size:0.8em;
	text-align:center;
	color:#000;
}

/* general event */
.event
{
	padding:20px 0 5px;
	background-color:#fff;
}
.event-inner
{
	padding-right:15px;
}
.date-box
{
	float:left;
	margin-right:15px;
	padding:5px 0;
	width:48px;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	background-color:#d0c08c;
}
.date-box span
{
    display:block;
	font-family:arial,sans-serif;
	font-size:0.9em;
	font-weight:bold;
    line-height:1;
}
.date-box .date-box-date
{
	padding:2px 0;
	font-size:1.8em;
}
.event-text
{
	float:left;
	width:50%;
}
.event-date-location
{
	margin:0 0 5px;
	font-size:0.8em;
	color:#555;
}
.event-info
{
	font-size:0.8em;
	color:#555;
}
.event-tickets
{
	float:right;
	width:27%;
	max-width:58px;
	height:58px;
}
a.toggle-ticket-links /* this element wraps .event-tickets, added by JS */
{
	display:block;
	width:100%;
	height:100%;
}
.event-tickets.ticket-dark
{
	background:url('../_img/elements/sprite-ticket-dark.png') no-repeat center top;
}
.event-tickets.ticket-light
{
	background:url('../_img/elements/sprite-ticket-light.png') no-repeat center top;
}
.event-tickets.ticket-light.hovered,
.event-tickets.ticket-light.selected
{
	background-position:0 -58px;
}
.event-tickets.ticket-red
{
	background:url('../_img/elements/sprite-ticket-red.png') no-repeat center top;
}
.event-tickets span
{
	display:block;
	padding:18px 0 0;
	font-size:0.65em;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}
.event-tickets span.long-text
{
	padding:12px 0 0;
}
.event ul
{
	clear:both;
	margin:0;
}
.event li
{
	margin:0;
}
.event ul a
{
	position:relative;
	display:block;
	padding:5px 12px;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}
.event ul a:hover
{
	color:#fff;
	background-color:#0d4b94;
}
.show-more-less-toggle
{
	display:block;
	margin-top:5px;
	padding:10px 0;
	font-size:0.7em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
    text-transform:uppercase;
	background-color:#999;
	color:#fff;
}
.show-more-less-toggle:hover
{
	background-color:#000;
}
/* home page / packages page */
.cat
{
	margin-bottom:20px;
}
.subcat
{
	padding-bottom:15px;
	background-color:#fff;
}
.subcat:last-of-type
{
	padding-bottom:0;
}
#featured-events .event
{
	margin-bottom:15px;
	padding:0 0 15px;
	background-color:#d0c08c;
}
#featured-events img
{
	display:block;
	margin-bottom:20px;
}
#featured-events .event-inner
{
	padding:0 15px;
}
#regular-events h2
{
	position:relative;
	margin:0;
	padding:10px 15px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	background-color:#0d4b94;
}
#regular-events h3
{
	position:relative;
	margin:0;
	padding:10px 15px;
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	background-color:#d0c08c;
}
#regular-events h2 .cat-links,
#regular-events h3 .subcat-links
{
	position:absolute;
	top:13px;
	right:15px;
	display:block;
	width:16px;
	height:16px;
	background:url('../_img/elements/sprite-opened-closed.png') no-repeat 0 0;
}
#regular-events h2 .cat-opened,
#regular-events h3 .subcat-opened
{
	background-position:0 0;
}
#regular-events h2 .cat-closed,
#regular-events h3 .subcat-closed
{
	background-position:0 -16px;
}
#featured-events h4,
#regular-events h4
{
	margin:0;
	padding:0 0 5px;
	font-size:0.95em;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
#featured-events h5,
#featured-events h6,
#regular-events h5,
#regular-events h6
{
	margin:0;
	padding:0 0 5px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
.package .event-inner
{
	padding:0 15px;
	border-left:15px solid #d0c08c;
}
.packages .event
{
	padding:20px 0;
}

/* venues page */
#indexed
{
	margin-top:20px;
}
.venue
{
	margin-bottom:20px;
	padding:20px;
	background-color:#d0c08c;
}
.venue img
{
	display:block;
	margin-bottom:15px;
}
.venue h6
{
	margin:10px 0 0;
	font-weight:bold;
	text-align:center;
}
.venue hr
{
	display:none;
}

/*** 6. Media Queries ***/

@media only all and (max-width:400px)
{
	.inline-img-left-medium,
	.inline-img-left-large,
	.inline-img-right-medium,
	.inline-img-right-large
	{
		float:none;
		display:block;
		margin:0 auto 15px;
		width:90%;
		min-width:250px;
	}
}

@media only all and (min-width:488px)
{
	a[href^="tel:"],
	a[href^="tel:"]:hover
	{
		color:inherit;
		cursor:default;
		text-decoration:none;
	}
}

@media only all and (min-width:500px)
{
	.event-text
	{
		width:70%;
	}
	#regular-events h2,
	#regular-events h3
	{
		padding-left:30px;
	}
}

@media only all and (min-width:650px)
{
	header img
	{
		margin-left:0;
		margin-right:0;
	}
	header ul
	{
		position:absolute;
		top:20px;
		right:0;
	}
	#menu
	{
		display:none;
	}
	#primary-nav
	{
		display:block !important;
		width:98%;
		margin:0 auto 20px;
	}
	#primary-nav li
	{
        float:left;
		margin-right:10px;
		border:none;
	}
	#primary-nav li:first-child
	{
		border:none;
	}
	#primary-nav li:last-child
	{
		margin-right:0;
	}
	#primary-nav li a
	{
		padding-left:10px;
		padding-right:10px;
		border:1px solid transparent;
		font-size:1em;
	}
	#primary-nav li a:hover,
	#primary-nav li.selected a
	{
		border-color:#000;
		color:#000;
		background-color:transparent;
	}
}

@media only all and (min-width:775px)
{
	#primary-nav li
	{
		margin-right:14px;
	}
	#primary-nav li a
	{
		padding-left:14px;
		padding-right:14px;
		font-size:1.1em;
	}
	#content
	{
		width:98%;
		margin:0 auto;
	}
	#main-region.yes-sidebar-present
	{
		float:left;
		width:62%;
	}
	#sidebar-region
	{
		float:right;
		width:32%;
	}
	#regular-events
	{
		min-height:600px;
	}
	#regular-events.yes-featured-events-sidebars
	{
		float:left;
		width:66%;
	}
	#regular-events h2,
	#regular-events h3
	{
		padding-left:15px;
	}
	#featured-events
	{
		float:right;
		width:32%;
		margin-bottom:20px;
	}
	#featured-events .event
	{
		margin-bottom:20px;
	}
	#featured-events .event:last-child
	{
		margin-bottom:0;
	}
	#featured-events .event-inner
	{
		padding:0 10px;
		border:none;
	}
	.venue
	{
		display:inline-block;
		width:44%;
		vertical-align:top;
	}
	footer
	{
		text-align:left;
	}
	footer img
	{
		margin-left:0;
		margin-right:0;
	}
}

@media only all and (min-width:850px)
{
	.venue
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:inline-block;
		width:32%;
		vertical-align:top;
	}
	.venue.first-block,
	.venue.second-block
	{
		margin-right:1.5%;
	}
	.venue.third-block
	{
		margin-right:0;
	}
}

@media only all and (min-width:900px)
{
	#primary-nav li
	{
		margin-right:18px;
	}
	#primary-nav li a
	{
		padding-left:18px;
		padding-right:18px;
		font-size:1.2em;
	}
	#regular-events h2,
	#regular-events h3
	{
		padding-left:15px;
	}
	#regular-events h4
	{
		font-size:1.3em;
	}
	#regular-events h5,
	#regular-events h6
	{
		font-size:0.9em;
	}
	#regular-events .event-date-location
	{
		font-size:1.1em;
	}
	#regular-events.yes-featured-events-sidebars .package .event-inner
	{
		padding-left:20px;
		border-width:20px;
	}
}

@media only all and (min-width:1100px)
{
	#primary-nav li
	{
		margin-right:30px;
	}
	#primary-nav li a
	{
		padding-left:30px;
		padding-right:30px;
		padding-top:20px;
		padding-bottom:20px;
		font-size:1.25em;
	}
}

@media only all and (min-width:1306px)
{
	header
	{
		width:1280px;
		margin-left:auto;
		margin-right:auto;
	}
	header img
	{
		position:relative;
		left:-18px;
	}
	#x
	{
		right:0;
	}
	#facebook
	{
		right:50px;
	}
	#newsletter
	{
		right:100px;
	}
	#primary-nav
	{
		width:1100px;
	}
	#primary-nav li a
	{
		font-size:1.2em;
		font-weight:bold;
	}
	#content
	{
		width:1280px;
		min-height:500px;
	}
	footer
	{
		width:1280px;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
	}
	#regular-events.yes-featured-events-sidebars
	{
		width:850px;
	}
	#featured-events
	{
		width:400px;
	}
	#featured-events .event
	{
		padding:20px;
	}
	#featured-events .event-inner
	{
		padding:0;
	}
	#main-region.yes-sidebar-present
	{
		width:820px;
	}
	#sidebar-region
	{
		width:400px;
	}
	#sidebar-region .sidebar
	{
		padding:20px;
	}
	#sidebar-region .sidebar h6,
	#sidebar-region .sidebar p
	{
		margin-left:0;
		margin-right:0;
	}
}