/* Widgets and CMS tweaks*/

.rowWidth { max-width: 670px !important; }

@media only screen and (min-width: 894px) and (max-width: 1024px) { 
.rowWidth { max-width: 600px !important; }
}


@media only screen and (min-width: 768px) and (max-width: 893px) { 
.rowWidth { max-width: 500px !important; }
}

@media only screen and (max-width: 767px) { 
.rowWidth { max-width: 600px !important; }
}







/*--  fancybox fix                     ------------------------------------------------------------------------*/
.fancybox-title-float-wrap { bottom: auto; }
.fancybox-title-float-wrap .child { white-space: normal; width: 170%; }

@media only screen and (max-width: 400px) { 
.expand, .departmentLanding img.componentThumbnail { width: 100%; }
.departmentLanding .componentContents { margin-right: 0px !important; }}


/*--  arrowBullet alignment fix        ------------------------------------------------------------------------*/
.pageUniversal .bodyCopy ul.arrowBullets { margin-left: 11px; }
.pageUniversal .bodyCopy ul.arrowBullets li,
.pageUniversal .bodyCopy tr.arrowBullets ul li,
.pageUniversal .bodyCopy td.arrowBullets ul li, 
.pageUniversal .bodyCopy ul li.arrowBullets { padding-left: 23px !important; }



/*--  location alignment fix        ------------------------------------------------------------------------
.locationThumbnail { margin-top: 12px; }
*/

/*--  navigation/slideshow tweaks       -----------------------------------------------------------------------*/
#navigationPrimary li a { font-style:italic; font-weight: 500; font-size: 125% !important; padding-bottom: 7px; }
.departmentLanding ul#navigationPrimary { box-shadow: 0 4px 5px rgba(0,0,0,0.5); -moz-box-shadow:  0 4px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.5); }
@media only screen and (min-width: 768px) and (max-width: 864px) { 
.departmentLanding dl.tabs { margin-top: -38px }
.departmentLanding ul.tabs-content { top: -18px; }
}


/*--  meta navigation column fix       ------------------------------------------------------------------------*/
.metaNavigation { width: 45%; margin-right: 5%; }
@media only screen and (max-width: 500px) { 
.metaNavigation { width: auto; min-width: 45%; margin-right: 5%; }
}

.narrowWideLeft { width: 47.5%; margin-right: 2.5%; }
@media only screen and (max-width: 500px) { 
.narrowWideLeft { width: auto !important;  min-width: 45%; margin-right: 5% !important; }
}

.narrowWideRight { width: 47.5%; margin-left: 2.5%; }
@media only screen and (max-width: 500px) { 
.narrowWideRight { width: auto !important; min-width: 45%; margin-left: 0% !important; }
}

.narrowWideTableLeft { width: 49% !important; margin-right: 1% !important; }
@media only screen and (max-width: 500px) { 
.narrowWideTableLeft { width: 100% !important;  min-width: 45%; margin-right: 5% !important; }
}

.narrowWideTableRight { width: 49% !important; margin-left: 1% !important; }
@media only screen and (max-width: 500px) { 
.narrowWideTableRight { width: 100% !important; min-width: 45%; margin-left: 0% !important; }
}



/*--  widget widths                    ------------------------------------------------------------------------*/
.biota
{
    max-width: 210px; 
    margin-left: auto; 
    margin-right: auto
}

h2.biota
{
    margin-left: auto !important; 
    margin-right: auto !important;
}



/*--  for SPIF widgets                 ------------------------------------------------------------------------*/
.departmentLandingWidgets h2.componentHeader { font-size: 170% !important; }
.departmentLanding h2.componentHeader { text-transform: none !important; }
.departmentLanding .componentMediaStack { font-size: 90% !important; }
.departmentLanding .componentMediaStack .componentTeaser { padding: 0px 0px 20px 0px; }
.departmentLanding .componentRichTextTeaser { height: 100% !important; }
.departmentLanding .componentContents { height: auto !important; padding-bottom: 0px !important;}
.departmentLanding .componentThumbnail { float: left !important; margin-top: 3px; height: 180px; width: auto;}
.departmentLanding img.componentThumbnail
{
    box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.40);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.40);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.40);
}

.departmentLandingWidgets #phage {  }
.departmentLandingWidgets #scope a { font-weight: bold; }
.departmentLanding #scope p {  }
.departmentLanding p.textHeadingStyle { margin-bottom: 5px; }
.pageUniversal div.componentTeaser { font-size: 1.2em !important; }


/*--  for widget headers and fonts     ------------------------------------------------------------------------*/
.pageUniversal .spif h2.componentHeader
{
    text-transform: none !important; 
	background: #3694a5 !important;
	background: #266773 !important;	
    color: #ffffff !important;
    box-shadow: 1px 1px 3px 0px #666666;
    -moz-box-shadow:  1px 1px 3px 0px #666666;
    -webkit-box-shadow: 1px 1px 3px 0px #666666;
}

.pageUniversal .componentRichText h2.componentHeader
{
    text-transform: none !important; 
}

.pageUniversal h2.componentHeaderAlt
{
	background: #ffffff !important;
	color: #b61e2e !important;
}



/*--  for media-stack widgets          ------------------------------------------------------------------------*/
.pageUniversal .componentMediaStack .componentTeaser { padding: 0px 0px 20px 0px; }



/*--  title small spif navigation arrow fix   ------------------------------------------------------------------------*/
.componentSlideshow .flex-direction-nav li a.next, .componentSlideshow .flex-direction-nav li a.prev {  } 
.pageUniversal .spif h3.componentSubHeader { margin-top: 5px; }



/*--  title fix small widget display   ------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { 
.pageUniversal .spif h3.componentSubHeader { max-width: 200px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 18px; } 
}



/*--  for RSS widgets                  ------------------------------------------------------------------------*/
.pageUniversal h3.columnSectionTitle { margin: 0px 15px 25px 20px; }
.pageUniversal .post { margin: 0px 20px; }

.pageUniversal .postDate
{
	margin-top: 10px;
	margin-bottom: 5px;
}

.pageUniversal p.post-excerpt { margin: 0px 10px; }

.pageUniversal a.componentFooterLink
{
	margin: 5px 30px;
	line-height: 2em;
}



/*--  for richText widgets             ------------------------------------------------------------------------*/
.departmentLanding div.thinBorder h6
{
    margin-top: 0px !important;
}

.departmentLanding div.thickBorder
{
	border: 0px !important;
	padding: 0 !important;
}

.departmentLanding div.thinBorder
{
	border: 0px !important;
	padding: 0 !important;
}

div.thickBorder
{
	padding: 2px 0 2px 0 !important;
	border-top: 2px solid #e3c141;
	border-bottom: 2px solid #e3c141;
}

div.thinBorder
{
	padding: 20px 10px;
	border-top: 1px solid #e3c141;
	border-bottom: 1px solid #e3c141;
}





/*--  for link colors and underlining  ------------------------------------------------------------------------*/
/*
.bodyCopy h2 a, 
.bodyCopy h3 a, 
.bodyCopy h6 a,
*/
.componentRichTextTeaser h2 a, 
.componentRichTextTeaser h3 a, 
.componentRichTextTeaser h6 a { font-weight: bold; }

.bodyCopy h2 a:link, 
.bodyCopy h3 a:link, 
.bodyCopy h6 a:link,
table.faculty a:link { text-decoration: none; }

.bodyCopy a:visited { color: #398496 !important; }

.bodyCopy a:hover, 
.bodyCopy h2 a:hover, 
.bodyCopy h3 a:hover, 
.bodyCopy h6 a:hover,
table.faculty a:hover
{
	text-decoration: underline;
	color: #073950 !important;
}

.bodyCopy a:active, 
.bodyCopy a:focus, 
.bodyCopy h2 a:active, 
.bodyCopy h2 a:focus, 
.bodyCopy h3 a:active, 
.bodyCopy h3 a:focus, 
.bodyCopy h6 a:active, 
.bodyCopy h6 a:focus
{
	text-decoration: underline;
	color: #AA0000 !important;
}