/* - main.css - */
/* http://philosophy.la.psu.edu/portal_css/main.css?original=1 */
@media only screen and (min-width: 1em) {
div#psu-logo img{
width: 160px !important; height: 56px !important;
}
div#psu-logo{
margin-bottom: 1em;
float: left;
width: 170px;
}
div#psu-logo .imagemap{display: inline-block;position:relative;}
div#psu-logo .imagemap .hotspots a{
position:absolute;
height: 100%;
color: transparent;
overflow: hidden}
div#psu-logo .imagemap .hotspots a.psu-link{width:35%;}
div#psu-logo .imagemap .hotspots a.cla-link{right: 0;width: 65%;}
/* */
dd, dl {margin:0; padding: 0;}
h1 {margin-top: 0;}
/* */
body {background: #F6F7F1;}
p, ul, ol, dl {font-family: "pt-serif";}
ul, ol {list-style: square;}
li {display: block;}
h1, h2, h3, h4, h5, h6 {
font-family: "museo-sans-condensed", sans-serif;
font-weight: normal;
letter-spacing: 0em;
margin: .35em 0;
}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
p {margin: 0 0 1em 0;}
#content a:hover,
dl.portlet a:hover {color: #eb544b !important;}
#content ul,
#content ol {
margin-bottom: 1em;
}
h1.documentFirstHeading, h2.tileHeadline {margin-bottom: 0;}
img.image-right,
img.image-left {
float: none;
display: block;
text-align: center;
}
#content ul.bxslider {margin: 0;}
#content ul.bxslider img.tileImage {float: none; margin: 0; padding: 0;}
#content .bx-wrapper a {text-decoration: none; border:0;}
#content a:link, dl.portlet a:link,
#content a:visited, dl.portlet a:visited {border: 0;}
.hide {height: .01em; position: absolute; margin-left: -9999px;}
.show {height: auto; position: relative; margin-left: 0;}
.orange {color: #eb544b;}
.right-red-arrow {
background: url("small-right-red-arrow.png") no-repeat center;
display: inline-block;
height: 1em; width: 0.75em;
}
.updnarrows {
float: right;
margin-top: -.4em;
}
.updnarrows a {
cursor:pointer;
height: 2em; width: 2em;
display: block;
}
.updnarrows a.collapsearrow {
background: url("up-offwhite-arrow.png") no-repeat center center;
}
.updnarrows a.expandarrow {
background: url("down-offwhite-arrow.png") no-repeat center center;
}
p.large {font-size: 1.1em;}
.tanbg {background: #ECE1CF; padding: 0.25em 1em;}
.bottom-nav-container nav a {margin: 0; padding: 0;}
.index-main-container {margin-top: 1em;}
#content {clear: none; font-size: 100%; margin:0;}
/* ****/
.managePortletsBelowTitleLink {clear: none !important;}
/* ****/
a.twittericon {
background: url("twitter.png") no-repeat;
height: 2.25em;
width: 2.25em;
padding: 0 0 0 0.25em;
display: inline-block;
}
a.facebookicon {
background: url("facebook.png") no-repeat;
height: 2.25em;
width: 2.25em;
padding: 0 0.25em 0 0;
display: inline-block;
}
/* ****/
#portal-searchbox #livesearch0 .LSBox {position: relative;}
#portal-searchbox #searchGadget {
width: 8em;
background: #fcfcfc;
border: 1px solid #d1d1d1;
color: #878686;
padding: .2em 2.25em .2em .5em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
}
#portal-searchbox .searchButton {
background: url("search.png") no-repeat;
background-size: 80%;
margin-left: -1.8em;
border: 0;
height: 1.5em;
width: 1.5em;
padding-bottom: .5em;
}
#portal-searchbox #livesearch0 .LSBox .LSResult {
z-index: 50;
background: transparent;
margin: 0em;
}
#portal-searchbox #livesearch0 .LSBox .LSResult .livesearchContainer {
background: #ffffff;
}
#portal-searchbox #livesearch0 .LSBox .LSResult .livesearchContainer li.LSRow {
width: auto;
border-bottom: 1px dotted #ccc;
}
#portal-searchbox #livesearch0 .LSBox .LSResult .livesearchContainer li.LSRow a.advancedsearchlink {
width: 100%;
background: #ddd;
padding: .3em 1em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
/* ****/
.template-summary_view #listItems {float: left;}
.template-folder_contents #right-column {display: none;}
.template-all_content,
.template-folder_full_view #content {float: left; width: 100%;}
/* ****/
#left-column, #right-column {display: none;}
#bottom-menu #left-column,
#bottom-menu #right-column {display: block;}
/* ****/
dl.portlet {font-size: 100%; background: #D7E0DF;}
dl.portlet ul {list-style: none;}
dl.portlet dt {background: transparent;}
/* ****/
#edit-bar {padding-top: 0;}
#edit-bar ul {margin: 0; padding:0;}
#edit-bar ul li {display: inline;}
.documentEditable #edit-bar {display: none;}
ul.formTabs {background: #ddd; padding: .5em;}
ul.formTabs li {display: inline;}
ul.formTabs li a {padding: .5em;}
ul.formTabs li a:hover {background: #fff;}
#portal-personaltools-wrapper ul {margin: 0; padding: 0;}
#portal-personaltools dd {margin-top: -10.6em;}
#portal-personaltools,
#portal-personaltools dl.actionMenu.activated dd {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius: 0;
}
dl.portalMessage {clear: none;}
.template-folder_contents #left-column {display: none;}
/* ****/
#site-title {position: relative;}
#site-title a#portal-logo {display: none;}
#site-title h1.small-title {display:none;}
#social-media {
height: 2em;
margin: 0.5em 0;
float: left;
}
#top-image,
#subpage-top-image {display: none;}
nav#topnav {
display:block;
text-align:center;
width: 100%;
text-align: center;
border-top: 5px solid #EC544D;
border-bottom: 5px solid #EC544D;
}
nav#topnav ul {display: none;}
nav#topnav div.small {display: inline;}
nav#topnav li#portaltab-view_nav {display: none; cursor: pointer;}
nav#topnav li#portaltab-view_nav.viewnav {display: block;}
nav#topnav.nav-collapsed {height: 2.5em; overflow:hidden;}
nav#topnav li#portaltab-view_nav,
nav#topnav li a,
nav#topnav div.small a {
background: none;
padding: .6em .7em;
margin: 0;
width: auto;
font-weight: 500;
text-transform: uppercase;
font-family: "museo-sans", sans-serif;
}
nav#topnav div.small a {
height: 1.35em;
text-align:right;
background: url("menu-icon-blue.png") no-repeat center right;
}
nav#topnav li a:hover {
text-decoration: none;
color: #EC544D;
}
nav#topnav li.selected a {
color: #EC544D;
background: url("up-red-arrow.png") bottom center no-repeat;
}
/* ****/
dl.portletNavigationTree {display: none;}
dl.portletNavigationTree#section-navigation {display: block;}
dl.portlet dt.portletHeader {
background: url("dark-swoosh.png");
font-family: "museo-sans";
text-transform: uppercase;
padding: 1em;
}
dl.portlet dt.portletHeader,
dl.portlet dt.portletHeader a {
color: #fff;
}
dl.portletNavigationTree ul.navTree {padding: 0; margin: 0;}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
padding: 0;
margin: 0;
border: 0;
line-height: 1.3em;
}
dl.portlet ul.navTree li a {
padding: .65em .25em .65em 1em;
border-top: 0.125em dotted #44667c;
}
dl.portlet ul.navTree li a:hover {
background: #A0B2B8;
color: #fff !important;
}
dl.portlet ul.navTree a.navTreeCurrentItem {
border: 0;
border-top: 0.125em dotted #44667c;
margin: 0;
background: url("right-blue-arrow.png") no-repeat left center;
}
dl.portlet ul.navTree a.navTreeCurrentItem:hover {
background: url("right-blue-arrow.png") no-repeat left center #A0B2B8;
}
dl.portlet ul.navTree.navTreeLevel1 {
background: #ECE1CF;
padding-bottom: .5em;
}
dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem {
padding-left: 1em;
line-height: 1.3em;
margin: 0;
}
dl.portlet ul.navTree.navTreeLevel1 li a {
padding: .25em .25em .25em 1em;
margin: .1em 0;
border: 0;
}
dl.portlet ul.navTree.navTreeLevel1 li a:hover {
background: #eb544b;
color: #fff !important;
}
dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem {
border: 0;
margin: .1em 0;
background: #eb544b !important;
color: #fff !important;
}
dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover {
color: #fff !important;
}
/* ***/
#bottom-menu a {text-align:left;}
/* ****/
#content .facultyStaffDirectory {float: left; width: 100%;}
#content .facultyStaffDirectory ol.classificationList {display: none;}
#content .facultyStaffDirectory .standardView .classificationListing h2 {background: #D7E0DF;}
#content .facultyStaffDirectory .standardView .classificationListing h2 a {color: #44667c; padding: .5em;}
#content .facultyStaffDirectory #directory-photo {float: left;}
#content .facultyStaffDirectory #directory-listing {margin-left: 7.5em;}
#content .facultyStaffDirectory .listing {padding: 1em 0; border-bottom: 0.125em dotted #44667c; margin: 0;}
#content .facultyStaffDirectory .listing h3,
#content .facultyStaffDirectory .listing p {margin: 0;}
#hcard p, ul, ol {margin: 0; padding: 0;}
#hcard .biography p {margin-bottom: 1em;}
#hcard .headshot {float: right;}
#hcard h2 {margin: 0.75em 0 0.15em;}
/* ****/
.portlet-static-faculty-research-spotlight img {
float: right;
margin: 0 1em 1em;
-moz-box-shadow:    10px -10px 0px 0px #9db3ba;
-webkit-box-shadow: 10px -10px 0px 0px #9db3ba;
box-shadow:         10px -10px 0px 0px #9db3ba;
}
/* ****/
.largealumspotlight {
padding: 1em;
background: #D7E0DF;
margin-bottom: 1em;
-moz-box-shadow:    5px -5px 0px 0px #9db3ba;
-webkit-box-shadow: 5px -5px 0px 0px #9db3ba;
box-shadow:         5px -5px 0px 0px #9db3ba;
}
.subsection-spotlights-coll #content-core #listItems {width: 100%;}
.subsection-spotlights-coll #content-core .tileItem {
width: 90%;
display: block;
background: #D7E0DF;
margin: 0.5em 3% 0 0;
padding: 1em 0.5em;
-moz-box-shadow:    5px -5px 0px 0px #9db3ba;
-webkit-box-shadow: 5px -5px 0px 0px #9db3ba;
box-shadow:         5px -5px 0px 0px #9db3ba;
}
.subsection-spotlights-coll #content-core .tileItem h2 a {line-height: 1.2em;}
.subsection-spotlights-coll #content-core .tileItem .documentByLine {display: none;}
.subsection-spotlights-coll #content-core .tileItem .tileImage img {float: left; }
.subsection-spotlights-coll #content-core .tileItem .tileFooter {display:none;}
.subsection-spotlights-coll #content-core .listingBar {clear: both; display: block;}
/* ****/
.template-newsitem_view #parent-fieldname-description {display: none;}
.template-summary_view_event #content,
.template-event_view #content,
.template-all_content.section-news .item {float: left; width: 100%;}
.template-all_content.section-news .item .description {display: none;}
#content .eventDetails {
float: none;
width: 100%;
border: 0;
border-left: 3px solid #427597;
color: #000;
margin: 1em 0 10px 0;
padding: 0px 10px;
line-height: 1.5em;
}
#content .eventDetails p {margin: 0;}
.portaltype-event #content .eventDetails p strong,
.portaltype-event #content .eventDetails p b,
.portaltype-event #content .eventDetails a,
.portaltype-event #content .eventDetails a:link,
.portaltype-event #content .eventDetails a:visited {color: #000;}
.portaltype-event #content #parent-fieldname-description {display: none;}
#viewlet-below-content #category {display: none;}
.event-wrapper {border-top: 1px dashed #ccc;}
.template-summary_view_event .tileItem {
margin: 1em 0;
border-bottom: 0.125em dotted #44667c;
}
#event-date-info {
text-align: center;
font-size: 1.3em;
width: 6em;
float: left;
margin: 0 0 1em 0;
line-height: 1.2em;
background: #ECE1CF;
padding: .5em 0;
}
#event-date-info p {margin:0; padding:0;}
#event-date-info abbr {border: none; font-family: "museo-sans-condensed", sans-serif; 	}
#event-text {
margin: 0 0 1em 9em;
}
/* ****/
dl.portletTwitter dd.portletItem {
padding: 0 0 0 1em;
background: none;
}
dl.portletTwitter .portletFooter {
text-align: center;
background: #EB544B;
padding-top: .1em;
}
a.twitterfooter {
background: #EB544B;
color: #ffffff !important;
display: inline-block;
padding: .3em 1em;
font-family: "museo-sans", sans-serif;
font-size: .9em;
}
a.twitterfooter:hover span.text,
a.twitterfooter span.text:hover {
color: #ffffff !important;
}
a.twitterfooter span.twitterbird {
background: url("twitter-bird-white.png");
background-size: 130%;
display: inline-block;
height: 1.3em; width:1.3em;
margin-right: 0.5em;
}
a.twitterfooter span.text {line-height: 1.3em;}
a.twitterfooter {padding: .05em 1em .3em;}
/* ****/
.bigbox {
display: block;
width: 99%;
background-image: url("light-swoosh-bg.png");
background-position: center bottom;
float: left;
margin: 0 5px 1em 0;
clear: both;
}
.bigbox, .bigbox #news, .bigbox #tweets, .bigbox#events {height: 21em;}
.bigbox#events {float: left; margin-right: 5px;}
.bigbox #news {
/* */
background-position: center bottom;
float: left;
width: 100%;
}
.bigbox #tweets {
background-image: url("dark-left-swoosh-bg.png");
background-position: center bottom;
float: left;
width: 100%;
}
.bigbox h2 {
font-size: 2.6em;
text-transform: uppercase;
margin: 0.2em 0 0 0.8em;
font-weight: normal;
line-height: 1em;
color: #1f4c67;
cursor: pointer;
}
.bigbox h2 a{color: #1f4c67;}
dl.news, dl.tweets {float: left; width: 100%;}
.bigbox h2.news {float: left; margin: 0.2em 0 0 0.45em;}
.bigbox h2.tweets {text-align: right; float: right; margin: 0.2em 0.5em 0 0;}
.bigbox #news h2.tweets, .bigbox #tweets h2.news {color: #C3D1D0;}
.bigbox .listitems {
height: 15.7em;
overflow: hidden;
margin: 0.5em 1.5em 0em;
background: #F6F7F1;
}
.bigbox #tweets .listitems {padding: 0 0 .05em 0.4em; text-align: center;}
.bigbox#events .listitems {padding: 0 0 .05em 0.4em;}
.bigbox#events .listitems span.portletItemDetails {float: right;}
.bigbox dd {padding: .5em; border-bottom: 0.125em dotted #44667c; margin-bottom: .5em;}
.bigbox dd.last {border-bottom: 0; margin-bottom: 0;}
.bigbox .footer {
text-transform: uppercase;
text-align: center;
}
.bigbox .footer a {
background: #EB544B;
color: #ffffff;
display: inline-block;
padding: .3em 1em;
font-family: "museo-sans", sans-serif;
font-size: .9em;
}
.bigbox, .smallbox {
-moz-box-shadow:    5px -5px 0px 0px #9db3ba;
-webkit-box-shadow: 5px -5px 0px 0px #9db3ba;
box-shadow:         5px -5px 0px 0px #9db3ba;
}
.smallbox {
display: block;
position: relative;
background: #C3D1D0;
float: right;
cursor: pointer;
}
.smallbox {
width: 48%;
height: 5em;
margin: 1em 0 .5em;
}
#sbtr, #sbbr {margin-right:5px;}
#sbtl, #sbbl {float: left; }
.smallbox .title {
background: url("blue-gradient.png") repeat-x;
width: 100%;
height: 100%;
background-position: bottom;
}
.smallbox h2 {
position: absolute;
bottom: 0; left: 0;
font-size: .75em;
text-transform: uppercase;
color: #fff;
margin: 0;
font-family: "museo-sans", sans-serif;
padding: .4em;
}
#sbtl {background: url("/images/frontpage/sbtl.png") no-repeat; background-size: cover;}
#sbtr {background: url("/images/frontpage/sbtr.png") no-repeat; background-size: cover;}
#sbbl {background: url("/images/frontpage/sbbl.png") no-repeat; background-size: cover;}
#sbbr {background: url("/images/frontpage/sbbr.png") no-repeat; background-size: cover;}
.smallbox-text {
padding: 0em 1em;
font-size: .9em;
}
.smallbox-text .text{
color: #c3d1d4;
font-style: italic;
}
.smallbox-text .more {
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-style: normal;
font-family: "museo-sans", sans-serif;
font-size: .75em;
}
.smallbox-text .more a,
.smallbox-text .more a.state-published {color: #fff !important;}
/* ****/
#subpage-top-image #text {
display: block;
}
.subpage-smallboxes {height: auto; z-index: 50;}
.dtemplate-undergraduate #subpage-top-image #text .subtitle {
font-size: 1.15em;
line-height: 1.4;
font-family: "pt-serif", serif;
margin-top: 0.5em;
}
.dtemplate-undergraduate #subpage-top-image #text .readmore {display:none;}
.ug-smallbox, .gr-smallbox {
-moz-box-shadow:    5px -5px 0px 0px #9db3ba;
-webkit-box-shadow: 5px -5px 0px 0px #9db3ba;
box-shadow:         5px -5px 0px 0px #9db3ba;
display: block;
background: url("dark-swoosh.png");
position: relative;
cursor: pointer;
width: 100%;
margin: 0 1em 1em 0;
height: 5em;
}
.ug-smallbox .titleimg,
.gr-smallbox .titleimg {
position: relative;
background-size: 100% 100%;
height: 100%;
width: 9em;
float: left;
}
.ug-smallbox .title,
.gr-smallbox .title {
float: right;
height: 100%;
background-size: 9em auto;
}
.ug-smallbox h2,
.gr-smallbox h2 {
margin: 0;
color: #fff;
text-transform: uppercase;
font-family: "museo-sans", sans-serif;
font-size: .75em;
padding: 0 .45em .45em .75em;
position: absolute;
bottom: 0; left: 0;
width: 14em;
}
.ug-smallbox .smallbox-text,
.gr-smallbox .smallbox-text {
padding: 1em;
display: none;
}
#ugsb1 .ug-smallbox .title {background: url("/images/undergrad-smallboxes/ugsb1.png") no-repeat left top; }
#ugsb2 .ug-smallbox .title {background: url("/images/undergrad-smallboxes/ugsb2.png") no-repeat left top; }
#ugsb3 .ug-smallbox .title {background: url("/images/undergrad-smallboxes/ugsb3.png") no-repeat left top; }
#ugsb4 .ug-smallbox .title {background: url("/images/undergrad-smallboxes/ugsb4.png") no-repeat left top; }
#grsb1 .gr-smallbox .title {background: url("/images/grad-smallboxes/grsb1.png") no-repeat left top; }
#grsb2 .gr-smallbox .title {background: url("/images/grad-smallboxes/grsb2.png") no-repeat left top; }
#grsb3 .gr-smallbox .title {background: url("/images/grad-smallboxes/grsb3.png") no-repeat left top; }
#grsb4 .gr-smallbox .title {background: url("/images/grad-smallboxes/grsb4.png") no-repeat left top; }
.portlet-collection-graduate-news {display:none;}
.footer-container footer {
background: #c3d1d4;
width: 90%;
margin: 1em auto 0;
padding: 1em 0;
}
footer p {
padding: 0 1em;
font-size: .8em;
}
}
/* */
@media only screen and (min-width: 34em) {
#searchGadget {
width: 12em;
}
#site-title a#portal-logo {display: block;}
#site-title {margin-bottom: .5em;}
#site-title,
#site-title img#site-logo {max-width: 100%; height: auto;}
#site-title a#portal-logo {margin: 3.5em 0 0; padding: 0; width: 100%; height: 100px;}
#site-title h1.small-title {display: none;}
#social-media {
margin: 0.5em 0 -2.5em;
position: relative;
float: right;
z-index: 10;
}
img.image-right{
float: right;
}
img.image-left {
float: left;
}
.subsection-spotlights-coll #content-core .tileItem {
float: left;
height: 15em;
width: 28%;
text-align: center;
}
.subsection-spotlights-coll #content-core .tileItem .tileImage img {float: none; text-align: center;}
/* ****/
.bigbox {
width: 48%;
clear: none;
margin: 0;
}
.bigbox#events {
float: right;
}
.bigbox h2 {
font-size: 2em;
margin: 0.3em 0 0 0.8em;
}
.bigbox h2.news {float: left; margin: 0.3em 0 0 0.8em;}
.bigbox h2.tweets {text-align: right; float: right; margin: 0.3em 0.8em 0 0;}
/* ****/
.ug-smallbox-wrapper,
.gr-smallbox-wrapper {
background: #C3D1D0;
padding: 1em;
height: 9em;
margin: 0 0 1em 0;
}
.ug-smallbox,
.gr-smallbox {
float: left;
height: 9em;
}
.ug-smallbox .titleimg,
.ug-smallbox .title,
.gr-smallbox .titleimg,
.gr-smallbox .title {
position: relative;
background: url("blue-gradient.png") no-repeat bottom;
background-size: 100% 50%;
margin-right: 1em;
height: 100%;
width: 9em;
float: left;
}
.ug-smallbox .title,
.gr-smallbox .title {
background-size: 9em 100%;
}
.ug-smallbox .smallbox-text,
.gr-smallbox .smallbox-text {
display: block;
}
}
/* */
@media only screen and (min-width: 44em) {
/* ****/
a.twittericon {
padding: 0 .5em;
}
a.facebookicon {
padding: 0 0.5em;
}
nav#topnav {
height: 2.5em;
}
nav#topnav ul {display: block;}
nav#topnav div.small {display: none; }
nav#topnav li#portaltab-view_nav.viewnav {display: none;}
.template-directory_standard_view #main-column {margin-left: 16em;}
#left-column, #right-column {width: 14em;}
#left-column {
display: block;
float: left;
margin: 0 1.5em 1em 0;
}
#main-column.hasleftcol,
#research-main-column.hasleftcol {margin-left: 16em;}
#right-column {
display: block;
float: right;
margin: 0 0 1em 1.5em;
}
a.expandarrow.show,
a.collapsearrow.show,
a.expandarrow.hide,
a.collapsearrow.hide {display: none !important;}
dl.portlet dd.portletItem.hide {height: auto; position: relative; margin-left: inherit;}
dl.portletNavigationTree {display: block;}
#bottom-menu {display: none;}
/* ****/
#subpage-top-image {
display: block;
height: 16em;
overflow: hidden;
background: url("top-image-ug.png") no-repeat top right;
position: relative;
margin-bottom: 1em;
}
#subpage-top-image #text {
position: absolute;
top: 4.25em; left: 0;
width: 23em;
height: 10.5em;
background: url("bigimage-text-bg.png");
}
#subpage-top-image #text,
#subpage-top-image #text a {
color: #fff;
}
#subpage-top-image #text .title {
font-size: 1.4em;
font-style: italic;
font-family: "pt-serif";
padding: 0.625em 1.875em 0 0.625em;
}
#subpage-top-image #text .subtitle {
padding: .5em 1.875em 0 0.625em;
font-size: .9em;
font-family: "museo-sans";
}
#subpage-top-image #text .readmore a{
position: absolute;
right: -1.25em;
top: 1em;
height: 7.3125em;
width: 2.5em;
background: url("bigimage-readmore.png") no-repeat top left;
}
#subpage-top-image-dir {
display: block;
height: 16em;
overflow: hidden;
background: url("top-image-dir.jpg") no-repeat top right;
position: relative;
margin-bottom: 1em;
}
.subsection-spotlights-coll #content-core .tileItem {
float: none;
height: auto;
width: 90%;
text-align: left;
}
.subsection-spotlights-coll #content-core .tileItem .tileImage img {float: left; text-align: left;}
/* ****/
#top-image {
display: block;
height: 16em;
overflow: hidden;
background: url("top-image-bg.png") no-repeat top right;
position: relative;
}
#top-image #text {
position: absolute;
top: 6.25em; left: 15em;
width: 23em;
height: 9.1875em;
background: url("bigimage-text-bg.png");
}
#top-image #text,
#top-image #text a {
color: #fff;
}
#top-image #text .title {
font-size: 1.4em;
font-style: italic;
font-family: "pt-serif";
padding: 0.625em 1.875em 0 0.625em;
}
#top-image #text .subtitle {
padding: .5em 1.875em 0 0.625em;
font-size: .9em;
font-family: "museo-sans";
}
#top-image #text .readmore a{
position: absolute;
right: -1.25em;
top: 1em;
height: 7.3125em;
width: 2.5em;
background: url("bigimage-readmore.png") no-repeat top left;
}
.bigbox h2 {
font-size: 2.3em;
margin: 0.3em 0 0 0.8em;
}
.bigbox h2.news {float: left; margin: 0.3em 0 0 0.8em;}
.bigbox h2.tweets {text-align: right; float: right; margin: 0.3em 0.8em 0 0;}
.smallbox {
width: 21%;
height: 10em;
margin: 1em 4.8% 1em 0;
}
.smallbox:hover h2 {
position: relative;
margin: .45em 0 0 .75em;
background: none;
}
#sbtl:hover, #sbtr:hover, #sbbl:hover, #sbbr:hover {background: #1f4c6b;}
#sbtl:hover .smallbox-text.hide,
#sbtr:hover .smallbox-text.hide,
#sbbl:hover .smallbox-text.hide,
#sbbr:hover .smallbox-text.hide {
position: relative;
margin: 0;
height: auto;
}
#sbbl, #sbtl, #sbbr {float: left; margin-right: 1.9em; }
#sbtr {float: right; }
#sbtr {margin: 1em 5px 0 0;}
/* */
nav#topnav ul li {display: inline-block;}
.oldie nav#topnav a {margin: 0 0.7%;}
}
/* */
@media only screen and (min-width: 48em) {
#social-media {
margin: 1em 0 -4em;
}
/* ****/
.bigbox {
width: 39%;
margin-right: 1em;
}
.bigbox#events {float: left;}
.bigbox h2 {
font-size: 2.4em;
margin: 0.2em 0 0 0.55em;
}
.bigbox h2.news {float: left; margin: 0.2em 0 0 0.55em;}
.bigbox h2.tweets {text-align: right; float: right; margin: 0.2em 0.5em 0 0;}
.smallbox {
width: 17.3%;
height: 4.5em;
margin: 0 0 1em 0;
}
.smallbox p.text {display: none;}
#sbbl, #sbtl, #sbtr, #sbbr {float: right; margin: 0 5px 1em 0;}
#sbbl {margin: 0 5px 0 0;}
.subsection-spotlights-coll #content-core .tileItem {
float: left;
height: 16em;
width: 27%;
text-align: center;
}
.subsection-spotlights-coll #content-core .tileItem .tileImage img {float: none; text-align: center;}
}
/* */
@media only screen and (min-width: 61em) {
/* */
.wrapper {
max-width: 59em;
margin: 0 auto;
}
#social-media {
margin: 1.75em 0 -4em;
}
/* ****/
.ug-smallbox-wrapper,
.gr-smallbox-wrapper {
padding: 0.5em 0.5em 0 0.5em;
width: 20.5%;
float: left;
margin: 0 2.5% 0 0;
height: auto;
z-index: -1;
}
#ugsb4.ug-smallbox-wrapper,
#grsb4.gr-smallbox-wrapper {margin: 0; float: right;}
.ug-smallbox,
.gr-smallbox {
float: left;
width: 95%;
margin: 0.5em 1em 1em 0;
height: 8.5em;
}
.ug-smallbox .titleimg,
.gr-smallbox .titleimg {
position: relative;
background: url("blue-gradient.png") no-repeat bottom;
background-size: 100% 50%;
margin-right: 1em;
height: 100%;
width: 100%;
float: left;
}
.ug-smallbox .title,
.gr-smallbox .title {
height: 8.5em;
width: 100%;
background-size: cover;
z-index: 50;
}
.ug-smallbox h2,
.gr-smallbox h2 {
width: 8.5em;
}
.ug-smallbox .smallbox-text,
.gr-smallbox .smallbox-text {
height: .01em; position: absolute; margin-left: -9999px;
padding: 0.5em;
z-index: 10;
background: url("dark-swoosh.png");
border-bottom: 5px solid #C3D1D0;
}
.ug-smallbox:hover .smallbox-text,
.gr-smallbox:hover .smallbox-text {
float: none;
margin: 0;
height: auto;
position: relative;
padding-top: 10em;
}
.subsection-spotlights-coll #content-core .tileItem {
height: 15em;
width: 28%;
}
.bigbox {
width: 32%;
}
.smallbox {
width: 15%;
height: 10em;
margin-bottom: 0;
}
.smallbox p.text {display: block;}
#sbtr, #sbbr {margin: 0 5px 0 .9em;}
#sbtl {float: right;}
#sbtr, #sbtl {margin-bottom: 1em;}
.subpage-smallboxes {height: 11em;}
}
/* */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hide {display:none;}
.hide > li {display:none;}
h3.collapsing {
font-size: 1.2em;
font-family: "museo-sans-condensed", sans-serif;
font-weight: 600;
margin-bottom: 1em;
}
h3.collapsing:hover {
text-decoration: underline;
cursor: pointer;
}
p.close {display:none;}