/*
-----------------------------------------------
Boston College ITS Social 2013 (FY13) Base Style Sheet
Author:   Mikal Morello 
Date:     May 29 2013
----------------------------------------------- */

/* ------------ TABLE OF CONTENTS ------------- */
/* 
# GLOBAL STYLES
## TYPE
## ROWS
# PAGE STRUCTURE SECTIONS 
## HEADER
## NAVIGATION
## HIGHLIGHT 
## MAIN
## FOOTER
## PAGE ELEMENTS & MEDIA
# ACCESSABILITY
# OTHER 
# CHANGES
# MEDIA QUERIES
*/


/*-------------------------------------------------------------------------------------------------*/

/* # GLOBAL STYLES */

body{
    background:#fff url('../template_images/social_main_background_darker.jpg') no-repeat -12% -260px;
    font-size: .625em;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*updated*/
    padding: 0;
    /*font: .625em/1.5em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; ORIGINAL FONT STYLE BUT LOOKED BAD IN IE... */
}

.container{
    max-width: 1025px;
    position: relative;
} 

.container.maxwidth, #main .container.maxwidth {
    max-width: 100%;
    width: 100%;
}


.center {
    margin: 0 auto;
}

.left{
    float:left;
}

.right{
    float:right;
}


.pull-top {
    margin-top: -50px;
}

li p{
    margin: 0;
}

.hidden {
    display: none;
}

ul.horizontal li{
    list-style: none;
    display: inline;
    padding-left: 10px;
}

ul.horizontal-left li{
    list-style: none;
    display: inline;
    /*padding-right: 10px; SPACING DIFFERENT IN THE EDITOR, NOT SURE WHY */
	padding-right: 4px; 
}

ul.nostyle {
	margin-left: 0;
}

ul.nostyle li{
	line-height: 24px;
    list-style: none outside none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.contentpadding{
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
}

.no_top_padding {
    padding-top: 0!important;
}

.no_right_padding {
    padding-right: 0!important;
}

.no_bottom_padding {
    padding-bottom: 0!important;
}

.no_left_padding {
    padding-bottom: 0!important;
}

.clear {
    clear: both;
    display: block;
}

.no-style {
	padding: 0!important;
	margin: 0!important;
	border: none!important;
	background: none!important;
}

/* ## TYPE  */

p {
    font-size: 1.4em;
    line-height: 1.5em;
    margin: 10px 0;
}

.text li {
	font-size:14px;
}

.textcenter {
    text-align: center;
}

.textright {
	text-align: right;
}

.largetext {
    color:#111;
    font-size: 1.5em;
}

.georgia {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}

.helvetica { 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*updated*/
}

.source_sans_pro {
    font-family: 'Source Sans Pro', sans-serif;
}


.darkgrey{
    color:#333;
}

.lightgrey{
    color:#999;
}

.medgrey{
    color:#666;
}

.gold {
    color: #cfbd91;
}

.darkgold {
	color:#b89f7f;
}

.white {
    color: #fff;
}

.black {
	color:#111;
}

a {
    /*color:#7d0001; STABDARD RED */
	color: #990000;
}

a:hover {
    color: #5e0102;
    text-decoration: none;
}

blockquote {
    border-left:none;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 10px 5%;
}

blockquote p {
    font-size: 14px;
}

.vertical-align{
   display: table-cell!important;
   vertical-align: middle;
}

/* ### HEADINGS */

h1, h2, h3, h4, h5, h6 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*updated*/
    font-weight:normal;
    line-height: 1.2em;
}

h1 {font-size: 3em;}
h2 {font-size: 2.5em;}
h3 {font-size: 2.2em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.4em;}

h1 small, h4 .small {
    color: cccccc;
    font-size:.4em;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*updated*/
    line-height:3.7em;
}

h1.header {
    margin-bottom: 0;
}

h2.subheader {
    color: #999;
    font-size: 1.8em;
    margin-top: 0;
}


#social h3{
	font-size: 3.6em;
}
/* ## ROWS & COLUMNS */

.row-fluid [class*="span"] {
    min-height: 1.5em;
}

div.row-fluid.contentpadding { 
    width:92%;
}


.row-fluid [class*="span"].pull-right{
    float:right;
}

.equalheight_container {
    overflow: 0!important;
}

.equalheight_column {
    margin-bottom: -99999px!important;
    padding-bottom: 99999px!important;
}

/*-------------------------------------------------------------------------------------------------*/


/* # PAGE STRUCTURE SECTIONS */


/* ## HEADER  */

section#header{
    background:url("../template_images/social_highlight_background_gold.png") repeat scroll transparent;
    border-bottom: thin #aa9c7b solid;
	color:#fff;
}

.row-fluid [class*="span"]#branding {
    margin-left: 0px;
}

#header .header_top {
	background:#330000;
	font-size: 1.4em;
	min-height:36px;
	
}

.header_top h1{
	font-size: 14px;
	margin-top: 5px;
}

.header_top .row-fluid{
	padding-top: 10px;
}

#header .header_bottom{
	color:#f9ebc8;
	font-size:1.8em;
	min-height: 110px;
}

#header .header_bottom a{
	color:#f9ebc8;
}

.header_bottom .row-fluid{
	padding-top: 20px;
}

.header_top a{
	color:#cfbd91;
}

.header_top a:hover {
    color: #e6d7b3;
}

#social .header_bottom h2 {
	font-size: 18px;
	margin-bottom: 30px;
}

.page_title {
	color:#fff;
	font-size: 54px;
	line-height: 1.1em;
	margin-right: 5px;
}


/* ### QUICK LINKS  */

.quicklinks {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 100%;
}

.quicklinks ul{
    float: right;
    padding-top: 5px;
    position: relative;
    text-align:right;
}

.quicklinks li{
    border-left: thin #FFF solid;
    color: #ffffff;
    display:inline;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.1em;  
    line-height: 1.1em;
    padding-right: 3px;
    padding-left: 3px;
    text-decoration: none;
}

.quicklinks li a {
    color: #FFF;
}

/* ### SEARCH  */

#search {
    float:right;
    position: relative;
    padding: 40px 0  0 0!important;
    width: 100%;
}

.form-search {
    margin-bottom: 0;
    position: relative;
}
  
.form-search .search-query {
    padding: 4px 29px!important;
}

.form-search input[type="text"]{
    border: solid 2px #fff!important;
}

.form-search input[type="text"]:focus, .form-search input[type="text"].focused {
    border: solid 2px #c3e2fd!important;
    box-shadow:0 0 0 5px 3px rgba(51, 0, 0, 0.5);
      -moz-box-shadow: 0 0 0 5px 3px rgba(51, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 0 5px 3px rgba(51, 0, 0, 0.5);
}

#searchsubmit {
    background: url("../template_images/search_icon.png") no-repeat scroll transparent;
    border-width: 0!important;
    border:none!important;
    box-shadow: none;
    cursor: pointer;
    float: right;
    height: 15px;
    line-height: 9999px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -999px !important;
    top: 8px;
    width: 13px;
    z-index: 1;
}



.form-search:hover #searchsubmit {
    background: url("../template_images/search_icon_hover.png") no-repeat scroll transparent;
}

input[type="text"].search-query {
    color:#999;
}

input[type="text"].search-query:hover {
    color: #333;
}

#searchsubmit:hover {
    opacity: 10%;
}

.icon-search:before {
    content: none;
}

.form-search .icon-search {
    background-image: url("http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png");
    position: absolute;
    right: 11px;
    top: 7px;
}

.collapse {
    overflow: hidden !important;
}

/*.directory .collapse.in {
    overflow: inherit !important; 
}*//* ADDED TO FIX ISSUE OF TOOLTIP BEING HIDDEN - CREATES ISSUE WITH COLLAPSE... */


/* ## HIGHLIGHT  */

section#highlight{
    min-height: 200px;
	margin-top: 35px;
}

#socialslider.carousel{
	margin-bottom: 5px;
}

#socialslider.carousel .item, #socialboxslider.carousel .item {
	min-width: 100%;
}

/* ADDED SO THAT OTHER MEDIA ELEMENTS CAN LIVE WITHIN THE SLIDER */
#socialslider.carousel .item .mediacontent {
	background: #eee;
	display: inline;
	float: right;
	width:65%;
}

#socialslider.carousel .item .mediacontent img{
	max-height: 480px;
	overflow: hidden;
}

#socialslider.carousel .item .info {
	height: 100%;
	float:left;
	margin-right: 2%;
	width: 33%;
}

#socialslider.carousel .item .info .infocontent { 
    background: #cccccc;
    margin-bottom: -99999px;
    padding: 50px 25px 99999px 25px;
}

#socialslider .carousel-control.left {
    left: 38%;
    top: 45%;
}

#socialslider .carousel-control.right {
    right: 3%;
    top: 45%;
}


.infocontent h4 {
	font-size: 3.1em; 
	margin: 0;
	padding-bottom: 30px;
}

.infocontent h4 a{
    color:#333;
}

.infocontent p{
	font-size: 1.8em;
	line-height: 1.5em;
}

.social_list .horizontal li {
	margin-top: 5px;
	padding-left: 5px;
}

.social_list .horizontal li:first-child {
	padding-left: 0;
}

.carousel-indicators {
    list-style: none outside none;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 5;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    width: 10px;
}

.carousel-indicators .active {
    background-color: #FFFFFF;
}

/* addition */



/* ## MAIN */

#main {
    min-height: 60em;
}

/* ## FOOTER  */

section#footer  {
    color:#fff;
    position: relative;
}

.footer_top {
	background: #e2d9c4; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2d9c4 0%, #ffffff 48%, #ffffff 67%, #eae3d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2d9c4), color-stop(48%,#ffffff), color-stop(67%,#ffffff), color-stop(100%,#eae3d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2d9c4 0%,#ffffff 48%,#ffffff 67%,#eae3d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2d9c4 0%,#ffffff 48%,#ffffff 67%,#eae3d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2d9c4 0%,#ffffff 48%,#ffffff 67%,#eae3d4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2d9c4 0%,#ffffff 48%,#ffffff 67%,#eae3d4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2d9c4', endColorstr='#eae3d4',GradientType=0 ); /* IE6-9 */
    color:#333333;
	min-height: 360px;
}

.footer_top {
	padding: 40px 0 0 0;
}

.footer_top h4 {
	color: #000;
	font-size: 2.6em;
	
}

.footer_bottom {
	min-height: 190px;
	padding-top: 40px;
	background: rgb(102,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,0,0,1) 0%, rgba(67,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,0,0,1)), color-stop(100%,rgba(67,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(102,0,0,1) 0%,rgba(67,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(102,0,0,1) 0%,rgba(67,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(102,0,0,1) 0%,rgba(67,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(102,0,0,1) 0%,rgba(67,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#430000',GradientType=0 ); /* IE6-9 */
}

.footer_bottom a{
	color: #fff;
}

/*-------------------------------------------------------------------------------------------------*/

/* ## PAGE CONTENT ELEMENTS */

/* ### BUTTONS/LINKS  */

.btn-social {
    background: #89713c; /* Old browsers */

background: -moz-linear-gradient(top,  #89713c 0%, #5e4d26 44%, #3d3116 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89713c), color-stop(44%,#5e4d26), color-stop(100%,#3d3116)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #89713c 0%,#5e4d26 44%,#3d3116 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #89713c 0%,#5e4d26 44%,#3d3116 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #89713c 0%,#5e4d26 44%,#3d3116 100%); /* IE10+ */

background: linear-gradient(to bottom,  #89713c 0%,#5e4d26 44%,#3d3116 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89713c', endColorstr='#3d3116',GradientType=0 ); /* IE6-9 */ 
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #800D02;
	border-radius: 18px;
	font-size: 15px;
	border: #fff 1px solid;
	padding: 9px 15px;
	
}

.btn-social:hover {
	background: #3D3116;
    background-color: #3d3116;
    color: #FFF3E8;
    text-shadow: 0 -1px 0 #620000;
}

.btn-social:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FF8F84;
}

.btn-top {
	background: #660000;
	height: auto!important;
	margin-top: 75px;
	padding: 12px 14px;
	width: auto!important;
}

.btn-nostyle {
	background: none;
	border: none;
	box-shadow:none;
}

.btn-red {
    background-color: #9E2B20;
    background-image: -moz-linear-gradient(center top , #BC493E, #800D02);
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); 
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #800D02;
}

.btn-red:hover {
    background-color: #800D02;
    color: #FFF3E8;
    text-shadow: 0 -1px 0 #620000;
}

.btn-red:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FF8F84;
}

.btn-darkred {
    background-color: #3b0404;
    background-image: -moz-linear-gradient(center top , #500707, #290303);
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); 
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #290303;
}

.btn-darkred:hover {
    background-color: #290303;
    color: #FFF3E8;
    text-shadow: 0 -1px 0 #620000;
}

.btn-darkred:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FF8F84;
}

.btn-gold {
    background-color: #D6AA5C;
    background-image: -moz-linear-gradient(center top , #F4C87A, #B88C3E);
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #B88C3E;
}

.btn-gold:hover {
    background-color: #B88C3E;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #9A6E20;
}

.btn-gold:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFC0;
}


.btn-largefont {
	font-size:1.6em;
    font-weight: bold;
}

.btn-lightfont,  .btn-lightfont:hover{
	color:#ffffff!important;
	text-shadow: 1px 1px 1px #000;
}


.btn-large {
    font-size: 18px;
    padding: 11px 19px;
}


/* ### SOCIAL BUTTONS */



/* ### IMAGES  */

img {
    color: #000000;
}

a img {
	opacity: 1;
    transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      -ms-interpolation-mode: bicubic;
}

img, object {
    max-width: 100%;
    width: auto\9; /* ie8 */
}
    
a img:hover {
    opacity: .85;
}

img.center {
    display: block;
}

/* ### VIDEO  */

/* #### YOUTUBE EMBED RESPONSIVE VIDEO */

/* Changed video class to responsive-video as the video class is now being applied at the html level -modernizr- causing issues with all embedded html elements */
.responsive-video {
     height: 0;
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
}

html.responsive-video {
	 padding-top:0;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
	 z-index: 0; /*FIXIFRAME YOUTUBE Z INDEX ISSUE IN IE */
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
     max-width: 100%;
     width: auto\9; /* ie8 */
}

/* ### WELCOME SECTION */

.welcome-boxes {
	margin-top: 30px;
}

.row-fluid.welcome {
	margin-bottom: 20px;
}

.box, .welcome-boxes .box,.discover .box {
	display: block;
	min-height: 229px;
}

.box-social, .box-pinterest, .box-youtube, .box-twitter {
	background: #ececec;
}


.box-pinterest span:first-child {
    display: inline !important;
}


.box-youtube .responsive-video {
	margin-top:30px;
}


.box-highlight {
	background: #fdfbf7;
	border: 1px solid #eae2ce;
	/*padding: 15px;*/
}

.box-highlight:hover {
	background: rgb(234,226,206); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,226,206,1) 0%, rgba(242,236,215,1) 37%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,226,206,1)), color-stop(37%,rgba(242,236,215,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2ce', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	transition:color .1s ease-in;
}

/*.infocontent .box-highlight {
	width: 200px;
}*/

.social-expand {
	clear: both;
    display: block;
    margin-top: 30px;
    width: 100%;
}


/* #### TWITTER  TWTR.Widget Version*/

.twtr-tweets {
	max-height: 139px!important;
	overflow: hidden;
	padding-top: 0;
	width: 235px;
}

.twtr-tweet { 
	height: 139px!important;
}

.twtr-timeline {
	height:149px!important;
}

#twtr-widget-1 .twtr-doc, #twtr-widget-2 .twtr-doc{
	/*background-color:#ffffff!important;*/
	width: 100%!important;
}

#twtr-widget-1 .twtr-bd p, #twtr-widget-2 .twtr-bd p {
	width: 100%!important;
	color: #111111;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    text-align: center;
	font-size:1.3em;
}


.twtr-widget .twtr-tweet {
    border-bottom: none!important;
}


.twtr-widget em {
	border-top: 1px solid #eee;
	margin-top: 10px!important;
	padding-top: 10px!important;
}


.twtr-ft {
    display: none;
}

.twtr-hd {
    display: none; /*REMOVE PROFILE IMAGES DATA */
}

#twitterfeed {
  display: table;
  width: 100%;
	height: 229px;
}


.twtr-widget {
    display: table-cell;
    vertical-align: middle;
}



/* ### DISCOVER SECTION */

.discover {
    margin-top: 30px;
}

.discover .box {
    min-height: 316px;
}

.discover-icons ul {
	margin-left: 0;
}

.discover-icons a{
	font-size: 16px;
	height: 16px;
	opacity: .8;
}

.discover-icons li{
	display: inline-block;
	line-height: 26px;
    list-style: none outside none;
	height: 16px;
	width: 16px;
	padding-right: 5px;
}

.discover-icons a:hover{
	opacity: 1;
}


/* ### DIRECTORY SECTION */
.directory {
    margin: 30px 0;
}

.directorylist {
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 30px;
}

.directory ul.nostyle li {
	vertical-align:middle;
}

.directorylist li a{
	padding: 10px;
}

.directorylist li:first-child a {
	margin-left: 20px;
}

.directory .tab-content {
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    overflow: inherit; /* BREAKS THE TOOLTIP - DOESNT ALLOW IT TO BE VISIBLE OUTSIDE OF BOX*/
}

.directory .nav {
    margin-bottom: 0px;
}

li.social_row {
	border-bottom: 1px dotted #eee;
	clear: both;
	/*display: inline-block;*/
	height: 50px;
	padding: 0 2.5%;
    width: 95%;
}

li.social_row:hover {
	background: rgb(234,226,206); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,226,206,1) 0%, rgba(242,236,215,1) 37%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,226,206,1)), color-stop(37%,rgba(242,236,215,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2ce', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	transition:color .3s ease-in;
}

.social_title, .social_links {
	display: table;
	float: left;
	height: 50px;
	position: relative;
}

.social_title{
	/*font-weight: bold;*/
	height: 50px;
	width: 35%;
}

.social_links{
	padding-left: 5%;
	margin-left: 0;
	width: 60%;
}

#department ul, #student_organizations ul {
	margin-bottom: 0;
}

#expand_directory, #expand_student  {
	clear: both;
}
.social_links ul {
	margin-left: 0;
}

.social_links li{
	display: inline-block;
	line-height: 24px;
    list-style: none outside none;
	height: 32px;
	width:32px;
	padding-right: 18px;
	
}

.social_links a{
	color: #b1b1b1;
	font-size: 32px;
	height: 32px;
	opacity: .4;
}

.social_links a:hover{
	opacity: 1;
}

.social_categories {
	width: 60%;
}

.social_categories ul li {
	padding-left: 0;
}

.social_categories li span{
	font-size: 12px;
	padding: 4px;
	margin-top: -6px;
	width: 45px;
}


.vertical-align {
	display: table-cell;
	vertical-align: middle;
}
[class^="icon-"], [class*=" icon-"] {
    width: auto;
    vertical-align: baseline; /*ALLOW FOR VERTICAL ALIGNING OF ICONS - NOT SURE WHY THIS FIXES IT*/
}


.rotate {

/* Safari */
-webkit-transform: rotate(-60deg);

/* Firefox */
-moz-transform: rotate(-60deg);

/* IE */
-ms-transform: rotate(-60deg);

/* Opera */
-o-transform: rotate(-60deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
display: block;
    position: relative;
	float: left;
}

/* ### FOOTER SECTION */

.footer_links a{
	color: #990000;
}

.footer_links a:hover{
	color: #660000;
}

/*.footer_icons [data-icon]:before {
	line-height: 50px;	
}*/

.footer_icons a {
	color: #B89F7F;
	font-size: 32px;
	height: 32px;
	opacity:.8;
}

.footer_icons a:hover {
	opacity:1;
}

.footer_icons ul {
	margin-left: 0;
}

.footer_icons li {
	display: inline-block;
	line-height: 40px;
    list-style: none outside none;
	height: 32px;
	width:32px;
	padding-right: 18px;
	
}

#footersearch {
	display: none;
}

.footer_top hr{
	color:#cbbe9e;
	border-color: #e2d9c4;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
}


/* ### SLIDERS  */


.carousel-control {
    float: right;
    top: -20%;
}

.carousel-control.left{
	left:auto;
	right:65px;
}

/* ### SOCIAL CONTENT */

.iconstyle-website a, .iconstyle-facebook a, .iconstyle-twitter a, .iconstyle-youtube a, .iconstyle-flickr a, .iconstyle-instagram a, .iconstyle-blog a, .iconstyle-linkedin a, .iconstyle-pinterest a, .iconstyle-googleplus a{
	/*color: #b1b1b1;*/
	transition:color .25s ease-in;
}


.iconstyle-website a:hover {
	color: #f36d50;
}

.iconstyle-facebook a:hover {
	color: #436eac;
}

.iconstyle-twitter a:hover {
	color: #0598c9;
}

.iconstyle-youtube a:hover {
	color: #e32114;
}

.iconstyle-flickr a:hover {
	color: #e33b7e;
}

.iconstyle-instagram a:hover {
	color: #517fa4;
}

.iconstyle-blog a:hover {
	color: #fe7935;
}

.iconstyle-linkedin a:hover {
	color: #2e8cc2;
}

.iconstyle-pinterest a:hover {
	color: #cb2027;
}

.iconstyle-googleplus a:hover {
	color: #d85131;
}

.social_sprite:after {
	background-attachment:scroll;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease 0s;
}
.social_sprite {
    display: inline-block;
    height: 30px;
	margin-bottom: 10px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
}

.social_sprite:hover:after {
    opacity: 1;
}

.facebook_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll 0 0 transparent;
}

.facebook_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll 0 -30px transparent;
}

.twitter_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -30px 0 transparent;
}

.twitter_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -30px -30px transparent;
}

.googleplus_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -60px 0 transparent;
}

.googleplus_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -60px -30px transparent;
}

.youtube_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -90px 0 transparent;
}

.youtube_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -90px -30px transparent;
}

.flickr_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -120px 0 transparent;
}

.flickr_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -120px -30px transparent;
}

.pinterest_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -150px 0 transparent;
}

.pinterest_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -150px -30px transparent;
}

.instagram_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -180px 0 transparent;
}

.instagram_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -180px -30px transparent;
}

.linkedin_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -210px 0 transparent;
}

.linkedin_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -210px -30px transparent;
}

.bctour_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -240px 0 transparent;
}

.bctour_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -240px -30px transparent;
}

.bcbooks_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -270px 0 transparent;
}

.bcbooks_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -270px -30px transparent;
}

.bcblog_sprite.social_sprite{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -300px 0 transparent;
}

.bcblog_sprite.social_sprite:after{
	background: url("../template_images/social_icons_sprite.png") no-repeat scroll -300px -30px transparent;
}

#highlight:hover .social_hover_text {
	opacity: 1;
	transition: opacity 0.5s ease 0s;
}

.social_hover_text {
	color: #999;
	/*float: left;*/
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	opacity: 0;
	padding-top: 5px;
	position: relative;
	margin-bottom: -20px;
	transition: opacity 0.5s ease-out 0s;
	vertical-align: middle;
	
}

/* ### DAY MODULES */

/* #### COLUMN CONTROL */

div.parsys_column {
    border: 0 none;
    box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

div.cq-colctrl-cols { float: left; width: 100%; }

div.cq-colctrl-default { width: 100%;}

div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { padding-right: 1.25%; width: 50%; }
div.cq-colctrl-lt0-c1 { padding-left: 1.25%; width: 50%; }

div.cq-colctrl-lt1 { 
    overflow: hidden;
}

div.cq-colctrl-lt1-c0 {
    border-right: 1px solid #e8e8e8;
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 33.3333%; 
}

div.cq-colctrl-lt1-c1 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 66.6666%;
}

div.cq-colctrl-lt2 { 
    overflow: hidden; 
}

div.cq-colctrl-lt2-c0 {
    border-right: 1px solid #e8e8e8;
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 33%;
}

div.cq-colctrl-lt2-c1 {
    border-right: 1px solid #e8e8e8; 
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 1.25%;
    width: 33%;
    
}

div.cq-colctrl-lt2-c2 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 33%; 
}

/* UPDATE PADDING TO ENSURE COLUMNS ARE EQUAL SIZE */
div.cq-colctrl-lt2nl { background:none;}
div.cq-colctrl-lt2nl-c0 { padding-right: 1.666%; width: 33.333%;}
div.cq-colctrl-lt2nl-c1 { padding-right: .833%; padding-left: .833%; width: 33.333%;}
div.cq-colctrl-lt2nl-c2 { padding-right: 0; padding-left: 1.666%; width: 33.333%;}

/* UPDATE PADDING TO ENSURE COLUMNS ARE EQUAL SIZE */
.home div.cq-colctrl-lt2nl-c0 { padding-right: .833%; width: 33.333%;}
.home div.cq-colctrl-lt2nl-c1 { padding-right: .416%; padding-left: .416%;  width: 33.333%;}
.home div.cq-colctrl-lt2nl-c2 { padding-left: .833%;  width: 33.333%;}

div.cq-colctrl-lt3 {  
    overflow: hidden; 
}

div.cq-colctrl-lt3-c0 {
    border-right: 1px solid #e8e8e8;
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 50%;
}

div.cq-colctrl-lt3-c1 {
    border-right: 1px solid #e8e8e8;    
    margin-bottom: -99999px; 
    padding: 0 1.25% 99999px 1.25%;
    width: 25%; 
}

div.cq-colctrl-lt3-c2 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 25%; 
}

/* UPDATE PADDING TO ENSURE COLUMNS ARE EQUAL SIZE */
div.cq-colctrl-lt3nl { background:none;}
div.cq-colctrl-lt3nl-c0 { padding-right: 1.666%; width: 50%;}
div.cq-colctrl-lt3nl-c1 { padding-right: .833%;  padding-left: .833%; width: 25%;}
div.cq-colctrl-lt3nl-c2 { padding-right: 0;  padding-left: 1.666%; width: 25%;}


div.cq-colctrl-lt4 {
    overflow: hidden; 
}

div.cq-colctrl-lt4-c0 {
    margin-bottom: -99999px; 
    padding: 0 1.25% 99999px 0;
    width: 33.333%; 
} 

div.cq-colctrl-lt4-c1 {
    margin-bottom: -99999px; 
    padding: 0 0 99999px 1.25%;
    width: 66.666%;
}

div.cq-colctrl-lt5 { 
    overflow: hidden;
}

div.cq-colctrl-lt5-c0 {
    border-right: 1px solid #e8e8e8; 
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 66.666%;      
}

div.cq-colctrl-lt5-c1 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 33.333%; 
}

div.cq-colctrl-lt5nl { background:none;}
div.cq-colctrl-lt5nl-c0 { padding-right: 1.25%; width: 66.666%;}
div.cq-colctrl-lt5nl-c1 { padding-right: 0; padding-left: 1.25%; width: 33.333%;}


.home div.cq-colctrl-lt5nl {overflow: hidden}
.home div.cq-colctrl-lt5nl-c0, .home div.cq-colctrl-lt5nl-c1 { margin-bottom: -99999px; padding-bottom: 99999px; }

div.cq-colctrl-lt6 { 
    overflow: hidden;
}

div.cq-colctrl-lt6-c0 {
    border-right: 1px solid #e8e8e8;
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 75%;  
}

div.cq-colctrl-lt6-c1 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 25%; 
}

div.cq-colctrl-lt6nl { background:none;}
div.cq-colctrl-lt6nl-c0 { padding-right: 1.25%; width: 75%;}
div.cq-colctrl-lt6nl-c1 { padding-right: 0; padding-left: 1.25%; width: 25%;}

div.cq-colctrl-lt7 { 
    overflow: hidden;
}

div.cq-colctrl-lt7-c0 {
    border-right: 1px solid #e8e8e8; 
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 25%;
}

div.cq-colctrl-lt7-c1 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 75%;
}

div.cq-colctrl-lt7nl { background:none;}
div.cq-colctrl-lt7nl-c0 { padding-right: 1.25%; width: 25%; }
div.cq-colctrl-lt7nl-c1 { padding-right: 0; padding-left: 1.25%; width: 75%;}

div.tanbar-col-c0, body.bcnonav div.tanbar-col-c0 { padding-right: 1.25%; width: 50%; }
div.tanbar-col-c1, body.bcnonav div.tanbar-col-c1 { padding-right: 0; padding-left: 1.25%; width: 50%;}


/* Home custom colums */
div.customcol { 
    overflow-x: hidden;
    overflow-y: hidden;
}

div.customcol .homecol { 
    width:50%;
    float:left;
}

div.cq-colctrl-lt5-c0 {
    border-right: 1px solid #e8e8e8; 
    margin-bottom: -99999px;
    padding: 0 1.25% 99999px 0;
    width: 66.666%;      
}

div.cq-colctrl-lt5-c1 {
    margin-bottom: -99999px;
    padding: 0 0 99999px 1.25%;
    width: 33.333%; 
}

div.customcol { background:none;}
div.customcol .homecol { padding-right: 0; padding-left: .5%; width: 32.5%;}
div.customcol .homecol:first-child { padding-right: .5%; width: 64.5%;}


/* ### ICONS  */

.transparent-80 {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.transparent-80:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.transparent-60 {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.transparent-60:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.transparent-40 {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.transparent-40:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.iconsize-16 {
  font-size:16px;
  height: 16px;
}

.iconsize-24 {
  font-size:24px;
  height: 24px;
}

.iconsize-32 {
  font-size:32px;
  height: 32px;
}



/* SLIDER UPDATES */

.infocontent .thumbnail {
    /*width: 235px;*/
    /*max-height: 126px; removed so that the height could be flexible */
    overflow: hidden; /* contain images within thumbnail boundaries */
    border: 0; /* removes Bootstrap's default border */
    box-shadow: 0 12px 12px -10px #c4c4c4;
    -webkit-box-shadow: 0 17px 22px -20px #c4c4c4;
    -moz-box-shadow: 0 12px 12px -10px #c4c4c4;
	padding:0;
	border-radius: 0;
}

.infocontent .thumbnail img { 
    width:100%; 
	height:auto; 
	padding: 0;
} /* to keep proportions */

.thumbnails p { 
   text-align: center; 
   padding: 10px; 
} /* captions can be styled with an inline element */

.item.active.left, .item.next.left {
	margin-left: 2.5641%;
}


/*-------------------------------------------------------------------------------------------------*/

/* # ACCESSABILITY */

.access-content {
    left: -9999em;
    overflow: hidden;
    position: absolute;
    width: 1em;
}

.screenreader {
    display: block;
    height: 0;
    left: -9999em;
    overflow: hidden;
    position: absolute;
    width: 1em;
}

/*-------------------------------------------------------------------------------------------------*/

/* # OTHER / FIXES */

   /*Bootstrap override*/
    label{
        display:inline
    }


 /* Emergency notification*/
    
    #emergency_bar {
        background: #fff;
        _text-align:center; /* IE6 fix */
    }
	
	
    #emergency_message {
        margin: 0 auto;
        display: block;
        background: yellow;
        color: #000;
        padding: 5px 20px 10px;
        font-size: 12px;
        width: 100%;
        text-align:left;
        border: 1px solid #72152C;
    }
/*-------------------------------------------------------------------------------------------------*/

/* # CHANGES */
/* #### DAY TABLES */ 

/* REMOVED TABLE STYLES APPLIED TO ALL TABLES, AND TRIED TO HAVE IT SPECIFICALLY TARGET TABLE COMPONENTS, AND TEXT COMPONENT TABLES */

div.table table, .text table/*, #maincontent table*/ {
    border: 2px solid #EFECE6;
    border-collapse: collapse;
    font-size: 1.2em;
    width: 100%;
}

div.table table th, .text table tr /*, #maincontent table th*/ {
    background: none repeat scroll 0 0 #F4F1EA;
    text-align:left;
}

div.table table tr, .text table tr /*, #maincontent table.styled tr*/  {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFECE6;
}

div.table table td, div.table table th, .text table th, .text table td/*#maincontent table.styled td, #maincontent td, #maincontent td p, #maincontent table th*/   {
    border: 1px solid #EFECE6;
    padding: 10px;
}


/* ## CAPTION FIX? I DON'T KNOW, JUST COPIED FROM THE EXISTING STYLE SHEET */

  .caption, .original .caption, .none .caption,
   .bcimagerow .bcimage .caption, .parsys_column .bcimagerow .bcimage .caption,
   .image_right .caption, .textimage .caption,.textimage .original_right .caption, .original_right .caption {
	  margin:5px 0 ;
	  font-weight:bold;
	  /*border-bottom:1px solid #B6AD95;*/
  }
  
/* ## IMAGE MODULE LEFT/RIGHT ALIGNMENT FIX */


  .bcimage.image_left .image_left, .bcimage.image_right .image_right {
	  width: 100%;
  }

  .bcimage .image_left img, .bcimage .image_right img { 
	  clear: both;
  }
  
  .bcimage .image_left img {
	  float: left;
  }
  
    .bcimage .image_right img {
	  float: right;
  }
  

/* #### DAY IMAGES */

.original img {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    padding: 0 !important;
}

.image_left.textimage .image_left, .textimage .original {
    float: left;
    margin: 0 15px 0 0;
}

.original_right .textimage .original_right .original_right, .original_right .original_right {
    float: right;
    margin: 0 0 0 15px;
}

.image_right .image_right img {
    border: 2px solid #F5F4E8;
    /*margin: 5px 0; REMOVED SO IMAGE WILL ALIGN WITH TEXT*/
}

.image_right .image_right {
    float: right;
    margin:  0 0 0 15px;
}

.image_left .image_left img {
    border: 2px solid #F5F4E8;
    /*margin: 5px 0; REMOVED SO IMAGE WILL ALIGN WITH TEXT*/
}

.image_left .image_left {
    float: left;
    margin: 0 15px 0 0;
}

/* ## CENTER ALIGNMENT ISSUE FIX */

  .image_center, .original_center {
	  text-align: center !important;
  }
  .image_center, .original_center {
	  margin: 0 auto;
	  text-align: center !important;
  }

/*-------------------------------------------------------------------------------------------------*/

/* # MEDIA QUERIES */

/* *************   MIN-WIDTH 981PX & MAX-WIDTH 1199PX ***************** */

@media (min-width: 981px) and (max-width: 1199px) {
    .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 940px;
    }

    .span12 {
      width: 940px;
    }
    
    .span11 {
      width: 860px;
    }
    
    .span10 {
      width: 780px;
    }
    
    .span9 {
      width: 700px;
    }
    
    .span8 {
      width: 620px;
    }
    
    .span7 {
      width: 540px;
    }
    
    .span6 {
      width: 460px;
    }
    
    .span5 {
      width: 380px;
    }
    
    .span4 {
      width: 300px;
    }
    
    .span3 {
      width: 220px;
    }
    
    .span2 {
      width: 140px;
    }
    
    .span1 {
      width: 60px;
    }
    
    .offset12 {
      margin-left: 980px;
    }
    
    .offset11 {
      margin-left: 900px;
    }
    
    .offset10 {
      margin-left: 820px;
    }
    
    .offset9 {
      margin-left: 740px;
    }
    
    .offset8 {
      margin-left: 660px;
    }
    
    .offset7 {
      margin-left: 580px;
    }
    
    .offset6 {
      margin-left: 500px;
    }
    
    .offset5 {
      margin-left: 420px;
    }
    
    .offset4 {
      margin-left: 340px;
    }
    
    .offset3 {
      margin-left: 260px;
    }
    
    .offset2 {
      margin-left: 180px;
    }
    
    .offset1 {
      margin-left: 100px;
    }

}


/* *************   MAX WIDTH 980PX ***************** */

@media (max-width: 980px) {

    body {
        padding: 0;
    }
	
	#socialslider.carousel .item .mediacontent {
	    min-height: 100px; 
		max-height: 480px;
		width:100%;
	}
	
	#socialslider.carousel .item .mediacontent img {
	    min-height: 100px; 
		width:100%;
	}
	
		#socialslider.carousel .item .mediacontent .responsive-video{
	    padding-top: 0;
	}
	
	#socialslider.carousel .item .info {
		margin-right: 0;
		width: 100%;
	}
	
	#socialslider.carousel .item .info .infocontent { 
		background: #cccccc;
		margin-bottom: 0;
		padding: 20px 5%;
	}
	
	#socialslider .carousel-control.left {
		left: 5%;
		top: 175px;
	}
	
	#socialslider .carousel-control.right {
		right: 5%;
		top: 175px;
	}
	
	#socialslider.carousel .item > .mediacontent {
		display: block; /*allow caption to float left of image */
	}
	
	.infocontent h4 {
       font-size: 3em;
       margin: 10px 0;
       padding-bottom: 0;
	}
	
	.welcome-boxes .box{
		float: left;
		min-width: 45%;
		margin: 10px 2.5%;
	}
	
	.row-fluid.welcome-boxes [class*="span"]:first-child {
       margin-left: 2.5%;
    }
	
	.welcome-boxes [class*="span"], .row-fluid.welcome-boxes [class*="span"] {
       -moz-box-sizing: padding-box;
       display: block;
	   clear: none;
       float: left;
       margin-left: 2.5%;
       width: 45%;
     }
	
	.twtr-tweets {
        width: 100%;
     }
	 
	 .page_title {
		 display: block;
		 width: 100%;
	 }
	 
	 .social_categories {
		 display: none;
	 }
	 
	 li.social_row {
		 height:auto;
	 }
	 
	 .social_title, .social_links {
         width: 100%;
     }

     .social_links {
	    padding-left: 0;
     }

     .infocontent p {
        font-size: 1.6em;
     }

     .box-youtube .responsive-video {
        margin-top: 0;
	    max-height: 229px;
     }

     .welcome-boxes {
	    margin-top: 0;
     }

     #searchsubmit {
	    top: 28px;
     }
	 
}

/* *************   MAX WIDTH 960PX ***************** */

@media (max-width: 960px) {
	
}

/* *************   MIN WIDTH 768PX ***************** */

@media (min-width: 768px) {
}

/* *************   MAX WIDTH 767PX ***************** */

@media (max-width: 767px) {
    
    [class*="span"], .row-fluid [class*="span"] {
        clear: both;
    }
	
	.container {
		width: 92%;
		padding: 10px 4%;
	}
	
	.header_top .span6, .header_bottom .span8, .header_bottom .span4{
		width: 50%;
		margin: 0;
		clear: none;
		float: left;
	}

    #main {
        min-height: 10em;
    }
	
	.footer_bottom, .footer_bottom .textright {
		text-align:center;
	}
	
	.footer_bottom .pull-right {
		float: none;
	}
	
	.btn-top {
        margin-top: 35px;
	}
	
	.social_hover_text, #highlight:hover .social_hover_text {
	    display: none;
	}
   
   .infocontent [class*="span"], .infocontent .row-fluid [class*="span"] {
        clear: none;
	    float: left;
	    margin: 15px 2.5%;
	    min-height: 320px;
        width: 45%;
    }
	
	.infocontent .thumbnail {
        width: 100%;
    }
	
	.carousel-control {
        top: -8%;
    }
	
	#socialslider.carousel .item .mediacontent img {
       height: auto;
       max-height: 480px;
       overflow: hidden;
    }

    #socialslider.carousel .item .mediacontent {
	   height: auto;
    }

    .directory ul.nostyle li {
	  vertical-align: inherit;
    }
	
	.welcome-boxes [class*="span"], .row-fluid.welcome-boxes [class*="span"] {
	   min-height: 320px; /*height of the tallest box - pinterest */
    }
	
	.infocontent p {
        font-size: 1.4em;
     }
	
}


/* *************   MAX WIDTH 650PX ***************** */

@media (max-width: 600px) {  
	
	
	#twtr-widget-1 .twtr-bd p, #twtr-widget-2 .twtr-bd p{
		font-size: 1.3em;
	}
	
	#search {
		display: none;
	}
	
	.header_bottom .span8, .header_bottom .span4{
	   width: 100%;
	   margin: 0;
	   clear: both;
	   float: none;
	   text-align: center;
	}
	
	.header_bottom .span4 {
	   display: none;
    }

    #footersearch {
	   display: block;
    }

    .header_bottom .row-fluid {
	   padding-top: 0px;
    }

    #social .header_bottom h2 {
	   margin-bottom: 0px;
	   margin-top: 0px;
    }
	
}

/* *************   MAX WIDTH 550PX ***************** */

@media (max-width: 550px) {
	
	.welcome-boxes .box{
		float: none;
		min-width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	
	.row-fluid.welcome-boxes [class*="span"]:first-child {
       margin-left: 0;
	   margin-top: 0;
    }
	
	.welcome-boxes [class*="span"], .row-fluid.welcome-boxes [class*="span"] {
       display: block;
	   clear: both;
       float: none;
	   -moz-box-sizing: padding-box;
       margin-left: 0;
	   min-height: 0;
       width: 100%;
    }
	
	.header_top .span6, .header_top .span6 .pull-right{
		width: 100%;
		margin: 0;
		clear: both;
		float: none;
		text-align: center;
	}
	
	.header_top h1{
	  font-size: 16px;
	  font-weight:bold;
    }

	
	#social .header_bottom h2 {
	  font-size: 18px;
	  margin-bottom: 30px;
    }

	#twitterfeed {
	  height: auto;
	  padding-top:25px;
    }
	
	.box, .welcome-boxes .box{
		height: auto;
		min-height: 139px;
	}
	
	
	.discover .box {
       min-height: 320px;
	}
	
	#socialboxslider.carousel-control {
       top: 102%;
	}
	
	#socialboxslider.carousel-control.left {
      left: auto;
      right: 250px;
    }
	
    #socialboxslider.carousel-control.right{
      left: 250px;
      right: auto;
    }

    .row-fluid.discover {
	  margin-bottom: 40px;
    }

    .social_list ul.pull-right{
	  float: none;
	  text-align: center;
    }

    .discover-icons a {
	  font-size: 19px;
	  height: 19px;
	  line-height: 21px;
    }
	
	.discover-icons p a {
       font-size: 14px;
       height: 14px;
       line-height: 20px;
    }

    .discover-icons li {
      height: 24px;
	  padding-right: 12px;
	  padding-top: 5px;
	  width: 24px;
    }

    .infocontent .thumbnail {
	  max-height: 200px;
    }	
	
}


/* *************   MAX WIDTH 320PX ***************** */

@media (max-width: 450px) {
	.directorylist {
      font-size: 1.4em;
	}
	
	.directorylist li{
		width: 50%;
	}
	
	.directorylist li:first-child a {
      margin-left: 0;
    }
	
	.directorylist li a{
		min-height: 40px;
	}
	
	#socialboxslider .carousel-control {
      float: right;
      top: 102%;
    }
	
	#socialboxslider .carousel-control.left {
      left: 100px;
      right: auto;
    }
	
    #socialboxslider .carousel-control.right{
      left: auto;
      right: 100px;
    }
}


/* *************   MAX WIDTH 320PX ***************** */

@media (max-width: 320px) {
	
	#socialslider .carousel-control.right {
      top: 135px;
    }

    #socialslider .carousel-control.left {
      top: 135px;
    }
	
	.carousel-control.left {
      left: 50px;
      right: auto;
    }
	
   .carousel-control.right{
      left: auto;
      right: 50px;
    }

}