/** * Created for: USC News * Created on: 12/16/2008 * URL: http://uscnews.usc.edu * Auhtor: Tim Wright - timw@usc.edu ----------------------------------*/ /* * Reset browser defaults ----------------------------------*/ body,div,dl,dt,dd,ul,ol, li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,p, blockquote,th,td { margin:0;padding:0; } body { line-height:1;color:#121212; } h1,h2,h3,h4,h5,h6,p { font-size:100%;font-weight:400; } ol,ul { list-style:none; } caption,cite,code,th { font-style:normal;font-weight:400; } fieldset,img { border:0; } caption,th { text-align:left; } :focus { outline:1px dotted #eee; } table { border-collapse:collapse;border-spacing:0; } hr { border:0;border-top:1px solid #555;margin:0;height:1px; } body:after { content: ".";display:block;height:0;clear:both;visibility:hidden; } label { cursor:pointer; } /* * General XHTML Styles ----------------------------------*/ html { text-align:center;height:100%;background:#857b6d url(../images/bg-html.gif) repeat-x 0 0; } body { text-align:left;color:#212121;font:62.5%/1.4em Arial, Helvetica, sans-serif;width:850px;overflow-x:visible !important; overflow-x:hidden;margin:0 auto;text-align:left;background:#fff;max-width:100%;border:5px solid #fff; position:relative;z-index:0; } h1 { font-size:2.2em; } h2 { font-size:2.4em; } h3 { font-size:1.3em; } h4 { font-size:1.6em; } h5 { font-size:1.4em;font-weight:700; } h6 { font-size:1.4em; } p { font-size:1.1em;padding:.5em 0;color:#212121; } button { cursor:pointer; } blockquote { background:#eee;padding:10px;font-size:15px;line-height:normal; } blockquote cite { display:block;font-size:10px;text-align:right;color:#777; } /* Links */ a { text-decoration:none;color:#900; } a:hover, a:focus { border-bottom:1px dotted #999;color:#444;background:#ddd; } h3 a:hover { background:none;border-bottom:1px dotted #999; } h2 a:hover { background:none;border:0; } /* * Helpful Classes ----------------------------------*/ .clear { clear:both; } .right { float:right; } .left { float:left; } .highlight { background:#ff9; } .error { background:#f00;color:#fff;text-align:center; } .success { background:#090;color:#fff;text-align:center; } .skip-menu { position:absolute;top:-9999px;left:-9999px;z-index:1; } .currentdate { text-align:right; } .currentdate a { color:#222; } em.date { font-style:normal;color:#777;font:11px Arial, Helvetica, sans-serif; } .gap { height:0;overflow:hidden;border-top:10px solid #fff;clear:both; } .fixer { padding-bottom:90px; } /* * Layout elements ----------------------------------*/ /* USC Branding */ #usc a, #usc a:hover { display:block;background:#fff url(../images/gateway-usc-shield-name-black.png) 0 11px no-repeat; float:right;height:60px;width:196px;text-indent:-9999px;margin-top:0;border:none; } #usc img { display:none; } /* Branding */ #branding { background:#fff;padding:17px 0 17px 8px;border-bottom:3px solid #900; } #branding a:hover, #branding a:focus { background:none;border:0; } /* Search */ #search { border-bottom:10px solid #fff;padding:10px 10px 20px;background:#ffffcd; } #search form { position:relative !important; position:static;z-index:1; } #search input, #search button { position:absolute;z-index:100; } #search button { top:4px;right:20px;display:block;text-indent:-9999px;height:30px;width:30px;border:0;background:transparent; } #search input#searchbox { top:8px !important;top:18px;left:20px !important;left:30px;width:207px;font-size:1.6em;border:0;color:#999; } #search label.searchlabel { background:url(../images/bg-search.jpg);width:260px;height:38px;display:block;color:#ffffcd;text-indent:-9999px; } #search p { text-align:right;font-size:10px; } #search label.archivelabel { line-height:20px; } .searcharchives a, .searcharchives a:hover { background:url(../images/sprite_checkbox.gif) no-repeat 0 0; padding:0 0 0px 14px;display:block;float:right; clear:both;border:none; } .searcharchives a.checked { background-position:0 -18px; } /* Navigation */ #nav { border-top:1px solid #fff;background:#777;border-bottom:10px solid #fff; } #nav ul { font-size:1.4em;letter-spacing:.02em;height:30px; } #nav ul li { float:left;line-height:30px; } #nav ul li a { text-shadow:0 1px 0 #444;color:#fff;padding:0 18px 0 19px;float:left;display:block; } #nav ul li a:hover, #nav ul li a:focus { text-shadow:0 1px 0 #ccc;color:#333;background:#ababab;border:0; } .nav-results a { padding:2px 5px; } /* Active navigation */ body.arts #nav li.nav-arts a, body.business #nav li.nav-business a, body.digital_media #nav li.nav-digital a, body.global #nav li.nav-global a, body.health #nav li.nav-health a, body.politics_society #nav li.nav-politics a, body.science_technology #nav li.nav-science a, body.university #nav li.nav-university a { background:#6a0203 url(../images/bg-nav_active.jpg) repeat-x 0 bottom;display:block;padding-bottom:3px; padding-top:1px;margin-top:-1px; } /*active hover*/ body.arts #nav li.nav-arts a:hover, body.business #nav li.nav-business a:hover, body.digital_media #nav li.nav-digital a:hover, body.global #nav li.nav-global a:hover, body.health #nav li.nav-health a:hover, body.politics_society #nav li.nav-politics a:hover, body.science_technology #nav li.nav-science a:hover, body.university #nav li.nav-university a:hover { color:#ccc; } /* Content */ #content { position:relative;padding:0;background:#fff;z-index:1; } #content ul, #content dl { font-size:1.1em; } /* Main content */ #content-main { width:65.9%;float:left;clear:left;border-bottom:7px solid #fff; } #content-main h2 { margin:12px 0 8px;font-family:Georgia, "Times New Roman", Serif;color:#900;line-height:1.2; } #content-main h3 { padding:0 0 10px 0; } #content-main h3 a { color:#222;font-weight:400; } #content-main h3 a:hover { color:#444; } #content-main dl { margin-top:15px; } #content-main dl dt { font-size:1.1em; } #content-main dl dd { margin:0 0 10px 0;padding:0 0 10px;border-bottom:1px dotted #999; } #content-main dl.entry-listing em.date { display:block;margin:0 0 5px 0; } #content-page table { font-size:1.2em;margin:10px 0;color:#444; } #content-page th { font-weight:700;padding:5px; } #content-page td { padding:5px;text-align:center; } /* Article content */ #content-page { padding:0 10px; } #content-page p { line-height:1.3; } #content-page p, #content-page ul, #content-page ol, #content-page form { font-size:1.2em; } #content-page ul { list-style:disc;margin:10px 0 10px 30px; } #content-page ol { list-style:decimal;margin:10px 0 10px 30px; } #content-page li { padding:2px 0; } #content-page ul p { font-size:1.1em; } #content-page .dateline { padding:0;color:#999;font-size:11px;margin:0 0 10px; } #content-page p.tagline { background:#ededed;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0 5px;padding:.5em;clear:both; } #content-page p.tagline a { text-transform:lowercase; } #content-page h3 { font-weight:700;font-size:15px;margin-top:25px;color:#333; } /* Article sidebar */ #content-page #article-sidebar { float:right;margin:0 0 5px 10px; } #content-page #article-sidebar * { margin:0;padding:0; } #content-page .article-image { background:#e6e6e6;border:5px solid #e6e6e6;list-style:none;margin:0; } #content-page .article-image li img { width:auto;display:block;margin:0 0 5px 0; } #content-page .article-image li.caption { font-size:10px;padding:3px 0;color:#777;line-height:1.2; } #content-page #article-sidebar .article-image li.credit { line-height:1;margin:3px 0;color:#777;font-size:10px;padding:3px 0 0; } #content-page #article-sidebar .entrymore { background:#e6e6e6;margin:5px 0 0;padding:5px; } #content-page #article-sidebar .entrymore * { margin:0;padding:0;font-size:11px; } #content-page #article-sidebar .entrymore h3 { font-size:12px;padding-top:5px; } #content-page #article-sidebar .entrymore p, #content-page #article-sidebar .entrymore ul { list-style:none;padding:5px;line-height:1.4; } #content-page #article-sidebar .actions-viral { border-top:1px solid #e6e6e6;border-bottom:2px solid #e6e6e6;text-align:right;padding-left:20px; } #content-page #article-sidebar .actions-viral li { border:0;padding:0;margin:0 0 0 3px;display:inline;font-size:10px;line-height:2.2;border-left:5px solid #fff; } #content-page #article-sidebar .actions-viral a { color:#777;} #content-page #article-sidebar .actions-viral a:hover, #content-page #article-sidebar .actions-viral a:focus { color:#333;border:0;background-color:#fff; } #content-page #article-sidebar .actions-viral li#share { text-align:right;margin:0;;padding:0;display:inline !important;display:none; } #content-page #article-sidebar .actions-viral li#share ul { display:none; } #content-page #article-sidebar .actions-viral li#share ul li { display:block;margin:0;padding:0;list-style:none; } #content-page .actions-viral li#share ul li a { padding:2px 20px 3px 0;background-image:url(../images/sprite_viral.gif);background-repeat:no-repeat; } /* Social icons */ .actions-viral li#share ul li.facebook a { background-position:right 0; } .actions-viral li#share ul li.digg a { background-position:right -20px; } .actions-viral li#share ul li.delicious a { background-position:right -40px; } .actions-viral li#share ul li.twitter a { background-position:right -60px; } .actions-viral li#share ul li.stumbleupon a { background-position:right -100px; } .actions-viral li#share ul li.facebook a:hover { background-position:right -120px; } .actions-viral li#share ul li.digg a:hover { background-position:right -140px; } .actions-viral li#share ul li.delicious a:hover { background-position:right -160px; } .actions-viral li#share ul li.twitter a:hover { background-position:right -180px; } .actions-viral li#share ul li.stumbleupon a:hover { background-position:right -220px; } /* Sub content */ #content-sub { width:33%;float:right;background:#ffffcd; } #content-sub h3 { color:#222;line-height:1.2;padding:5px 0;font-size:16px; } #content-sub li { clear:both;border-bottom:8px solid #fff;padding:7px 10px 10px; } #content-sub li#news-other { border:0; } #content-sub ul ul { margin:5px 0 0 0;padding:0; } #content-sub li li { border:0;margin:0 0 0 5px;padding:3px 5px 3px 0;list-style:disc;border:0;list-style:none; } #content-sub #forjournalists h3 { color:#900;/*background:url(../images/rightarrow.gif) no-repeat 45% center;*/ } #content-sub #forjournalists h3.downarrow { background:url(../images/downarrow.gif) no-repeat 45% center; } #content-sub #forjournalists ul { margin-left:20px; } #content-sub #forjournalists li a { color:#900; } #content-sub li#adspace { padding:0;margin:0;text-align:center;border-top:8px solid #fff; } #content-sub li#adspace img { display:inline;margin:0 0 -4px 0;padding:0;border:5px solid #d4d4a9;width:270px; } #content-sub #featured-sidebar { clear:both; } #content-sub #featured-sidebar h3 { color:#900; } #content-sub #featured-sidebar img { float:left;margin:0 10px 0 0;padding:2px;background:#fff;border:1px solid #ccc;width:120px; } #content-sub #featured-sidebar img+p { padding:0; } #content-sub #featured-sidebar p { line-height:1.25; } #content-sub #featured-sidebar:after { content:".";display:block;clear:both;font-size:1px;visibility:hidden; } #content-sub #featured-sidebar :last-child { padding:0; } #content-sub #related-stories li, #content-sub #latest-stories li, #content-sub #inthenews_from88 li { font: 13px Georgia, "Times New Roman" serif; } #content-sub #inthenews_from88 li cite { font:11px Arial, Helvetica, sans-serif;color:#777;display:block; } #content-sub #related-stories li em.date, #content-sub #latest-stories li em.date, #content-sub #inthenews_from88 li em.date { font:11px Arial, helvetica, sans-serif;display:block;margin:0 0 5px 0; } #content-sub li#youtube * { padding:0;margin:0; } #content-sub li#youtube ul.youtube li.video { clear:both;padding:0 5px; } #content-sub li#youtube ul.youtube li img { float:left;margin:0 10px 10px 0; } #content-sub li#youtube ul.youtube li p.title { font-size:11px; } #content-sub li#youtube ul.youtube li p.date { color:#999;font-size:10px;margin:0 0 10px; } #content-sub li#youtube ul.youtube li p.description { display:none; } #content-sub li#youtube ul.youtube { padding:8px 0;margin-left:-5px; } li#related-stories, li#latest-stories, li#inthenews_from88 { background:#f2f2f2;border:1px solid #ddd; } /* Footer */ #site-info { clear:both;border-top:1px solid #ddd;background:#ededed url(../images/bg-site-info.jpg) repeat-x 0 0;padding:10px; width:97.6%;font-size:1.1em; } #site-info li { float:left; } #site-info li li { float:none;width:auto;line-height:1.5;font-size:1.1em; } #site-info h3 { font-weight:700;color:#777;margin:0 0 4px 0; } #site-info .quicklinks { width:43.5%; } #site-info .contactinfo { width:25%; } #site-info .feeds { position:relative;z-index:99; } #site-info .feeds h3 { margin:-4px 0 8px -4px;padding:0; } #site-info .feeds h3 a { color:#555;border:1px solid #ededed;background:url(../images/icon-rss.jpg) no-repeat 98% center;display:block; padding:0 3px;line-height:23px; } #site-info .feeds h3 a:hover, #site-info .feeds h3 a:focus { border:1px solid #999;} #menu-rss { display:none;position:absolute;background:#ededed;border:1px solid #999;border-bottom-color:#ededed;bottom:68px; left:10%;width:88%;z-index:99; } #menu-rss a { display:block;padding:2px 5px;border-bottom:1px solid #ededed; } #menu-rss a:hover { background:#fff; } .feeds .show { display:block; } .gencontact, .gencontact a { color:#777; } .mediarep { margin-top:15px; } /* Page-specific styles */ /* Home & Category index pages */ body.home #nav { margin-bottom:2px; } #content-main h3.more-headlines { clear:both;padding:0 0 0 6px; } #featured { float:left;margin:0 0 20px;background:url(../images/bg-featured.jpg) repeat-x 0 0;padding:10px 0 10px 0; border-bottom:1px solid #ccc; } #featured h2 { margin:0;font-size:2.6em;clear:both;padding:0 0 0 10px;line-height:1.1; } #featured p { padding:0 10px 10px 10px;font-size:1.2em; } #featured .featured-author { color:#777;display:block;padding:10px 0 0 12px;font-size:11px; } #featured .featured-date { color:#777;display:block;padding:0 0 10px 12px;font-size:11px; } #featured .featured-image { margin:10px 10px 5px;float:left;max-width:335px; } #featured .featured-image img { max-width:335px; } #featured .featured-photo { background:#ededed; } #featured .featured-caption { background:#efefef;border-bottom:1px solid #ccc;padding:0 5px 3px;color:#777;font-size:.9em;line-height:1.3; } #featured a:hover { background:none;color:#777;border:0; } #index-col-1 { width:64.5%;float:left; } #index-col-2 { width:34%;float:right; } #news-recent, #news-usc, #news-related, #news-extended { padding:6px; } #news-recent { border-bottom:3px solid #ccc; } #news-extended, body.home #news-extended { border-top:3px solid #ccc; } #news-recent p, #news-extended p, #news-usc li, #news-related li { padding:0 0 15px 0;font-size:1em; } #news-recent p.title { padding:0;font:1.35em Georgia, "Times New Roman", serif; } #news-usc h4 { font-size:12px;line-height:1.4; } #news-usc li h4 a { background:url(../images/external_link.gif) no-repeat right 1px;padding-right:15px; } #news-usc li p { font-size:11px; } #news-usc li p span.read-more a, #news-usc li p span.re-collapse a { font-size:11px;border:0; } #news-related { border-top:1px solid #ccc;background:#fafafa; } #news-related li { font:1.35em Georgia, "Times New Roman", serif; } #news-related em.date { display:block; } #news-extended p.title { padding:0 0 3px 0;font:1.2em Georgia, "Times New Roman", serif; } #news-extended .title em.date { color:#777;font:.8em arial, helvetica, sans-serif; } #news-usc { color:#555; } #news-usc h3 a{display:block;padding-left:45px;background:url(../images/itn_bubble.png) 5px 0 no-repeat;min-height:40px;} #news-usc h3 a:hover{border:0;} #news-other dd { margin:0 0 10px 0;font-size:.9em; } h2#section-title { position:absolute;top:-94px;left:195px !important;left:-365px;font-size:2.7em;font-weight:400;color:#666; border-left:1px solid #999;line-height:.95;z-index:99; padding:10px 0 0 15px;letter-spacing:.02em;margin:0; text-transform:capitalize; } h2#section-title a { color:#666; } /* Search results */ body.search-results #content-page h2 { margin-bottom:30px; } body.search-results li#youtube { display:none; } .nav-results { font-size:12px;text-align:center;padding:10px 0; } /* GSA */ body.googlesearch #content-page form { padding:10px 0; } #gsa p.topnav span.st { padding:0 5px 0 0; } #gsa ol.resultslist { padding:0;margin:0;list-style:none; } #gsa li.result { padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dashed #ccc; } #gsa li.result a.title { display:block;font-weight:700; } #gsa li.result p.summary { padding:0;margin:0 0 5px 0;font-size:11px; } #gsa li.result span.furl, #gsa li.result span.fsize, #gsa li.result span.fdate { color:#999;font-size:11px; } /* Feeds */ #from-a-keyword, #from-a-tag { border:1px solid #ccc;border-bottom-color:#e3e3e3;border-right-color:#e3e3e3;margin:10px 10px 20px; background:#e7e7e7 url(../images/bg_feeds.jpg) repeat-x 0 bottom; } #from-a-keyword h3, #from-a-tag h3 { font-size:16px;padding:10px; } #from-a-keyword form, #from-a-tag form { padding:10px; } #from-a-keyword input, #from-a-keyword button { font-size:16px;border:1px solid #999; } #from-a-keyword button { background:#ccc url(../images/bg_btn_feeds.jpg) repeat-x 0 0; } #from-a-keyword input:focus { background-color:#ffffdf; } #from-a-tag ul { list-style:none;margin:0 0 0 10px;padding:0; } #from-a-tag li { float:left;position:relative !important;position:static; } #from-a-tag li em { font-style:normal;color:#fff; } #from-a-tag ul li span { background: url(../images/bg_tags_talkbox.gif) no-repeat 0 0;white-space:nowrap;display:none;position:absolute; z-index:99;top:20px;left:7px;padding:10px 3px 3px; } #from-a-tag li a { border:1px solid #999;padding:4px;margin:3px;display:block;float:left;white-space:nowrap; } #from-a-tag li a:hover, #from-a-tag li a:focus { background:#fff;border:1px solid #666; } #from-a-tag ul li:hover span { display:inline; } #video-embed{text-align:center;background:#f6f6f6;border:1px solid #ccc;padding:5px 0;margin:0 0 10px;clear:both;} #video-caption p{padding:5px 10px;font-size:11px;color:#777;text-align:left;} #video-embed object, #video-embed embed{width:520px;} .content-image{background:#e6e6e6;padding:7px 0;text-align:center;} .content-image span img{display:block;margin:auto !important;width:auto;float:none !important;} .content-image p {padding:7px 7px 0;margin:0;font-size:11px !important;color:#777;} .content-image .caption{text-align:left;} /* * Archive styles -------------------------------*/ #highlight { padding:0 10px;} .main_copy { font-size:12px;padding:10px 0;} .main_copy img { float:right;margin:0 0 20px 20px; border:1px solid #ccc;width:150px;} .main_headline h4 { margin:12px 0 8px;font-family:Georgia, "Times New Roman", Serif;color:#900;line-height:1.2;font-size:18px;} .deck { font-size:12px;font-weight:700;padding:10px 0;} .timestamp, .author { font-size:12px;padding:0;} .main_copy .caption { clear:both;background:#eee;padding:10px 5px;text-align:left;float:right;width:142px;margin:-20px 0 10px 10px; font-size:11px; } .main_copy .caption br { display:none; } .main_copy .caption span { display:block;margin:10px 0 0 0;font-style:italic;color:#666; }