/* Theme Name: Elite Reporting Agency Theme URI: http://www.elitereportingagency.com/ Description: Elite Reporting Agency's WordPress theme loosely based on the famous Kubrick. Version: 1.0 Author: David A. Ensor Author URI: http://www.davidensor.com/ */ /* Reset! */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,tt,var,dl,dt,dd,ol,ul,li { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; } .clear { clear:both;} /* Starting up */ body {background:#999; font-family:Arial, Helvetica, Sans-Serif;} a {text-decoration:none; color:#006;} a:hover {text-decoration:underline; color:#333;} #content a { text-decoration:underline; color:#006;} #content a:hover {text-decoration:none; color:#333;} img.alignleft { float:left;} img.alignright { float:right;} .center { text-align:center;} h1,h2,h3,h4,h5 { font-family:Georgia,Times,'Times New Roman',Serif;} h2,h2 a {font-size:28px; letter-spacing:.1em; margin-bottom:0.3em;} h3,h3 a {font-size:20px; font-weight:normal; color:#006;} .post h3 { padding-top:0.7em;} h4,h4 a {font-size:16px; padding:0.6em 0 0.3em} h5,h5 a {font-size:13px; color:#006; font-family:Arial,Helvetica,Sans-Serif; padding:8px 0 5px; font-weight:bold;} #page { width:750px; margin:0 auto; border:1px solid #333; border-top:none; } #header { background:url('images/header-bg.jpg') #006 repeat-x top;} #header #banner { background:url('images/header-banner-3.jpg') no-repeat top left; text-align:right; border-bottom:1px solid #000;} .page-id-22 #header #banner { background:url('images/header-banner-1.jpg') no-repeat top left; text-align:right; border-bottom:1px solid #000;} .page-id-2 #header #banner { background:url('images/header-banner-2.jpg') no-repeat top left; text-align:right; border-bottom:1px solid #000;} .page-id-9 #header #banner { background:url('images/header-banner-4.jpg') no-repeat top left; text-align:right; border-bottom:1px solid #000;} #sidebar { width:210px; float:left;} .schedule-depo { margin-left:31px;} #nav { margin:20px 0 20px 45px;} #nav li { list-style:none; font-size:14px; } #nav li a { display:block; padding:6px 19px 7px; color:#000; background:url('images/sidebar-nav-bg.jpg') no-repeat 0 -28px;} #nav li a:hover {background-position:0 0; color:#D31200;} #sidebar { padding-bottom:10px;} #sidebar .call-us { width:160px; background:url('images/sidebar-call-bg.png') no-repeat top left; line-height:40px; padding:3px 5px 5px 45px;} #sidebar .call-us h3 { font-weight:normal!important; font-family:Arial,Helvetica,Sans-Serif; color:#FFF;} #sidebar .call-us p { font-family:Arial,Helvetica,Sans-Serif; color:#C00; font-size:20px;} #sidebar .assoc { font-size:12px; margin:5px 0 0 24px;} #sidebar .assoc li { list-style:none; clear:both;} #sidebar .assoc li.times a { font-family:Times, "Times New Roman", Serif; font-weight:bold; padding-left:8px;} #sidebar .assoc img { float:left; padding:5px 10px;} #sidebar .assoc .clvs img { padding-top:12px;} #sidebar .assoc .wbenc img { padding-bottom:10px;} #content_wrap { background:url('images/content-grad-bg.jpg') #FFF repeat-x top; position:relative; } #content { padding:22px 19px 18px 6px; line-height:1.3em; font-size:13px; float:right; width:500px; position:relative;} #content p { padding:6px 0; line-height:19px;} #content ul { margin-left: 1.5em;} #content .svcs-lt, #content .svcs-rt { width:220px; margin-left:12px; float:left;} #content .svcs-lt li, #content .svcs-rt li { background:url('images/content-bullet-blue.jpg') no-repeat center top; background-position:0 5px; list-style:none; padding-left:20px; position:relative;} #footer { padding:10px; width:730px; margin:0 auto; clear:both;} #footer, #footer a { font-size:11px; color:#333; } #footer a:hover { text-decoration:underline;} #footer .left { width:330px; float:left;} #footer .right { float:right;} #footer .right ul li { list-style:none; display:inline; float:left; text-transform:uppercase; } #footer .right ul li a { border-left:1px solid #333; padding:0 5px; display:block;} #footer .right ul li:first-child a { border-left:0;} /* ABOUT/STAFF PAGE */ .certs { list-style:none; margin-top:-5px;} .Accordion { overflow: hidden; margin:0 auto; padding:0; width: 100%; background: #fff; } .AccordionPanel { margin-left:5px; } .AccordionPanelTab { padding: 4px 0 4px 18px; cursor: pointer; -moz-user-select:none; -khtml-user-select:none; color:#006; background:url('images/content-bullet-blue.jpg') no-repeat center left; } .AccordionPanelContent { overflow: auto; border-bottom:1px solid #006;} .AccordionPanelContent img { width:90px; height:90px; margin:0 5px 0 0; } /* This is an example of how to change the appearance of the panel tab that is currently open. The class "AccordionPanelOpen" is programatically added and removed from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab {} /* This is an example of how to change the appearance of the panel tab as the mouse hovers over it. The class "AccordionPanelTabHover" is programatically added and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { color:#333; text-decoration:underline; } .AccordionPanelOpen .AccordionPanelTabHover { color:#FFF;} /* This is an example of how to change the appearance of all the panel tabs when the Accordion has focus. The "AccordionFocused" class is programatically added and removed whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { } /* This is an example of how to change the appearance of the panel tab that is currently open when the Accordion has focus. */ .AccordionPanelOpen .AccordionPanelTab, .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { color:#fff; background:#006; } .AccordionFocused .AccordionPanelOpen .AccordionPanelContent { } .AccordionPanelContent p {padding: 0.5em 2em 0.5em;} .AccordionPanelContent img { padding: 0.6em 1em 0.6em 0;} .AccordionPanelContent h4 { padding-left: 1em;} .AccordionPanelClosed {overflow: hidden;} #links { padding:0 10px 0; text-align:center;} #links img { float:left; margin:10px 15px 0; } #links p.times { display:inline; font-family:Times, "Times New Roman", Serif; font-weight:bold; } #links p.times a { display:block; float:right; padding:25px 0 40px 5px; width:140px;} #links .pad { padding:28px 0;}