/** * Created for: USC Real Estate * Created on: 02.09.2009 * Auhtor: Tim Wright ----------------------------------*/ /* * 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%;} body {text-align:left;color:#212121;font: .8em/1.4em Georgia, "Times New Roman", serif;background:#fff;margin:0;padding:0;} h1 {font-size:2.2em;} h2 {font-size:2em;line-height:1.5;} h3 {font-size:1.6em;line-height:1.5;} h4 {font-size:1.4em;line-height:1.5;} h5 {font-size:1.2em;font-weight:700;line-height:1.5;} h6 {font-size:1.2em;line-height:1.5;} p, ul, ol, dl {font-size:1.1em;padding:.5em 0;} dt {margin-top:15px;font-weight:700;} table {margin:10px;width:100%;} table th {font-weight:400;padding:2px;font-size:20px;vertical-align:top;} table td {padding:2px;font-size:11px;} table td strong {font-family:arial;font-size:13px;display:block;margin-top:20px;color:#333;border-bottom:1px solid #333;} table th abbr {border:0;} /* Links */ a {text-decoration:none;color:#900;} a:hover, a:focus {text-decoration:underline;} /* * Helpful Classes ----------------------------------*/ .clear {clear:both;} .right {float:right;} .left {float:left;} .highlight {background:#ff9;} .error {background:#f00;color:#fff;} .success {background:#090;color:#fff;} .skip-menu {position:absolute;top:-9999px;left:-9999px;} .credit {font-size:12px;margin:20px 0 0 0;padding:10px 0 0 0;text-align:right;border-top:1px solid #ccc;} /* * Layout elements ----------------------------------*/ #container {width:900px;margin:0 auto;} /* Branding */ #usc {width:900px;position:absolute;left:50%;margin-left:-450px;z-index:99;} #usc img {position:absolute;right:0;top:0;} #usc a.textlink {display:block;background:url(http://www.usc.edu/assets/usc/img/01/usc-name-gold-cardinal.gif) no-repeat 0 0;text-indent:-9999px; height:30px;width:260px;} #branding {background:#900;} #branding h1 {background:#900;line-height:normal;font-size:40px;padding:60px 0 2px 0;width:900px;margin:0 auto;position:relative;} #branding h1 a {color:#fff;} #branding a:hover {text-decoration:none;} /* Navigation */ #nav {width:34%;float:left;font-size:1.6em;} #nav ul {margin:20px 0 0 20px;padding:0;} #nav ul li {text-transform:capitalize;padding: 7px 0;} #nav ul li a {} #nav ul li a:hover {} #nav ul ul {font-size:.7em;display:none;margin:10px 0 5px 25px;} #nav ul ul li {padding:5px 0;} #nav li form label {position:absolute;top:-9999px;left:-9999px;} #nav li form {position:relative;border:1px solid #222;position:relative;float:left;width:105%;margin:10px 0 20px;left:-20px;padding:2px;height:20px !important;height:auto;overflow:hidden;} #nav li form input {border:0;font-size:14px;width:64%;float:left;height:auto !important;height:20px;margin-left:0 !important;margin-left:-15px;padding-top:1px;} #nav li form button {color:#333;font-family:Georgia, "Times New Roman", Serif;border:0;display:block;float:right;padding-right:15px;border-right:5px solid #fff; font-size:15px;background:url(../images/bg_btn_search.gif) no-repeat right center;clear:right;margin-top:-1px;} /*Active navigation*/ body.home #nav li.nav-home a, body.about #nav li.nav-about a, body.staff #nav li.nav-staff a, body.donate #nav li.nav-donate a, body.blood #nav li.nav-blood a, body.platelet #nav li.nav-platelet a, body.autologous #nav li.nav-autologous a, body.eligibility #nav li.nav-eligibility a, body.before #nav li.nav-before a, body.testimonials #nav li.nav-testimonials a, body.promotion #nav li.nav-promotion a, body.appointment #nav li.nav-appointment a, body.center #nav li.nav-center a, body.trousdale #nav li.nav-trousdale a, body.hospitals #nav li.nav-hospitals a, body.facts #nav li.nav-facts a, body.faqs #nav li.nav-faqs a, body.drive #nav li.nav-drive a, body.locations #nav li.nav-locations a, body.contact #nav li.nav-contact a {color:#999;} body.about #nav li.nav-about li a, body.donate #nav li.nav-donate li a, body.appointment #nav li.nav-appointment li a, body.facts #nav li.nav-facts li a, body.drive #nav li.nav-drive li a, body.locations #nav li.nav-locations li a {color:#900;} body.about #nav li.nav-about ul, body.staff #nav li.nav-about ul, body.donate #nav li.nav-donate ul, body.blood #nav li.nav-donate ul, body.platelet #nav li.nav-donate ul, body.autologous #nav li.nav-donate ul, body.eligibility #nav li.nav-donate ul, body.before #nav li.nav-donate ul, body.testimonials #nav li.nav-donate ul, body.promotion #nav li.nav-donate ul, body.appointment #nav li.nav-appointment ul, body.center #nav li.nav-appointment ul, body.trousdale #nav li.nav-appointment ul, body.hospitals #nav li.nav-appointment ul, body.facts #nav li.nav-facts ul, body.faqs #nav li.nav-facts ul, body.drive #nav li.nav-drive ul, body.locations #nav li.nav-locations ul, body.contact #nav li.nav-locations ul {display:block;} /* Content */ #content {} #content ul, #content dl {} /*Main content*/ #content-main {width:516px;float:right;padding-top:15px;padding-bottom:20px;position:relative;background:#fff;border-bottom:1px solid #ccc;} #content-main ul {margin:5px 30px;list-style:disc;} #content-main ol {margin:5px 37px;list-style:decimal;} #content-main img {display:block;width:auto;margin:auto;} #content-main img.header {border:3px solid #900;margin-bottom:20px;} #content-main ul.vcard {list-style:none;margin:5px 0 5px 10px;} #content-main h3 {margin:20px 0 0 0;line-height:1.1;font-size:19px;} /*Sub content*/ #content-sub {width:33%;float:left;clear:left;} #content-sub h3 {color:#333;line-height:35px;font-size:14px;font-weight:700;padding:0 0 0 30px} #content-sub h3.contactinfo {background:url(../images/icon_phone.gif) no-repeat 0 center;} #content-sub h3.viewmap {background:url(../images/icon_viewmap.gif) no-repeat 0 center;} #content-sub h3.quicklinks {background:url(../images/icon_quicklinks.gif) no-repeat 0 center;} #content-sub h3.staffdirectory {background:url(../images/icon_staffdirectory.gif) no-repeat 0 center;} #content-sub h3.info {background:url(../images/icon_contactinfo.gif) no-repeat 0 center;} #content-sub h3.facebook {background:url(../images/icon_facebook.png) no-repeat 0 center;} #content-sub h3.quicklinks a, #content-sub h3.viewmap a, #content-sub h3.staffdirectory a{background:url(../images/icon_downarrow.gif) no-repeat right center;display:block;width:140px;} #content-sub .linklist ul, #content-sub .mapslider ul {margin-left:20px;} #content-sub h4 {color:#222;font-size:15px;font-weight:700;margin:15px 0 -5px 0;padding:0;} #content-sub .vcard {font-size:13px;} #content-sub .street-address {display:block;} #content-sub li.tel {margin-top:10px;} #content-main a[href ^="tel:"], #content-sub .tel, #content-sub .tel a, #content-sub .tel a:hover {border:0;color:#121212;} #content-sub dt.fn {font-weight:700;margin-top:10px} #content-sub dd {margin:0 0 0 10px;font-size:12px;} #content-sub span.title {display:block;} a{overflow:hidden;} /* Footer */ #site-info {clear:both;} /* Specific page treatment */ body.home #content-main {margin-top:-95px;padding-top:0;border-bottom:0;} body.home div#branding h1 a {display:block;width:450px;position:relative;} body.home div#branding h1 a span{display:block;} #content a.pdflink {background:url(../images/icon_pdf.gif) no-repeat right center;padding-right:15px;} body.townhomes #content-main img{clear:right;margin:10px 0 10px 10px;}