/* Theme Name: OSRAM LED LIGHTING SITE Theme URL: http://ledlighting.osram.com Description: Theme designed and developed for the OSRAM LED Lighting Site. Author: Ross Johnson Version: 1.0 Obviously, you may edit the above info upon your customization. Though I wouldn't mind a link somewhere... *hint hint* */ /* =01 : UNIVERSAL SELECTORS */ * { } html, body { margin: 0; font-size: 11px; line-height: 1.65em; font-family: arial, helvetica, san-serif; background: url('images/structure/main-bg.gif') repeat-x #e1e7ed; } #logo, #logo a { background: url('images/structure/logo.gif') no-repeat; float: left; width: 245px; height: 94px; text-indent: -999999px; overflow: hidden; display: block; } #top-header { height: 94px; width: 960px; margin: 0 auto 0 auto; background: url(images/structure/spot.jpg) right top no-repeat; position: relative;} .req { color: #ff0000;} #search-box { position: absolute; bottom: 15px; right: 20px; width: 235px; height: 20px; } .submit, .sendbutton { background: #003366 !important; width: 100px !important; border: none; color: #fff; } #search-box .submit { height: 20px; width: 60px !important; font-size: 11px; margin: 0px 0px 0 2px; display: block; float: right; } #search-box input { height: 20px; display: block; float: left; padding: 0; border: none; width: 170px; } #header { height: 228px; position: relative; } #header { background: url(images/structure/main-banner.jpg); } .homepage_header { background: url('images/structure/new_hp_banner.jpg') !important;} #led-lighting-categories { float: right; width: 464px; margin: 0 16px 0 0; } #main-navigation { position: absolute; margin: 0; padding: 0; list-style: none; left: 25px; top: 55px; } #main-navigation li { float: left; height: 40px; line-height: 38px; margin: 0; } #main-navigation li a { color: #fff; font-weight: bold; margin: 0 15px 0 15px; font-size: 14px; font-weight: bold; padding: 2px 5px 2px 5px; line-height: 38px; text-transform: uppercase; text-decoration: none; } #main-navigation li a:hover, #main-navigation li.current_page_item a, li.current_page_parent a, #main-navigation li.current_page_ancestor a { border: 1px solid #f1bc98; margin: 0 14px 0 14px;} #main-navigation li ul li ul { display: none; } .home-navigation ul { list-style: none; margin: 0; background: #c9d0d6; top: 35px; padding: 0; position: absolute; left: -999999px; height: 40px; left: -999999px; width: 879px; padding: 0 20px 0 14px; } .home-navigation li:hover ul, .home-navigation li.sfhover ul { left: -1px; } #secondary-navigation { position: absolute; top: 90px; background: #c9d0d6; height: 40px; left: 24px; width: 879px; padding: 0 20px 0 14px;} #secondary-navigation li,.home-navigation li ul li { float: left; margin: 0 !important; padding: 0 !important; list-style: none; line-height: 40px; } #secondary-navigation li a,.home-navigation li ul li a { line-height: 40px; margin: 0 2px 0 2px !important; color: #0d3d6d !important; text-decoration: none; font-weight: bold; font-size: 12px !important; padding: 2px 4px 2px 4px !important; text-transform: none !important;} #secondary-navigation li a:hover, #secondary-navigation li.current_page_item a, .home-navigation li ul li a:hover { border: 1px solid #eb965d !important; margin: 0 1px 0 1px !important;} #secondary-navigation li ul { display: none; } .osram-logo { margin: 12px 0;} /* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */ #page { background: url(images/structure/footer-bg.jpg) bottom center no-repeat #f1faff; width: 960px; margin: 0 auto 0 auto; } #content { width: 885px; background: #fff; margin: 0 auto 0 auto; padding: 10px 5px 0 5px;} .article {} .section {} .aside {} .navigation {} #header {} #footer { padding: 15px 35px 10px 35px; height: 20px; clear: both;} #footer address { color: #747778; font-family: 'Verdana','Arial','Helvetica',San-serif; font-style: normal; font-size: 10px; float: left; } #footer address a { color: #747778; text-decoration: none; } #footer-navigation { float: right; list-style: none; margin: 0; padding: 0; } #footer-navigation li { float: left; margin: 0 0 0 5px; padding: 0; } #footer-navigation li a { color: #747778; text-decoration: none; } #content {} #content-main {} #content-sup {} #content-aside {} /* ================== */ /* = Grid Structure = */ /* ================== */ .span-1 { width: 220px; float: left; margin-right: 15px; } .span-1r { width: 193px; float: left; margin-right: 0; } .span-1w { width: 235px; float: left; margin-right: 15px; } .span-2 { width: 424px; float: left; margin-right: 15px; } .span-3 { width: 685px; float: left; } .span-2w { width: 465px; float: left; } .span-4 { width: 100% !important; float: none !important; } .homepage-news { width: 190px; float: left; margin-right: 15px; } .omega { margin-right: 0 !important;} #content-home-description { height: 190px; overflow: hidden; width: 230px; margin-right: 0 !important;} #content-home-description h2 { margin-bottom: 4px !important; } #content-home-description p { margin: 0 0 8px 0 !important;} #content-home-description ul { list-style: none; margin-left: 0; padding-left: 0; } #content-home-description li { margin-left: 0; padding-left: 0; } #homepage #latest-video-widget { background: #efefef; height: 165px; padding: 5px 10px 5px 20px; width: 165px; margin-bottom: 20px; } #content-aside .youtube2 { background: #efefef; padding: 10px 0 0 10px; margin: 0 0 20px 0; height: 165px; } img.youtube_icon { width: 95px; } #content-aside, #content-main { padding-top: 10px; } #content-aside { } #led-tools-list li { width: 160px; float: left; } /* =03: LINKS */ a { } a:hover { text-decoration: none; } a:vistied {} a:active {} /* =04: NAVIGATION */ #main-navigation { list-style: none; margin: 0; padding: 0; } /* ACCESSIBLE CSS ROLL OVERS #main-navigation li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; } SUCKERFISH DROPDOWNS #main-navigation ul { position: absolute; left: -99999px; } #main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; } #main-navigation li { } #main-navigation li a { } #main-navigation ul li { } #main-navigation ul li a { } */ #top-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 20px; right: 0;} #top-nav li { float: left; color: #ddd; border-right: 1px solid #999; margin: 0 0px 0 5px; padding: 0 5px 0 0; line-height: 12px; font-size: 10px; font-family: Verdana, Arial, San-serif; color: #b4c2d1; letter-spacing: -1px; } #top-nav li a { color: #ddd; padding: 5px 0; line-height: 16px;} .rss-icon a { background: url('images/rss_16.png') right center no-repeat; padding-right: 20px !important;} #sub-navigation { list-style: none; margin: 0; padding: 0; } #breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; } #breadcrumbs { font-size: 10px; color: #999; } #breadcrumbs a { color: #666; } /* ============== */ /* = Typography = */ /* ============== */ p { font-size: 11px; line-height: 14px; color: #595959; margin: 5px 0 10px 0; } h2, #content-main h2 a { font-size: 11px; font-weight: bold; color: #003366; margin-bottom: 3px; text-decoration: none; } #homepage h2 { color: #e8630b; font-size: 13px; } h3 { font-size: 11px; font-weight: bold; color: #e8630b; } a { color: #e8630b; } a:hover { text-decoration: none; } /* =07: ACCESSIBILITY */ #skip-links { position: absolute; top: -500px; } /* =08: TABLES */ table table tr table td summary {} th {} legend {} .clear15 { clear: both; height: 15px;} /* =09: FORMS */ .adj-form { list-style: none; margin: 0; padding: 0; } .adj-form label { float: left; } .adj-form input, .adj-form textarea { float: right; padding: 5px; font-family: arial, helvetica, san-serif; color: #333; } .adj-form li { clear: both; padding: 10px 0 10px 0; } .adj-form input:focus, .adj-form textarea:focus { color: #000; } .norm-form { list-style: none; margin: 0; padding: 0; } .norm-form label { display: block; font-weight: bold; padding: 0 0 5px 0; } .norm-form input, .norm-form textarea { padding: 5px; font-family: arial, helvetica, san-serif; color: #333;} .norm-form input:focus, .norm-form textarea:focus { color: #000; } /* =========== */ /* = Buttons = */ /* =========== */ #facebook, #facebook a { background: url('images/buttons/facebook-button.gif') no-repeat scroll top left; width: 194px; display: block; height: 38px; text-indent: -99999px; overflow: hidden; } #facebook { margin-bottom: 10px !important;} /* ===================== */ /* = Newsletter Signup = */ /* ===================== */ #newsletter-signup { margin: 10px 0; background: #e8630b; color: #fff; padding: 5px 10px; } #newsletter-signup p { color: #fff; font-weight: normal; margin: 0 0 15px 0;} #newsletter-signup ol { padding: 0; margin: 0 0 10px 0; list-style: none; } #newsletter-signup ol li { padding: 0px 0 10px 0; margin: 0; height: auto; } #newsletter-signup label { display: block; float: none; margin: 0; padding: 0;} #newsletter-signup input { float: none; border: 1px solid #8e3c06; padding: 2px 5px 2px 5px;} #newsletter-signup h2 { color: #fff; margin: 10px 0; font-size: 13px;} /* ============ */ /* = Homepage = */ /* ============ */ #homepage #content-subset { margin: 15px 0 10px 0;} /* =========== */ /* = Subpage = */ /* =========== */ #subnav { width: 184px; float: left; margin-right: 15px; padding: 0px 0 0 0; min-height: 400px;} #subpage #content-main { width: 470px; float: left; margin-right: 20px; padding-top: 0; } div.gallery_main { width: 660px !important; } #content-wrap { background: url(images/structure/sub-bg.gif) repeat-y left #fff;} .single-col #content-wrap { background: #fff !important;} .full-width #content-wrap { background: #fff; } .full-width { width: 950px !important; margin: 0 auto; } #subpage #content { padding: 15px 5px 15px 5px;} #breadcrumbs, #news-banner { border-bottom: 1px solid #d5d5d5; margin: 0 0 20px 0; padding: 0; list-style: none; min-height: 20px; } #breadcrumbs { font-weight: bold; color: #666;} #breadcrumbs a { font-weight: 100; color: #999999; text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } #news-banner .date { float: left; } #news-banner .category { float: right; } #news-banner .category a { text-decoration: none; color: #999;} #content-snavigation { margin: 0; padding: 0 0 0 0px; list-style: none; } #content-snavigation li { margin: 0 0 1px 4px; padding: 0; list-style: none;} #content-snavigation li a { background: url(images/buttons/snav-button.gif) top left #d9e1e8 no-repeat; display: block; color: #003366; font-weight: bold; padding: 6px 5px 6px 20px; text-decoration: none; line-height: 14px;} #content-snavigation li a:hover { color: #fff !important; background-position: -180px 0; margin: 0; padding: 6px 5px 6px 20px; border:none; } #content-snavigation li.current_page_ancestor a, #content-snavigation li.current_page_item a { background: url(images/buttons/nav-active.gif) 7px center no-repeat #194775; color: #fff; } #content-snavigation li ul { margin: 0; padding: 0; list-style: none; display: none; } #content-snavigation li.current_page_item ul { display: block; } #content-snavigation li.current_page_parent a { background: #f2f5f7 !important; border: none; margin: 0; color: #003366; font-weight: 100;} #content-snavigation li.current_page_parent a:hover { color: #000 !important;} #content-snavigation li ul li { margin: 0 0 1px 0px; } #content-snavigation li ul li a { font-weight: 100; background: #f2f5f7 !important; color: #003366 !important; font-weight: 100; } #content-snavigation li ul li a:hover { color: #000 !important; } /* ========================= */ /* = Homepage Banners E16 = */ /* ======================== */ .e16 { width: 224px !important; float: left; height: 195px; } .e16 h3 { color: #fff; padding: 5px; font-weight: bold; background: #003366; margin-bottom: 0px; line-height: 14px; } .e16 h3 span { display: block; font-weight: normal; } .e16 img { width: 224px; height: 72px; } .odd { float: right !important; } .homepagecell-5 { float: none !important; margin: 0 auto !important; clear: both;} /* ================= */ /* = Homepage News = */ /* ================= */ #news-listing { margin: 0; padding: 0; list-style: none; } #news-listing li { margin-left: 0; padding-left: 0; padding: 0 0 16px 0; } #news-listing li a.title { display: block; font-size: 11px; color: #003355; margin: 0 0 8px 0; font-weight: bold; line-height: 14px; text-decoration: none; } #news-listing li { font-size: 11px; color: #585858; padding-bottom: 16px; } #news-listing li span { display: block; } #featured-post { margin: 0 0 16px 0; background: #efefef; padding: 12px; } #featured-post h3 { color: #003355; } #content-home-image { height: 180px; overflow: hidden; background: #000; padding: 2px;} /* .homepage_player { width: 415px; margin: 0 auto; } */ /* =========== */ /* = YouTube = */ /* =========== */ .youtube object, .youtube embed { margin: 0 auto 0 auto; text-align: center; } .youtube { margin-bottom:10px; } /* ============ */ /* = Captions = */ /* ============ */ .alignleft { float: left; margin: 10px 10px 10px 0; border: none !important; } .alignright { float: right; margin: 10px 0 10px 10px; } .aligncenter { margin: 0 auto 0 auto; text-align: center; display: block;} table.alignleft { width: 300px !important; } .wp-caption-text { font-size: 11px; line-height: 14px; } /* ================= */ /* = Archive Table = */ /* ================= */ .archive-table, .downloads { border: 1px solid #ddd; padding: 6px !important; width: 100%; display: block; } .archive-table th, .downloads th { background: #eee; color: #333; text-align: left; padding: 2px 5px 2px 5px; } .archive-title { width: 330px; } .archive-table td {gd padding: 6px 5px 6px 5px; } .archive-date { width: 50px; padding: 2px 5px 2px 15px;} .archive-table tr, .downloads tr { border-bottom: 1px solid #ddd; } .downloads td { padding: 6px 5px 6px 5px; vertical-align: top; line-height: 14px; font-size: 11px; color: #595959;} .downloads caption { background: #eee; color: #333; font-weight: bold; margin-bottom: 5px; } .pdf-row a { color: #595959; text-decoration: none; } .pdf-row img { display: inline; } .pdf-row { width: 50px; } .chart-button { background: url(images/icons/chart.gif) left center no-repeat; padding: 0 0 0 20px; font-weight: bold;} /* ============ */ /* = Overview = */ /* ============ */ .e14 { margin: 8px 0 8px 0; padding: 4px 0 4px 0; clear: both;} .e14 img { float: left; margin-right: 10px; margin-top: 5px !important; padding: 0px !important; } .e14 h4 { font-size: 11px; color: #003366; margin: 0 0 6px 0 !important; padding: 0; } .e14 p { width: 365px; float: right; color: #595959; margin: 0 0 8px 0;} .product-selector, .reverse-product-table { border: 1px solid #eee; padding: 5px; width: 100%; } .product-selector th, .reverse-product-table th { background: #eee; color: #333; border: 1px solid #aaa; padding: 1px; vertical-align: middle; font-size: 10px; line-height: 12px; } .product-selector td, .reverse-product-table td { border: 1px solid #ddd; padding: 2px; text-align: center; } .product-selector tr.odds, .reverse-product-table tr.odds { width: 100% !important; background: #efefef; } .application-notes td { text-align: left !important; } .application-notes th { border: 1px solid #aaa !important;} .reverse-product-table td { vertical-align: middle; } .product-cell { vertical-align: middle; background: #fff !important;} #cformsform { margin: 0; padding: 0 10px 0 10px; width: 465px; } #cformsform ul { margin: 0; padding: 0; } #cformsform fieldset { border: none; background: #efefef; padding: 0 24px 24px 24px; margin: 0; } #cformsform legend { display: none; } #cformsform label { color: #595959; font-weight: 100; text-align: left; float: left; } #cformsform li { padding: 4px 0 4px 0; margin: 0;} #cformsform input, #cformsform textarea { border: 1px solid #d5d5d5; width: 250px; padding: 3px; float: right;} .cf-box-b { width: auto !important;} label.cf-before { width: 300px !important;} .cf-hidden { display: none; } .linklove { display: none; } .reqtxt, .emailreqtxt { color: #888; padding: 0 0 0 5px;} /* ========= */ /* = Chars = */ /* ========= */ .legend-table { float: right; margin-top: 20px; padding-right: 10px; } .legend-table td { vertical-align: top; padding-right: 5px; } .legend-table td img { float: left; margin: 0 10px 0 50px; } .legend-table2 { float: right; margin-top: 20px; padding-right: 10px; } .legend-table2 td { vertical-align: bottom; padding-right: 5px; line-height: 12px;} .legend-table2 td img { float: left; margin: 0 10px 0 50px; } #content-footer { border-top: 1px solid #d5d5d5; padding: 32px 0 32px 0; margin: 15px 0 0 0; clear: both;} .top_link { font-size: 10px; color: #999; padding: 0 10px 0 0; float: right; text-decoration: none; background: url(images/icons/iTop.gif) right no-repeat;} .print_link { margin-left: 24px; background: url(images/icons/iPrint.gif) left no-repeat; padding: 0 0 0 22px; color: #999; text-decoration: none; } .addthis_button { float: left; margin: 1px 0 0 0;} #content-main .jiao { margin: 20px 0 20px 20px; } #content-main .border-bottom { border-bottom: 1px solid #D5D5D5; padding: 0 0 20px 0; } /**** Jian Jia Temporary Hide ***/ #subnav .cat-item-28 { display: none; } /* ============ */ /* = LightFair = */ /* ============ */ ol.tweets { list-style: none; margin: 0; padding: 0; } ol.tweets li { margin: 5px 0; } .tweets .avatar { display: none; } #flickr img { width: 45px; height: 45px; padding: 0 10px 10px 0; } .lightfair h4 { font-size: 11px; color: #003366; margin: 0 0 6px 0 !important; padding: 0; } .lightfair-header#header { background: url(images/lightfair/lightfair-banner.jpg); } .lightfair .social-button { padding: 0 0 16px 0; } .lightfair #content-home-image { margin: 0 10px 25px 0; padding: 0px !important; } #subpage .lightfair #content-main { width: 673px; margin-right: 10px; } .lightfair #content-aside { padding: 0; } #media { margin: 25px 0 0 0; } .lightfair #content-home-description { height: 162px; } #latest-happening { float: left; width: 419px; padding: 0 15px 10px 0; } #event-schedule { float: left; width: 210px; border-left: 1px solid #e1e7ed; border-right: 1px solid #e1e7ed; padding: 10px; } .cat-item-90 { display: none; } .lightfair table { border: 1px solid #e5e5e5; text-align: left; width: 210px; } .lightfair thead { background: #e5e5e5; } .lightfair th { padding: 0 0 3px 5px; } .lightfair td { padding: 0 5px; color: #595959; } .hk-lightfair table { width: 100% !important; } .lightfair .e14 { margin: 8px 0 8px 0; padding: 4px 0 4px 0; clear: both;} .lightfair .e14 img { float: left; margin-right: 10px; margin-top: 1px !important; padding: 0px !important; } .lightfair .e14 h4 { font-size: 11px; color: #003366; margin: 0 0 3px 0 !important; padding: 0; } .lightfair .e14 p { width: 400px; float: left; color: #595959; margin: 0 0 8px 0;} #lightfair-photos { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; } #lightfair-photos li { margin: 0; padding: 0; border-top: 1px dotted #eee; } #lightfair-photos li img { float: left; padding: 3px; border: 1px solid #ddd; margin: 0 10px 0 0; } #lightfair-photos li a { display: block; text-decoration: none; height: 55px; padding: 10px 0 10px 0; line-height: 55px;} #lightfair-photos li a:hover { background: #f6f6f6; } #lightfair-photos li span { font-size: 11px; } #lightfair-photos li span strong { font-size: 13px; } /* ============ */ /* = FormList = */ /* ============ */ .rform-list { margin-left: 0; padding-left: 0; width: 300px; } .rform-list li { clear: both; padding: 0 0 10px 0; padding-left: 0px; margin-left: 0px; } /* ================= */ /* = LLFY Workshop = */ /* ================= */ .llfy-workshop #content-rail { width: 180px; float: left; } .llfy-workshop #content-rail .section { padding: 0 0 15px 0; } .llfy-workshop #content-main { width: 690px !important; float: right !important; margin-right: 0px !important;} .llfy-workshop #content-text { width: 330px; float: left; } .llfy-workshop #content-media { width: 330px; float: right;} .graybg { background: #eaeaea; padding: 10px; margin: 0 0 10px 0;} .llfy-workshop #facebook { width: 180px !important; margin-top: 5px; } #llfy-boxes { list-style: none; margin: 0; padding: 0; } #llfy-boxes li { list-style: none; margin: 0 0 10px 0; padding: 0 10px; width: 305px; height: 35px; line-height: 35px; background: #003366; float: left; } #llfy-boxes li.odd { float: right !important; } #llfy-boxes li span { float: right; font-size: 11px; text-decoration: underline; color: #ff6f11; font-weight: normal; } #llfy-boxes li a { display: block; color: #fff; text-decoration: none; font-weight: bold; } #llfy-boxes li a:hover span { text-decoration: none; color: #ddd; } #llfy-boxes li a:hover { color: #ddd; } .lightbox-content { display: none; } #share-links { list-style: none; margin: 0; padding: 0; } #share-links li { float: left; margin: 0 10px 0 0; padding: 0; } .workshop-header#header { background: url(images/llfy/workshop-banner.jpg); } #content-media .section { margin: 0 0 10px 0;} #featured-partners-img { height: 144px; overflow: hidden; } #workshop-conversations { margin: 20px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #aaa; } /* =========== */ /* = HK Page = */ /* =========== */ #social-elements { width: 194px; float: left; margin-left: 10px; } .hk-page { background: #efefef; padding: 10px; height: 80px; margin-bottom: 18px; } .hk-page li { height: 50px !important; margin: 10px 20px !important; } .hk-lightfair-header#header { background: url('images/hk-lightfair/banner.jpg') no-repeat; } #hk-flickr img { height: 70px; width: 70px; margin: 0 10px 10px 0; padding: 3px; border: 1px solid #eee; } #hk-photos { float: left; width: 440px; } /* ====================== */ /* = Post LLFY Workshop = */ /* ====================== */ #llfy-feature-video { width: 460px; float: left; } #llfy-additional-videos { width: 215px; float: right; padding-top: 5px; } .post-llfy { border-left: 1px solid #d5d5d5; padding: 0 0 0 5px;} #sub-content { padding-top: 20px; } #sub-content-aside { width: 215px; float: left; } #sub-content-main { width: 460px; float: right; border-left: 1px solid #d5d5d5; padding: 0 0 0 8px; } #llfy-feature-video { font-size: 14px; text-transform: uppercase;} .posterText { font-size: 18px; color: #ff7920; text-transform: uppercase; } #post-news-listing { list-style: none; margin: 0; padding: 10px 0 0 0; } #post-news-listing li { margin: 0; padding: 0 0 15px 0; } #post-news-listing strong a { text-decoration: none; color: #23507a; line-height: 14px;} #llfy-testimonials { background: #d5d5d5; list-style: none; padding: 10px 15px; margin: 0 0 40px 0; } #llfy-testimonials li { margin: 0 !important; margin-left: 0px !important; padding: 0;} #llfy-testimonials blockquote p { font-weight: bold; font-size: 18px !important; font-style: italic; color: #000; line-height: 20px; } #llfy-testimonials cite { display: block; font-size: 12px; font-weight: normal; color: #333; } #llfy-video-list { margin: 0; padding: 0px 0 0 0; list-style: none; } #llfy-video-list li { margin: 0; padding: 0; border-bottom: 1px solid #d5d5d5; margin-left: 0px !important;} #llfy-video-list li a { display: block; padding: 10px 0 10px 45px; background: url('images/video-icon-sml.gif') left center no-repeat; text-decoration: none; } #llfy-video-list li a strong { color: #23507a; } #llfy-video-list li a span { color: #666; display: block; } #llfy-video-list li a:hover { background-color: #eee; } #post-workshop-photos { margin: 0; padding: 10px 0 10px 0; list-style: none; } #post-workshop-photos li { margin: 0 7px 0 0; padding: 0; float: left; } #post-workshop-photos li img { width: 45px; } #post-workshop-photos li.first_full img { width: 215px; } .workshop-post-header { background: url('images/llfy/post/main-banner-lffy-post.jpg') center top no-repeat !important;} /* =================== */ /* = Gallery Section = */ /* =================== */ .gallery-width #content-wrap { background: #fff !important;} .ngg-album { border: none !important; padding: 0px; float: left; width: 135px; margin: 0px 17px 0 0; height: 400px !important; } .ngg-album h3 { margin-top: 18px;} .ngg-album-link:hover img { background: #ddd; } .ngg-album-link img { display: block; border: 1px solid #ddd; padding: 3px; } .ngg-photocount { color: #999; } .ngg-thumbnail { float: none; } .ngg-galleryoverview { } .ngg-gallery-title { padding-top: 15px; } .ngg-gallery-title a { font-weight: normal; font-size: 10px; color: #666; padding-left: 15px; } .ngg-gallery-thumbnail img { border: 1px solid #ddd !important; } .ngg-gallery-thumbnail a:hover img { background: #ddd !important;} .ngg-widget img { border: 1px solid #eee !important; padding: 3px !important; } .llfy-workshop .ngg-widget img { border: none !important; padding: 0 !important; margin: 0 !important; } /* ============= */ /* = SlideCast = */ /* ============= */ #slidecast_list { list-style: none; margin: 20px 0 40px 0; padding: 0 5px; } #slidecast_list li.inactive { width: 190px; height: 165px; padding: 10px; font-size: 16px; line-height: 20px; overflow: hidden; } #slidecast_list li { float: left; margin: 0 7px 7px 0; background: #9d9d9d; color: #fff; font-weight: bold; position: relative; display: inline; } #slidecast_list li a { background: #ff793a; display: block; width: 190px; height: 165px; padding: 10px; overflow: hidden; color: #fff; text-decoration: none; line-height: 20px; font-size: 16px; float: left; display: inline; } #slidecast_list li a:hover { border: 5px solid #000 !important; padding: 5px; } #slidecast_list li a em { font-weight: normal; display: block; color: #ffd1bc; font-size: 12px; line-height: 18px; } #slidecast_list img { position: absolute; bottom: 10px; left: 10px; } #slidecast_list li.push_left { margin-left: 217px; } #slidecast_list a.Thermal { background: url('images/thermal_icon.png') 10px 10px no-repeat #ff793a; padding-left: 45px; width: 155px;} #slidecast_list a.Thermal:hover { padding-left: 40px; background-position: 5px 5px;} #slidecast_list li span.Thermal { display: block; background: url('images/thermal_icon.png') no-repeat; min-height: 25px; padding-left: 35px; } *html body span.Thermal, span.Optical, span.Electrical { height: 25px; } #slidecast_list a.Electrical { background: url('images/electronical_icon.png') 10px 10px no-repeat #ff793a; padding-left: 45px; width: 155px;} #slidecast_list a.Electrical:hover { padding-left: 40px; background-position: 5px 5px; } #slidecast_list li span.Electrical { display: block; background: url('images/electronical_icon.png') no-repeat; min-height: 25px; padding-left: 35px; } #slidecast_list li span.Optical { display: block; background: url('images/optical_icon.png') no-repeat; padding-left: 35px; min-height: 25px; } #slidecast_list a.Optical { background: url('images/optical_icon.png') 10px 10px no-repeat #ff793a; padding-left: 45px; width: 155px;} #slidecast_list a.Optical:hover { padding-left: 40px; background-position: 5px 5px; } #slide_back { width: 230px; float: right; margin-right: 20px; } #slide_video { width: 500px; float: left; } .reg_account_link { font-size: 11px !important; padding: 0 5px; } /* =============== */ /* = iPad Winner = */ /* =============== */ .cf-ol { width: 500px; margin: 0 auto; } .cf-ol li { padding: 5px 0; clear: both; height: auto !important; } .cf-ol li label { width: 125px; text-align: right; margin-right: 10px; } .cf-ol li input, .cf-ol select { float: left; } .cf-box-group input { display: inline; float: none !important; padding: 5px; } .cf-box-group label { display: inline; float: none; text-align: left; padding: 5px; } .cf-box-group div { width: 235px; float: left; } .cf-box-title { padding-top: 50px !important; } li#li-2-18, li#li-2-17 { padding-top: 50px !important; } li#li-2-18 label, li#li-2-17 label { float: none; width: auto; } li#li-2-18 textarea, li#li-2-17 textarea { float: left; height: auto; } #chk_0 { display: none; } #ipadsend { width: 440px; margin: 0 auto; padding: 15px; } .hide_field { display: none; } #ipadsend input.sendbutton { padding: 5px 10px; font-weight: bold; font-size: 14px;} /* ================ */ /* = New Homepage = */ /* ================ */ .application_block { border: 1px solid #d5d5d5; margin: 0 0 16px 0;} .appblock_text { float: right; padding: 10px 10px 0 10px; width: 305px; } .application_block h3 { color: #003355; margin: 0; } .application_block p.subhead { margin-top: 0px !important; } .application_block img { float: left; } .ab_image { float: left; } .home_widget-text-10 { background: #efefef; padding: 10px; margin: 0 0 12px 0; } .home_widget-text-10 h3 { color: #003355; } .home_widget-text-10 .textwidget { min-height: 153px; } #newsletter_banner { background: #003355; color: #fff; padding: 10px; margin: 0 6px 6px 0; } #subpage #newsletter_banner { margin-bottom: 12px; } #newsletter_banner p { color: #fff; } #newsletter_form { float: right; width: 336px; background: #f57922; padding: 10px 8px 16px 8px;} #newsletter_form p strong { color: #fff; font-size: 13px; } #newsletter_form p { margin: 0 0 8px 0; } #newsletter_form p a { color: #fff; font-size: 11px; padding: 0 18px 0 0;} #ea_field { background: #fff; border: none; padding: 2px 5px; color: #999; width: 250px; } #ea_field:focus { color: #333; } #nl-submit { border: none; background: #003355; text-align: center; color: #fff; font-weight: bold; width: 35px; padding: 1px 5px;} #newsletter_banner h2 { background: url('images/newsletter/newsletter_title.gif'); text-indent: -999999px; overflow: hidden; width: 415px; height: 24px; margin: 0 0 0 -4px;} #newsletter_text { width: 500px; float: left; } .sw_row1 { background: #efefef; float: left; width: 96px; padding: 10px 0; height: 160px; } .sw_row2 { background: #efefef; float: right; width: 96px; padding: 10px 0; height: 160px; } .gp_plusone,.fb_plus { width: 50px; margin: 0 auto 16px auto; } .linkedin_plus { width: 60px; margin: 0 auto 16px auto; } .email_plus { width: 65px; margin: -5px auto 14px auto; } /* ========================== */ /* = Homepage Custom Player = */ /* ========================== */ #youtube_videos ul, li { margin: 0; padding: 0; list-style: none; } #youtube_videos ul li { display: none; width: 295px; height: 180px; overflow: hidden;} #youtube_videos ul li.active { display: block; } #youtube_videos { width: 295px; float: left; height: 180px; overflow: hidden;} #youtube_menu { float: right; width: 120px; height: 180px; overflow: hidden; } #youtube_menu ul { margin: 0; padding: 0; list-style: none; } #youtube_menu ul li { padding: 5px 0; margin: 0; list-style: none; height: 30px; border-bottom: 1px solid #222; } #youtube_menu ul li a { font-size: 12px; line-height: 14px; font-weight: bold; } #youtube_menu ul li a:hover { color: #fff; } #youtube_menu ul li a.active { color: #fff; }