/* Internal resources menu bar. */

#internal { font-family: 'Source Sans'; font-weight: 300; width: auto; text-align: left;
            background-color: #3c3c3c; line-height: 150%; padding: 5px 0; }
#internal a { font-size: 100%; color: #c0c0c0; margin-left: 1em; }
#internal a:hover { color: white; }

@media (min-width: 768px)
   { #internal { padding: 0.3vw 1em; }
     #internal a { margin-left: 0; margin-right: 2em; font-size: 1.25vw; } }
@media (min-width: 926px)
   { #internal { padding-left: 2em; } }


/* USC and Chan identity. */

#identity { width: 100%; position: relative; margin: 1.5vw 0; }


/* Social media identity. */

#social-identity { margin: 10px 0 15px 10px; }
#social-identity img { width: 30px; height: auto; padding: 0 6px 0 0; opacity: 0.25; filter: alpha(opacity=25); }
#social-identity img:hover { opacity: 1.0; filter: alpha(opacity=100); }

@media (min-width: 768px)
   { #social-identity { margin: 15px 0 1vw 1em; }
     #social-identity img { width: 2.2%; height: auto; } }
@media (min-width: 926px)
   { #social-identity { margin-left: 2em; } }


/* Chan identity. */

#chan-identity-3line { display: block; margin: 10px 10px 0 10px; }
#chan-identity-3line img { max-width: 100%; height: auto; }
#chan-identity-2line { display: none; }

@media (min-width: 768px) {
   #chan-identity-2line { display: block; margin: 0 0 0 1em; }
   #chan-identity-2line img { width: 45%; height: auto; }
   #chan-identity-3line { display: none; }
}

@media (min-width: 926px) { #chan-identity-2line { margin-left: 2em; } }


/* USC identity. */

#usc-identity-mobile { display: block; position: absolute; right: 0px; top: 0px; }
#usc-identity-mobile img { width: 120px; height: 39px; margin: 0 10px 0 0; }
#usc-identity { display: none; }

@media (min-width: 768px) {
   #usc-identity { display: block; position: absolute; width: 18%; right: 0px; top: 0px; }
   #usc-identity img { width: 100%; height: auto; }
   #usc-identity-mobile { display: none; }
}

@media (min-width: 926px) { #usc-identity { right: 18px; } }


/* Search form. */

#search-form
   { float: right; text-align: right; margin: 10px 10px 0 0;
     display: block; position: relative; }
#search-form input#keywords
   { font-size: 150%; font-family: 'Source Sans'; font-weight: 300; width: 140px; 
     border: 1px solid #eeeeee; color: #cccccc; padding: 2px 35px 2px 12px;
     -webkit-appearance: none; border-radius: 3px; }
#search-form input#submit
   { height: 16px; width: 16px; position: absolute; right: 10px;
     top: 0; bottom: 0; margin: auto 0; opacity: 0.40; filter: alpha(opacity=40); }
#search-form input#submit:hover { opacity: 1.0; filter: alpha(opacity=100); }

@media (min-width: 768px) {
   #search-form { position: absolute; right: 10px; bottom: 0; margin: 0; width: 100%; }
   #search-form input#keywords { width: 22%; font-size: 1.8vw; }
   #search-form input#submit { height: 1.6vw; width: 1.6vw; } }