/* Template by hgm based on an original template - Lush by Joomlashack - www.joomlashack.com */ body { background: #FFF; font-family: 'lucida grande', 'lucida sans unicode', arial, verdana, sans-serif; font-size: 12px; } #pagebg { background-color: #E3FCD6; background-image: url(../../../images/green_stripe_bg.gif); background-repeat: repeat; background-position: 0 -13px; } *, html, body { margin: 0; padding: 0; } p, div, td { line-height: 135%; } p { margin: 0; padding: 5px; line-height: 155%; } /*Basic Links*/ a:link, a:visited { color: #1C5C9C; text-decoration: none; } a:hover { color: #000; text-decoration: none; background-color: #eee; } a.img { border: 0; } a:focus { outline: 0; } ul { padding-left: 20px; } /*Begin Header and Logo*/ #headerblock { margin: 0; padding: 0; } /*CSS for logo. This is an image replaced link as an H1 tag*/ /*Controls logo hotspot width*/ #logo { height: 94px; float: left; margin-left: 15px; } #logo h1 a { width: 315px; display: block; text-indent: -5000px; text-decoration: none; line-height: 60px; background: transparent; margin-top: 0; } #logo h1 { background: none; } /*Set the line-height and width equal to your logo image here*/ #logo h1 { margin: 0; padding: 0; line-height: 83px; } h1 { margin: 1em 0; color: #0C8BCB; font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height: 2em; font-weight: bold; text-transform: none; } h2 { margin: 1em 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.6em; font-weight: bold; text-transform: none; } h3 { margin: 1em 0; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.4em; font-weight: bold; text-transform: none; } h4, div.module h4 a { color: #487AAB; text-align: left; text-decoration: none; font: bold 1.2em/1em Arial, Helvetica, sans-serif; padding: 4px; margin: 0 0 6px 0; background: #CFD9E2; } div.modulemid h4 { background: transparent; padding: 0; margin: 0; } /*End Header and Logo*/ .wrap_outer { margin: 0 auto; width: 960px; } /* .topbar { width: 960px; height: 12px; background: url(../images/topbar.png) no-repeat center bottom; } */ #header { background: url(../../../images/template_files/on_header.png) no-repeat top center; height: 94px; width: 960px; } .inner_wrap { background: url(../../../images/template_files/bgwrap1.png) repeat-y center bottom; padding: 7px 0 0 0; margin: 0; } .footer { background: url(../../../images/template_files/footer1.png) no-repeat bottom center; width: 960px; height: 25px; clear: both; } .footertext { text-align: center; clear: both; margin-top: 12px; } table#content { width: 932px; margin: 0 auto 0 auto; } .banners { position: relative; left: -5px; padding: 0 0 5px 0; margin: 0; } .banners .modulelight div div div, .banners .modulemid div div div, .banners .moduledark div div div,.banners .module div div div { text-align: center; } .main_top { background: url(../images/main_top.png) no-repeat right top; height: 8px; } td.mainbody { background: url(../images/main_content.png) repeat-y 6px 0; vertical-align: top; margin: 0; padding: 0; } div.maincontent { float: left; padding: 0; margin: 0; width: 500px !important; position: relative; left: 18px; min-height: 480px; } /*All Modules*/ /*RIGHT MODULES*/ #rightcol { float: right; width: 206px; margin: 0; padding: 0; } #rightcol .inside { padding: 0 5px; } /*INNER MODULES*/ .back_button, .pagenav_prev, .pagenav_next { text-align: center; } .buttonheading { padding: 0 2px; } .inputbox { background: #fff; border: 1px solid #999; color: #333; } .button { background: #666; border: 1px solid #000; color: #ccc; line-height: 100%; font-size: 0.75em; padding: 3px; } #contact_text { width: 300px; } table.contentpaneopen, table.contentpane, table.blog { border-collapse: collapse; padding: 0; margin: 0; width: 100%; } div div .syndicate div { margin: 5px; padding: 0; } /*Joomla Tables*/ td.sectiontableheader { color: #FFF; font-weight: bold; background: #222; height: 25px; padding: 4px; } tr.sectiontableentry1 td { padding: 4px; background-color: #f8f8f8; } tr.sectiontableentry2 td { padding: 4px; background-color: #F2F2F2; } td.sectiontableentry1 { padding: 4px; background-color: #f8f8f8; } td.sectiontableentry2 { padding: 4px; background-color: #F2F2F2; } .sectiontableentry2 a, .sectiontableentry1 a { padding-left: 5px; } /*Archive Tables*/ table.contentpanewn { margin-top: 14px; } table.contentpanewn table td { padding: 4px 0; } td.sectiontableheaderwn { color: #FFF; font-weight: bold; background: #222; height: 25px; padding: 4px; } tr.sectiontableentry1wn td { padding: 4px; background-color: #f8f8f8; } tr.sectiontableentry2wn td { padding: 4px; background-color: #F2F2F2; } td.sectiontableentry1wn { padding: 4px; background-color: #f8f8f8; } td.sectiontableentrywn { padding: 4px; background-color: #F2F2F2; } .sectiontableentry2wn a, .sectiontableentry1wn a { padding-left: 5px; } /*Read More Link Styles*/ a.readon { float: right; line-height: 10px; background: url(../images/readon.gif) no-repeat left center; text-indent: 16px; text-decoration: none; } a.readon:hover { text-decoration: underline; } .article_seperator { border-bottom: 1px solid #ccc; display: block; width: 100%; margin: 0 0 8px 0; padding: 0; } /*Polls*/ table.pollstableborder td { text-align: left; background: none; } .pollstableborder td { text-align: left; font: 0.9em Arial, Helvetica, sans-serif; padding: 3px 0 3px 5px; vertical-align: middle; } .poll td input.button { padding: 3px; background-color: #efefef; color: #CC3333; border: 1px solid #444; } table.poll thead tr td { background-color: #88AAE7; line-height: normal; padding: 5px; margin: 0; width: 100%; display: block; } /*Print and Email View*/ body.contentpane { background: #fff; } /*Keeps the blog tables from crowding*/ table.contenttoc { margin: 5px; padding: 0; float: right; } /*Article Index*/ table.contenttoc { margin: 5px; padding: 5px; } table.contenttoc td { padding: 0 7px; } table.contenttoc th { padding: 0 10px; font-size: 1em; color: #ccc; background: #333; } .contentheading { width: 100%; white-space: nowrap; } /*Content Links*/ td.contentheading, .contentheading, div.componentheading, div.componentheadingnews { color: #225898; font: normal 1.35em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing: -.015em; margin-bottom: 8px; } a.contentpagetitle:link,a.contentpagetitle:visited, .componentheading, table.blog td .contentheading { color: #777; text-align: left; text-decoration: none; font: bold 14px/1.1em 'lucida grande', 'lucida sans unicode', arial, verdana, sans-serif; letter-spacing: normal; border-bottom: 1px solid #fff; } a.contentpagetitle:hover { color: #333; text-decoration: none; border-bottom: 1px dotted #777; } /*Sidenav Menus when used as a vertical (TABLED) style*/ #rightcol a.mainlevel:link,#rightcol a.mainlevel:visited,#rightcol a.mainlevel-sidenav:link,#rightcol a.mainlevel-sidenav:visited { text-decoration: none; padding-left: 18px; padding-top: 3px; padding-bottom: 1px; background: url(../images/sidenav_over_right.png) no-repeat 0 5px; display: block; font: bold 12px/18px Arial, Tahoma, Verdana, sans-serif; color: #FFF; margin: 0; width: 90%; } #rightcol a.mainlevel:hover, #rightcol a.mainlevel-sidenav:hover { text-decoration: none; padding-left: 18px; padding-top: 3px; padding-bottom: 1px; background: url(../images/sidenav_over_right.png) no-repeat 0 5px; display: block; font: bold 12px/18px Arial, Tahoma, Verdana, sans-serif; color: #CCC; margin: 0; width: 90%; } #rightcol a.mainlevel#active_menu, #rightcol a.mainlevel-sidenav#active_menu-sidenav { text-decoration: none; padding-left: 18px; padding-top: 3px; padding-bottom: 1px; background: url(../images/sidenav_over_right.png) no-repeat 0 5px; display: block; font: bold 12px/18px Arial, Tahoma, Verdana, sans-serif; color: #CCC; margin: 0; width: 90%; } #rightcol a.mainlevel#active_menu:hover, #rightcol a.mainlevel-sidenav#active_menu-sidenav:hover { text-decoration: none; padding-left: 18px; padding-top: 3px; padding-bottom: 1px; background: url(../images/sidenav_over_right.png) no-repeat 0 5px; display: block; font: bold 12px/18px Arial, Tahoma, Verdana, sans-serif; color: #CCC; margin: 0; width: 90%; } #rightcol a.sublevel, #rightcol a.sublevel-sidenav { font: normal 12px/16px Arial, Tahoma, Verdana, sans-serif; } #rightcol a.sublevel:hover, #rightcol a.sublevel-sidenav:hover { font: normal 12px/16px Arial, Tahoma, Verdana, sans-serif; color: #fff; } /*rounded modules light-style (only for right position*/ div.module h3 { color: #000; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px!important; font-weight: normal; letter-spacing: -.5px; } div.module { margin: 0 0 5px 0; background: transparent url(http://www.onenationforall.org/templates/js_lush_003/images/_box_bl.png) no-repeat bottom left; border: 0 solid #fff; font-size: 11px; } div.module div { } div.module div div { } div.module div div div { } div.module div div div div { background: none; padding: 0; } /*EDITED non-rounded modules mid-style (only for right position) */ div.modulemid h3 { color: #666; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px!important; font-weight: normal; letter-spacing: -.5px; padding-left: 7px; border-bottom: 1px solid #fff; } div.modulemid { margin: 10px 0; background: #aaa; border: 1px solid #ccc; } div.modulemid div { border: 1px solid #fff; margin: 0; padding: 0; } div.modulemid div div { background: #FAEBC2; padding: 0; margin: 0; } div.modulemid h3 { background: #EFBE31; text-transform: uppercase; font-size: 14px; color: #fff; letter-spacing: normal; margin: 0; } div.modulemid div div div { background: none; /* padding: 10px 15px 10px 15px; */ width: auto !important; } div.modulemid div div div div { background: none; border: transparent; padding: 2px; } #rightcol div.modulemid a { font-weight: bold; text-decoration: none; } #rightcol div.modulemid a:hover { text-decoration: underline; } #rightcol div.modulemid td { padding: 8px 8px 1px 16px; } #rightcol div.modulemid span.modulemid { padding: 0 8px; display: block; line-height: normal; color: #333; } #rightcol div.modulemid div H4 strong { padding: 0; margin: 2px 0; border: none; line-height: normal; color: #000; font-size: 13px; display: block; font-family: "lucida sans", "lucida grande", arial, sans-serif; } #rightcol div.modulemid td td { padding: 0; margin: 0; } #rightcol div.modulemid span.article_seperator { border-bottom: 1px solid #aaa; width: 144px; margin-left: 18px; } #rightcol div.modulemid { font-size: 11px; } /* EDITED non-rounded modules dark-style (only for right position) */ div.moduledark h3 { color: #666; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px!important; font-weight: normal; letter-spacing: -.5px; padding-left: 7px; border-bottom: 1px solid #fff; } div.moduledark { margin: 10px 0; background: #aaa; border: 1px solid #ccc; } div.moduledark div { border: 1px solid #fff; margin: 0; padding: 0; } #rightcol div.moduledark p { color: #444; font-size: 10px; } div.moduledark div div { background: #D2DEEA; padding: 0; margin: 0; } div.moduledark h3 { background: #1C5C9C; text-transform: uppercase; font-size: 14px; color: #fff; letter-spacing: normal; margin: 0; } div.moduledark div div div { background: none; width: auto !important; } div.moduledark div div div div { background: none; padding: 0; } div.moduledark .mostreadmid li a, div.moduledark .latestnewsmid li a, div.moduledark p, div.moduledark a { color: #1C5C9C; line-height: normal; } div.moduledark li.mostreadmid { list-style: none; padding-bottom: 3px; } div.moduledark li.latestnewsmid { list-style: none; padding-bottom: 3px; } div.moduledark ul.latestnewsmid { list-style: none; margin: 0; padding: 0 0 0 5px; } div.moduledark ul.mostreadmid { list-style: none; margin: 0; padding: 0 0 0 5px; } #rightcol div.moduledark a { font-weight: bold; text-decoration: none; color: #1C5C9C; } #rightcol div.moduledark a:hover { text-decoration: underline; background: transparent; } #rightcol div.moduledark td { padding: 8px 8px 1px 16px; font-size: 10px; font-family: "lucida sans", "lucida grande", arial, sans-serif; line-height: normal; } #rightcol div.moduledark td td { padding: 0; margin: 0; } #rightcol div.moduledark span.article_seperator { border-bottom: 1px solid #fff; width: 144px; margin: -8px 0 0 18px; padding: 0; } .right { display: none; } /*end rounded modules*/ .back_button { float: left; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; padding: 0 10px; line-height: 20px; margin: 1px; } .pagenav { text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; padding: 0 10px; line-height: 20px; margin: 1px; } .pagenavbar { margin-right: 10px; float: right; } blockquote { padding: 5px; border: 1px dashed #cecece; background: #ececec; color: #323232; margin: 3px; font-size: .90em; } .designer, .designer a, .designer a:visited { text-align: center; text-decoration: none; margin-bottom: 10px; font: 11px normal Arial, Helvetica, sans-serif; color: #666; } /* hgm fixes */ div#navmenu { height: 200px; text-align: center; background-color: #EFEFEF; background-image: url(../images/topbg.gif); background-repeat: repeat; } .modulemid .article_seperator { border: none; margin: 0; padding: 0; line-height: 1px; } td.contentheadingnews { border: none; margin: 0; padding: 0; line-height: 1px; height: 1px; width: 100%; } .blog .contentheading { color: #3D75D7; text-align: left; text-decoration: none; padding: 0; margin: 0; } #player { line-height: 1px; margin: 0; padding: 0; } .inputboxsearchbx { font-family: verdana; font-size: 10px; color: #0066cc; text-transform: lowercase; padding: 2px; margin-left: 10px; } div.searchsearchbx { margin-top: 0; } div.syndicate, div.modulejournalist { margin-top: 8px; color: #666; border: 1px solid #ccc; padding: 12px 6px; font-size: 11px; } div.modulesearchbx { margin-top: 0; color: #666; border: 1px solid #ccc; padding: 12px 6px; } /* new faces section blog list */ table.blogfaces table.contentpaneopenfaces td { } table.contentpaneopenfaces { background: #efefef; width: 98%; } table.blogfaces table.contentpaneopenfaces td.contentheadingfaces { background: #CFD9E2; font-size: 14px; padding: 6px; } table.blogfaces table.contentpaneopenfaces td a.readonfaces { text-align: right; float: right; } table.blogfaces span.article_seperator { background: #E4E7EC; width: 98%; } div.componentheadingfaces { color: #225898; font: normal 1.35em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing: -.015em; margin-bottom: 8px; } /* news ARCHIVE section blog list */ table.blognews table.contentpaneopennews td { width: 480px; overflow: scroll; } table.contentpaneopennews { background: #efefef; width: 480px; } table.blognews table.contentpaneopennews td.contentheadingnews { background: #CFD9E2; font-size: 14px; padding: 6px; overflow: scroll; } table.blognews table.contentpaneopennews td a.readonnews { text-align: right; float: right; } table.blognews span.article_seperator { background: #E4E7EC; width: 480px; } div.componentheadingnews { color: #225898; font: normal 1.35em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing: -.015em; margin-bottom: 8px; } /* XXXXXXX LEFT COL and MENU STYLES XXXXXXXXXXX*/ td#leftcol { background: #1A619D url(../../../images/template_files/left_top.png) no-repeat top center; vertical-align: top; /* width: 176px !important; */ padding: 0; margin: 0; } td#leftcol .inside { /* width: 176px; */ padding: 0; margin: 0; } #leftcol .inside { color: white; padding: 0; margin: 0; } /*LEFT MODULES*/ #leftcol .moduletable h3 { margin: 0; padding: 10px 0 0 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.35em; line-height: 1.14em; font-weight: normal; letter-spacing: -.5px; } div.menuhead { margin: 0; padding: 4px 5px; width: 182px; color: #FFF; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.14em; font-weight: normal; background-color: #7AA04B; } #leftcol .moduletable p { font-size: 1em; line-height: 1.15em; color: #CCC; } #leftcol .moduletable { padding: 0; margin: 0; } /* menu */ /** REAL Sidenav Menus when used as a vertical (TABLED) style*/ #leftcol a.mainlevel:link,#leftcol a.mainlevel:visited,#leftcol a.mainlevel-sidenav:link,#leftcol a.mainlevel-sidenav:visited { text-decoration: none; padding-left: 14px; padding-top: 4px; padding-bottom: 4px; background-image: url(../../../images/template_files/leftnavbg_border.png); display: block; font: normal 12px/18px Arial, Tahoma, Verdana, sans-serif; color: #FFF; margin: 0; width: 178px; background-position: right; } #leftcol a.mainlevel:hover, #leftcol a.mainlevel-sidenav:hover { text-decoration: none; color: #FFDF5F; } #leftcol a.mainlevel#active_menu, #leftcol a.mainlevel-sidenav#active_menu-sidenav { color: #FFDF5F; } #leftcol a.mainlevel#active_menu:hover, #leftcol a.mainlevel-sidenav#active_menu-sidenav:hover { color: #FFF; } #leftcol a.sublevel, #leftcol a.sublevel-sidenav { font: normal 12px/16px Arial, Tahoma, Verdana, sans-serif; color: #FFF; text-decoration: none; font-size: 90%; } #leftcol a.sublevel:hover, #leftcol a.sublevel-sidenav:hover { color: #FFDF5F; text-decoration: none; font-size: 90%; } a.sublevel#active_menu { color: #FFDF5F; text-decoration: none; font-size: 90%; } #leftcol a:link, #leftcol a:visited { font-size: 90%; text-decoration: none; margin-left: 0; } #leftcol a:hover { color: #FFDF5F; text-decoration: underline; font-size: 90%; } #leftcol div.module .mostread li, #leftcol div.module .latestnews li, #leftcol div.modulel p, #leftcol div.modulelight a { color: white; } #leftcol div.module li.mostreadl { list-style: none; padding-bottom: 3px; } #leftcol div.module li.latestnews { list-style: none; padding-bottom: 3px; } #leftcol div.module ul.latestnews { list-style: none; margin: 0; padding: 0; } #leftcol div.module ul.mostread { list-style: none; margin: 0; padding: 0; } /* top link styles */ div#header div.headerlinks { float: right; padding-right: 20px; margin-top: 70px; } div.maincontent label { line-height: 34px; } /* journalist sign up form */ form#ExpertsinYourInbox div.formFields { padding: 0; margin: 0; } form#ExpertsinYourInbox div.formFields div.performs_help { padding-bottom: 13px; font-size: 10px; font-family: verdana; } form#ExpertsinYourInbox div.formFields label,form#ExpertsinYourInbox div.formFields label strong { font-weight: normal; letter-spacing: normal; font-family: verdana, sans-serif; color: #333; } input#PF105.inputbox, input#PF106.inputbox, input#PF107.inputbox, input#PF108.inputbox, input#PF109.inputbox { margin-right: 6px; } input#PF110.inputbox, input#PF111.inputbox, input#PF112.inputbox, input#PF113.inputbox { margin-right: 6px; } form#ExpertsinYourInbox input.button { margin: 6px 0; padding: 4px 5px; width: 182px; color: #FFF; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.14em; font-weight: normal; background-color: #7AA04B; border: 2px solid #aaa; } form#ExpertsinYourInbox label { line-height: 1.4em; } /* Search results styles */ div.maincontent td fieldset { font-size: 1em; line-height: normal; border: none; border-bottom: 2px dotted #ccc; padding: 1px 4px 12px 4px; } input.button { margin: 6px; padding: 4px 5px; color: #FFF; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.14em; font-weight: normal; background-color: #7AA04B; border: 2px solid #aaa; } input.buttonsearchbx { background: transparent; border: 1px solid #777; margin: 0 4px; padding: 2px; text-transform: uppercase; color: #777; font-size: 10px; } input.buttonsearchbx:hover { background: #FFFFCC; border: 1px solid #333; color: #000; } input:focus, textarea:focus { background-color: #FFFFCC; } /* ON styles for content */ /* portrait thumbnail image style */ .thumb, table.blogfaces img.thumb { width: 65px; height: 74px; padding: 4px; margin: 0 6px 6px 0; border: #dddddd 1px solid; background: #fff; } /* portrait main image style */ .portrait, img.portrait { padding: 4px; margin: 0 12px 12px 0; border: #dddddd 1px solid; } /* portrait thumbnail image style */ #thumb, table.blogfaces img#thumb { width: 65px; height: 74px; padding: 4px; margin: 0 6px 6px 0; border: #dddddd 1px solid; background: #fff; } /* portrait main image style */ #portrait, img#portrait { padding: 4px; margin: 0 12px 12px 0; border: #dddddd 1px solid; } #emailFormTable { margin: 12px; padding: 10px; border: 2px solid #A5D379; } #emailFormTable input.inputbox { width: 180px; } table#popContent { margin: 12px; } .footnote { font-size: 9px; font-family: verdana, sans-serif; } image#expert { padding-right: 12px; }