/* ========== reset default styles ========== */ 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,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* ========== reset default styles ========== */ /* set some defaults */ sub { vertical-align:sub; font-size:8px; } sup { vertical-align:super; font-size:8px; } small { display:block; font-size:10px; line-height:1.4em; } ol li { margin:0 0 0 20px; padding:0 0 10px 0; } body { font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.5em; background:#5c2549 url('../images/body/body-bg.jpg') repeat-x; } a:link, a:visited { color:#fff; } a:hover, a:active { color:#efefef; } #wrap { width:960px; margin:0 auto; } p.crumbs { color:#fff; font-size:80%; padding:8px 0; margin:0 15px; border-bottom:1px dotted #333; } div.hr { overflow:auto; margin:0 20px; height:2px; border:0; background:url(../images/misc/hr.gif) repeat-x; } div.hr hr { display:none; } div.hr-alt { overflow:auto; margin:0; height:2px; border:0; background:url(../images/misc/hr.gif) repeat-x; } div.hr-alt hr { display:none; } /* header styles */ #header { position:relative; top:15px; height:162px; text-indent:-9999px; } #header .logo { background:url('../images/header/logo.png') no-repeat; width:260px; height:130px; } #header .logo a { display:block; overflow:auto; width:260px; height:130px; } #header .tagline { position:absolute; right:0; top:-20px; z-index:998; width:572px; height:162px; background:url(../images/header/order-alt.jpg); } #header .tagline img { position:absolute; right:20px; top:70px; z-index:999; } /* parent navigation */ #navigation { position:relative; height:34px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em; line-height:1.4em; margin:0; padding:0; } #navigation ul { list-style:none; margin:0; padding:0; } #navigation li { height:36px; float:left; padding:0; margin:-3px 0 0 0; background:url(../images/navigation/sep.jpg) right repeat-y; } #navigation li a { color:#fff; display:block; margin:0; padding:10px 18px; text-align:center; text-decoration:none; } #navigation li a.active { font-weight:bold; background:url(../images/navigation/active.png) center -2px no-repeat; } #navigation li a:hover { background:url(../images/navigation/active.png) center -2px no-repeat; } #navigation li a.store { background:url(../images/navigation/active-pulse.png) center -2px no-repeat; } #navigation li a.store:hover { background:url(../images/navigation/active-pulse.png) center -2px no-repeat; } /* child drop menus */ #home #navigation li ul { border-top:4px solid #111!important; } #navigation li ul { height:auto; display:none; padding:0; margin:0 0 0 -2px; position:absolute; z-index:200; background:#1f1f1f; border:1px solid #000; border-top:none!important; border-bottom:none!important; } #navigation li:hover ul { display:block; } #navigation li ul li { background:none!important; height:auto; } #navigation li li { display:block; float:none; margin:0; padding:0; text-shadow:0.1em 0.1em #000; } #home #navigation li ul li a:link, #home #navigation li ul li a:visited { display:block; margin:0; color:#fff; padding:6px 40px 7px 12px; text-align:left; border-bottom:1px solid #000; background:#1f1f1f url(../images/navigation/sub-bg.jpg) top repeat-x; } #home #navigation li ul li a:hover { text-decoration:underline; background:#1f1f1f url(../images/navigation/sub-bg.jpg) top repeat-x; } #home #navigation li ul li a.active { text-decoration:underline; background:#1f1f1f url(../images/navigation/sub-bg.jpg) top repeat-x; } #navigation li ul li a:link, #navigation li ul li a:visited { display:block; margin:0; color:#fff; padding:6px 40px 7px 12px; text-align:left; border-bottom:1px solid #000; background:#1f1f1f url(../images/navigation/sub-bg-inner.jpg) top repeat-x; } #navigation li ul li a:hover { text-decoration:underline; background:#1f1f1f url(../images/navigation/sub-bg-inner.jpg) top repeat-x; } #navigation li ul li a.active { text-decoration:underline; background:#1f1f1f url(../images/navigation/sub-bg-inner.jpg) top repeat-x; } #navigation li ul li a.first { } #navigation li ul li a.last { } /* Facebook / Youtube links */ #navlinks { position:absolute; top:7px; right:15px; } #navlinks li { background:none; padding-left:5px; } #navlinks li a, #navlinks li a:hover { padding:0; background:none; } #navlinks li.plus-one { width:60px; height:20px; padding-top:3px; } /* subheader styling */ #subheader { position:relative; padding:5px; } #subheader li { float:left; display:inline; margin:0; padding:0 8px; } #subheader li.first { padding:0 8px 0 10px; } #subheader ul li .feature { border-left:1px solid #101010; border-right:1px solid #101010; } #subheader ul li p { text-shadow:0.1em 0.1em #000; background:#252527 url(../images/subheader/subhead-title-bg.jpg) bottom no-repeat; padding:8px 10px; margin-top:-5px; border:1px solid #101010; } #subheader ul li p a { color:#fff; text-decoration:none; } #subheader ul li p span { padding-left:8px; float:right; background:url(../images/subheader/arrow.gif) left center no-repeat; } #subheader .dealer-button { position:absolute; top:120px; right:5px; z-index:999; text-indent:-9999px; width:240px; height:38px; overflow:hidden; } #subheader .dealer-button a { display:block; width:268px; height:38px; background:url(../images/buttons/dealer-button-home.png) 0 0 no-repeat; } #subheader .dealer-button a:hover { display:block; width:268px; height:38px; background:url(../images/buttons/dealer-button-home.png) 0 -39px no-repeat; } /* main content container */ #container { background:#111; } /* main content container for subpages */ #content { position:relative; color:#fff; float:left; width:590px; min-height:350px; padding:10px 0 10px 20px; margin:0; } /* main content container on homepage */ #home #content { width:500px; height:300px; min-height:300px; background:#111 url(../images/body/race-cart.jpg) left bottom no-repeat; } #home #content p { margin-top:10px; text-indent:-9999px; } #home #content p a { display:block; height:70px; width:300px; background:url(../images/misc/giveaway-button.gif) 0 0 no-repeat; } #home #content p a:hover { background:url(../images/misc/giveaway-button.gif) 0 -70px no-repeat; } #home #content .terms { text-indent:0; padding-right:75px; text-shadow:0.1em 0.1em #000; filter:shadow(color=#999, direction=100, strength=1); color:#fff; font-size:80%; line-height:1.3em; } /* section titles */ #content .profile-title, #content .testimonials-title, #content .get-plum-quick-title, #content .contact-title, #content .media-title, #content .bandit-title, #content .executioner-title, #content .assassin-title, #content .latestnews-title, #content .shipping-info-title, #content .performance-tips-title, #content .new-stock-motors-title, #content .bandit-performance-upgrade-title, #content .custom-color-cat-title, #content .custom-airbrush-cat-title, #content .custom-camouflage-cat-title, #content .custom-anodized-cat-title, #content .custom-twotone-cat-title, #content .custom-cleareffex-cat-title, #content .custom-metallic-cat-title, #content .custom-textured-cat-title, #content .custom-metalspeck-cat-title, #content .custom-endcap-cat-title, #content .custom-color-general-decal-cat-title, #content .custom-color-sport-decal-cat-title, #content .custom-mount-w-acc-cat-title, #content .custom-mount-w-frametag-cat-title, #content .custom-mount-w-light-acc-cat-title, #content .custom-air-filter-cat-title, #content .custom-banding-cat-title,#content .custom-carbon-dust-w-venting-cat-title, #content .custom-cooling-fan-cat-title, #content .custom-cooling-fins-cat-title, #content .custom-cooling-vented-housing-cat-title, #content .custom-armature-cat-title, #content .custom-two-speed-title, #content .custom-nitro-boost-title, #content .custom-high-perf-title, #content .resources-links, #content .privacy-policy-title, #content .terms-conditions-title, #content .return-policy-title, #content .used-parts-title, #content .dealer-inquiry-title { overflow:auto; margin:0 0 0 -4px; padding-bottom:15px; text-indent:-9999px; } #content .profile-title { background:url(../images/titles/company-profile.gif) no-repeat; } #content .testimonials-title { background:url(../images/titles/customer-testimonials.gif) no-repeat; } #content .get-plum-quick-title { background:url(../images/titles/get-plum-quick.gif) no-repeat; } #content .contact-title { background:url(../images/titles/contact-us.gif) no-repeat; } #content .media-title { background:url(../images/titles/plum-quick-media.gif) no-repeat; } #content .bandit-title { background:url(../images/titles/bandit-title.gif) no-repeat; } #content .executioner-title { background:url(../images/titles/executioner-title.gif) no-repeat; } #content .assassin-title { background:url(../images/titles/assassin-title.gif) no-repeat; } #content .latestnews-title { background:url(../images/titles/latestnews-title.gif) no-repeat; } #content .shipping-info-title { background:url(../images/titles/shipping-info-title.gif) no-repeat; } #content .performance-tips-title { background:url(../images/titles/performance-tips.gif) no-repeat; } #content .new-stock-motors-title { background:url(../images/titles/new-stock-motors-title.gif) no-repeat; } #content .bandit-performance-upgrade-title { background:url(../images/titles/bandit-performance-upgrade-title.gif) no-repeat; } #content .custom-color-cat-title { background:url(../images/titles/custom-motor-colors-title.gif) no-repeat; } #content .custom-airbrush-cat-title { background:url(../images/titles/custom-airbrush-title.gif) no-repeat; } #content .custom-camouflage-cat-title { background:url(../images/titles/custom-camouflage-title.gif) no-repeat; } #content .custom-anodized-cat-title { background:url(../images/titles/custom-anodized-title.gif) no-repeat; } #content .custom-twotone-cat-title { background:url(../images/titles/custom-two-tone-title.gif) no-repeat; } #content .custom-cleareffex-cat-title { background:url(../images/titles/custom-clear-effex-title.gif) no-repeat; } #content .custom-metallic-cat-title { background:url(../images/titles/custom-metallic-title.gif) no-repeat; } #content .custom-textured-cat-title { background:url(../images/titles/custom-textured-title.gif) no-repeat; } #content .custom-metalspeck-cat-title { background:url(../images/titles/custom-metalspeck-title.gif) no-repeat; } #content .custom-endcap-cat-title { background:url(../images/titles/custom-endcap-title.gif) no-repeat; } #content .custom-color-general-decal-cat-title { background:url(../images/titles/custom-color-general-decal-title.gif) no-repeat; } #content .custom-color-sport-decal-cat-title { background:url(../images/titles/custom-color-sport-decal-title.gif) no-repeat; } #content .custom-mount-w-acc-cat-title { background:url(../images/titles/custom-mount-w-accessory.gif) no-repeat; } #content .custom-mount-w-frametag-cat-title { background:url(../images/titles/custom-mount-w-frame-tag-title.gif) no-repeat; } #content .custom-mount-w-light-acc-cat-title { background:url(../images/titles/custom-mount-w-light-accessory.gif) no-repeat; } #content .custom-air-filter-cat-title { background:url(../images/titles/custom-performance-air-filter-title.gif) no-repeat; } #content .custom-banding-cat-title { background:url(../images/titles/custom-high-speed-banding.gif) no-repeat; } #content .custom-carbon-dust-w-venting-cat-title { background:url(../images/titles/custom-blowout-tube-w-venting-title.gif) no-repeat; } #content .custom-cooling-fan-cat-title { background:url(../images/titles/custom-cooling-fan-title.gif) no-repeat; } #content .custom-cooling-fins-cat-title { background:url(../images/titles/custom-cooling-fins-title.gif) no-repeat; } #content .custom-cooling-vented-housing-cat-title { background:url(../images/titles/custom-cooling-vented-housing-title.gif) no-repeat; } #content .custom-armature-cat-title { background:url(../images/titles/custom-armature-title.gif) no-repeat; } #content .custom-two-speed-title { background:url(../images/titles/custom-two-speed-title.gif) no-repeat; } #content .custom-nitro-boost-title { background:url(../images/titles/custom-nitro-boost-title.gif) no-repeat; } #content .custom-high-perf-title { background:url(../images/titles/custom-high-performance-motor-title.gif) no-repeat; } #content .resources-links { background:url(../images/titles/resources-links.gif) no-repeat; } #content .privacy-policy-title { background:url(../images/titles/privacy-policy.gif) no-repeat; } #content .terms-conditions-title { background:url(../images/titles/terms-conditions.gif) no-repeat; } #content .return-policy-title { background:url(../images/titles/return-policy.gif) no-repeat; } #content .used-parts-title { background:url(../images/titles/used-parts.gif) no-repeat; } #content .dealer-inquiry-title { background:url(../images/titles/dealer-inquiries.gif) no-repeat; } /* tips/article headings */ #content h3.tip-title { padding-top:10px; } #content h4.heading { border-bottom:none; } /* Motors page index layout */ #maximize { float:left; width:280px; margin-right:25px; padding-top:5px; } #maximize li { margin:0 0 0 15px; padding:0; } #replacements { float:left; width:280px; padding-top:5px; } #replacements ul.c1-1, #replacements ul.c2-1, #replacements ul.c3-1 { width:93px; float:left; margin:0!important; padding:0!important; } #replacements ul.c2-1 { width:72px; padding-left:20px!important; } #replacements ul.c1-1 li, #replacements ul.c2-1 li, #replacements ul.c3-1 li { list-style:none; margin:0!important; padding:0!important; } /* Category box 100% width */ .box { width:565px; border:1px solid #333; background:#1f1f1f; margin:20px 0; padding:10px 9px 5px 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .box p { font-weight:bold; margin:0!important; padding:0 0 5px 0!important; } .box ul { margin:0; padding:0; } .box li { list-style:none; float:left; margin:0; padding:0; } .box li img { width:105px; height:80px; padding-right:8px; padding-bottom:0!important; } .box li a span { font-size:11px; display:block; margin:0; padding:0 0 6px; width:105px; text-align:center; text-decoration:underline; } /* Category box 50% width */ .box-thin { float:left; width:260px; border:1px solid #333; background:#1f1f1f; margin:5px 0 15px 0; padding:10px 9px 5px 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .box-thin p { font-weight:bold; margin:0!important; padding:0 0 5px 0!important; } .box-thin .info-right { float:right; width:122px; font-size:11px; font-weight:normal!important; margin:0!important; padding:0!important; } .box-thin ul { margin:0; padding:0; } .box-thin li { list-style:none; float:left; margin:0; padding:0; } .box-thin li img { width:122px; height:97px; padding-right:8px; padding-bottom:0!important; } .box-thin li a span { font-size:11px; display:block; margin:0; padding:0 0 6px; width:122px; text-align:center; text-decoration:none; } /* Category box 25% width */ .box-thin-alt { float:left; width:118px; border:1px solid #333; background:#1f1f1f; margin:5px 0 20px 0; padding:10px 9px 5px 9px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .box-thin-alt p { font-size:12px; font-weight:bold; margin:0!important; padding:0 0 8px 0!important; } .box-thin-alt ul { margin:0; padding:0; } .box-thin-alt li { list-style:none; float:left; margin:0; padding:0; } .box-thin-alt li img { width:118px; height:93px; padding-bottom:0!important; } .box-thin-alt li a span { font-size:11px; display:block; margin:0; padding:0 0 2px; width:118px; text-align:center; text-decoration:none; } /* Category pages photo w/ model # layout */ #cat { margin:0; padding:0; } #cat li { list-style:none; float:left; margin:0; padding:0; } #cat li img { width:110px; height:85px; padding-right:8px; padding-bottom:0!important; } #cat li a span { font-size:11px; display:block; margin:0; padding:0 0 6px; width:105px; text-align:center; text-decoration:none; } /* Motors Layout */ #jumpto { height:55px; margin:15px 0 20px; padding:8px 0 15px; border-top:1px dotted #333; border-bottom:1px dotted #333; } #jumpto p { width:100px; float:left; margin:0!important; padding:0!important; font-weight:bold; } #jumpto ul.col1, #jumpto ul.col3 { width:175px; float:left; margin:0!important; padding:0!important; } #jumpto ul.col2 { width:135px; float:left; margin:0!important; padding:0!important; } #motors h3 { clear:both; padding:2px 0 2px 4px!important; margin-top:10px!important; background:#333; } #motors ul { list-style:none; padding:10px 0 10px 0; margin:0; } #motors li { padding:0; margin:0; } #motors table { width:565px; margin:5px 0 10px 10px; border-left:5px solid #333; } #motors table th { padding-left:10px; text-align:left; font-weight:normal; color:#cfcfcf; border-bottom:1px solid #333; } #motors table td { padding-left:10px; } #motors abbr { border-bottom:1px dotted #cfcfcf; } /* Upgrades page - feature product */ #product { float:left; width:299px; height:300px; margin:2px 20px 0 0; padding:0; } #product ul { width:299px; list-style:none; } #product li { margin:0; padding:0; } #product ul li .feature { margin:0; padding:0; border-left:1px solid #101010; border-right:1px solid #101010; } #product ul li p { text-shadow:0.1em 0.1em #000; background:#252527 url(../images/subheader/subhead-title-bg.jpg) bottom no-repeat; padding:8px 10px; margin-top:-5px; border:1px solid #101010; } #product ul li p a { color:#fff; text-decoration:none; } #product ul li p span { padding-left:8px; float:right; background:url(../images/subheader/arrow.gif) left center no-repeat; } #content p.button { float:left; text-indent:-9999px; width:268px; height:75px; overflow:hidden; } #content p.button a { display:block; width:268px; height:75px; background:url(../images/buttons/bandit-upgrade-list.jpg) 0 0 no-repeat; } #content p.button a:hover { display:block; width:268px; height:75px; background:url(../images/buttons/bandit-upgrade-list.jpg) 0 -76px no-repeat; } #content p.fsip-button { float:right; text-indent:-9999px; width:268px; height:75px; overflow:hidden; padding-left:15px; } #content p.fsip-button a { display:block; width:268px; height:75px; background:url(../images/buttons/FSIP-button.jpg) 0 0 no-repeat; } #content p.fsip-button a:hover { display:block; width:268px; height:75px; background:url(../images/buttons/FSIP-button.jpg) 0 -76px no-repeat; } /* Motor manufacturer list */ #content ul.c1, #content ul.c2, #content ul.c3 { width:180px; float:left; margin:0!important; padding:10px 0!important; } #content ul.c1, #content ul.c2 { margin-right:20px!important; } #content ul.c1 li, #content ul.c3 li, #content ul.c2 li { list-style:none; border-bottom:1px dotted #999; margin:0!important; padding:0!important; } #content h3, #content h4 { margin:0; padding:0; font-size:100%; border-bottom:1px dotted #333; } #content p { margin:10px 0; } #content q { display:block; margin:10px 0; } #content cite { text-align:right; display:block; } /* gallery styles */ #content .gallery { margin:15px 0; padding:10px 14px 10px 8px; background:#222; } #content .gallery h3 { margin-bottom:10px; padding-left:8px; border:none; } #content .gallery img { border:1px solid #000; margin:0 0 0 10px; } /* bandit performance upgrade gallery */ #content #bandit-gallery a { float:left; } #content #bandit-gallery img { display:block; background:#fff; padding:5px; margin-right:8px; margin-bottom:8px; width:178px; height:132px; } #content .rickpics { float:right; } #content .rickpics img { border:1px solid #000; margin-left:5px; margin-top:5px; } /* featured testimonial */ #content .featured { padding:10px; margin:15px 0 20px 0; border:1px dotted #333; background:#222; } #content .featured h3 { border:0; } #content .featured p.vid { width:120px; float:right; margin:10px; margin-left:15px; } #content .featured p.vid span { text-align:center; display:block; font-size:80%; margin-top:-5px; } /* Latest news timeline */ #latest-news dt { border-bottom:1px solid #333; font-weight:bold; } #latest-news dd { background:url(../images/misc/timeline-list-tab-in.jpg) 10px 6px no-repeat; padding:10px 0; padding-left:30px; } #latest-news img { background:#fff; padding:4px; margin-right:5px; } #latest-news .list { margin:0; padding:10px 0 0 0; } #latest-news .list li { list-style:none; font-weight:bold; } #latest-news .list li ul { margin:0; padding:0; } #latest-news .list li ul li { list-style:square; font-weight:normal; } #latest-news .alt-list { margin:0; padding:10px 0 0 0; } #latest-news .alt-list li span { display:block; padding-bottom:5px; } #latest-news .alt-list li { padding-bottom:10px; } #latest-news .alt-list li ul { margin:0; padding:0; } #latest-news .alt-list li, #latest-news .alt-list li ul li { list-style:none; font-weight:bold; } #latest-news .alt-list li ul li { padding-bottom:0; } #latest-news .alt-list li ul li ul li { list-style:square; font-weight:normal; } /* Shipping info page */ #content .col-left { float:left; margin-right:75px; } #content .col-right { float:left; } /* Resources and links page */ #content .row { padding:10px 0; } #content .links { width:136px; height:136px; padding:0 0 10px 10px; } #content .first { padding:0 0 10px 0; } /* Pricing tables on motor pages */ #content table { width:100%; border:1px solid #3d3d3d } #content th { padding:4px 5px; text-align:left; font-weight:bold; background:#3d3d3d; } #content .mod-num { width:275px; } #content .mod-desc { width:225px; } #content tr { } #content td { padding:4px 5px; } #content tr.alt { background:#252525; border-top:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; } /* Used parts page content */ .used-parts td { vertical-align:top; } .used-parts img { width:75px; height:56px; } .used-parts .hide { display:none; } /* contact form */ #contactform { margin:0; padding:0; } #contactform form { margin:0; padding:0; } #contactform fieldset { margin:0; padding:5px 0; border:none; } #contactform legend { display:none; } #contactform label { float:left; width:30%; text-align: left; font-weight:bold; cursor:pointer; } #contactform .button { } #contactform #name, #email, #confirmemail, #phone, #message, #cfContact { padding:4px; } #contactform textarea { margin:0 0 8px 0; padding:0; width:375px; } #contactform div.row, #contactform div.textrow { clear:both; display:block; padding:5px 0; } #contactform div.row span.label { float:left; width:32%; text-align: right; } #contactform div.row span.formw, #contactform div.textrow span.formw { float:right; width:64%; text-align:left; margin:0 0 8px 0; } #contactform .requiredValue, #contactform .invalidValue { border:1px solid #ff0000; } #contactform .errors { border:1px solid #ff0000; padding:5px; margin:0 0 15px 0; } #contactform .requiredValue, #contactform .invalidValue { background:#ffdfdf; border:1px solid #ff0000; } #contactform label.requiredValue, #contactform label.invalidValue { padding-left:20px; border:none; background:url(../images/icons/error.png) no-repeat center left; } /* bio page thumbnails */ #content .profile { float:left; margin:15px 15px 15px 0; width:125px; height:125px; border:1px solid #000; } /* sidebar content for subpages */ #sidebar { color:#fff; float:right; width:290px; padding:15px 20px 15px 15px; margin:0; } #sidebar h3 { font-size:100%; margin:0 0 5px 0; padding:0; } #sidebar q { } #sidebar p { margin-bottom:10px; } #sidebar cite { margin-top:5px; text-align:right; display:block; } #sidebar .video { padding:10px 0; } #sidebar .video img { width:86px; border:1px solid #000; margin:0 5px 5px 0; } /* contact sidebar */ #sidebar .contactways { margin:0; padding:0; } #sidebar .contactways li { list-style:none; margin:0; padding:10px 0 10px 0; border-bottom:1px dotted #333; } /* sidebar content for homepage */ #home #sidebar { color:#fff; float:right; width:415px; padding:15px 20px 0 0; margin:0; } #home #sidebar .about-title { overflow:auto; margin:0 0 5px -4px; padding-bottom:25px; text-indent:-9999px; background:url(../images/titles/about-title.gif) no-repeat; } #home #sidebar p { margin-bottom:10px; } #home #sidebar .right { padding:0 10px; float:right; background:url(../images/subheader/arrow.gif) left 7px no-repeat; } #sidebar #docs { list-style:none; } #sidebar #docs li { padding:2px 0 2px 25px; margin:0; background:url(../images/icons/pdf_icon.jpg) left center no-repeat; } /* footer styles */ #foot-container { width:960px; margin:0 auto; padding-top:23px; color:#dfdfdf; text-shadow:0.1em 0.1em #000; } #footer a { color:#dfdfdf; } #footer ul { float:left; list-style-type:none; width:135px; margin-right:25px; padding:0; } #footer li { border-bottom:1px dotted #999; padding:3px 0; margin:0; } #footer ul li a { display:block; text-decoration:none; } #footer ul li a.active { font-weight:bold; background:url(../images/footer/arrow.gif) left center no-repeat; padding-left:8px; } #footer ul li.first { border-top:1px dotted #999; } #footer .video { float:left; width:320px; padding:0; margin-top:-6px; } #footer .video h3 { font-size:100%; margin:0 0 0 10px; padding:0 0 5px 0; } #footer .video img { width:86px; border:1px solid #000; margin:0 0 2px 10px; } #footer #posts { float:right; width:300px; margin-top:-5px; } #footer #posts h3 { font-size:100%; margin:0; padding:0 0 5px 0; } #footer #posts p { margin:0; padding:5px 0; border-top:1px dotted #999; } #footer #posts a { display:block; text-decoration:none; } /* sticky footer */ html, body, #wrap { height:100%; } body > #wrap { height:auto; min-height:100%; } #container { padding-bottom:200px; } /* must be same height as the footer */ #footer { position:absolute; width:100%; clear:both; line-height:1.4em; background:#1f1f1f; border-top:5px solid #3a2131; margin-top:-200px; /* negative value of footer height */ height:200px; } /* clear fix */ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from ie-mac \*/ * html .clearfix { height:1%; } .clearfix {display:block;} /* End hide from ie-mac */