/* USC and Chan identity. */

#identity { width: 100%; position: relative; }

@media (min-width: 768px) { #identity { height: 210px; } }
@media (min-width: 966px) { #identity { height: 170px; } }


/* USC identity. */

#usc-identity-mobile { display: block; width: 100%; text-align: right; }
#usc-identity-mobile img { width: 120px; height: 39px; margin: 10px 10px 0 0; }
#usc-identity { display: none; }

@media (min-width: 768px) {
   #usc-identity { display: block; position: absolute; right: 8px; top: 15px; }
   #usc-identity img { width: auto; height: 48px; }
   #usc-identity-mobile { display: none; }
}

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


/* Chan identity. */

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

@media (min-width: 768px) {
   #chan-identity-2line { display: block; position: absolute; left: 19px; top: 70px; }
   #chan-identity-2line img { width: 523px; height: 80px; }
   #chan-identity-3line { display: none; }
}

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


/* Social media identity. */

#social-identity { position: absolute; left: 10px; top: 10px; }
#social-identity img { height: 30px; width: 30px; padding: 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 { position: absolute; left: 19px; top: 15px; margin: 0; } }
@media (min-width: 926px) { #social-identity { left: 29px; } }


/* Search form. */

#search-form { float: right; text-align: right; margin: 10px 10px 0 0; display: block; position: relative; }
#search-form label { display: none; }
#search-form input#keywords { font-size: 150%; font-family: National; font-weight: 200; width: 140px; 
                              border: 1px solid #eeeeee; color: #cccccc; padding: 2px 35px 2px 2px;
                              -webkit-appearance: none; border-radius: 3px; }
#search-form input#submit { height: 16px; width: 16px; position: absolute; right: 10px; bottom: 9px; 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: 10px; margin: 0; }
   #search-form input#keywords { width: 280px; }
}

@media (min-width: 966px) { #search-form { bottom: 20px; } }