/*********************************************************************************
College Park Center (www.utacollegepark.com)
James Barberousse (barberousse@uta.edu, 2-0393), University Communications
July 2015
*********************************************************************************/

/***** 1. Element Resets (baseline styles) *****/

/* 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: https://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. Floats and Clearing *****/

.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%;

}


/***** 4. 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;
}
.bottom-margin
{
	margin-bottom:30px !important;
}
.small-text
{
	font-size:70% !important;
}

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

.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
{
	height:400px;
	margin:0px 30px 30px;
}
.google-map img
{
	max-width:none;
}

/***** 6. Miscellaneous *****/

li li
{
	font-size:inherit !important;
}
header ul,
header li,
footer ul,
footer li,
nav ul,
nav li
{
	margin:0;
	padding:0;
	line-height:0;
}

/***** 7. Site Specific Styles *****/

body
{
	width:100%;
	min-width:250px;
	font-family:'Lato',sans-serif;
	font-size:100%;
	color:#fff;
	background:#000 url('../_img/elements/background.jpg') top center no-repeat;
}

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:#ee7a25;
	text-decoration:none;
}
a:link,
a:visited,
a:hover,
a:active
{
	text-decoration:none;
}

#sitewide-message-wrapper
{
	margin:0 0 15px;
	padding:15px 10px;
	background-color:#f87e28;
}
#sitewide-message-header>*
{
	display:block;
	margin:0;
	padding:0;
	line-height:1.2;
	font-size:1.75em;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	color:#fff;
}

#sitewide-message-header>p
{
	float:left;
	width:80%;
}

#sitewide-message-header>p>span.fa-exclamation-circle
{
	padding-right:15px;
}

#sitewide-message-header>a /* this element added by JS as #sitewide-message-link */
{
	float:right;
	width:10%;
	text-align:right;
}

#sitewide-message-text
{
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #fff;
}

#sitewide-message-text>p
{
	margin:0;
	line-height:1.2;
}

header
{
	padding:0 10px;
}
header h1
{
	line-height:0;
}
header h1 img
{
	display:block;
	margin:0 auto;
}
#desktop-logo
{
	display:none;
}
header ul
{
	position:relative;
	height:40px;
	margin:20px 0;
}
header li
{
	position:absolute;
	top:0;
	width:40px;
	height:40px;
}
header li a
{
	display:block;
	width:40px;
	height:40px;
	background:transparent url('../_img/elements/sprite-icons.png') no-repeat;
}
#mobile-menu-icon
{
	left:0;
}
#mobile-menu-icon a
{
	background-position:0 0;
}
#mobile-menu-icon a.selected,
#mobile-menu-icon a:hover
{
	background-position:0 -40px;
}
#facebook-icon
{
	right:135px;
}
#facebook-icon a
{

	background-position:-40px 0;
}
#facebook-icon a.selected,
#facebook-icon a:hover
{
	background-position:-40px -40px;
}
#twitter-icon
{
	right:90px;
}
#twitter-icon a
{
	background-position:-80px 0;
}
#twitter-icon a.selected,
#twitter-icon a:hover
{
	background-position:-80px -40px;
}
#instagram-icon
{
	right:45px;
}
#instagram-icon a
{
	background-position:-120px 0;
}
#instagram-icon a.selected,
#instagram-icon a:hover
{
	background-position:-120px -40px;
}
#search-icon
{
	right:0;
}
#search-icon a
{
	background-position:-160px 0;
}
#search-icon a.selected,
#search-icon a:hover
{
	background-position:-160px -40px;
}
#search
{
	right:46px;
	width:auto;
	height:auto;
}
#search #q
{
	width:94%;
	padding:10px 3%;
	border:1px solid #822318;
	color:#000;
	background-color:#fff;
}
#email-updates
{
	width:210px;
	height:40px;
	margin:0 auto 20px;
	background-color:rgba(180, 180, 180, 0.4);
}
#email-updates a
{
	position:relative;
	display:block;
	width:210px;
	height:40px;
	color:#fff;
}
#email-updates a:hover
{
	background-color:#822318;
}
#email-updates a span
{
	position:absolute;
	top:13px;
	left:15px;
	font-size:0.78em;
	font-weight:bold;
}
#email-updates a span+span
{
	top:6px;
	right:15px;
	font-size:180%;
	text-align:right;
}

#primary-nav
{
	display:none;
	margin-bottom:15px;
	background-color:#6f3a1b;
}
#primary-nav li
{
	border-bottom:1px dotted #ccc;
	font-size:0.9em;
}
#primary-nav li:last-child
{
	border-bottom:none;
}
#primary-nav li[id]
{
	border-bottom:1px solid #fff;
}
#primary-nav li[id]:first-child
{
	border-top:1px solid #fff;
}
#primary-nav a
{
	display:block;
	padding:20px 10px;
	font-family:"Lato",sans-serif;
	font-size:0.9em;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	background-color:transparent;
}
#primary-nav li li a
{
	padding-left:20px;
	font-size:0.85em;
}
#primary-nav li.selected-page>a,
#primary-nav a:hover
{
	color:#ddb486;
}

/* basic event styles used for home page and events pages; these will be overrided later as needed */
.event
{
	padding:20px;
	background-color:#421800;
}

.event-inner
{
	margin:10px 0;
	padding:0 10px;
}

.event-text
{
	float:left;
	width:70%;
	min-height:70px;
}
.event-text h3
{
	margin:0;
	padding:0 0 10px;
	font-size:0.95em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1;
	color:#fff;
}
.event-text h4
{
	margin:0;
	padding:0 0 5px;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	line-height:1;
	color:#999;
}
.event-text p
{
	margin:0;
	padding:0 0 5px;
	font-size:0.86em;
	line-height:1;
	color:#999;
}

.event-tickets
{
	position:relative;
	float:right;
	width:80px;
	max-width:28%;
}

.event-tickets-icon
{
	position:absolute;
	top:0; /* JS will adjust */
	right:0; /* JS will adjust */
	width:58px;
	height:58px;
}
.event-tickets-icon.ticket-dark
{
	background:url('../_img/elements/sprite-ticket-dark.png') no-repeat center top;
}
.event-tickets-icon.ticket-light
{
	background:url('../_img/elements/sprite-ticket-light.png') no-repeat center top;
}
.event-tickets-icon.ticket-red
{
	background:url('../_img/elements/sprite-ticket-red.png') no-repeat center top;
}
.event-tickets-icon.ticket-light.hover,
.event-tickets-icon.ticket-light.selected /* two different classes because otherwise they will conflict with each other */
{
	background-position:0 -58px;
}
.event-tickets span
{
	display:block;
	font-size:0.65em;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
.event-tickets span.one
{
	padding:23px 0 0;
}
.event-tickets span.two
{
	padding:15px 0 0;
}
.event-tickets span.three
{
	padding:9px 0 0;
}

a.toggle-ticket-links /* this element wraps .event-tickets-icon, added by JS */
{
	display:block;
	width:100%;
	height:100%;
}

a.toggle-ticket-links.selected
{
	background-color:#812319;
}

.event-inner ul
{
	clear:both;
	margin:0;
}
.event-inner li
{
	margin:0;
}
.event-inner ul a
{
	position:relative;
	display:block;
	padding:5px 10px;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	background-color:#812319;
}
.event-inner ul li:first-child a
{
	padding-top:10px;
}
.event-inner ul li:last-child a
{
	padding-bottom:10px;
}
.event-inner ul a:hover
{
	color:#fff;
}

#content h2
{
	padding:12px 25px;
	margin-bottom:15px;
	font-size:1.7em;
	text-transform:uppercase;
	color:#fff;
	background-color:#6f3a1b;
}

/* home page */
#gameday
{
	margin-bottom:20px;
	background-color:#812319;
}
#gameday p
{
	margin:0;
	padding:10px;
	border-bottom:1px dotted #fff;
	font-size:1.4em;
	line-height:1.4;
	color:#fff;
	text-transform:uppercase;
}
#gameday p:last-child
{
	border:none;
}
#gameday p a
{
	color:inherit;
	font-weight:bold;
}

#home-slideshow,
#home-upcoming,
#home-bottom .event
{
	margin-bottom:15px;
}

#slideshow
{
	position:relative;
	width:100%;
}

#slideshow .slide
{
	width:100%;
}

#slide-prev,
#slide-next
{
	position:absolute;
	top:15%;
	z-index:200;
	width:50px;
	height:50px;
	opacity:0.5;
	background:#31503e url('../_img/elements/sprite-slideshow-arrows.png') top center no-repeat;
}
#slide-prev
{
	left:0;
	background-position:0 0;
}
#slide-next
{
	right:0;
	background-position:-50px 0;
}
#slide-prev:hover,
#slide-next:hover
{
	opacity:1;
	cursor:pointer;
}

#home-slideshow .event
{
	padding:0;
}
#home-slideshow .event-inner
{
	padding:0 20px;
}
#home-slideshow h3
{
	font-size:1.3em;
}

#home-upcoming .event,
#home-bottom .event-inner
{
	padding:0;
}
#home-upcoming
{
	background-color:#421800;
}
#home-upcoming img
{
	display:none;
}
#home-upcoming-title
{
	padding:15px 20px;
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:#6f3a1b;
}
#home-upcoming-link
{
	padding:15px 20px;
	font-size:0.6em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:#6f3a1b;
}
#home-upcoming-link a
{
	text-align:right;
}
#home-upcoming-link a:hover
{
	color:#fff;
}
#home-upcoming h5
{
	display:none;
}
#home-upcoming .event-inner
{
	padding-right:20px;
	border-left:10px solid #c23a00;
}

/* events page */
#events-region
{
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	background-color:#421800;
}

#ajax-spinner
{
	position:absolute;
	top:100px;
	left:50%;
	color:#fff;
}

#show-more-less-toggle
{
	display:block;
	padding:20px 10px 0;
	text-align:center;
}
#show-more-less-toggle:hover
{
	color:#fff;
}

#events-nav ul
{
	background-color:#331200;
}
#events-nav a
{
	display:block;
	padding:15px 0;
	font-family:"Josefin Sans",sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#d46a20;
	background-color:#331200;
}
#events-nav a:hover,
#events-nav .events-tab-selected a
{
	color:#fff;
	background-color:#6f3a1b;
}

#events-list,
#events-calendar,
#events-search
{
	min-height:250px;
}

/* events page, list tab */
#events-list .event
{
	padding-bottom:0;
}
#events-list .event-inner
{
	padding:0;
}

/* events page, calendar tab */
#categories-nav
{
	position:absolute;
	z-index:100;
	font-size:0.9em;
}
#categories-nav>a
{
	display:block;
	padding:10px;
	font-weight:bold;
}
#categories-nav>a:hover,
#categories-nav>a.hover
{
	color:#fff;
}
#categories-nav ul a
{
	display:block;
	padding:15px 10px;
	color:#d46a20;
	background-color:#421800;
}
#categories-nav ul a:hover
{
	color:#fff;
	background-color:#6f3a1b;
}
#events-calendar table
{
	position:relative;
	width:100%;
	margin:0 auto;
	background-color:#fff;
}
#events-calendar caption
{
	width:100%;
	padding:45px 0 15px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	word-spacing:0.15em;
	color:#fff;
}
#events-calendar caption a
{
	position:absolute;
	top:30px;
	display:block;
	color:#ee7a25;
}
#events-calendar caption a:hover
{
	color:#fff;
}
#events-calendar caption #cal-prev-month
{
	left:10px;
}
#events-calendar caption #cal-next-month
{
	right:10px;
}
#events-calendar caption span
{
	display:block;
	font-size:2.5em;
	font-weight:bold;
	line-height:1;
}
#events-calendar th
{
	width:12%;
	margin:0;
	padding:10px 0;
	border:1px solid #bbb;
	font-size:0.95em;
	font-weight:bold;
	line-height:1;
	text-align:center;
	vertical-align:top;
	color:#636363;
	background-color:#ddd;
}
#events-calendar td
{
	width:12%;
	margin:0;
	padding:0;
	border:1px solid #bbb;
	font-size:0.75em;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}
#events-calendar .cal-unused
{
	background-color:#eee;
}
#events-calendar .cal-used
{
	background-color:#fff;
}
#events-calendar .cal-mobile .cal-day-number
{
	text-align:center;
}
#events-calendar .cal-mobile .cal-day-number span
{
	display:block;
	padding:10px 0;
	border:1px solid transparent;
	color:#000;
}
#events-calendar .cal-mobile .cal-day-number a
{
	display:block;
	padding:10px 0;
	border:1px solid transparent;
	color:#fff;
	background-color:#ab3801;
}
#events-calendar .cal-mobile.selected .cal-day-number a
{
	background-color:#fa801b;
}
#events-calendar .cal-today .cal-mobile .cal-day-number span,
#events-calendar .cal-today .cal-mobile .cal-day-number a,
#events-calendar .cal-today .cal-mobile.selected .cal-day-number a
{
	border-color:#000;
}
#events-calendar .cal-desktop
{
	display:none;
}

#events-details h6
{
	padding:10px;
	text-align:center;
	color:#fff;
}
#events-details .event
{
	padding-bottom:0;
}
#events-details .event-inner
{
	padding:0;
}

/* events page, search tab */
#events-search
{
	padding:40px 0 0;
}

#search-header
{
	padding:0 20px;
}
#search-header form
{
	height:40px;
	margin-bottom:20px;
}
#search-header fieldset
{
	position:relative;
}
#search-header #query
{
	position:absolute;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:10px 50px 11px 10px;
	border:none;
	font-size:0.95em;
	color:#000;
	background-color:#fff;
}
#search-header #query-submit
{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
}
#search-header p
{
	color:#fff;
}

#events-search .event-inner
{
	padding:0;
}

/* event details page */
#event-details-region
{
	background-color:#421800;
}
#event-details-region .event
{
	padding:0;
}
#event-details-region .event-inner
{
	padding:0 20px;
}

.event-details
{
	margin-bottom:15px;
	padding:0 20px;
	color:#fff;
}
.event-details-parking h3
{
	margin:16px 0;
	font-size:1.1em;
	line-height:1.1;
	color:#df966d;
}

.event-details-map
{
	padding:0 20px 20px;
}

#landing-nav .landing-navigation
{
	padding:20px;
}

#main-region
{
    padding:20px 25px;
	color:#cdcdcd;
	background-color:#421800;
}
#main-region a:hover,
#main-region a:active
{
	text-decoration:underline;
}
#main-region h3
{
	margin:16px 0 8px;
	font-size:1.3em;
	line-height:1.1;
	color:#df966d;
}
#main-region h4
{
	margin:16px 0 8px;
	font-size:1.2em;
	line-height:1.1;
	color:#fce8e8;
}
#main-region h5
{
	margin:16px 0 8px;
	font-size:1.1em;
	line-height:1.1;
	color:#fce8e8;
}
#main-region h6
{
	margin:16px 0 8px;
	font-size:1.1em;
	line-height:1.1;
	color:#fce8e8;
}
#main-region .faq-question
{
	margin-top:15px;
}
#main-region .faq-question p
{
	font-size:120%;
	font-weight:bold;
}
#main-region .faq-answer
{
	padding:0 15px 15px;
	border-bottom:1px dotted #ccc;
}
#main-region .faq-answer:last-child
{
	padding-bottom:0;
	border-bottom:none;
}
#main-region .faq-answer>*:last-child
{
	margin-bottom:0;
	padding-bottom:0;
}

#indexed
{
	margin-top:30px;
}

#machform
{
	padding:20px !important;
	background-color:#c4bbaf !important; /* availability form - not my container */
}

.landing-navigation,
.sidebar-navigation,
.sidebar-content
{
	margin-bottom:15px;
	background-color:#421800;
}
.sidebar-content:last-child
{
	margin-bottom:0;
}
.landing-navigation img,
.sidebar-navigation img,
.sidebar-content img
{
	display:block;
	margin-bottom:15px;
}
.landing-navigation-inner,
.sidebar-navigation-inner,
.sidebar-content-inner
{
	padding:0 10px 15px;
}
.landing-navigation hr,
.sidebar-navigation hr,
.sidebar-content hr
{
	display:block;
	width:70%;
	height:1px;
	margin:0 auto 15px;
	background-color:#f87e29;
}
.landing-navigation h3,
.sidebar-navigation h6,
.sidebar-content h6
{
	padding:0 0 15px;
	font-size:0.95em;
    font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
.landing-navigation p,
.sidebar-navigation p,
.sidebar-content p
{
	padding:0 0 10px;
	font-size:0.8em;
	text-align:center;
	color:#cdcdcd;
}
.landing-navigation p:last-child,
.sidebar-navigation p:last-child,
.sidebar-content p:last-child
{
	padding:0;
}

footer
{
	padding:30px 10px;
	text-align:center;
	color:#a6a6a6;
}
footer p
{
	margin:0 0 10px;
	font-size:0.8em;
	line-height:1.3;
}
footer strong
{
	font-size:1.3em;
}
footer a
{
	color:#ccc;
}
footer a:hover
{
	text-decoration:underline;
}
footer img
{
	display:block;
	margin:20px 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);
}

div.hometeam {overflow: auto; width: 100%;}
div.hometeam img {float: left; margin-right: 20px; margin-bottom: 20px;}

/***** 8. 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;
		width:90%;
		min-width:250px;
		margin:0 auto 15px;
	}
}

@media only all and (min-width:300px)
{
	#slide-prev,
	#slide-next
	{
		top:20%;
	}

	#events-nav li
	{
		float:left;
		width:33%;
	}
	#events-nav li:last-child
	{
		width:34%;
	}
	#ajax-spinner
	{
		top:40px;
	}
}

@media only all and (min-width:420px)
{
	header
	{
		width:400px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}

	#slide-prev,
	#slide-next
	{
		top:25%;
	}
}

@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)
{
	#slide-prev,
	#slide-next
	{
		top:30%;
	}

	#events-nav li,
	#events-nav li:last-child
	{
		width:auto;
	}
	#events-nav a
	{
		padding-left:30px;
		padding-right:30px;
		text-align:left;
	}
	#events-list .event:last-child
	{
		padding-bottom:20px;
	}
	#events-list .event img,
	#events-details .event img,
	#events-search .event img
	{
		float:left;
		width:45%;
	}
	#events-list .event-inner,
	#events-details .event-inner,
	#events-search .event-inner
	{
		float:right;
		width:52%;
		margin:0;
	}
}

@media only all and (min-width:700px)
{
	header
	{
		position:relative;
		width:auto;
		padding:50px 10px 5px;
	}
	header ul
	{
		margin:0;
	}
	#mobile-logo
	{
		display:none;
	}
	#desktop-logo
	{
		display:block;
	}
	#social-search
	{
		position:absolute;
		top:15px;
		right:10px;
	}
	#mobile-menu-icon a
	{
		display:none;
	}
	#email-updates
	{
		position:absolute;
		top:15px;
		left:10px;
		margin:0;
	}

	#primary-nav
	{
		display:block !important;
		margin:0 10px 20px;
		background-color:transparent;
	}
	#primary-nav a
	{
		font-size:0.78em;
	}
	#primary-nav li[id]:first-child
	{
		border-top:1px solid transparent;
	}
	#primary-nav li[id]
	{
		position:relative;
		float:left;
		margin-right:2px;
		border:1px solid transparent;
	}
	#primary-nav li[id].hover,
	#primary-nav li[id].selected-section
	{
		border-color:#fff;
	}
	#primary-nav li[id]>a
	{
		padding:20px 10px;

		color:#fff;
		background-color:transparent;
	}
	#primary-nav li[id].hover>a
	{
		background-color:#6f3a1b;
	}
	#primary-nav ul ul
	{
		display:none;
		position:absolute;
		left:-1px;
		z-index:1000;
	}
	#primary-nav ul ul li
	{
		border:1px solid #fff;
		border-bottom:none;
	}
	#primary-nav ul ul li:last-child
	{
		border-bottom:1px solid #fff;
	}
	#primary-nav ul ul a
	{
		width:260px !important;
		padding:20px 10px;
		color:#ddb486;
		background-color:#6f3a1b;
	}
	#primary-nav ul ul a:hover
	{
		color:#fff;
	}

	#gameday
	{
		margin-left:10px;
		margin-right:10px;
	}

	#slide-prev,
	#slide-next
	{
		top:40%;
	}

	#gameday
	{
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#content
	{
		width:98%;
		margin:0 auto;
	}

	#main-region.yes-sidebar-region-present
	{
		float:left;
		width:59%;
	}

	#events-region.yes-sidebar-region-present,
	#event-details-region.yes-sidebar-region-present
	{
		float:left;
		width:65.78125%;
	}

	#sidebar-region
	{
		float:right;
		width:31.5625%;
	}

	#events-details img
	{
		display:block;
	}

	.event-details-map
	{
		padding:0;
	}
}

@media only all and (min-width:842px)
{
	#home-slideshow
	{
		float:left;
		width:65.78125%;
	}

	#home-upcoming
	{
		float:right;
		width:31.5625%;
	}

	#home-bottom .event
	{
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:31.5625%;
		margin-right:2.65625%;
	}
	#home-bottom .event:last-of-type
	{
		float:right;
		margin-right:0;
	}

	#landing-nav .landing-navigation
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:inline-block;
		width:32%;
		vertical-align:top;
	}
	#landing-nav .landing-navigation.first-block,
	#landing-nav .landing-navigation.second-block
	{
		margin-right:1.5%;
	}
	#landing-nav .landing-navigation.third-block
	{
		margin-right:0;
	}
}

@media only all and (min-width:875px)
{
	#primary-nav li[id]
	{
		margin-right:3px;
	}
	#primary-nav li[id]>a
	{
		font-size:0.96em;
	}
	#primary-nav li[id] a
	{
		padding-left:12px;
		padding-right:12px;
	}
}

@media only all and (min-width:975px)
{
	#primary-nav li[id]
	{
		margin-right:5px;
	}
	#primary-nav li[id]>a
	{
		font-size:1em;
	}
	#primary-nav li[id] a
	{
		padding-left:15px;
		padding-right:15px;
	}

	#main-region.yes-sidebar-region-present
	{
		width:60%;
	}
}

@media only all and (min-width:1075px)
{
	header
	{
		padding-top:30px;
	}

	#primary-nav li[id]>a
	{
		font-size:1.1em;
	}
	#primary-nav li a
	{
		padding-left:18px;
		padding-right:18px;
	}
}

@media only all and (min-width:1175px)
{
	#primary-nav li[id] a
	{
		padding-left:25px;
		padding-right:25px;
	}

	#main-region.yes-sidebar-region-present
	{
		width:61%;
	}
}

@media only all and (min-width:1310px)
{
	#sitewide-message-wrapper
	{
		padding-left:0;
		padding-right:0;
	}
	#sitewide-message
	{
		width:1280px;
		margin:0 auto;
	}

	header
	{
		width:1280px;
		padding-left:0;
		padding-right:0;
	}
	#email-updates
	{
		left:0;
	}
	header #social-search
	{
		right:0;
	}

	#primary-nav
	{
		width:1030px;
		margin-left:auto;
		margin-right:auto;
	}
	#primary-nav li[id]
	{
		margin-right:6px;
	}
	#primary-nav li[id]>a
	{
		font-size:1.4em;
	}

	#gameday,
	#content
	{
		width:1280px;
	}

	#home-upcoming
	{
		width:404px;
	}

	#home-bottom .event
	{
		box-sizing:content-box;
		width:364px;
		margin-right:34px;
	}
	#home-bottom .event:last-child
	{
		margin-right:0;
	}

	#events-calendar .cal-mobile
	{
		display:none;
	}
	#events-calendar .cal-desktop
	{
		display:block;
	}
	#events-calendar .cal-desktop .cal-day-number
	{
		width:95%;
		padding:6px 5% 6px 0;
		font-size:0.86em;
		font-weight:bold;
		text-align:right;
		color:#636363;
		background-color:#f5f5f5;
	}
	#events-calendar .cal-today .cal-desktop .cal-day-number
	{
		color:#fff;
		background-color:#000;
	}
	#events-calendar .cal-desktop.selected .cal-day-number
	{
		color:#fff;
		background-color:#ee7a25;
	}
	#events-calendar .cal-desktop .cal-day-events
	{
		padding:5px 8px;
		min-height:100px;
	}
	#events-calendar .cal-desktop .cal-day-events a
	{
		color:#000;
	}
	#events-calendar .cal-desktop.selected .cal-day-events a,
	#events-calendar .cal-desktop .cal-day-events a:hover
	{
		color:#ee7a25;
	}
	#events-calendar .cal-desktop .cal-day-events .cal-event
	{
		margin-bottom:5px;
		font-size:0.8em;
	}
	#events-calendar .cal-desktop .cal-day-events .cal-event:last-child
	{
		margin-bottom:0;
	}
	#main-region.yes-sidebar-region-present
	{
		width:800px;
	}

	#events-region.yes-sidebar-region-present,
	#event-details-region.yes-sidebar-region-present
	{
		width:840px;
	}

	#sidebar-region
	{
		width:400px;
	}
	.sidebar-navigation,

	.sidebar-content
	{
		padding:20px;
	}
	.sidebar-navigation-inner,
	.sidebar-content-inner
	{
		padding:0;
	}
}