h1 { color: #660066; }
#our-people a:hover .content h2 { color: white; }
h3 { color: #333; }
#about { background-color: #660066; }
footer { background: #660066 url(../img/purple-base.png) no-repeat right bottom; }
#recent-news,
body.class-Page .content-section,
body.class-SearchPage .content-section,
body.class-PaperPage .content-section,
body.class-TimelinePage .content-section,
body.class-StaffHolder .content-section,
body.class-BlogHolder .content-section,
body.class-BlogEntry .content-section,
body.class-LabPage .content-section,
body.class-LabHolder .content-section, 
body.class-ResearchOverview .content-section { background: white url(../img/purple-upper.png) no-repeat right bottom ; }
#our-people .promos a:hover .content, .our-staff-container a:hover .content {
    color: white;
    background: #660066;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    -ms-transition:     all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
}
/*-- iPads (portrait) -- */
@media only screen and (min-device-width : 768px) and (orientation : portrait) {
    body { background-color: #660066; }
}
/*-- iPads (landscape) -- */
@media only screen (max-width:1024px) and (orientation : landscape) {
    body { background-color: #660066; }
}