/* Author: Lynn Koble Author URI: http://www.parasee.com/ */ /* UBER STYLES */ html {font-size: 125%;} body {font: 50% arial, helvetica, sans-serif; text-align:center; background: url('images/bg_gradient.jpg') repeat-x; background-color: #eff7fd; behavior:url(script/csshover.htc);} #printheader { display:none; } * {margin:0; padding:0;} img {border: none;} #contentarea img, .widget_text img, .pjdc-special img {float: left; padding: 0 8px 8px 0;} .floatleft {float:left;} .floatright {float:right;} a {text-decoration:underline; color:#0c78cd;} a:visited {color:#68a1ca;} a:hover {color:#85b9df;} a:active {color:#85b9df;} /* H TAGS */ h1 {font: 1.7em arial, helvetica, sans-serif; color:#8e1210; font-weight: bold; padding: 10px 2em 2px 0; margin: 0; border-bottom: 1px solid #ccc;} #hpcontent h1 {font-size: 1.3em; color:#b01b14; text-transform: uppercase; background: url('images/bg_hp_h1.jpg') repeat-y top left; padding: 5px 0 4px 8px; margin: 0 0 .5em 0; border-bottom: 1px solid #ccc;} #hpcontent h1 a {text-decoration:none; color:#b01b14;} #hpcontent h1 a:visited {color:#b01b14;} #hpcontent h1 a:hover {color:#b01b14; text-decoration:underline;} #hpcontent h1 a:active {color:#b01b14; text-decoration:underline;} #contentarea .widget_text h2 {font-size: 1.2em; letter-spacing:.02em; color: #003399; font-weight: bold; text-transform: uppercase; background: url('images/bg_hp_h1.jpg') repeat-y top left; padding: 5px 0 4px 8px; margin: 0 0 .5em 0; border-bottom: 1px solid #ccc;} #contentarea .widget_text h2 a {color:#003399; text-decoration:none; } #contentarea .widget_text h2 a:visited {color:#003399;} #contentarea .widget_text h2 a:hover {color:#003399; text-decoration:underline;} #contentarea .widget_text h2 a:active {color:#003399; text-decoration:underline;} #contentarea .pjdc-special h2 {height: 16px; font-size: 1.2em; line-height: 1.4em; letter-spacing:.02em; color: #fff; font-weight: bold; text-transform: uppercase; background: #fbe7be url('images/bg_specialwidget_h1.jpg') repeat-y top left; padding: 5px 0 4px 8px; margin: 0 0 .5em 0; border-bottom: 0 !important;} #contentarea .pjdc-special h2 a {color:#fff; text-decoration:none; } #contentarea .pjdc-special h2 a:visited {color:#fff;} #contentarea .pjdc-special h2 a:hover {color:#fff; text-decoration:underline;} #contentarea .pjdc-special h2 a:active {color:#fff; text-decoration:underline;} h2 {font: 1.5em/1.1em arial, helvetica, sans-serif; color:#8e1210; font-weight:bold; padding: .5em 0 .1em 0; margin: 0 0 .5em 0; border-bottom: 1px solid #ccc;} #listresults h2 {border-bottom: 0;} h3, h4, h5, h6 {font: 1.3em arial, helvetica, sans-serif; color:#000; font-weight:bold; padding: .5em 0 .3em 0; } form h3 {padding: .7em 0 .3em 0;} /* MAIN CONTAINERS */ #mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 0; text-align:left; background-color:#fff; padding:0 1px 1px 1px; } #topbanner {width:900px; height:98px; background: url('images/bg_topbanner.jpg') no-repeat; background-color:#488ccb; border-top: 3px solid #033066;} #banner {width: 900px; height: 230px; background: #51a3d6 url('images/bg_bannerblurb.jpg') repeat-x; margin: 1px 0 1px 0;} #banner img {float: left;} #banner p {font: 15px/24px arial, helvetica, sans-serif; color:#fff; } .bannerblurb {width:436px; height: 154px; float:left; padding: 40px 20px 0 38px;} #contentarea {width:900px; background: url(images/bg_sl_columns.gif) repeat-y top left;} #contentarea.hp {background: none !important;} /* NAV CONTAINERS */ #globalnav {background-color:#fff; padding-bottom:1px; border-bottom: 1px solid #92c2e2;} #leftnav {font:1.1em/1.2em arial, helvetica, sans-serif; letter-spacing:.02em; width: 233px; float:left; padding: 0; margin: 0 0 120px 0;} #leftnavBg {width:900px; background: url(images/bg_leftnav.gif) no-repeat bottom left;} #leftnav ul, #leftnav li {padding: 0; margin: 0;} #leftnav a {color:#003366; text-decoration:none; display: block; padding: 6px 0;} #leftnav a:visited {color:#003366;} #leftnav a:hover {color:#003366;} #leftnav a:active {color:#003366;} #leftnav a.pagetitle {padding: 9px 0; background: url(images/bg_leftnav_pagetitle.png) repeat-x top left;} #leftnav li.current_page_item {background-color: #e8f4fd; } #leftnav li.current_page_item a.on {background-color: #e8f4fd;} #leftnav li.current_page_item ul {border-top: 0px solid #e8f4fd;} #leftnav ul li ul li ul li a, .level_3_li {background: #cfedfc url(images/img_bullet.gif) no-repeat 9% 50%;} /*all level 3 arrows*/ #leftnav ul li ul li ul li.current_page_item a.onDown {background: #e8f4fd url(images/img_bulletdown.gif) no-repeat 9% 50%;} /*level 3 down arrow if lower levels*/ #leftnav ul li ul li ul li.current_page_item a {background: #e8f4fd url(images/img_bullet.gif) no-repeat 9% 50%;} /*level 3 regular arrow*/ #leftnav ul li ul li ul li ul li a {background: none;} /*all level 4 cancel arrows*/ #leftnav ul li ul li ul li.selected ul li a.on {color: #0c78cd; background: none;} /*level 4 cancel down arrow*/ /* Level 1 - Page Title */ #leftnav ul li {text-indent: 10px; list-style-type: none; font-weight: bold; text-transform: uppercase; border: 1px solid #000; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #fff; } /*this adds white line to very bottom of nav*/ /* Level 2 - RB */ #leftnav ul li ul li {text-indent: 10px; list-style-type: none; text-transform: none; border: 1px solid #fff; border-right: 0; border-left: 0; border-bottom: 3px solid #a6cef0;} /*border adds white line to top of level 2; border-bottom adds thick blue line*/ /* Level 3 - Trial Mats */ #leftnav ul li ul li ul, .level_3_ul {border-top: 1px solid #fff;} #leftnav ul li ul li ul li {text-indent: 32px; font-weight: normal; border: 1px solid #fff; border-top: 1px solid #8bb0cb; border-right: 0; border-left: 0px; } /* Level 4 - Confessions */ #leftnav ul li ul li ul li ul {margin-left: 33px;} #leftnav ul li ul li ul li ul li {text-indent: 0; border: 1px solid #ceedfc; border-top: 1px dotted #666; border-right: 0; border-left: 0px; border-bottom: 1px solid #ceedfc; list-style-image: none; list-style-type: none;} /* #leftnav ul li ul li ul li ul li {text-indent: 30px; border: 1px solid #ceedfc; border-top: 1px dotted #999; border-right: 0; border-left: 0px; border-bottom: 1px solid #ceedfc; list-style-image: none; list-style-type: none;}*/ /* BEN, new madness from the east coast - left nav styles for regular WP pages*/ #leftnav ul li ul li ul li.current_page_item a {background: #f8fcfe url(images/img_bulletdown.gif) no-repeat 9% 50%;} /*down arrow for new level 2*/ #leftnav ul li ul li ul li.current_page_item ul li a {color: #003366; background: #e8f4fd url(images/img_spacer.gif) no-repeat;} /*remove arrow for new level 3*/ #leftnav ul li ul li ul li.current_page_parent a {background: #f8fcfe url(images/img_bulletdown.gif) no-repeat 9% 50%;} /*down arrow for new level 3*/ #leftnav ul li ul li ul li.current_page_parent {background: #e8f4fd;} /*background for new level 3*/ #leftnav ul li ul li ul li ul li.current_page_item a {color: #0c78cd; background-color: #e8f4fd; background-image: none;} /*link color for new level 3*/ #leftnav ul li ul li ul li {background-color: #cfedfc;} /* BEN, more madness - this time for the RB */ #leftnav .level_3_li {text-indent: 32px; font-weight: normal; border: 1px solid #fff; border-top: 1px solid #8bb0cb; border-right: 0; border-left: 0px; }/* RB level 2 - Stanks */ #leftnav .level_3_li.current_rb_item {background: #f8fcfe url(images/img_bulletdown.gif) no-repeat 9% 50%; }/* RB level 2 - Stanks ON */ #leftnav ul.level_4_ul {background-color: #e8f4fd; margin-left: 33px; } #leftnav ul.level_4_ul li.level_4_li a {background-color: #e8f4fd; background-image: none;} #leftnav .level_4_li {text-indent: 0px; font-weight: normal; border: 1px solid #ceedfc; border-top: 1px dotted #666; border-right: 0; border-left: 0px; border-bottom: 1px solid #e8f4fd; } #leftnav .level_4_li.current_page_item a {color: #0c78cd;}/* RB level 3 - Stankee Players light blue ON link */ #leftnav .current_rb_item {background-color: #e8f4fd;} #leftnav li.page_item.current_page_item {background-color: #e8f4fd;} #leftnav li.level_3_li.current_page_parent {background-color: #e8f4fd;} ul.level_3_ul {background-color: #e8f4fd;} /* fake-out the bg from the indentation */ .tertiary {width: 646px; height: 28px;} .tertiaryNav {float: left; color: #999; margin: .5em 0 0 0;} .tertiaryNav a.on {color:#808080; font-weight: bold; text-decoration: none;} .tertiaryNav a.on:visited {color:#808080;} .tertiaryNav a.on:hover {color:#808080; text-decoration: underline;} .tertiaryNav a.on:active {color:#808080; text-decoration: underline;} .wp-pagenavi .pages, .wp-pagenavi .page-divider, .wp-pagenavi .current {color:#808080 !important;} /* LOWER CONTAINERS*/ .memberarea {float: right; font: 1em/1em arial, helvetica, sans-serif; color: #376997; background-color:#033066; border-bottom: 1px solid #006999; border-left: 1px solid #006999; padding: 2px 10px 6px 16px;} .memberarea form {display:inline; padding-left: 18px;} .memberarea a {color:#fff; text-decoration: none; font-weight: bold;} .memberarea a:visited {color: #fff;} .memberarea a:hover {text-decoration: underline;} .memberarea a:active {text-decoration: underline;} #breadcrumbs p {font: 1.1em/1em arial, helvetica, sans-serif; color: #808080; text-align: left; padding: .6em 0 .6em 20px;} #breadcrumbs a {color: #808080; font-weight: normal; text-decoration: underline;} #breadcrumbs a:visited {color:#808080;} #breadcrumbs a:hover {color:#b01b14;} #breadcrumbs a:active {color:#b01b14;} #breadcrumbs a.on {color:#b01b14; text-decoration: none;} #breadcrumbs a.on:visited {color:#b01b14;} #breadcrumbs a.on:hover {color:#b01b14;} #breadcrumbs a.on:active {color:#b01b14;} #breadcrumbs span.on {color:#b01b14; } #hpcontent {width:878px; border:1px solid #ccc; padding: 10px; margin: 0 0 0 0; min-height:230px;} /* mac hide \*/ * html #hpcontent {height:230px;} /* end hide */ #hpcolumns {background: #fff url(images/bg_hp_columns.gif) repeat-y fixed 50% 0;} /*fixed applies to background-attachment*/ #content {width:646px; float:left; padding: 0 0px 10px 20px; margin: 0 0 0 1px; min-height:440px; background: url(images/bg_content.png) repeat-x top left;} /* mac hide \*/ * html #content {height:440px;} /* end hide */ #content p, p {font:1.2em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; padding: 0 0 1em 0;} #content ul, #hpcontent ul {font:1.2em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; margin: 0 0 1.5em 1.5em; padding: 0;} #content ul li {margin: 0; padding: .5em 0 0 0; list-style-type: disc; list-style-position: outside;} #hpcontent ul li {margin: 0; padding: 0 0 0 0; list-style-type: disc; list-style-position: outside;} #content ul li ul, #hpcontent ul li ul {font:1em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; margin: 0 0 .5em 1.5em; padding: 0;} #content ol, #hpcontent ol {font:1.2em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; margin: 0 0 1em 2em; padding: 0;} #content ol li, #hpcontent ol li {margin: 0; padding: .5em 0 0 0; list-style-type: decimal; list-style-position: outside;} #content ol li ol, #hpcontent ol li ol {font:1em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; margin: 0 0 .5em 2em; padding: 0;} .rb_list_root {height: 178px; width:195px; border: 1px solid #ccc; float:left; margin: 0 15px 15px 0; padding: .5em 0 0 1.5em;} .rb_list_root ul li {padding: 0 !important;} #column1 {width:300px; float:left; padding: 0 22px 10px 0;} #column2 {width:300px; float:left; padding: 0 22px 10px 0; } #sidebar1 {width: 234px; float:left; padding: 0 0 0 0;} #sidebar2 {width:168px; float:left; padding: 0 0 0 0;} #pagetext {width: 460px; float:left; padding: 0 18px 0 0;} #pagetext.fullwidth {width: 628px; float:left; padding: 0 18px 0 0;} #pagetext .postdate {font: 1.1em/1em arial, helvetica, sans-serif; color: #808080;} #pagetext .postdate a {color: #808080;} .printpage {float: right; margin: .5em 1em 0 1em;} .printpage a {color:#0c78cd;} .printpage a:visited {color:#0c78cd;} .printpage a:hover {color:#85b9df;} .printpage a:active {color:#85b9df;} #footer {width:900px; min-height:21px; background: url(images/bg_footer.jpg) repeat-x top; background-color:#d2d2d2; margin: 2px 0 0 0;} /* mac hide \*/ * html #footer {height:21px;} /* end hide */ #footer p {font-size: 1.1em; color:#808080; padding: 2px 8px;} #footer a {text-decoration:none; color:#808080; font-weight: normal;} #footer a:visited {color:#808080;} #footer a:hover {text-decoration:underline; color:#808080;} #footer a:active {text-decoration:underline; color:#808080;} #sitemap ul {font-size: 1.1em; margin: 0; padding: 0;} #sitemap ul li {list-style-type:none; font-weight: bold; text-transform: uppercase; margin-left: 0; padding: 0 0 .7em 0;} #sitemap ul li a {color: #0c78cd; text-decoration: none;} #sitemap ul li a:visited {color: #85b9df;} #sitemap ul li a:hover {color: #85b9df; text-decoration: underline;} #sitemap ul li a:active {color: #85b9df; text-decoration: underline;} #sitemap ul li ul li {text-transform: capitalize; padding: 0 0 0 0;} #sitemap ul li ul li ul li {font-weight: normal; text-transform: capitalize; padding: 0 0 0 0;} #sitemap ul li ul li ul li a {color: #0c78cd; text-decoration: underline;} #sitemap ul li ul li ul li a:visited {color: #85b9df;} #sitemap ul li ul li ul li a:hover {color: #85b9df; text-decoration: underline;} #sitemap ul li ul li ul li a:active {color: #85b9df; text-decoration: underline;} /* NEWS & SEARCH RESULTS */ .morelinkwrapper { margin-left:4px;} #listresults ul {font-size: 1em; margin: 0; padding: 0;} #listresults ul li.listwrapper {border-bottom: 1px dotted #b4b4b4; margin: 0 0 1em 0 !important; list-style-type: none;} #listresults ul li.listwrapper_rb {list-style-type: none; margin: 0;} .hpnews h3 {font-size: 1.2em; color: #003366; } .hpnews h3 a {font-size: inherit; color: #003366; text-decoration: none;} .hpnews h3 a:visited {color: #003366;} .hpnews h3 a:hover {color: #003366; text-decoration: underline;} .hpnews h3 a:active {color: #003366; text-decoration: underline;} .hpnews p {font-size: 1.1em; line-height: 1.2em; } /* WIDGETS */ #sidebar1 ul {margin: 0px; font:1em/1.4em arial, helvetica, sans-serif;} #sidebar1 ul li {list-style-type: none;} #sidebar2 ul {margin: 0px; font:1em/1.4em arial, helvetica, sans-serif;} #sidebar2 ul li {list-style-type: none;} .widgetwrapper {border-top: 5px solid #e9e9e9; padding-top: 1.5em;} #contentarea .widgetwrapper:first-child {border-top: none; padding-top: 0;} #contentarea .widgetwrapper.firstChild {border-top: none !important;} /* BEN, I need your help with properly inserting this javascript. It's to apply a class of firstChild to elements to fake the first-child pseudo-selector for IE6: $(document).ready(function() { $('#mainwrap > .widgetwrapper:first') .addClass('firstChild') ; } */ #contentarea .pjdc-special {width: 100%; text-align:left; background: #fbe7be url('images/bg_specialwidget.gif') repeat-x top left; margin: 0 0 1.5em 0; padding: 0;} #contentarea .pjdc-special p, form {font: 1.1em/1.4em arial, helvetica, sans-serif; color:#333; padding: 0 0px 10px 10px;} #contentarea .pjdc-special a {font-size: 1em; font-weight: bold; color:#d46400;} #contentarea .pjdc-special .inputbox {width: 110px; font: 1em/1.2em arial, helvetica, sans-serif !important; color:#808080; border: 1px solid #eabd9e; background-color:#fff; padding: 3px 0 1px 6px; } #contentarea .pjdc-special a:visited {color: #fa841b;} #contentarea .pjdc-special a:hover {color: #fa841b;} #contentarea .pjdc-special a:active {color: #fa841b;} #contentarea .widget_text {width: 99%; text-align:left; background-color:#e4e4e4; margin: 0 0 1.5em 0; border: 1px solid #ccc; padding: 0;} #contentarea .widget_text p {font: 1.1em/1.4em arial, helvetica, sans-serif; color:#333; padding: 0 10px 10px 10px;} #contentarea .widget_text a {font-size: 1em; font-weight: bold;} #contentarea .quotewidget {width: 99%; text-align:left;} #contentarea .quotewidget p {font: 1.4em/1.7em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#8b9ea4; padding: 50px 24px 10px 34px;} /* added for the ajax autoreloader... */ #contentarea .quotewidget div p {font: 1.4em/1.7em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#8b9ea4; padding: 50px 24px 10px 34px;} /* FORMS */ label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .error { border-width: 1px; border-style: solid; border-color: red; padding: 0 0.6em; margin: 5px 15px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } form label {font:1em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; padding: 0 0 1em 0;} form p {font:1.2em/1.5em arial, helvetica, sans-serif; color:#666; letter-spacing:.02em; padding: 0 0 1em 0;} #topbanner .inputbox {width: 12; font: 1.1em/1.2em arial, helvetica, sans-serif !important; color:#666; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 20px 1px 6px; } /* Contact form */ .mmf form {width: 460px; font: 1em/1.1em arial, helvetica, sans-serif !important;} .mmf input, .mmf textarea {width: 55%; font: 1em/1.1em arial, helvetica, sans-serif !important; color:#666; border: 1px solid #ccc; background-color:#fff; padding: 3px 6px;} /* Become a Member form */ .regform form {width: 600px; font: 1em/1.1em arial, helvetica, sans-serif !important;} .regform .inputbox, .regform .textarea {width: 45%; font: 1em/1.1em arial, helvetica, sans-serif !important; color:#666; border: 1px solid #ccc; background-color:#fff; padding: 3px 6px;} textarea#briefly_describe_the_work_you_do_in_areas_of_juvenile_or_criminal_justice {width: 60%; height: 150px;} /* Add a Resource and Edit Resource forms */ form.loginform {font: 1em/1.4em arial, helvetica, sans-serif !important; padding-left: 0 !important;} .requiredfield{font-size: 1.1em; color: #da382d;} .inputbox2 {width: 50%; font: 1em/1.1em arial, helvetica, sans-serif !important; color:#666; border: 1px solid #ccc; background-color:#fff; padding: 3px 6px; margin: .3em .6em 0 0; } textarea, .formbox {width: 75%; font: 1em/1.1em arial, helvetica, sans-serif !important; color:#666; border: 1px solid #ccc; background-color:#fff; padding: 3px 6px; margin: .3em .6em 0 0; } .formbutton {margin: .3em .6em 0 0; } p#login_error {background-color: lightcoral; border: 1px solid red; color: #000;} .formhelptext {font-style:italic; font-size: .9em; line-height: 1.3em; color: #808080;} .checkbox {margin: 0 .6em 0 0;} #pagetext .formnote {font-size: 11px; color: #a0a0a0;} #pagetext .requiredfield {font-size: 1.1em; color: #da382d;} .submitButton input { /* BEN, this is from fairsent... */ background-image:url(images/img_button_submit.png); background-position:0 0; background-repeat:no-repeat; border:0 none; height:23px; margin:7px 30px 0 0; outline-color:0; outline-style:none; outline-width:0; width:87px; display: block; } .submitButton2 input { /* BEN, this is my own mad addition... you are truly a madwoman. */ background-image:url(images/img_button_signin.png); background-position:0 0; background-repeat:no-repeat; border:0 none; height: 23px; margin:7px 20px 0 0; outline-color:0; outline-style:none; outline-width:0; width:87px; } /* reg form messaging and etc. */ p.message, p#login_error { padding: 3px 5px !important; } p.message { background-color: #f5c4bc; border: 1px solid #da382d; color: #000 !important; } p#login_error { background-color: #f5c4bc; border: 1px solid #da382d; color: #000; } .mmf-response-output {font: 1.2em/1.2em arial, helvetica, sans-serif; font-weight: bold; color:#da382d; border: 0;} /* MISC SPECIAL TYPE STYLES */ small {font: 1em arial, helvetica, sans-serif; color:#b4b4b4; padding: 0 0 .3em 0; } /*address {font:1.1em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; padding: 0 0 1em 0; font-style:italic;} .navigation {font-size: 1em; color: #808080; margin: 1em 0 1.5em 0;} */ p.footnote {font: 1.1em/1.2em arial, helvetica, sans-serif !important; color:#b4b4b4 !important;} .footnote a {color: #b4b4b4;} .footnote a:visited {color:#b4b4b4;} .footnote a:hover {color:#b4b4b4;} .footnote a:active {color:#b4b4b4;} blockquote {font: 1.3em/1.8em arial, helvetica, sans-serif; color:#003399; border: 0; padding: 0 0 1em 3em;} /* insert= this to override WP? blockquote p {!important;}*/ .quoteauthor {font-size: .8em; line-height: 1.4em;} optgroup {color: #b4b4b4 !important; font-style: normal !important; } table {} th {font: 1.1em/1em arial, helvetica, sans-serif; color: #666; font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; padding: 0 1em .5em 0;} td {font: 1.2em/1em arial, helvetica, sans-serif; color: #808080; text-align: left; padding: .5em 1em .5em 0; border-bottom: 1px dotted #b4b4b4;} /* GLOBAL NAV */ /* start horizontal menu */ #listmenu { width:100%; /* makes the div full width */ float:left; /*makes the div enclose the list */ text-align: center; font: 1em arial, helvetica, sans-serif; letter-spacing:.04em; text-transform: uppercase; background: url('images/bg_nav.jpg') repeat-x; background-color: #b01b14; } #listmenu ul {margin:0 0 0 0; /* indents ul from edge of container. if add this back, you must add in IE hack. see pg 193.*/ } #listmenu li { float:left; /* causes the list to align horizontally instead of stack */ position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none; border-right: 1px solid #8e1210; } #listmenu li:hover { background-color:#8e1210; } #listmenu a { display:block; font-weight: bold; padding: 6px 20px; text-decoration:none; color:#fff; } #listmenu a:visited {color:#fff;} #listmenu a:hover {color:#fff;} /* end horizontal menu */ /* the drop-down starts here */ #listmenu ul li ul { margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */ position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */ width: 214px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/ left:-1px; /*aligns the drop exactly under the menu*/ padding-right: 1px; background-color:#efefef; border-bottom: 1px solid #d8d8d8; } #listmenu ul li ul li { width:100%; /* makes the list items fill the list container (ul) */ border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-top: 1px dotted #999; padding: 0; text-align: left; text-transform: none; font-size: 1.1em; letter-spacing: 0; } #listmenu ul li ul li:first-child {border-top: none;} #listmenu ul li ul li.firstChild {border-top: none !important;} /* BEN, I need your help with properly inserting this javascript. It's to apply a class of firstChild to elements to fake the first-child pseudo-selector for IE6: $(document).ready(function() { $('#listmenu > li:first') .addClass('firstChild') ; } */ #listmenu ul li ul li:hover {background-color:#d8d8d8;} /* could fix with http://www.wantusiak.com/wordpress/wordpress-modify-wp_list_pages */ #listmenu .page-item-25, #listmenu .page-item-27, #listmenu .page-item-31, #listmenu .page-item-33, #listmenu .hoverOverride {background-color:#efefef;} #listmenu ul li ul li a {font-weight: bold; color:#b01b14;} #listmenu ul li ul li a:visited {color:#b01b14;} #listmenu ul li ul li a:hover {color:#8e1210;} #listmenu ul li ul li a:active {color:#8e1210;} /*third level*/ #listmenu ul li ul li ul { margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */ position: relative; } #listmenu ul li ul li ul li { border-left: 1px solid #d8d8d8; border-right: 0; border-top: 0; border-bottom: 0; padding: 0 0 1px 0; text-align: left; text-indent: 1.1em; text-transform: capitalize; font-size: 1em; } #listmenu ul li ul li ul li a {font-weight: normal; color:#b01b14;} #listmenu ul li ul li ul li a:visited {color:#b01b14;} #listmenu ul li ul li ul li a:hover {color:#8e1210;} #listmenu ul li ul li ul li a:active {color:#8e1210;} /* make the drop-down display as the menu is rolled over */ #listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */ #listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */ /* THE HACK ZONE - */ /* hack for IE (all flavors) so the menu has a vertical line on the left */ * html #listmenu ul { float:left; /* makes the ul wrap the li's */ /* border-left: 1px solid #a84023; adds the rightmost menu vertical line to the ul in AS */ /* margin-left:40px; IE doubles the given value above - why? in AS */ } /* add a top line to drops and pops in IE browsers - can't read :first-child */ * html #listmenu ul li ul { /* border-top:1px solid #eda477; in AS */ /* border-left:0px; stops the drop inheriting the ul border in AS */ } /* end of hack zone */ /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */ /* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */