body { text-align: center; margin: 0; padding: 0; background: #DDDDDD; font-family: Arial; font-size: 0.9em; line-height: 150%; } #container { width: 900px; margin: 0 auto; text-align: left; z-index: 0; } /* ** Header and Footer */ /* top TIE bar */ #top-bar { background: #114BA0; color: #FFFFFF; border: none; } #top-bar-inner { width: 900px; height: 38px; margin: 0 auto; text-align: left; position: relative; background: url('/images/topbar.gif') no-repeat; z-index: 1; } #top-bar-tie-link { width: 350px; height: 30px; position: absolute; top: 0; left: 0; } #top-bar ul { position: absolute; top: 0px; left: 350px; width: 550px; display: block; list-style: none; margin: 0; padding: 8px 0 0; } #top-bar li { list-style: none; margin: 0; padding: 0; float: left; display: block; width: 12.4%; height: 30px; text-align: center; font-size: 0.7em; line-height: 1.1em; } #top-bar li a { color: #FFFFFF; text-decoration: none; } #top-bar li a:hover { text-decoration: underline; } /* top TIE bar -- dropdown menus */ #top-bar ul li { position: relative; } #top-bar ul ul { display: none; position: absolute; left: -10px; top: 30px; background: #114BA0; width: 250px; padding: 4px 4px 0 4px; } #top-bar ul ul#state-info-dropdown { width:220px; } #top-bar ul ul#online-resources-dropdown { width:165px; } #top-bar ul ul li { float: none; text-align: left; font-size: 1em; height: auto; width: auto; padding: 0 0 4px 0; } #top-bar ul ul li a { display: block; } #header { height: 125px; position:relative; background: #EEEEEE; } #logo { position: absolute; top: 0; left: 0; } #women-banner { position: absolute; right: 0; top: 0; } #main-nav { position: absolute; bottom: -1px; left: 10px; display: inline; list-style: none; margin: 0; padding: 0; height: 25px; } #main-nav li { float:left; list-style: none; margin: 0 5px 0 0; height: 25px; font-weight: bold; } #main-nav li a { text-decoration: none; display: block; line-height: 25px; padding: 0 6px; color:#114BA0; } #main-nav li a:hover { text-decoration: underline; } #main-nav li.sel { background: url('/images/corners/tab_tl.gif') left top no-repeat;} #main-nav li.sel a { background: url('/images/corners/tab_tr.gif') right top no-repeat; } #main-nav li.sel a div { background: #DDDDDD; } /* search */ #search { position:absolute; right: 25px; bottom: 2px; text-align: center; line-height: 100%; } #search-help { position: absolute; right: 2px; bottom: 4px; display: block; } /* footer */ #footer { text-align: center; font-size: 0.7em; margin: 30px 200px 10px; line-height: 1em; } /* ** Layout - Columns for the main classes */ #content { padding: 10px 0 0; } .page-front #col-main { width: 590px; float: left; margin-bottom: 10px; } .page-front #col-right { width: 300px; float: right; margin-bottom: 10px; } .page-front #col-both { width: 900px; clear: both; } .page-node #col-main { width: 640px; float: left; } .page-node #col-right { width: 250px; float: right; } .page-rightbar #col-main { width: 640px; float: left; } .page-rightbar #col-right { width: 250px; float: right; } .page-wider-rightbar #col-main { width: 590px; float: left; } .page-wider-rightbar #col-right { width: 300px; float: right; } .page-50-50 #col-left { width: 445px; float: left; } .page-50-50 #col-right { width: 445px; float: right; } .page-admin #col-left { width: 200px; float: left; } .page-admin #col-main { width: 690px; float: right; } .page-skinny #col-main { margin: 0 150px; } .page-content #col-main { margin: 0 50px; } /* ** Generic element styles */ h1 { font-size: 1.5em; margin: 0 0 10px 0; } .box-page-header h1 { margin-bottom: 0; } h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 10px 0; } h1.alone, h2.alone { margin-bottom: 0; } h1.listhead, h2.listhead { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD; } h2.tag { margin: 5px 0 0 0; font-size: 1.1em; } h2.tag span { color: #666666; } h2 a { text-decoration: none; color:#114BA0; } h2 a:hover { text-decoration: underline; color:#114BA0; } form { display: block; margin: 0; padding: 0; } a { text-decoration: none; color:#114BA0; } a:hover { text-decoration: none; color:#70a036;} ul { margin: 0; padding: 0 0 0 15px; line-height: 120%; } li { margin: 0 0 5px 0; } p { margin: 0 0 5px 0; } img { border: 0; } textarea { font-family: Arial; font-size: 0.9em; } table { font-size: 0.9em; } .message { background: yellow; padding: 10px; margin-bottom: 10px; font-weight: bold; } /* the style that appears in li for lists of nodes */ .node-title { font-weight: bold; } .node-teaser { font-size: 0.9em; color: #666666; margin: 0 0 4px; } a.more { float: right; } /** * Generic block styles */ /* standard block styles */ .block { background: #FFFFFF; margin-bottom: 10px;} .block ul.links { list-style: none; height: 20px; margin: 0; padding: 0; } .block ul.links li { list-style: none; float: right; } .block ul.links li a { font-size: 0.8em; text-decoration: none; } .block ul.links li a:hover { text-decoration: underline; color:#114BA0;} .roundedcornr_top div { background: url(/images/corners/tl.gif) no-repeat top left; } .roundedcornr_top { background: url(/images/corners/tr.gif) no-repeat top right; } .roundedcornr_bottom div { background: url(/images/corners/bl.gif) no-repeat bottom left; } .roundedcornr_bottom { background: url(/images/corners/br.gif) no-repeat bottom right; } .roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom { width: 100%; height: 5px; font-size: 1px; } .roundedcornr_content { margin: 5px 10px; } .block-colored { background-color: #C0ED8A; } a.block-link h2 {color:#114BA0;} a:hover.block-link h2 {color:#114BA0;text-decoration:underline;} .page-front .block-link { text-decoration: none; color: #000000; } /* used on about, and other content pages with no left or right column, to make the viewing width a little smaller */ .block-fullpage { margin: 0 100px; } /* all pages on the old womensandchildren.treatment.org were 780 pixels wide. with this class applied, blocks are also 780 pixels wide. used for transfering stuff from the old site */ .page-old-site-page .block { margin: 0 50px; } /* ** Front page */ .cal-item { margin-bottom: 10px; } .cal-description { float: left; width: 230px; } .cal-page { float: left; background: #EEEEEE; width: 35px; margin: 3px 8px 0 0; } .cal-page .cal-month, .cal-page .cal-year { text-align: center; text-transform: uppercase; font-size: 0.7em; line-height: 1.1em; } .cal-page .cal-day { margin: 1px; background: #FFFFFF; text-align: center; font-size: 1.3em; } .cal-month-only { float: left; background: #dddddd; width: 38px; margin: 3px 8px 0 0; text-align: center; } .cal-month-only .cal-month { font-size:0.8em;line-height:1.1em;margin:1px; } .cal-month-only .cal-year { margin: 0 1px 1px 1px; font-size: 0.9em; background: #FFFFFF; line-height: 1.3em; } .grid { border-collapse: collapse; } .grid td { width: 33%; padding: 0 10px 10px; vertical-align: top; } .grid td.first { padding-left: 0; } .grid td.last { padding-right: 0; border-right: none; } .grid h3 { font-size: 1.2em; margin: 0 0 5px 0; } .block-resources h2 { margin-bottom: 5px; } h2.spotlight { background: url('/images/spotlight.gif') no-repeat; padding-left: 30px; line-height: 25px; } h2.spotlight span { color: #666666; } .content-home-samhsa-links li a { font-weight: normal; } .content-home-spotlight li a { font-weight: normal; } /* ** Resources page */ .resources-index-block h1 { margin: 0 0 0 0; } .resources-index-subheading { font-size: 0.9em; font-style: italic; color: #666666; margin: 0 0 20px; } .resources-index-block h2 { margin: 0 0 3px; } .resources-index-block p { margin: 0 0 20px; font-size: 0.9em; color: #666666; } /* ** Events page */ .box-save-the-date { margin-bottom: 10px; } /* ** Programs and Policies Page */ .block-treatment-locator { text-align: center; } .block-treatment-locator p { margin: 15px 10px; font-weight: bold; } /* ** Node view page */ .node-link { font-size: 1.2em; font-weight: bold; } .node h2 span { style: italic; color:#666666; } .node-body p a { font-weight: bold; } /** * Admin pages */ /* admin left menu */ .admin-menu { list-style: none; font-weight: bold; margin: 0; padding: 0; } .admin-menu .space-above { margin-top: 15px; } /* list items */ .admin-item-list { margin: 20px 0 0; padding: 0; border-top: 1px solid #DDDDDD; list-style:none; } .admin-item-list li { padding: 8px 0; margin: 0; border-bottom: 1px solid #DDDDDD; } .admin-item-list .actions { float: right; margin: 0 0 5px 5px; } .admin-item-list .title { font-weight: bold; font-size: 1.1em; } /* edit item */ .post-error-messages p { padding: 5px; margin: 0 0 10px 0; background: yellow; font-weight: bold; } .edit-item p { margin: 0 0 15px; } .edit-item em { font-size: 0.9em; color: #666666; display: block; } .edit-item fieldset { margin: 20px 0; } .edit-item legend { font-style: italic; } /** * The indispensible clearfix hack class that all webdesigners use to clear * all floats inside of the div with this class (i.e. to clear floated columns)! */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */