/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
	background-color: #FFF;	/*
	background-image: url(../img/homecomingbg.png);
	background-repeat: repeat;*/
}
p{
	line-height: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;  
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 36px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 12px;
}

h1 small,
.h1 small {
  font-size: 24px;
}

h2 small,
.h2 small {
  font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}


h3, h5 {
	color:#f47321;	
}

p, .span9 ul li{
color:#002244;	
	}
	
p.advisory{
	color: #FF0000;
	font-weight: bold;
}
 h2{
	color:#002244;	
}

.container{
	

}
/* 
.eventdetails-button, .a eventdetails-button{

	font-size: 16px;
	font-weight: normal;
	color: #002A5C;
	background-color: #FFF;
	float: left;
	margin-left:150px;
	width: 200px;
	padding: 10px;
	text-align:center;
	border: 8px solid #D8D6D1;
	text-decoration:none;
}

*/

/* ==========================================================================
                         START STYLES FOR SAVE THE DATE
   ========================================================================== */


.carnival-image{
	width: 100%;
	height: 499px;
	background-image: url(../img/savethedate/bestfest-carnival.jpg);
	background-repeat: no-repeat;
}

/* ==========================================================================
                         END STYLES FOR SAVE THE DATE
   ========================================================================== */





.span12 img  {
	
}


.social-buttons{
	
	float:right;
	margin-right:20px;
	
	margin-top:10px;
}
.eventdetails-button{
	
	
}

.event-details{
	float:right;
	width:40%;
		
}





#days {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
    text-decoration:none;
}
	
		

#days a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: NORMAL;
	color: #fff;
	background-color:#f47321;
	text-decoration:none;
	padding:10px;
}

#days a:hover {
  color: #002244; 
  background-color:#f47321;
 
}

#days a:active {
  color: #fff; 
  background-color:#002244;
 
}


#days ul li.currentlink a{
  color: #fff; 
  background-color:#002244;
 
}



#days ul {
	
	margin-left:-0px;
		
}


#days ul li {
	list-style-type: none;
	display: inline;
	margin-right: 9px;
	margin-left:5px;
		
}



.media .pull-left,
  .media .pull-right {
   margin-bottom: 0px;
  }


.event-thumbnails {
	
	background-color: #A4B3C9;	
	color:#FFFfff;
	

}

.event-thumbnails :hover {
	background-color: #F47321;
	
	
/* 	HIDE UNTIL READY TO SHOW LINKS AS LINKS
    color: #fff;   */
	color: #002244;
    margin-top: 20px;
    margin-bottom: 10px;
	
	
}




#event-thumbnails {
	background-color: #f0f2f4;
	color: #002244;
	border: 10px solid #002244;
}






#event-thumbnails :hover {
	background-color: #f47321;
	/* 	HIDE UNTIL READY TO SHOW LINKS AS LINKS
    color: #fff;   */
	color: #002244;
 /*   opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

/* ==========================================================================
   STYLES FOR EVENTS THAT HAVE PASSED 
   ========================================================================== */
#event-thumbnails-expired{
	background-color: #002244;
	color: #FFFfff;
	border: 5px solid #f47321;
	background-image: url(../img/events/expired-bg.jpg);
	background-repeat: repeat;	
	border: 5px solid #999999;	
}
.h3-expired{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
	font-size: 36px;
	background-color: #999999;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}
/* ==========================================================================
   END
   ========================================================================== */


.vertical-rule {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height:200 px;
}


.roadrunner-bird{
    padding-top:10px;
}
/* ==========================================================================
   MAIN TITLE STYLES
   ========================================================================== */

.title-padding{
	padding-top: 20px;
	margin-top: 20px;
	text-align: center;

}

.title-padding h1{
	color:#f47321;
	
}
.main-title{
    margin-top:5px;
	
}


/* ==========================================================================
  THUMBNAILS LIST STYLES
   ========================================================================== */


.thumbnail ul li{
	list-style-position: outside;
	list-style-type: square;
	line-height: 30px;	
	color:#002244;
}
.span3 ul li,.span4 ul li, .span5 ul li, .span6 ul li,.span7 ul li, .span12 ul li, .span9 ul li{
	list-style-position: outside;
	list-style-type: square;
	line-height: 30px;	
	font-size:18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
}

/* Specifically for the All on Campus thumbnails on the Homepage. */
.span3 ul li.span3 {
	list-style:none;
}

/* ==========================================================================
   NAVIGATION STYLES
   ========================================================================== */
 /*  .nav-collapse.collapse {
   height: auto;
   overflow: visible;/* Must keep overlfow:visible in order for dropdown to be seein in IE */
 /* }*/

.navbar{
	font-size: 18px;
}


.navbar-inverse .navbar-inner {
  background-color: #002244; /* background color will be black for all browsers */
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
 /*.navbar-inverse .navbar-inner {
    background-color: #F47321;
    background-image: linear-gradient(to bottom, #F47321, #F47321);
    background-repeat: repeat-x;
    border-color: #F47321;
	
}*/
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle.active{
    background-color: #0088CC;
    color: #FFFFFF;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
    background-color: #0088CC;
    color: #FFFFFF;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #0088CC;
    color: #FFFFFF;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

/* ==========================================================================
   CAROUSEL STYLES
   ========================================================================== */
.carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 34, 68, 0.75);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
}

/* ==========================================================================
   STAFF THUMBNAIL STYLES
   ========================================================================== */
.pull-left{
	margin-right:10px;
	margin-bottom:10px;
}


/* ==========================================================================
   IMAGE STYLES
   ========================================================================== */
.images{
	padding: 5px;
	border: thin solid #D6D5D6;	
}
/* ==========================================================================
   FOOTER - STUDENT LIFE STYLES
   ========================================================================== */
#studentlife-footer{
	background-color: #EEE;	
	padding-top:30px;
	padding-bottom:20px;

	
}
#studentlife-footer.span3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	
	font-weight: normal;
	color: #666;	
}

#studentlife-footer.container.row{
	margin-bottom:30px;
	
}

#studentlife-footer .container .row .span3{
	padding-bottom:20px;
}
/* --------------------------------------------------------------------------*/









/*
==================================================================================================
RESET
================================================================================================== 
*/

	* {margin:0; padding:0;}
	
	/* Tables still need 'cellspacing="0"' in the markup. */
	table {border-collapse:collapse; border-spacing:0;}
	td, th {vertical-align:top;}
	
	/* Remove annoying border on linked images. */
	a img {border:none;}
	
	/* Remove bullets. */
	li {list-style:none;}
	
	/* Make these work even in the modules, etc. where everything is reset */
	i, em {font-style:italic !important;}
	b, strong {font-weight:bold !important;}
	u {text-decoration:underline !important;}
	
	/* Remvoes font weight*/
	h1, h2, h3, h4 ,h5 ,h6 {font-weight:normal;}


/*
==================================================================================================
STICKY FOOTER
================================================================================================== 
*/

	/* The html and body elements cannot have any padding or margin. */
	html, body {height: 100%;}
	
	/* Wrapper for page content to push down footer */
	#wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px;}/* Negative indent footer by it's height */
	
	#push, #footer {height: 60px;} /* Set the fixed height of the footer here */
  
	  
/*
==================================================================================================
GLOBAL STYLES
================================================================================================== 
*/
		
	/* Padding below the footer and lighter body text */
	body {padding-bottom: 40px; color: #5a5a5a;}
	
	.floatL {float:left;}
	.floatR {float:right;}
	.clear {clear:both;}


/*
==================================================================================================
BRANDING
================================================================================================== 
*/

	#topBar {background-color:#051e42; z-index:100;}

	/*=============================================
	LOGO
	==============================================*/	
	.UTSAbrand {float:left; margin-top:8px; margin-left:-9px; font-family:Arial, Helvetica, sans-serif;}
	ul.logo-small li a {height:20px; display:block; background:url(/img/branding/logo-small.jpg) no-repeat 0px 0px;
		text-indent:61px; line-height:30px;	color:#ffffff; font-size:11px;
		/*CSS3*/ text-shadow:0px 0px 3px #002a5c;}
	ul.logo-small li a:hover {background-position:0px -45px; color:#f47321;}
	
	/*=============================================
	Extended Branding - Utility
	==============================================*/	
	#utility {position:absolute; right:0; margin-right:2em; z-indez:50;}
	.utility-menu {margin-left:12px; z-index:50;}
	.utility-menu ul {position:relative;}
	.utility-menu li {float:left; position:relative; margin-left:10px;}
	.utility-menu li a {display:block; color:#eeeeee; border-top:1px solid #051e42; font-size:12px; padding-top:2px;}
	.utility-menu li a:hover {border-top:1px solid #f47321; color:#f47321;}
	.utility-menu li a.children {}	
	.utility-menu ul ul.audience li a {border-top:none;}
	.utility-menu ul ul {position:absolute; visibility:hidden; left:0; float:left; z-index:50; background:#051e42; padding:0 10px; margin-left:-10px;
		/*CSS3*/ -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; 
		-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-radius:8px;}
	.utility-menu ul ul li {padding:0; margin:0; line-height:20px;}
	.utility-menu ul ul a {width:90px;}
	.utility-menu ul li:hover > ul {visibility:visible;}
	.utility-menu li:hover > a {border-top:1px solid #f47321; color:#f47321;}
	.utility-menu ul ul.audience li a:hover {border-top:none;}
	
	/*=============================================
	Search Bar
	==============================================*/
	
	.utility-menu a {border-top:none!important;}
	.utility-menu li.search #cse-search-box .searchfield {
		float:left; background:#f1f1f1; padding:3px 10px; margin-top:-4px; margin-left:4px; width:120px; border:none; outline:none; font-size:11px;
		-webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em;}
	.utility-menu li.search #cse-search-box .searchbutton {float:left; margin-left:-25px; margin-top:3px;}
	
	
	/*=============================================
	Drawer
	==============================================*/
	
	#drawer {position:relative;	z-index: 50; margin-bottom:-10px;}
	
	#drawer-container {background-color: #eee; border-bottom: 5px solid #f47321;}
	#drawer-container ul { margin: 0;}
	#drawer-container a {color:#777; font-size:11px; line-height:1;}
	#drawer-container h5 a {border-bottom:none; color:#002244; font-size:13px; padding-bottom:3px; font-weight:bold;}
	
	#drawer-content a:hover { color: #08C;}
	#drawer-content {margin: 0 auto; padding: 15px 0 20px 0; /*width: 1170px;*/ }
	#drawer-content ul.globalNav {border-right:1px solid #aaa;}
	#drawer-content ul.globalNav a {color: #f47321; font-size: 16px; line-height: 1.6; }
	#drawer-content ul.globalNav a:hover { color: #ce621b;}
	
	/* Button */
	#drawer-button {background-image: url(/img/drawer-btn.png); width:150px; height:15px; 
		text-indent: -99999px; position:absolute; right:0; cursor:pointer; margin-right:25px;}
	#drawer-button.close { background-position: 0 -15px; opacity:1; }
	.drawer-button-container {margin: 0 auto; overflow: hidden; width: 950px; }

	/*=============================================
	Footer
	==============================================*/
	
	#copyright {padding:20px 0; position:relative; background-color:#051e42; z-index:100;}
	ul.footer-utility {margin:0; padding:0; text-align:center;}
	ul.footer-utility li {display:inline; margin-right:10px;}
	ul.footer-utility li a {text-decoration:none; color:#f47321; font-size:12px;}
	ul.footer-utility li a:hover {border-bottom:1px solid #f47321;}
	p.footer-copyright {text-align:center; font-size:12px; margin-top:2px;}
	p.footer-copyright, p.footer-copyright a {color:#eee;}
	
	.btn-footer .icon-bar {display: block; width: 18px; height: 2px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	 -moz-border-radius: 1px;
		  border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
	
	.btn-footer .icon-bar + .icon-bar {margin: 3px 0px;}
	
	p.toTop {text-align:right; font-size:12px; margin-top:10px;}
	p.toTop a {color:#ffffff !important;}
	
/*
==================================================================================================
NAV BAR
================================================================================================== 
*/

    .navbar-wrapper {position:relative; z-index: 10; margin-top:150px; margin-bottom:40px;}
	
	.navbar-wrapper .masthead {margin:0 0 20px 0px; width:35%; margin-top:80px;}
	.navbar-wrapper .masthead img {width:100%;}
	
	/* Special class on .container surrounding .navbar, used for positioning it into place. */
    /* Negative margin to pull up hero. */

	img.masthead {position:relative;}
	
	.navbar .brand {padding:10px; margin-left:5px; margin-top:-2px; letter-spacing:1px;}
	.navbar .brand em {font-size:14px;}
    .navbar .navbar-inner {padding:3px 10px; border: 0;
	  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);}
			  
	.navbar i {opacity:.5; filter: alpha(opacity=50);}
    
	/* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {padding: 10px 15px;}

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {margin-top: 10px; margin-bottom: 10px;}
	
	.navbar .nav li a.toc-link {color:#fde2d0; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-left:10px; border-left:1px solid #f4b289; padding-left:10px;}
	.navbar .nav li a.toc-link:hover {color:#fff;
	ransition: color 2s;
	-moz-transition: color 2s; /* Firefox 4 */
	-webkit-transition: color 2s; /* Safari and Chrome */
	-o-transition: color 2s; /* Opera */}
	.navbar .nav li a.outreach-link i {opacity:8;}
	.navbar .nav li a.outreach-link {color:#f4b289;}
	.navbar .nav li a.outreach-link:hover {color:#fff;
	transition: color 2s;
	-moz-transition: color 2s; /* Firefox 4 */
	-webkit-transition: color 2s; /* Safari and Chrome */
	-o-transition: color 2s; /* Opera */}

/*
==================================================================================================
CAROUSEL FEATURE
================================================================================================== 
*/
	
	/* Carousel base class */
	.hero {margin-top:-450px; margin-bottom: 0px; background-color:#000;}
	.hero .container {position: absolute; right: 0; bottom: 0; left: 0;}
	.hero-control {background-color: transparent; border: 0; font-size: 120px; margin-top: 0; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
	.hero .item {height: 440px; overflow:hidden;}
	.hero img {min-width: 100%;}
	.hero-caption {background-color: transparent; position: static; max-width: 480px; padding: 0 20px; margin-bottom: 50px;}
	.hero-caption h1, .hero-caption .lead {margin: 0; color: #fff; text-shadow: 3px 3px 10px #333333;}
	.hero-caption h1 {line-height:36px; padding-bottom:8px;}
	.hero-caption .lead {line-height:24px;}	  
	.hero-caption .btn {margin-top: 10px;}

/*

==================================================================================================
RESPONSIVE MEDIA QUERIES
================================================================================================== 
*/

@media (max-width: 979px) {
	.navbar-wrapper {margin-top:100px;}
	.hero {margin-top:-370px;}
	.hero .item {height: 360px; overflow:hidden;}
	.navbar-wrapper img.masthead {padding-bottom:20px;}
	.navbar .brand {padding:10px;}
}

@media (max-width: 767px) {
	
	body {overflow-x:hidden;}
	
	.UTSAbrand {margin-left:-22px;}
	.navbar .brand {margin-top:3px;}
	.navbar .nav li a.toc-link {margin-left:10px; border-left:none; padding-left:10px;}
	.navbar-wrapper {margin:20px 0 0 0;}
	.navbar-wrapper img.masthead {display:none;}
	.navbar-inner {margin: -20px 0; border-radius:0px;}
	
}
	
@media (max-width: 480px) {
	



/* fixes full width of navigation bar
.navbar.navbar-inverse navbar-static-top{width:100%;} */   

/* Centers Navigation Bar*/
.navbar-static-top { margin-left:0px;}

/* fixes full width of student life footer*/
#studentlife-footer{margin-left:-15px;padding-left:10px;padding-right:40px;width:100%;}

/* Removes the items below on mobile below 480px */
#copyright, #topBar.clearfix, .flexslider,.page-header, .bestfest-singular-banner.jpg{display:none;} 

/* Removes the top UTSA template */	 
.navbar .brand, .navbar .nav li a.toc-link {display:none;}	 

/* Adjusts title to fit properly */
.title-padding{padding-top:10px;margin-top:10px;text-rendering: optimizelegibility;font-size:20px;color: #002244;font-family: inherit;font-weight: bold;line-height: 2;}



/*  Centers the image and allows space below image and navigation */
.makeagift {margin-bottom: 10px;text-align: center;	}

/*  Gives bottom margin to action buttons at top of page*/
a.btn.btn-primary.btn-primary{margin-bottom: 10px;	}	

/*  Gives top margin to action buttons right above it and to text below*/
.navbar-inverse .navbar-inner {margin-top: 10px; margin-bottom:10px;	}

/*  Gives top margin to action buttons right above it and to text below*/
#event-thumbnails div.media {padding: 20px; }

h1.text-center strong{ font-size: 25px; }
}
	
/* /////////////////////////// FOOTER MENU /////////////////////////// */

@media (min-width: 980px) {
  .footer-collapse.collapse {height: auto !important; overflow: visible !important;}
}

@media (min-width: 767px ) { 
	.btn-footer {display:none;}
	
}

@media (max-width: 979px) {
	.utility-menu li {margin-left:6px;}
	.utility-menu li a {font-size:11px;}
}

@media (max-width: 767px) {	
	.btn-footer {diaply:block;}
	.footer-collapse {clear: both;}
	.footer-collapse .btn {padding: 4px 10px 4px; font-weight: normal;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.footer-collapse.in .btn-group {padding: 0; margin-top: 5px;}
  	.footer-collapse, .footer-collapse.collapse {height: 0; overflow: hidden;}
	ul.footer-utility {padding: 0 20px;}
	.utility-menu li {margin-left:5px;}
	.utility-menu li a {font-size:10px;}
	p.toTop {text-align:center;}
}

@media (max-width: 480px) {
	.footer-collapse {-webkit-transform: translate3d(0, 0, 0);}
	
}
	


#topBar, #topBarSM, #globalNav, #navigation, #header-content, #feature, #footer, #footer-user, #starter, #starter-feature, #home, #content-feature, #content, #content-extra, #college-head, #college-body {
    margin: 0 auto;
    position: relative;
    width: 100%;
	padding-top:15px;
	padding-bottom:15px;
}