/* ------------------------- *//* CAMPUSPEAK STYLESHEET*//* ------------------------- */ /* ------------------------- *//* 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, 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; } :focus { outline: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a { outline: none; text-decoration: none;} /* ------------------------- *//* TYPOGRAPHY*//* ------------------------- */ /* Base */ body { font-family: helvetica, arial; font-size: 12px; line-height: 1.5em; margin: 0; padding: 0; } h1, h2, h3, h4, p, ul, blockquote, pre, td, th, label { padding: 9px 7px; } h1, .h1 { margin: 0; font-size: 1.67em; line-height: 0.9em; } h2, .h2 { margin: 0; font-size: 1.5em; line-height: 1em; } h3, .h3 { margin: 0; font-size: 1.33em; line-height: 1.125em; } h4, .h4 { margin: 0; font-size: 1.16em; line-height: 1.28em; } p, ul, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; } table { border-collapse: collapse; margin-bottom: 1.5em; } a { color: #7E7E7E; } a:hover {color:#BDBDBD;} div.content h1, div.content h2, div.content h3, div.content h4, div.content p, div.content ul, div.content ol { padding-left: 30px; } /* Position */ .text-right { display: block; text-align: right; padding: 18px 10px; } .text-justify { display: block; text-align: justify; padding: 18px 10px; } .inline { display: inline; } .img-left { float: left; padding: 0 10px 10px 0; } .img right { float: right: padding: 0 0 10px 10px; } .img-center { display: block; margin: 0 auto; } /* Text Color */ .black { color: #000000; } .white { color: #ffffff; } .orange { color: #ff9933; } .yellow { color: #ffff00; } .content .yellow { color: #ffd012; } .pink { color: #ff0099; } .ltpink { color: #e0748b; } .green { color: #37b34a; } .red { color: #ec1c24; } .blue { color: #3399ff; } .dkblue { color: #3399ff; } .ltblue { color: #a2cced; } .grey, .gray { color: #606060; } .lime { color: #bdcd2c; } .purple { color: #a2489f; } .teal { color: #00abbd; } /* Background Color */ .blue-background { background: #3399ff; } /* Style & Weight */ .normal { font-style: normal; } .small { margin: 0; font-size: 0.83em; } .oblique, .italic { font-style: oblique; } .bold { font-weight: bold; } .regular { font-weight: normal; } .uppercase { text-transform: uppercase; } .gigantic { font-size: 200%; line-height: 200%; } /* Family */ .serif { font-family: Georgia, Times, 'Times New Roman', serif; } /* Box Model & Position */ .first { padding-top: 0; padding-bottom: 0; } /* Lists */ ul.bulleted-list, ul.bulleted-list li { list-style: disc; } .bulleted-list li { margin-left: 9px; list-style-position: inside; } ol.numbered-list, ol.numbered-list li { list-style: decimal; list-style-position: inside; } .numbered-list li { padding-left: 9px; } .red-bullets li { color: #ec1c24; } .blue-bullets li { color: #3399ff; } .green-bullets li { color: #37b34a; } .orange-bullets li { color: #ff9933; } .yellow-bullets li { color: #ffff00; } .white-bullets li { color: #ffffff; } /* ------------------------- *//* LAYOUT *//* ------------------------- */ /* Base Divs */ div.header { width: 978px; margin: 15px auto; } div.wrapper { z-index: -200; clear: both; width: 958px; margin: 0 auto; padding: 10px 10px 0 10px; background: url(/assets/images/layout/wrapper-bg.png) top center repeat; } div.wrapper-top { clear: both; width: 958px; height: 40px; margin: 0 auto; padding: 0 10px; background: url(/assets/images/layout/wrapper-bg-top.png) top left no-repeat; } div.wrapper-bottom { width: 958px; height: 40px; padding: 0 10px; margin: 0 auto; margin-top: -22px; background: url(/assets/images/layout/wrapper-bg-bottom.png) top left no-repeat; } div.searchbar { width: 958px; height: 37px; margin: -44px 0 0 0; padding: 0; background: url(/assets/images/layout/searchbar-bg.png) top center no-repeat; } div.content-container { position: relative; width: 946px; padding-left: 6px; border-top: 6px solid #cccccc; } div.content { width: 620px; margin: 0; border-right: 6px solid #cccccc; background: #fff; } div.sidebar { position: absolute; top: 0px; right: 0px; width: 320px; margin: 0; color: #fff; } div.subcontent { clear: both; width: 620px; margin: 0; padding: 0; height: 180px; background: #66ccff url(/assets/images/layout/subcontent-bg-bottom.png) bottom left no-repeat; border-top: 7px solid #cccccc; border-right: 6px solid #cccccc; } div.footer { width: 958px; margin: 0 auto; } /* Alternate header */ div.alt-header { clear: both; width: 958px; margin: -44px 0 0 6px; padding: 0; } div.sidebar ol.search { float: none; width: 320px; height: 25px; } div.sidebar ol.search li label { color: #ffffff; } div.sidebar ol.search li input{ width: 200px; } #news h1.alt-header-title { height: 155px; width: 946px; padding: 0; background: url(/assets/images/headers/big-story-header-bg.png) top left no-repeat; text-indent: -9999px; } #blog h1.alt-header-title { height: 200px; width: 946px; padding: 0; background: url(/assets/images/headers/blog-header.png) top left no-repeat; text-indent: -9999px; } #media h1.alt-header-title { height: 174px; width: 946px; padding: 0; background: url(/assets/images/headers/media-page-header.png) top left no-repeat; text-indent: -9999px; } #events h1.alt-header-title { height: 169px; width: 946px; padding: 0; background: url(/assets/images/headers/events-header.png) top left no-repeat; text-indent: -9999px; } /* ------------------------- */ /* Alternate subcontent */ /* ------------------------- */ .speakers div.subcontent, .speakers-a-m div.subcontent, .speakers-n-z div.subcontent, .topics-a-m div.subcontent, .topics-n-z div.subcontent { background: #4d4d4d url(/assets/images/layout/subcontent-bg-bottom-grey.png) bottom left no-repeat; } /* ------------------------- */ /* Modular Layout Classes */ /* ------------------------- */ .clearfloat { clear: both; display: block; height: 1px; margin-top: -1px; } .content-divider { display: block; width: 100%; height: 6px; margin: 0; padding: 0; background: #cccccc; } .content-border-right { border-right: 6px solid #cccccc; } .content-box { border-bottom: 6px solid #cccccc; } .sidebar-box { border-bottom: 3px solid #cccccc; } .image-left { float: left; margin: 0 10px 10px 0; } .image-right { float: right; margin: 0 0 10px 10px; } .page-copy { background: #fff; } ul.expandable li ul { display: none; } ul.expandable li a { cursor: pointer; } ul.expandable li ul li a { background: none; } .required { color: #ff0000; } .pdf-link { color: #cccccc; font-weight: normal; font-size: 11px; } /* ------------------------- */ /* Comments & Contact */ /* ------------------------- */ .comments .odd { background: #999999; } .comments .even { background: #ffffff; } .comments .odd p { color: #fff; } .comments .odd .blog-post-date { color: #444343; } .comments .even .blog-post-date { color: #808080; } .comments .odd-blue { background: #bff2ff; } .pagination a { color: #ffff00; } .pagination a:hover {color:#ffffff;} .content form ol li label { margin-left: 0; padding-left: 0; float: left; display: block; width: 75px; } .content form ol li input, .content form ol li textarea { border: none; padding: 5px; margin-bottom: 18px; width: 250px; background: #EDEDED; } .content form ol li textarea { width: 420px; } .content form ol li input.submit-btn { clear: both; float: none; width: 78px; padding: 0; color: #ffffff; border: none; background: #3399ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } .content form ol li input.submit-btn:hover {color:#BABABA;} .content form ol li h4 { clear: both; padding-left: 0; } .content form ol li.fb-question { clear: both; max-width: 260px; } .sidebar form ol { width: 320px; padding: 0 30px;} .sidebar form ol li label { padding: 0; } .sidebar form ol li input, .sidebar form ol li textarea { width: 260px; background: #fff; border: none; margin-bottom: 9px; } .sidebar form ol li input.submit-btn { clear: both; float: none; width: 78px; padding: 0; color: #000000; border: none; background: #ffff00; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } .sidebar form ol li input.submit-btn:hover {color:#C9C9C9;} /* ------------------------- *//* LOGO *//* ------------------------- */ /* ------------------------- */ /* Logo - Base */ /* ------------------------- */ h1.logo { padding: 0; } h1.logo a { z-index: 1000; position: absolute; top: 5px; float: left; width: 416px; height: 217px; margin: 0 0 0 20px; padding: 0; text-indent: -9999px; } /* Section logos */ /* ------------------------- */ h1.logo a { background: url(/assets/images/logos/campuspeak-logo-ltblue.png) top left no-repeat; } /* Default lite blue logo */ #home h1.logo a { background: url(/assets/images/logos/campuspeak-logo-ltblue.png) top left no-repeat; } #about h1.logo a { background: url(/assets/images/logos/campuspeak-logo-yellow.png) top left no-repeat; } #workshops h1.logo a { background: url(/assets/images/logos/campuspeak-logo-green.png) top left no-repeat; } #speakers h1.logo a { background: url(/assets/images/logos/campuspeak-logo-dkblue.png) top left no-repeat; } #connect h1.logo a { background: url(/assets/images/logos/campuspeak-logo-orange.png) top left no-repeat; } /* ------------------------- *//* HEADER NAVIGATION *//* ------------------------- */ /* Base */ ul.mainnav { float: right; height: 56px; margin: 50px 46px 0 0; padding: 5px 0; } ul.mainnav li { float: left; margin: 0 0px; padding: 0; text-align: center; } ul.mainnav li a { display: block; width: 97px; height: 52px; margin-top: 9px; color:#ffffff; text-indent: -9999px; } li.speakersbtn a { background: url(/assets/images/navigation/small-nav-speakersbtn.png) top left no-repeat; } li.iwbtn a { background: url(/assets/images/navigation/small-nav-iwbtn.png) top left no-repeat; } li.connectbtn a { background: url(/assets/images/navigation/small-nav-connectbtn.png) top left no-repeat; } li.aboutbtn a { background: url(/assets/images/navigation/small-nav-aboutbtn.png) top left no-repeat; } /* Sprite */ li.speakersbtn a:hover, li.iwbtn a:hover, li.connectbtn a:hover, li.aboutbtn a:hover { background-position: 0 -52px; } /* Home Page Navbar */ #home ul.mainnav li a { width: 114px; height: 61px; margin-top: 0; } #home li.speakersbtn a { background: url(/assets/images/navigation/home-nav-speakersbtn.png) top left no-repeat; } #home li.iwbtn a { background: url(/assets/images/navigation/home-nav-iwbtn.png) top left no-repeat; } #home li.connectbtn a { background: url(/assets/images/navigation/home-nav-connectbtn.png) top left no-repeat; } #home li.aboutbtn a { background: url(/assets/images/navigation/home-nav-aboutbtn.png) top left no-repeat; } /* Home Page Sprite */ #home li.speakersbtn a:hover, #home li.iwbtn a:hover, #home li.connectbtn a:hover, #home li.aboutbtn a:hover { background-position: 0 -61px; } /* Section Navbars */ #about li.aboutbtn a { margin-top: -29px; width: 177px; height: 90px; background: url(/assets/images/navigation/about-nav-aboutbtn.png) top left no-repeat; } #workshops li.iwbtn a { margin-top: -29px; width: 177px; height: 90px; background: url(/assets/images/navigation/iw-nav-iwbtn.png) top left no-repeat; } #speakers li.speakersbtn a { margin-top: -29px; width: 177px; height: 90px; background: url(/assets/images/navigation/speakers-nav-speakersbtn.png) top left no-repeat; } #connect li.connectbtn a { margin-top: -29px; width: 177px; height: 90px; background: url(/assets/images/navigation/connect-nav-connectbtn.png) top left no-repeat; } /* ------------------------- *//* SEARCH *//* ------------------------- */ ol.search { float: right; margin-right: 22px; padding: 8px 10px; } ol.search li { float: left; margin: 0;} ol.search li label { position: relative; top: 2px; font-weight: bold; color: #4c4c4c; } ol.search li input { height: 10px; margin: 0 5px; padding: 5px 0; font-size: 10px; border: 1px solid #828282; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ------------------------- *//* SEARCH RESULTS *//* ------------------------- */ ol.search-results { } ol.search-results li { padding: 10px 0; } ol.search-results li a:link { color: #3399ff; } ol.search-results li .meta-data { font-size: 10px; color: #999; } /* ------------------------- *//* MAIN CONTENT *//* ------------------------- */ /* Modular Clasess */ img.talk-bubble, img.return-icon { vertical-align: middle; margin-right: 5px; } img.return-icon { height: 22px; } div.testimonial-rotation { width: 538px; margin: 0 auto; } div.testimonial-block { background: #bff2ff url(/assets/images/blocks/testimonial-block-bg-ltblue.png) top left no-repeat; width: 538px; margin: 18px auto; } div.testimonial-block-btm { clear: both; height: 10px; background: url(/assets/images/blocks/testimonial-block-bg-ltblue-btm.png) top left no-repeat; } div.testimonial-block p { padding: 0; } div.testimonial-block p.testimonial { padding: 3px 5px 0 80px; } div.testimonial-block p.testimonial-name-location, div.testimonial-block p.testimonial-date { padding: 5px 5px 0 120px; font-size: 11px; } /* Background Colors */ #home div.content, #blog div.content, .workshops div.content { background: #4d4d4d; } /* Page Margins */ #about div.page-copy, #speakers div.page-copy, #media div.page-copy, .workshop-salad div.page-copy { padding: 0 0 0 30px; } /* Page Titles */ h2.page-title { display: block; height: 92px; margin: 0; padding: 0; text-indent: -9999px; } .contact h2.page-title { background: url(/assets/images/page-titles/page-title-contact.png) top left no-repeat; } .podcasts h2.page-title { background: url(/assets/images/page-titles/page-title-podcasts.png) left no-repeat; padding-top: 18px; } /* Stories */ .storyarea { position: relative; overflow: hidden; height: 750px; width:620px; } .storyarea .items { width:20000em; position:absolute; } .storyarea .items div { float: left; height: 600px; } .storyarea .items div img { border-bottom: 6px solid #cccccc; margin-bottom: 45px; } div.item p { max-width: 460px; } .story-header { display: block; position: relative; top: -225px; height: 1px; } .story-header a { color: #ffff00; } div.tabs { display: block; height: 1px; position: relative; left: 375px; top: -240px; } div.tabs a { float: left; display: block; width: 28px; height: 28px; margin: 0 10px; color: #fff; text-indent: -9999px; } div.tabs a:hover { background-position: 0 -28px;} a.story1btn { background: url(/assets/images/stories/story1btn.png) top left no-repeat; } a.story2btn { background: url(/assets/images/stories/story2btn.png) top left no-repeat; } a.story3btn { background: url(/assets/images/stories/story3btn.png) top left no-repeat; } a.story4btn { background: url(/assets/images/stories/story4btn.png) top left no-repeat; } a.story5btn { background: url(/assets/images/stories/story5btn.png) top left no-repeat; } div.sidebar .tabs { float: left; margin-bottom: 9px; } /* Staff & Facilitators Lists */ ul.facilitators-list li, ul.staff-list li{ clear: both; } ul.facilitators-list ul { padding-left: 0; } ul.facilitators-list { clear: both; border-top: 3px solid #cccccc; } /* Media Modal */ div.modal-container { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: transparent url(/assets/images/layout/modal-container-bg.png); } div.modal-content { display: block; position: relative; top: 200px; width: 340px; height: 260px; margin: 0 auto; background: #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } div.modal-content a.closebtn { display: block; width: 29px; height: 29px; position: absolute; top: -15px; right: -15px; background: transparent url(/assets/images/icons/modal-close-btn.png); text-indent: -9999px; cursor: pointer; } /* Base Sidebar */ div.sidebar p, div.sidebar h3, div.sidebar h4 { margin-left: 22px; } ul.sidebarnav { width: 262px; margin: 18px auto; } ul.sidebarnav li { margin-bottom: 18px; } ul.sidebarnav li a { display: block; width: 262px; padding: 6px 10px; color: #FFFFFF; font-weight: bold; } ul.sidebarnav li a:hover { color: #4F4F4F; } ul.sidebarnav li.active a { margin-left: -26px; padding: 8px 10px 8px 36px; } ul.sidebarnav li ul { margin: 0; padding: 0 10px; } ul.sidebarnav li ul li { margin: 0; padding: 0; } ul.sidebarnav li ul li a { color: #fff; margin: 0; padding: 0; background: none; } ul.sidebarnav li ul li a:hover, #speakers ul.sidebarnav li ul li a:hover, #workshops ul.sidebarnav li ul li a:hover, #connect ul.sidebarnav li ul li a:hover, #about ul.sidebarnav li ul li a:hover {color:#BDBDBD;} ul.sidebarnav li a.no-hover:hover { color:#fff; cursor: text; } ul.sidebarsubnav { width: 262px; margin: 0px auto 18px auto; } ul.sidebarsubnav li a { display: block; color: #fff; font-weight: bold; padding: 5px 10px; } ul.sidebarsubnav li a:hover { color: #BDBDBD; } /* Cycle Slideshow */ .adbox, .adbox1, .adbox2, .adbox3 { height: 187px; width: 320px; margin: 0; padding: 0; } .adbox img, .adbox1 img, .adbox2 img, .adbox3 img { width: 320px; height: 187px; } /* ------------------------- *//* HOME PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Home Page Sidebar */ ol.hp-wirefeed { width: 281px; margin: 0 auto; } ol.hp-wirefeed li { min-height: 100xp; padding: 5px 0 0 50px; margin: 0; background: #66cccc url(/assets/images/blocks/hp-wirefeed-bg.png) top left no-repeat; } ol.hp-wirefeed li.btm { padding: 0; margin: 0 0 15px 0; height: 11px; background: url(/assets/images/blocks/hp-wirefeed-bg-btm.png) bottom left no-repeat; } /* ------------------------- *//* SPEAKER HOME PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Speaker Home Main Content */ div.speaker-block { float: left; width: 180px; height: 200px; padding: 36px 10px; } div.speaker-block ul.topics-list { z-index: 3000; display: none; position: relative; top: -200px; left: 155px; margin: 0; padding: 10px 0 0 0; min-height: 84px; background: url(/assets/images/talk-bubbles/talk-bubble-big-blue-top.png) top left no-repeat; } div.speaker-block ul.topics-list li { display: block; width: 142px; margin: 0; padding: 0 0 0 36px; background: url(/assets/images/talk-bubbles/talk-bubble-big-blue-mdl.png) top left repeat-y; } div.speaker-block ul.topics-list li.tb-btm { height: 20px; background: url(/assets/images/talk-bubbles/talk-bubble-big-blue-btm.png) top left no-repeat; } /*Scrollable */ div.scrollable { height: 550px; width: 620px; } div.scrollable div.item { display: none; position: absolute; top: 0; left: 0; width: 620px; height: 550px;} div.scrollbox-note { width: 100%; background: #e1f1f5; border-top: 1px solid #cccccc; color: #666666; } div.tabstatic { display: none; } div.scrollbtns { width: 80px; margin: 0 auto; } a.forward, a.backward { float:left; display: block; width: 36px; height: 36px; text-indent: -9999px; cursor: pointer; } a.forward{ background: url(/assets/images/icons/downbtn.png) top left no-repeat; } a.backward { background: url(/assets/images/icons/upbtn.png) top left no-repeat; } a.forward:hover, a.backward:hover { background-position: 0 -36px; } a.disabled { background: none; } /* Speaker Home Sub Content */ ul.search-speaker-list { float: left; width: 200px; } /* Speaker Home Sidebar */ ul.upcoming-events-list { padding-left: 30px; } #speakers div.sidebar { z-index: 1000; } /* ------------------------- *//* SPEAKER PROFILE PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Speaker Profile Main Content */ #speakers div.value-added-item-block {margin: 18px auto; width: 198px; background: #00ccff url(/assets/images/blocks/value-added-item-block-bg.png) top left no-repeat; } #speakers div.value-added-item-block-btm { width: 198px; height: 11px; margin: 0; padding: 0; margin-top: -11px; background: url(/assets/images/blocks/value-added-item-block-bg-btm.png) top left no-repeat; } ul.keynotes-list { clear: both; float: left; width: 500px; margin-top: 18px; } ul.keynotes-list li h3 { padding-left: 0; } ul.keynotes-list li { padding-left: 18px; } ul.keynotes-list li.list-title { padding-left: 0; } /* Value Modal */ div.value-modal-container { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; } div.value-modal-content { width: 345px; margin: 0 auto; position: relative; top: 200px; } div.value-modal-top { display: block; width: 345px; height: 165px; background: transparent url(/assets/images/blocks/value-modal-top.png) top left no-repeat; } div.value-modal-mdl { width: 305px; padding: 0 20px; background: transparent url(/assets/images/blocks/value-modal-mdl.png) top left repeat-y; } div.value-modal-btm { display: block; width: 345px; height: 40px; background: transparent url(/assets/images/blocks/value-modal-btm.png) top left no-repeat; } div.value-modal-content a.closebtn { display: block; width: 29px; height: 29px; position: absolute; top: 65px; right: 10px; background: transparent url(/assets/images/icons/modal-close-btn-blue.png); text-indent: -9999px; cursor: pointer; } /* Speaker Page Sidebar */ #speakers p.speaker-topics-list { padding: 0 36px 18px 18px; } #speakers div.speaker-video-block { border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; } #speakers ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-dkblue.png) top left no-repeat; color: #ffffff; } #speakers ul.sidebarnav li ul li a { background: none; } #speakers ul.speaker-search-list { margin: 0; padding: 9px 0; } #speakers ul.speaker-search-list li a { padding-left: 28px; color: #ffffff; } /* ------------------------- *//* SPEAKER TOPICS PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Speaker Topics Main Content */ ul.master-topics-list { margin-top: 18px; } ul.master-topics-list li { font-size: 32px; line-height: 32px; color: #666666; } ul.master-topics-list li ul { padding-left: 0; } ul.master-topics-list li ul li { font-size: 18px; color: #3399ff; font-family: Georgia, Times, 'Times New Roman', serif; } ul.master-topics-list li ul li ul li a { font-size: 12px; color: #666666; } /* ------------------------- *//* SPEAKER SEARCH PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Speaker Search Main Content */ ul.speaker-list-alpha li { float: left; width: 290px; } ul.speaker-list-alpha li h3 { margin: 0; padding-left: 0; } ul.speaker-list-alpha li ul { padding: 0; } /* ------------------------- *//* INTERACTIVE WORKSHOPS PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* IW Main Content */ div.facilitator-spotlight { padding: 10px; background: #4d4d4d; } div.featured-facilitator { float: left; width: 324px; } h4.facilitator-spotlight-title { display: block; width: 237px; height: 49px; background: url(/assets/images/blocks/facilitator-spotlight-title.png) top left no-repeat; text-indent: -9999px; } p.facilitator-spotlight-name { } h3.learn-about { background: url(/assets/images/blocks/learn-about.png) top left no-repeat; text-indent: -9999px; } /* IW Workshop Profile Sidebar */ .workshops ul.sidebarnav li a, .ask-general ul.sidebarnav li a, .facilitators ul.sidebarnav li a { text-indent: -9999px; margin: 0; padding: 0; } #workshops div.workshop-video-block { border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; } /* Color Pack */ #colorpack-pink ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-pink.png) top left no-repeat; } #colorpack-pink ul.sidebarnav li ul li a { background: none; } #colorpack-pink h4 { color: #ff0099; } #colorpack-ltpink ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-ltpink.png) top left no-repeat; } #colorpack-ltpink ul.sidebarnav li ul li a { background: none; } #colorpack-ltpink h4 { color: #e0748b; } #colorpack-ltblue ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-ltblue.png) top left no-repeat; } #colorpack-ltblue ul.sidebarnav li ul li a { background: none; } #colorpack-ltblue h4 { color: #a2cced; } #colorpack-dkblue ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-dkblue.png) top left no-repeat; } #colorpack-dkblue ul.sidebarnav li ul li a { background: none; } #colorpack-dkblue h4 { color: #3399ff; } #colorpack-green ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-green.png) top left no-repeat; } #colorpack-green ul.sidebarnav li ul li a { background: none; } #colorpack-green h4 { color: #37b34a; } #colorpack-yellow ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-yellow.png) top left no-repeat; } #colorpack-yellow ul.sidebarnav li ul li a { background: none; } #colorpack-yellow h4 { color: #ffff00; } #colorpack-lime ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-lime.png) top left no-repeat; } #colorpack-lime ul.sidebarnav li ul li a { background: none; } #colorpack-lime h4 { color: #bdcd2c; } #colorpack-orange ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-orange.png) top left no-repeat; } #colorpack-orange ul.sidebarnav li ul li a { background: none; } #colorpack-orange h4 { color: #ff9933; } #colorpack-purple ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-purple.png) top left no-repeat; } #colorpack-purple ul.sidebarnav li ul li a { background: none; } #colorpack-purple h4 { color: #a2489f; } #colorpack-red ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-red.png) top left no-repeat; } #colorpack-red ul.sidebarnav li ul li a { background: none; } #colorpack-red h4 { color: #cd151a; } #colorpack-teal ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-teal.png) top left no-repeat; } #colorpack-teal ul.sidebarnav li ul li a { background: none; } #colorpack-teal h4 { color: #00abbd; } /* ------------------------- *//* WORKSHOP - SALAD PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* IW - Salad Main Content */ .salad div.testimonial-block { background: #b7e5bc url(/assets/images/blocks/testimonial-block-bg-green.png) top left no-repeat; } .salad div.testimonial-block-btm { background: url(/assets/images/blocks/testimonial-block-bg-green-btm.png) top left no-repeat; } /* IW - Salad Sidebar */ /* ------------------------- *//* ABOUT PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* About Page Sidebar */ #about ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-yellow.png) top left no-repeat; } #about ul.sidebarnav li.active a { background: url(/assets/images/navigation/sidebarnav-bg-yellow-active.png) top left no-repeat; } /* ------------------------- *//* CONTACT PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Contact Main Content */ div.contact-header img { float: left; width: 307px; } ul.contact-list { padding-left: 0; } ul.contact-list li { float: left; width: 275px; } ul.contact-list li ul { clear: both; margin-bottom: 18px; padding-left: 0; } ul.email-list { clear: both; padding-left: 0; } ul.email-list li { float: left; width: 275px; } ul.email-list li ul { clear: both; margin-bottom: 18px; padding-left: 0; } ul.email-list li ul li { padding-left: 0; } ul.email-list li ul li.email-address { padding-left: 30px; color: #b2b2b2; } /* ------------------------- *//* FAQ PAGE *//* ------------------------- */ /* FAQ Main Content */ ol.faq-jump-list { list-style-type: none; padding-bottom: 10px; list-style-position: inside; } ol.faq-list { margin: 0; padding: 0; } ol.faq-list li { margin: 0; padding: 0; } ol.faq-list li.faq-question { font-size: font-size: 1.33em; font-weight: bold; padding: 10px 0 5px 0; } ol.faq-list li.faq-answer { padding: 0 0 10px 0; } ol.faq-list li.faq-answer p { display: inline; padding: 0;} /* ------------------------- *//* ACADEMY PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Sidebar */ a.sidebar-register-btn { display: block; width: 256px; height: 36px; background: url(/assets/images/navigation/sidebar-register-btn.png) top left no-repeat; text-indent: -9999px; } /* ------------------------- *//* EVENTS PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Sidebar */ a.sidebar-calendar-btn { display: block; width: 256px; height: 36px; background: url(/assets/images/navigation/sidebar-calendar-btn.png) top left no-repeat; text-indent: -9999px; } .sidebar ul.events-list { margin-top: 0; padding-top: 0; } .sidebar ul.events-list li { padding-left: 25px; } /* ------------------------- *//* MEDIA PAGE CONTENT & SIDEBAR *//* ------------------------- */ /* Media Main Content */ #media h3 { padding-left: 0; } #media div.media-post { border-top: 1px solid #cccccc; padding: 18px 0; } #media div.media-column-left, #media div.media-column-right { float: left; width: 250px; margin: 10px 20px; } #media ul.topics-list { padding: 0 0 0 18px; } #media ol.media-list { padding-left: 0px; } #media ol.media-list li { margin-bottom: 9px; } .download-icon { vertical-align: middle; margin-right: 5px; } #media div.video-column-left { float: left; width: 320px; margin: 10px 20px; } #media div.video-column-right { float: left; width: 220px; margin: 10px 20px; } #media div.big-video-column { padding: 0; margin: 0; } #media div.big-video-column h3 { margin-left: 20px; } #media div.media-column-bottom { width: 320px; margin: 10px 20px; } #media h1.gigantic { border-bottom: 1px solid #cccccc; } /* Media Page Sidebar */ ul.sidebar-mainnav li { float: left; padding: 0 5px; } ul.sidebar-mainnav li a { display: block; width: 92px; height: 47px; text-align: center; padding: 11px 0; color: #fff; font-size: 11px; } ul.sidebar-mainnav li a:hover {color:#BDBDBD;} ul.sidebar-mainnav li.homebtn a { background: url(/assets/images/navigation/sidebar-mainnav-homebtn.png) top center no-repeat; } ul.sidebar-mainnav li.speakersbtn a { background: url(/assets/images/navigation/sidebar-mainnav-speakersbtn.png) top center no-repeat; } ul.sidebar-mainnav li.workshopsbtn a { background: url(/assets/images/navigation/sidebar-mainnav-workshopsbtn.png) top center no-repeat; } #media ul.sidebarnav li a { background: url(/assets/images/navigation/sidebarnav-bg-ltblue.png) top left no-repeat; color: #fff; } #media ul.sidebarnav li ul { margin: 0; padding: 0 10px; } #media ul.sidebarnav li ul li { margin: 0; padding: 0; } #media ul.sidebarnav li ul li a { color: #fff; margin: 0; padding: 0; background: none; } .video ul.sidebarnav li.active a { background: url(/assets/images/navigation/sidebarnav-bg-ltblue-active.png) top left no-repeat; } .podcasts ul.sidebarnav li.active a { background: url(/assets/images/navigation/sidebarnav-bg-ltblue-active.png) top left no-repeat; } .publications ul.sidebarnav li.active a { background: url(/assets/images/navigation/sidebarnav-bg-ltblue-active.png) top left no-repeat; } /* ------------------------- *//* BLOG *//* ------------------------- */ /* Blog Main Content */ div.recent-blog-post { margin-bottom: 9px; padding: 10px; } div.recent-blog-post p { padding: 0 10px; } div.recent-blog-post p.blog-post-date { text-align: right; font-size: 10px; } div.recent-blog-post .talk-bubble { float: left; padding: 8px 10px 10px 0; } /* Blog Sidebar */ ul.blog-story-archive-list { padding-top: 0; margin-left: 30px; } ul.blog-story-archive-list li a {color:#fff000;} /* ------------------------- *//* BLOG *//* ------------------------- */ ul.news-arch-list li { padding: 0 0 18px 0; } /* ------------------------- *//* SUB CONTENT *//* ------------------------- */ /* Base */ ol.subcontent-social-feed li { float: left; width:282px; margin: 18px 0 0 18px; } ol.subcontent-social-feed li img { float: left; margin-right: 10px; } ol.subcontent-social-feed li span { } ol.subcontent-social-feed li.profile-link { background: none; color: #fff; font-size: 14px; } div.name_block a { color: #ff0099; } .fb-box { border-bottom: 1px solid #94a3c4; } .social-box { border: 1px solid #94a3c4; height: 135px; background:#fff; } .social-box p { font-size: 90%; padding: 10px; line-height: 10px;} .social-box .medio { font-size: 14px; font-weight: bold; } .social-box-top { background: #ECEFF5; height: 44px; padding: 10px; border-bottom: 1px solid #d8dfea; font-size: 11px; } .social-box-top a:hover { text-decoration: underline; } .page_stream { font-size: 70%; font-family: helvetica, arial; padding: 10px; } /* ------------------------- *//* FOOTER *//* ------------------------- */ /* Base */ ul.footernav { float: left; width: 200px; } ul.footernav li { padding: 5px 0; } ul.footernav li a { color: #999999; font-size: 14px; } ul.footernav li a:hover { color: #BFBFBF; } .copyright { clear: both; color: #89ACC9; border-top: 1px solid #b2b2b2; padding: 9px 0;}