/* Theme Name: The Conversation Description: Custom wordpress theme for The Conversation Author: Ashe Abbott Design Version: 4.0 */ /* RESET */ /* Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */ 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* GLOBAL */ body { background: #FBF5EF; font-family: 'ProximaNova', helvetica, arial, sans-serif; -webkit-text-size-adjust: none; } #wrapper { width: 1060px; margin: 0 auto; } .clear { clear: both; } /* TYPE */ @font-face {font-family: 'DidotLTStd';src: url('type/2AC4AC_0_0.eot');src: url('type/2AC4AC_0_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_0_0.woff') format('woff'),url('type/2AC4AC_0_0.ttf') format('truetype'); font-weight: normal; font-style: italic;} @font-face {font-family: 'DidotLTStd-Ornaments';src: url('type/2AC4AC_1_0.eot');src: url('type/2AC4AC_1_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_1_0.woff') format('woff'),url('type/2AC4AC_1_0.ttf') format('truetype');} @font-face {font-family: 'DidotLTStd';src: url('type/2AC4AC_2_0.eot');src: url('type/2AC4AC_2_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_2_0.woff') format('woff'),url('type/2AC4AC_2_0.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face {font-family: 'DidotLTStd';src: url('type/2AC4AC_3_0.eot');src: url('type/2AC4AC_3_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_3_0.woff') format('woff'),url('type/2AC4AC_3_0.ttf') format('truetype'); font-weight: bold; font-style: italic;} @font-face {font-family: 'DidotLTStd';src: url('type/2AC4AC_4_0.eot');src: url('type/2AC4AC_4_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_4_0.woff') format('woff'),url('type/2AC4AC_4_0.ttf') format('truetype'); font-weight: bold; font-style: normal;} @font-face {font-family: 'DidotLTStd-Headline';src: url('type/2AC4AC_5_0.eot');src: url('type/2AC4AC_5_0.eot?#iefix') format('embedded-opentype'),url('type/2AC4AC_5_0.woff') format('woff'),url('type/2AC4AC_5_0.ttf') format('truetype');} @font-face {font-family: 'BodoniBT-BookItalic';src: url('type/23AA42_0_0.eot');src: url('type/23AA42_0_0.eot?#iefix') format('embedded-opentype'),url('type/23AA42_0_0.woff') format('woff'),url('type/23AA42_0_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova';src: url('type/2162F8_0_0.eot');src: url('type/2162F8_0_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_0_0.woff') format('woff'),url('type/2162F8_0_0.ttf') format('truetype'),url('type/2162F8_0_0.svg#wf') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'ProximaNova';src: url('type/2162F8_5_0.eot');src: url('type/2162F8_5_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_5_0.woff') format('woff'),url('type/2162F8_5_0.ttf') format('truetype'),url('type/2162F8_5_0.svg#wf') format('svg');font-weight: normal;font-style: italic;} @font-face {font-family: 'ProximaNova';src: url('type/2162F8_1_0.eot');src: url('type/2162F8_1_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_1_0.woff') format('woff'),url('type/2162F8_1_0.ttf') format('truetype'),url('type/2162F8_1_0.svg#wf') format('svg');font-weight: bold;font-style: italic;} @font-face {font-family: 'ProximaNova';src: url('type/2162F8_4_0.eot');src: url('type/2162F8_4_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_4_0.woff') format('woff'),url('type/2162F8_4_0.ttf') format('truetype'),url('type/2162F8_4_0.svg#wf') format('svg');font-weight: bold;font-style: normal;} @font-face {font-family: 'ProximaNovaLight';src: url('type/2162F8_3_0.eot');src: url('type/2162F8_3_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_3_0.woff') format('woff'),url('type/2162F8_3_0.ttf') format('truetype'),url('type/2162F8_3_0.svg#wf') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'ProximaNovaLight';src: url('type/2162F8_2_0.eot');src: url('type/2162F8_2_0.eot?#iefix') format('embedded-opentype'),url('type/2162F8_2_0.woff') format('woff'),url('type/2162F8_2_0.ttf') format('truetype'),url('type/2162F8_2_0.svg#wf') format('svg');font-weight: normal;font-style: italic;} @font-face {font-family: 'texgyrescholaregular'; src: url('type/texgyreschola-regular-webfont.eot'); src: url('type/texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'), url('type/texgyreschola-regular-webfont.woff') format('woff'), url('type/texgyreschola-regular-webfont.ttf') format('truetype'), url('type/texgyreschola-regular-webfont.svg#texgyrescholaregular') format('svg'); font-weight: normal; font-style: normal;} p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; } .lowercase { text-transform: lowercase; } a { text-decoration: none; color: #000; } a:hover, a.pink { color: #EC2D8B; } /* Topic Colors */ a.love, span.love, .mainNav ul li ul li a.love:hover, .mainNav ul li ul li a.love.active, .sCon li.love a, h3.love, h3 span.love, .people.contribs span a.love, .post .authormore a.love, .pics h2 a.love, /*body.home ul li ul li a.love,*/ .preview.love span.h3.people.guests a, .preview.love span.more a, a.topic.love, .thumbnail.love h3.people span a, .thumbnail.love h3.people, .sidebox.videos .thumbnail.love a.topic, .sidebox.videos .thumbnail.love h3.people span a, .sidebox.videos .thumbnail.love h3.people, .post .resource h3 a.love { color: #EA2458; } .sidebox span{/**color:#fe00ed**/color:#ec2d8b;} a.wellness, span.wellness, .mainNav ul li ul li a.wellness:hover, .mainNav ul li ul li a.wellness.active, .sCon li.wellness a, h3.wellness, h3 span.wellness, .people.contribs span a.wellness, .post .authormore a.wellness, .pics h2 a.wellness, /*body.home ul li ul li a.wellness,*/ .preview.wellness span.h3.people.guests a, .preview.wellness span.more a, a.topic.wellness, .thumbnail.wellness h3.people span a, .thumbnail.wellness h3.people, .sidebox.videos .thumbnail.wellness a.topic, .sidebox.videos .thumbnail.wellness h3.people span a, .sidebox.videos .thumbnail.wellness h3.people, .post .resource h3 a.wellness { color: #AA3393; } a.truth-wisdom, span.truth-wisdom, .mainNav ul li ul li a.truth-wisdom:hover, .mainNav ul li ul li a.truth-wisdom.active, .sCon li.truth-wisdom a, h3.truth-wisdom, h3 span.truth-wisdom, .people.contribs span a.truth-wisdom, .post .authormore a.truth-wisdom, .pics h2 a.truth-wisdom, /*body.home ul li ul li a.truth-wisdom,*/ .preview.truth-wisdom span.h3.people.guests a, .preview.truth-wisdom span.more a, a.topic.truth-wisdom, .thumbnail.truth-wisdom h3.people span a, .thumbnail.truth-wisdom h3.people, .sidebox.videos .thumbnail.truth-wisdom a.topic, .sidebox.videos .thumbnail.truth-wisdom h3.people span a, .sidebox.videos .thumbnail.truth-wisdom h3.people, .post .resource h3 a.truth-wisdom { color: #1AAA54; } a.sexuality, span.sexuality, .mainNav ul li ul li a.sexuality:hover, .mainNav ul li ul li a.sexuality.active, .sCon li.sexuality a, h3.sexuality, h3 span.sexuality, .people.contribs span a.sexuality, .post .authormore a.sexuality, .pics h2 a.sexuality, /*body.home ul li ul li a.sexuality,*/ .preview.sexuality span.h3.people.guests a, .preview.sexuality span.more a, a.topic.sexuality, .thumbnail.sexuality h3.people span a, .thumbnail.sexuality h3.people, .sidebox.videos .thumbnail.sexuality a.topic, .sidebox.videos .thumbnail.sexuality h3.people span a, .sidebox.videos .thumbnail.sexuality h3.people, .post .resource h3 a.sexuality { color: #9B0A53; } a.beauty, span.beauty, .mainNav ul li ul li a.beauty:hover, .mainNav ul li ul li a.beauty.active, .sCon li.beauty a, h3.beauty, h3 span.beauty, .people.contribs span a.beauty, .post .authormore a.beauty, .pics h2 a.beauty, /*body.home ul li ul li a.beauty,*/ .preview.beauty span.h3.people.guests a, .preview.beauty span.more a, a.topic.beauty, .thumbnail.beauty h3.people span a, .thumbnail.beauty h3.people, .sidebox.videos .thumbnail.beauty a.topic, .sidebox.videos .thumbnail.beauty h3.people span a, .sidebox.videos .thumbnail.beauty h3.people, .post .resource h3 a.beauty { color: #08AFA3; } a.style, span.style, .mainNav ul li ul li a.style:hover, .mainNav ul li ul li a.style.active, .sCon li.style a, h3.style, h3 span.style, .people.contribs span a.style, .post .authormore a.style, .pics h2 a.style, /*body.home ul li ul li a.style,*/ .preview.style span.h3.people.guests a, .preview.style span.more a, a.topic.style, .thumbnail.style h3.people span a, .thumbnail.style h3.people, .sidebox.videos .thumbnail.style a.topic, .sidebox.videos .thumbnail.style h3.people span a, .sidebox.videos .thumbnail.style h3.people, .post .resource h3 a.style { color: #612A98; } a.career-finances, span.career-finances, .mainNav ul li ul li a.career-finances:hover, .mainNav ul li ul li a.career-finances.active, .sCon li.career-finances a, h3.career-finances, h3 span.career-finances, .people.contribs span a.career-finances, .post .authormore a.career-finances, .pics h2 a.career-finances, /*body.home ul li ul li a.career-finances,*/ .preview.career-finances span.h3.people.guests a, .preview.career-finances span.more a, a.topic.career-finances, .thumbnail.career-finances h3.people span a, .thumbnail.career-finances h3.people, .sidebox.videos .thumbnail.career-finances a.topic, .sidebox.videos .thumbnail.career-finances h3.people span a, .sidebox.videos .thumbnail.career-finances h3.people, .post .resource h3 a.career-finances { color: #E04117; } a.parenting, span.parenting, .mainNav ul li ul li a.parenting:hover, .mainNav ul li ul li a.parenting.active, .sCon li.parenting a, h3.parenting, h3 span.parenting, .people.contribs span a.parenting, .post .authormore a.parenting, .pics h2 a.parenting, /*body.home ul li ul li a.parenting,*/ .preview.parenting span.h3.people.guests a, .preview.parenting span.more a, a.topic.parenting, .thumbnail.parenting h3.people span a, .thumbnail.parenting h3.people, .sidebox.videos .thumbnail.parenting a.topic, .sidebox.videos .thumbnail.parenting h3.people span a, .sidebox.videos .thumbnail.parenting h3.people, .post .resource h3 a.parenting { color: #16A7D5; } .mainNav ul li ul li a.community:hover, .mainNav ul li ul li a.community.active, .mainNav ul li ul li a.meet-amanda:hover, .mainNav ul li ul li a.the-show:hover, .mainNav ul li ul li a.meet-amanda.active, .mainNav ul li ul li a.the-show.active, .mainNav ul li ul li a.contact-us:hover, .mainNav ul li ul li a.contact-us.active, .mainNav ul li ul li a.press:hover, .mainNav ul li ul li a.press.active, .mainNav ul li ul li a.team:hover, .mainNav ul li ul li a.team.active, .mainNav ul li ul li a.jobs:hover, .mainNav ul li ul li a.jobs.active, .mainNav ul li ul li a.viditem:hover, .mainNav ul li ul li a.viditem.active, .mainNav ul li ul li a.resitem:hover, .mainNav ul li ul li a.resitem.active, .mainNav ul li ul li a.artitem:hover, .mainNav ul li ul li a.artitem.active { color:#E92D88; } body.page-template-default h2 { color: #EC2D8B; } /* OVERLAYS */ span.overlay { background: url('images/overlay.png') no-repeat; } /* Slider */ .slide span.overlay.video { width: 83px; height: 49px; background-position: 0 0; position: absolute; top: 168px; left: 300px; z-index: 200; } .slide span.overlay.slideshow { width: 96px; height: 96px; background-position: 0 -50px; position: absolute; bottom: 0; left: 0; z-index: 200; } /* Home Banner */ .homeBanner { width: 1060px; display: block; margin-bottom: 20px; } /* Home Ad */ .homeAd { /* width: 1000px; height: 86px; */ display: block; } .homeAd img { margin-bottom: 20px; } /* Preview */ .previewImg span.overlay.video { width: 83px; height: 49px; background-position: -98px 0; position: absolute; top: 154px; left: 278px; z-index: 200; } .previewImg span.overlay.slideshow { width: 96px; height: 96px; background-position: -100px -50px; position: absolute; bottom: 0; left: 0; z-index: 200; } /* Thumbnail */ .thumbnailImg span.overlay.video { width: 54px; height: 32px; background-position: -200px 0; position: absolute; top: 68px; left: 123px; z-index: 200; } .thumbnailImg span.overlay.slideshow { width: 63px; height: 63px; background-position: -200px -50px; position: absolute; bottom: 0; left: 0; z-index: 200; } /* HEADER */ .logobox { width: 1060px; position: relative; margin-top: 20px; } img.logo { width: 640px; display: block; margin: 0 auto; } /* (old) img.logo { width: 750px; height: 222px; display: block; position: absolute; left: 50%; margin-left: -375px; } */ .headerSign { width: 830px; text-align: center; padding: 10px 20px 6px 20px; margin: 0 auto; border: 1px solid #000; } .headerSign .signinner { width: auto; display: inline-block; margin: 0 auto; } .headerSign .signtext { float: left; } .headerSign .mc-form { float: left; } .headerSign .signtext p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 13pt; color: #000; letter-spacing: 0; font-weight: bold; display: inline-block; margin: 4px 20px 0 0; } .headerSign .mc-form input { width: 140px; height: 11px; padding: 7px 10px; background: #E7E7E7; outline: none; border: none; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #9D9EA0; display: inline-block; margin-right: 16px; } .headerSign .mc-form input.email { width: 158px; margin-right: 0; position: relative; top: -1px; } .headerSign .mc-form input.button { width: 107px; height: 25px; background: url('images/misc.png') no-repeat; background-position: 0 -23px; border: none; margin: 0; position: relative; top: 1px; left: -4px; } .headerSign .mc-form input.button:hover { background-position: -560px -128px; } .headerSign .mc-form input.button.onclick { background-position: -682px -128px; } /* Top Nav */ .topNav ul { width: 1060px; height: 22px; margin-top: 20px; text-align:right; position:relative; z-index:9999999; } .topNav ul li { display: inline; } .topNav ul li a { /* float: right; */ text-indent: -9999px; background: url('images/misc.png') no-repeat; text-transform: lowercase; font-size: 15pt; margin-left: 6px; } .topNav ul li a.about { /* float: left; */ text-indent: 0; background: none; padding-top: 10px; letter-spacing: 0; margin-right: 20px; } .topNav ul li a.contact { /* float: left; */ text-indent: 0; background: none; padding-top: 10px; letter-spacing: 0; margin-right: 20px; } .topNav ul li a.press-link { /* float: left; */ text-indent: 0; background: none; padding-top: 10px; letter-spacing: 0; } .topNav ul li a.search { width: 21px; height: 22px; background-position: -109px -23px; } .topNav ul li a.facebook { width: 22px; height: 22px; background-position: -100px 0; } .topNav ul li a.instagram { width: 22px; height: 22px; background: url('images/insta.png') no-repeat; } .topNav ul li a.twitter { width: 22px; height: 22px; background-position: -122px 0; } .topNav ul li a.pinterest { width: 22px; height: 22px; background: url('images/pinterest.png') no-repeat; margin-left: 10px; } .topNav ul li a.tumblr { width: 22px; height: 22px; background-position: -144px 0; } .topNav ul li a.youtube { width: 22px; height: 22px; background-position: -78px 0; } .topNav ul li a.rss { width: 22px; height: 22px; background-position: -166px 0; } .topNav ul li a.subscribe { width: 100px; height: 22px; background-position: -450px 0; margin-left: 9px; } /* Main Nav */ .mainNav { margin: 50px 0 46px 0; } .mainNav ul { width: 1060px; /* height: 33px; */ height: 35px; border-top: 2px dotted #000; border-bottom: 2px dotted #000; margin: 0; position: relative; letter-spacing: -4px; /* inline-block whitespace fix */ word-spacing: -4px; /* inline-block whitespace fix for Opera */ top: -2px; } .mainNav ul li { display: inline-block; *display:inline; *zoom:1; vertical-align:top; position: relative; } .mainNav ul li a { height: 22px; padding: 10px 60px 3px 60px; display: block; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-size: 15pt; color: #000000; letter-spacing: 0; word-spacing: normal; margin-right: 0 !important; } .mainNav ul li a.conversation { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-weight: bold; } .mainNav ul li a.conversation span { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; } .mainNav ul li a:hover, .mainNav ul li a.topics.pseudohover, .mainNav ul li a.about.pseudohover { background: #D7D7D2; } /* .mainNav ul li a.topics:hover > ul.aboutsub { display:none !important; } */ /* body.home .mainNav ul li a.topics, */ .mainNav ul li a.active { background: #000; color: #fff; } /* .mainNav ul li a.search { text-indent: -9999px; background: url('images/misc.png') no-repeat; width: 21px; height: 22px; background-position: -425px -115px; padding:0; margin:0; margin-left:20px; }*/ .mainNav ul li a.search { padding-right:0; margin-right:0; } /* .mainNav ul li a.community { margin-right: 30px; } */ /* .mainNav ul li a.resources { margin-right: 0; } */ .mainNav ul li ul { width: 500px; height: 20px; display: block; position: absolute; /* top: 64px; */ top: 20px; padding-top: 30px; border: none; z-index:999999; text-align: right; } .mainNav ul li ul.topicssub { right: -475px; width: 980px !important; display: none; } .mainNav ul li ul.aboutsub { right: 0; width: 455px; display: none; } .mainNav ul li ul.videossub { right: -120px; display: none; } .mainNav ul li ul li a { padding: 0 14px; font-weight: normal; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-style: normal; font-size: 10pt; color: #000; letter-spacing: 0.2em; margin: 0; text-transform: uppercase; } .mainNav ul li ul li a.love { padding-left: 0; } .mainNav ul li ul li a.parenting { padding-left: 34px; padding-right: 0; } .mainNav ul li ul li a:hover, .mainNav ul li ul li a.active { background: none; } /* FEATURED SLIDER */ .featured.box { width: 1020px; padding: 18px 20px 34px 20px; } .featured h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; text-align: center; color: #767777; letter-spacing: 0.19em; } .featured h2 { font-family: 'ProximaNovaLight'; font-size: 24pt; text-align: center; margin: 3px 0 12px 0; } .slide { width: 686px; height: 385px; } .slide img { margin: auto; display: block; } .sCon { width: 376px; position: absolute; right: 0; z-index: 999; } .sCon li { width: 376px; height: 128px; position: relative; right: 0; display: block; list-style: none; padding: 0; } .sCon li.activeSlide { background: url('images/slider.png') no-repeat; } .sCon li.love.activeSlide { background-position: 0 0; } .sCon li.wellness.activeSlide { background-position: 0 -128px; } .sCon li.truth-wisdom.activeSlide { background-position: 0 -256px; } .sCon li.sexuality.activeSlide { background-position: 0 -384px; } .sCon li.beauty.activeSlide { background-position: 0 -512px; } .sCon li.style.activeSlide { background-position: 0 -640px; } .sCon li.career-finances.activeSlide { background-position: 0 -768px; } .sCon li.parenting.activeSlide { background-position: 0 -896px; } .sCon a { width: 294px; height: 85px; padding: 18px 36px 25px 24px; position: absolute; right: 0; display: block; border-top: 1px dashed #C9C9C9; font-family: 'ProximaNovaLight'; font-size: 16pt; letter-spacing: 0.04em; line-height: 150%; } .sCon a.last { height: 84px; border-bottom: 1px dashed #C9C9C9; } .sCon li.activeSlide a { color: #FFF; } .sCon a:focus { outline: none; } .sCon img { border: none; display: block } /* CONTENT */ .box { width: 1000px; padding: 35px 30px 40px 30px; background: #FFF; /* box-shadow: 0px 0px 5px 2px #e9e9e7; */ box-shadow: 0px 0px 5px 2px #e6e6e6; -moz-box-shadow: 0px 0px 5px 2px #e6e6e6; -webkit-box-shadow: 0px 0px 5px 2px #e6e6e6; position: relative; margin-bottom: 40px; display: inline-block; } .main { width: 640px; float: left; position: relative; } .main-full { width: 1000px; } .tabs { width: 1000px; display: block; border-bottom: 1px solid #C6C6C6; position: relative; } .tabs.sm { width: 640px; display: inline-block; } /* Style Ad */ .styleAd { /* width: 1000px; height: 560px; */ display: block; } .styleAd img { margin-bottom: 50px; } .content, .ymal, .commentsBox, .textBox, .seccontent, .recent { position: relative; } .contentInner, .ymalInner, .view1, .view2, .commentsBoxInner, .postInner, .seccontentInner, .recentInner { width: 640px; } .contentInner.empty, .ymalInner.empty, .postInner.empty, .seccontentInner.empty { position: absolute; top: 0; left: 0; } .commentsBoxInner.empty { top: -15px; } .main h3, .content h3, .ymal h3, .fullWidth h3, .mainext h3, .terms.box h3 { font-family: 'ProximaNova'; font-size: 16pt; border-bottom: 1px solid #C6C6C6; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0.15em; } .main h3 span { width: 350px; float: left; display: block; position: relative; bottom: -3px; } .newsletterBox h3.header, .terms.box h3.header { margin-top: 0; } .main h3.header.bottom, .content h3.header.bottom, .ymal h3.header.bottom { margin-top: 60px; } h3.subheader { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; border: 0; margin-bottom: 20px; } h3.search.header { } /* Preview */ .preview { margin-top: 40px; } .preview.first { margin-top: 10px; } .preview.home.first { margin-top: 0; } .preview .content { min-height: 168px; margin-bottom: 40px; } .preview .content.no-pic { min-height: 0; margin-bottom: 30px; } .previewImg { width: 640px; height: auto; position: relative; margin: 20px 0 34px 0; text-align: center; } .previewImg img { width: 640px; height: auto; } .preview .thumbnailImg { width: 300px; height: 168px; position: relative; float: right; margin: 0 0 10px 30px; } .preview .authorthumb { width: 95px; height: 95px; float: left; margin-right: 14px; } .preview h3, .preview span.h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; /* color: #767777; */ color: #EC2D8B; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 4px; display: inline-block; } .preview h3 span, .preview h3 span a, .preview span.h3 span, .preview span.h3 span a { font-size: 11pt; text-transform: none; letter-spacing: 0.07em; line-height: 100%; } .preview h3 a:hover, .preview h3 span a:hover { color: #000; } .preview h3.people, .preview span.h3.people { margin-bottom: 6px; display: inline; } .preview span.h3.people.guests a { line-height: 140%; } .peopleList { margin: 10px 0 6px 0; } p.pprev { height: 100px; } .authorthumb.pprev { margin-bottom: 10px; } .preview h2, .preview h2 a, .preview span.h2, .preview span.h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; /* font-style: italic; */ /* text-transform: uppercase; */ font-size: 18pt; color: #000000; /* letter-spacing: 0.05em; */ margin-bottom: 6px; display: inline; line-height: 107%; } .preview span.h2 { display: block; margin-top: 10px; line-height: 125%; } .preview h2.answer { margin-top: 10px; margin-bottom: 6px; width: 640px; display: inline; } .preview p.answer { margin-top: 0; } .preview p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.05em; line-height: 130%; margin-top: 12px; } .preview span.more a { font-weight: bold; margin-left: 7px; } .preview .line { width: 100%; border-bottom: 1px solid #C6C6C6; } /* Thumbnail */ .thumbnail { width: 300px; height: 330px; float: left; margin-bottom: 40px; } .thumbnail.right { float: right; } .main-full .thumbnail, .sidebox.videos .thumbnail, .main-full .thumbnailAlt, .sidebox.morefaves .thumbnail, .main .thumbnail { width: 300px; height: 260px; float: left; padding-bottom: 18px; border-bottom: 1px dashed #C6C6C6; margin: 20px 50px 0 0; } .main-full .thumbnail, .main .thumbnail { height: 285px; } .main .thumbnail { padding-bottom: 22px; margin: 20px 0 0 0; } .main .thumbnail.right { float: right; } .thumbnail.resource { height: 174px; } .sidebox.videos .thumbnail { height: auto; padding-bottom: 10px; } .main-full .thumbnail.right, .main-full .thumbnailAlt.right { margin-right: 0; } .sidebox.morefaves .thumbnail.first, .sidebox.videos .thumbnail.first { margin-top: 0; } .thumbnailAlt h2 a, .sidebox.morefaves .thumbnail h2 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; text-transform: none; letter-spacing: 0.06em; color: #000000; } .thumbnailImg { width: 300px; height: 168px; position: relative; margin-bottom: 12px; } .thumbnailAltImg { width: 300px; height: 212px; position: relative; margin-bottom: 10px; } .thumbnailImg img, .thumbnailAltImg img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .thumbnail h3, .thumbnail h3 a, .sidebox.videos .thumbnail h3, .sidebox.videos .thumbnail h3 a, .thumbnailAlt h3, .thumbnailAlt h3 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; color: #767777; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 6px; font-weight: normal; } .sidebox.videos .thumbnail h3 { margin: -5px 0 1px 0; } .thumbnail h3 span, .thumbnail h3 span a, .sidebox.videos .thumbnail h3 span, .sidebox.videos .thumbnail h3 span a, .thumbnailAlt h3 span, .thumbnailAlt h3 span a { font-size: 11pt; text-transform: none; letter-spacing: 0.07em; line-height: 140%; font-weight: normal; } .thumbnail h2, .thumbnail h2 a, .sidebox.videos .thumbnail h2, .sidebox.videos .thumbnail h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 13pt; text-transform: uppercase; /* letter-spacing: 0.12em; */ color: #000000; line-height: 120%; margin-bottom: 8px; } .sidebox.videos .thumbnail h2 { margin-bottom: 14px; } .thumbnail h3.people { height: 44px; overflow: hidden; } .sidebox.videos .thumbnail h3.people { height: auto; overflow: show; } .main h3.people span { width: auto; float: none; display: inline; position: relative; bottom: 0; } .see { width: 640px; height: 21px; text-align: right; margin-bottom: 24px; } .see a { width: 159px; height: 21px; display: inline-block; background: url('images/misc.png') no-repeat; background-position: 0 -92px; } /* Share */ .share { width: 640px; height: 22px; position: relative; margin-top: 16px; padding-bottom: 6px; border-bottom: 1px dashed #C9C9C9; } .post .share { margin-top: 35px; } .share span, .share span a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; color: #767777; letter-spacing: 0.2em; } .share span a:hover { color: #000; } .share .extbuttons { float: left; } .share .extbuttons span { letter-spacing: 0; } iframe.twitter-share-button { width: 96px !important; position: relative; top: 2px; } .fb_iframe_widget { top: -3px; overflow: show !important; } .st_twitter_hcount { position: relative; bottom: 3px !important; margin-right: 20px; } .st_fblike_hcount { position: relative; bottom: -2px !important; margin-right: 30px; } .share span.word { width: 61px; height: 21px; background: url('images/misc.png') no-repeat; background-position: -682px -186px; float: left; margin: 1px 10px 0 0; cursor: pointer; } .share .buttons { width: 210px; height: 22px; display: inline-block; position: relative; float: left; cursor: pointer; } .share .buttons span { width: 22px; height: 22px; display: inline-block; margin: 0 4px 0 0; } .st_facebook_custom { background: url('images/misc.png') no-repeat; background-position: 0 -69px; } .st_twitter_custom { background: url('images/misc.png') no-repeat; background-position: -22px -69px; } .st_pinterest_custom { background: url('images/misc.png') no-repeat; background-position: -44px -69px; } .st_tumblr_custom { background: url('images/misc.png') no-repeat; background-position: -66px -69px; } .st_wordpress_custom { background: url('images/misc.png') no-repeat; background-position: -88px -69px; } .st_google_custom { background: url('images/misc.png') no-repeat; background-position: -110px -69px; } .st_stumbleupon_custom { background: url('images/misc.png') no-repeat; background-position: -132px -69px; } .st_sharethis_custom { background: url('images/misc.png') no-repeat; background-position: -154px -69px; } .share .buttons span.close { width: 22px; height: 22px; position: absolute; right: 0; cursor: pointer; } .share .buttons span.close span { width: 13px; height: 3px; background: #000; position: absolute; top: 10px; cursor: pointer; } .share span.date { float: right; margin: 12px 0 0 0; } .share span.comments, .share span.commentsButton, .share span.extCommentsButton { float: right; margin: 12px 0 0 0; cursor: pointer; } .share span.comments:hover, /* .share span.commentsButton:hover, .share span.extCommentsButton:hover */ { color: #000; } /* Videos */ .playerBox { width: 1000px; margin-bottom: 30px; } /* Guests & Contribs */ /* Main page */ .personthumb { width: 184px; height: 226px; float: left; margin: 30px 20px 10px 0; } .personthumb.third { float: right; margin-right: 0; } .personthumb img { margin-bottom: 8px; } .personthumb a.name { font-family: 'ProximaNovaLight'; font-size: 14pt; line-height: 100%; } /* Person page */ .bio.box { width: 1000px; padding: 30px 30px 40px 30px; } .bio .left { width: 300px; float: left; } .bio img { width: 300px; height: 300px; margin-right: 40px; } .bio .right { width: 660px; float: right; } .bio h3.header { font-family: 'ProximaNovaLight'; font-size: 21pt; padding-bottom: 2px; border-bottom: 1px solid #939393; margin-bottom: 20px; letter-spacing: 0.1em; } .bio h3.role { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; color: #A4A3A4; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 20px; } .bio a { color: #EC2D8B; } /* About */ .aboutamanda { margin-bottom: 40px; } .aboutamanda img { width: 640px; min-height: 358px; position: relative; margin-bottom: 20px; } .aboutamanda h2, .aboutamanda h2 a { font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; font-size: 21pt; letter-spacing: 0.07em; color: #EC2D8B; margin-bottom: 11px; } .aboutamanda p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.05em; line-height: 130%; margin-top: 12px; } .aboutamanda a { color: #EC2D8B; } .teamthumb { width: 200px; height: 270px; float: left; margin: 20px 20px 0 0; } .teamthumb.third { float: right; margin: 20px 0 0 0; } .teamthumb img { margin-bottom: 8px; } .teamthumb span.tmname { display: block; font-family: 'ProximaNovaLight'; font-size: 14pt; } .teamthumb span.job { display: block; font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; font-size: 12pt; color: #767777; margin-top: 4px; } .teamthumb a.twit { display: block; font-family: 'ProximaNovaLight'; font-size: 12pt; margin-top: 4px; } /* Single Pages */ .mainext { width: 640px; float: left; } .post { margin-bottom: 40px; } .postImg { width: 640px; position: relative; margin-bottom: 20px; } span.watermark { width: 50px; height: 18px; position: absolute; right: 25px; bottom: 25px; } span.watermark.dark { background: url('images/watermark.png') no-repeat; background-position: 0 0; } span.watermark.light { background: url('images/watermark.png') no-repeat; background-position: 0 -18px; } span.watermark.none { background: none; } .post h3, .post h3 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; color: #767777; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 20px; } .post h3.people, .post span.h3.people { margin-bottom: 0px; display: block; } .post h3.people.guests, .post h3.people.guests a { color: #767777; margin-top: 15px; line-height: 140%; } .post h3 span, .post h3 span a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.05em; text-transform: none; color: #000; } .post h3 a:hover, .post h3 span a:hover { color: #000; } .post h3.subheader { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; border: 0; margin: 40px 0 30px 0; color: #000; } .post h3.subheader span.all a { font-weight: normal; font-size: 11pt; color: #767777; } .post h2, .post h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; /* font-style: italic; */ /* text-transform: uppercase; */ font-size: 18pt; font-weight: normal; color: #000000; /* letter-spacing: 0.05em; */ margin-bottom: 15px; line-height: 120%; } .post .purchase a { height: 12px; display: inline-block; padding: 12px 20px 0 20px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 9pt; color: #FFF; letter-spacing: 0.1em; background: #000; border: 1px solid #C6C6C6; margin-bottom: 20px; line-height: 0; } .post .purchase.nameless a { height: 11px; padding-top: 13px; } .post .purchase a span { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; text-transform: lowercase; font-size: 12pt; letter-spacing: 0; line-height: 0; } .post p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.05em; line-height: 130%; margin: 20px 0 10px 0; } .post a { color: #EC2D8B; } .post span.more a { font-weight: bold; margin-left: 7px; } .post .postImg img, .post p img { width: 640px; height: auto; } .wp-caption { margin: 40px auto; color: #767777; } .post .authorinfo { min-height: 95px; margin: 30px 0; } .post .authorthumb { width: 95px; height: 95px; float: left; margin: 0 14px 10px 0; } .post .authorbio { display: inline; font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; font-style: italic; color: #767777; line-height: 135%; } .post .authormore h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; color: #000; text-transform: uppercase; letter-spacing: 0.12em; padding-bottom: 1px; margin: 0 0 8px 0; } .post .authormore span.all a { font-weight: normal; font-size: 11pt; color: #808284; display: inline; } .post .authormore a { font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; margin-bottom: 5px; display: block; letter-spacing: 0.05em; text-align: center; } .post .authormore li { height: 210px; width: 196px; margin-right: 24px; list-style: none; float: left; } .post .authormore li.third { margin-right: 0!important; } .post .authormore li img { width: 196px; height: auto; } .post .authormore { height: 155px!important; display: block; } .post .authormore .img_container_author { height: 96px!important; overflow: hidden; display: block; width: 196px; float: left; margin-bottom: 5px; } span.commentsClose, span.commentsAll a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #767777; letter-spacing: 0.2em; cursor: pointer; } span.commentsAll a:hover { color: #000; } .view2 .ymal2 { margin-bottom: 14px; } .view2 .ymal2.ad { float: right; } /* Single Navigation */ #nav-single-top { width: 640px; padding-bottom: 2px; border-bottom: 1px solid #C6C6C6; text-transform: uppercase; font-size: 11pt; letter-spacing: 0.05em; margin-bottom: 20px; } #nav-single-top span.title { width: 380px; display: inline-block; text-align: center; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; letter-spacing: 0.1em; } #nav-single-top span.nav-prev, #nav-single-top span.nav-next { width: 125px; display: inline-block; font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; position: relative; top: -2px; } #nav-single-top span.nav-prev a, #nav-single-top span.nav-next a { color: #000; } #nav-single-top span.nav-prev { text-align: left; } #nav-single-top span.nav-next { text-align: right; } #nav-single-top span span { width: 13px; height: 16px; display: inline-block; background: url('images/misc.png') no-repeat; position: relative; top: 2px; } #nav-single-top span.nav-prev span { background-position: -330px -114px; margin-right: 10px; } #nav-single-top span.nav-next span { background-position: -346px -114px; margin-left: 10px; } #nav-single-bot { width: 640px; padding-top: 20px; border-top: 1px dashed #C6C6C6; text-transform: uppercase; font-size: 18pt; letter-spacing: 0.05em; margin: 50px 0; } #nav-single-bot span.nav-prev, #nav-single-bot span.nav-next { width: 316px; display: inline-block; font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; position: relative; top: -2px; } #nav-single-bot span.nav-prev a, #nav-single-bot span.nav-next a { color: #000; } #nav-single-bot span.nav-prev { text-align: left; } #nav-single-bot span.nav-next { text-align: right; } #nav-single-bot span span { width: 18px; height: 22px; display: inline-block; background: url('images/misc.png') no-repeat; position: relative; top: 2px; } #nav-single-bot span.nav-prev span { background-position: -365px -114px; margin-right: 10px; } #nav-single-bot span.nav-next span { background-position: -385px -114px; margin-left: 10px; } /* Comments - Disqus */ #disqus_thread { padding-bottom: 20px; } #disqus_thread h3 { display: none; } /* Comments - Facebook */ .commentBox { min-height: 200px; margin-bottom: 50px; } .commentsBox { margin-top: 0; } #respond { min-height: 110px; margin-bottom: 50px; position: relative; } p.logged-in-as { width: 100px; float: left; } h3#reply-title, p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-notes, p.form-allowed-tags { display: none; } p.fbloginmsg { width: 522px; margin-top: -18px; margin-bottom: 50px; float: right; } #comment-user-details { width: 82px; height: 24px; float: left; } #alt-login-methods p { padding-top: 0; margin-top: 0; } p.comment-form-comment { width: 523px; height: 113px; margin: 0 0 -18px 0; background: url('images/comments.png') no-repeat; background-position: 0 0; float: right; } label[for=comment] { display: none; } textarea#comment { width: 502px; height: 58px; padding: 10px; background: transparent; border: 1pc solid #f0f0f0; outline: none; resize: none; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } span.sfc_comm_share_box { clear: both; display: inline-block; position: absolute; top: 103px; right: 80px; color: #929498; } p.form-submit { clear: both; width: 61px; height: 25px; position: absolute; top: 87px; right: 0; z-index: 999; } input#submit { width: 61px; height: 25px; background: url('images/misc.png') no-repeat; background-position: -330px -68px; border: none; text-indent: -9999px; float: right; } input#submit:hover { background-position: -560px -68px; } input#submit.onclick { background-position: -682px -68px; } #fb-user { clear: both; width: 640px !important; height: 85px !important; position: relative; } span#fb-msg { width: 523px; height: 30px; display: inline-block; position: absolute; bottom: 0; right: 0; font-family: 'ProximaNova'!important; font-size: 12pt !important; letter-spacing: 0.06em !important; line-height: 100% !important; } span.log { font-family: 'ProximaNova'!important; font-size: 9pt !important; letter-spacing: 0.06em !important; line-height: 100% !important; color: #929498; } ol.commentlist li { clear: both; width: 640px; min-height: 50px; } .commentMain { margin-bottom: 16px; } .comment-author.photo { width: 50px; height: 50px; margin-top: 16px; float: left; } .commentcontent { width: 525px; float: right; } .commenttext { width: 525px; } .commenttext p { margin: 18px 0 0 0; } .comment-meta.commentmetadata { width: 532px; margin: 7px 0 0 0; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 9pt; letter-spacing: 0.06em; line-height: 100%; color: #929498; text-transform: lowercase; } .comment-meta.commentmetadata a, .comment-meta.commentmetadata cite { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 9pt; letter-spacing: 0.06em; line-height: 100%; color: #929498; text-transform: lowercase; } .commentLine { width: 640px; height: 1px; margin-bottom: 16px; border-bottom: 1px dashed #C9C9C9; } .commentLine.short { width: 516px; height: 1px; border-bottom: 1px dashed #C9C9C9; position: absolute; right: 0; } ol.commentlist li.depth-2 { width: 566px; min-height: 50px; margin-bottom: 16px; position: relative; float: right; } ol.commentlist li.depth-2 .commentMain { margin-top: 16px; } ol.commentlist li.depth-2 .commentcontent { width: 452px; float: right; } ol.commentlist li.depth-2 .commenttext { width: 452px; } .reply-text { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11pt; letter-spacing: 0.06em; line-height: 100%; color: #929498; text-transform: lowercase; margin-left: 118px; } a#cancel-comment-reply-link { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11pt; letter-spacing: 0.06em; line-height: 100%; color: #929498; text-transform: lowercase; display: block; } /* Comment Ratings */ .rating { width: 40px; height: 40px; margin: 21px 10px 0 0; float: left; } ol.commentlist li.depth-2 .rating { margin-top: 37px; } div.updown-vote-box { width: 40px; height: 40px; position: relative; } div.updown-vote-box div { width: 40px; height: 40px; margin: 0; padding: 0; line-height: 100%; } div.updown-vote-box div.updown-up-count, div.updown-vote-box div.updown-down-count { width: 15px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; letter-spacing: 0.06em; line-height: 100%; color: #929498; text-align: right; position: absolute; left: 0; } div.updown-vote-box div.updown-up-count { top: 1px; } div.updown-vote-box div.updown-down-count { top: 25px; } img.updown-button { width: 15px; height: 15px; cursor: pointer; position: absolute; right: 0; } img.updown-up-button { padding-bottom: 5px; border-bottom: 1px solid #ACADAF; top: 0; } img.updown-down-button { bottom: 0; } div.updown-vote-box div.updown-label { display: none; } /* Pic of the day */ span.piclogo { width: 177px; height: 25px; background: url('images/misc.png') no-repeat; background-position: 0 -210px; display: inline-block; margin-bottom: -6px; } span.date.pink { font-size: 16pt; color: #EC2D8B; } span.all a { font-weight: normal; font-size: 11pt; color: #808284; text-transform: lowercase; } .pics { margin-bottom: 40px; } .picImg { width: 640px; position: relative; margin-bottom: 20px; } .pics .imgBox { width: 640px; position: relative; } .pics .imgBox .image { width: 640px; text-align: center; } .pics .imgBox .image img { margin: 0 auto; } .pics h3, .pics h3 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; color: #767777; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 6px; } .pics h3 span, .pics h3 span a { text-transform: none; letter-spacing: 0.07em; } .pics h3 a:hover, .pics h3 span a:hover { color: #000; } .pics h3.subheader { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; border: 0; margin: 40px 0 30px 0; color: #000; } .pics h3.subheader span.all a { font-weight: normal; font-size: 11pt; } .pics h2, .pics h2 a { font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; font-size: 21pt; letter-spacing: 0.07em; margin-bottom: 11px; } .pics p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; } .pics span.more a { font-weight: bold; margin-left: 7px; } .pics .bottomstuff { position: absolute; bottom: 0; } /* Question of the week */ .clr { width: 100%; height: 1px; clear: both; display: block; } span.qlogo { width: 380px; height: 20px; background: url('images/cs.png') no-repeat; display: inline-block; margin-bottom: 0px; margin-left: 40px; } span.num.pink { font-size: 18pt; color: #EC2D8B; } span.num.pink span { font-size: 11pt; position: relative; bottom: 8px; } span.all a { font-weight: normal; font-size: 11pt; color: #808284; } h2.answer { margin-top: 40px; } p.answer { margin-bottom: 30px; } p.answer span.commentsButton { cursor: pointer; } /* Slideshow */ .slideshowBox { width: 1000px; height: 560px; position: relative; margin-bottom: 30px; } .slideshow { width: 1000px; height: 560px; position: relative; } .slideImg { width: 1000px; height: 560px; position: relative; } .slideImg .image { width: 640px; height: 560px; float: left; position: relative; } .slideImg .image img { margin: auto; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .slideImg .text { width: 300px; height: 500px; position: absolute; right: 0; bottom: 0; } .slideImg .title { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; padding-bottom: 3px; border-bottom: 1px solid #939393; margin-top: -7px; margin-bottom: 18px; } .slideImg .description { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } .slideshowBox .controls { width: 300px; height: 25px; position: absolute; top: 0; right: 0; z-index: 999; } .controls #prev, .controls #next { width: 95px; height: 25px; background: url('images/misc.png'); cursor: pointer; outline: none; display: inline-block; position: absolute; top: 0; } .controls #prev { background-position: -225px -40px; left: 0; } .controls #next { background-position: -225px -65px; right: 0; } #countLine { width: 110px; height: 19px; background: #E7E7E7; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #000; display: inline-block; position: absolute; top: 0; left: 95px; text-align: center; padding-top: 6px; } /* Resources */ .resourcesBox .content, .resourcesBox .seccontent { margin-bottom: 40px; } .resourcesBox.topic { margin-bottom: 80px; } .post .resource { width: 640px; min-height: 166px; display: block; margin-bottom: 30px; } .post .resource .left { width: 500px; float: left; } .post .resource h2, .post .resource h2 a { font-size: 14pt; letter-spacing: 0.12em; } .post .resource span.more { display: none; } .post .resource .right { width: 120px; height: 160px; float: right; position: relative; } .post .resource .image { width: 120px; height: 160px; margin: 0; padding: 0; display: inline-block; } .post .resource .image img { margin: auto; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .post a.original { display: inline-block; margin-top: 10px; color: #767777; } .post a.original:hover { color: #000; } .post.resource .resbuffer { height: 140px; } .post.resource .postImg { width: 213px; height: 276px; position: relative; float: right; margin: 0 0 20px 20px; } .post.resource .imgBox { margin-bottom: 0; } .post.resource .postImg img { width: auto; height: auto; margin: auto; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .post.resource h2, .post.resource h2 a { width: 400px; float: left; clear: none; margin-bottom: 6px; } .post.resource h3.people, .post.resource span.h3.people { width: 400px; float: left; clear: none; margin-bottom: 20px; } .post.resource h3.people.guests { margin-top: 0; } /* Newsletter */ .signup.box { width: 1000px; padding: 40px 30px 40px 30px; text-align: center; } .newslogo { width: 256px; height: 72px; background: url('images/weeklylog.jpg') no-repeat; margin: 0 auto; } .signup.box p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; } .signup.box .desc p { font-family: 'ProximaNovaLight'; font-size: 18pt; color: #4E4E4E; letter-spacing: 0.06em; line-height: 130%; } .signup.box .callto { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 13pt; letter-spacing: 0.06em; line-height: 130%; text-transform: uppercase; margin: 20px 0; } .signup.box .callto p { text-transform: none; display: inline; font-size: 14pt; } .signup.box .recentlink { margin-top: 20px; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 14pt; } .signup.box .recentlink p a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; letter-spacing: 0.06em; line-height: 130%; text-transform: uppercase; font-size: 13pt; color: #EC2D8B; font-style: normal; } .signup.box .recentlink p { display: inline; } /* .signup.box .mc-form { position: relative; } .signup.box .mc-form input { width: 140px; height: 11px; padding: 7px 10px; background: #E7E7E7; outline: none; border: none; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #9D9EA0; display: inline-block; margin-right: 16px; } .signup.box .mc-form input.email { width: 258px; margin-right: 0; } .signup.box .mc-form input.button { width: 107px; height: 25px; background: url('images/misc.png') no-repeat; background-position: 0 -23px; border: none; float: right; margin: 10px 2px 0 0; } .signup.box .mc-form input.button:hover { background-position: -560px -128px; } .signup.box .mc-form input.button.onclick { background-position: -682px -128px; } */ .signup.box .mc-form { width: 222px; margin: 8px auto 0 auto; } .signup.box .mc-form .inwrap { width: 222px; position: relative; } .signup.box .mc-form input { width: 140px; height: 9px; padding: 16px 10px 12px 10px; background: #fff; outline: none; border: 1px solid #000; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 11pt; color: #808086; display: inline-block; margin-right: 16px; } .signup.box .mc-form input.email { width: 180px; padding: 16px 30px 12px 10px; margin-right: 0; } .signup.box .mc-form input.button { width: 9px; height: 20px; background: url('images/arrow.png') no-repeat; border: none; position: absolute; top: 10px; right: -20px; } .signup.box ul { width: 540px; text-align: left; margin: 20px auto 40px auto; } .signup.box li { margin: 10px 0 10px 10px; padding-left: 20px; background: url('images/bullet.png') no-repeat 0 4px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } .signup.box .sidebar li { margin: 10px 0 10px 10px; padding-left: 20px; background: url('images/bullet.png') no-repeat 0 4px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } .mc-form2 { width: 222px; margin: 8px auto 0 auto; } .mc-form2 .inwrap { width: 222px; position: relative; } .mc-form2 input { width: 140px; height: 9px; padding: 16px 10px 12px 10px; background: #fff; outline: none; border: 1px solid #000; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 11pt; color: #808086; display: inline-block; margin-right: 16px; } .mc-form2 input.email { width: 180px; padding: 16px 30px 12px 10px; margin-right: 0; } .mc-form2 input.button { width: 9px; height: 20px; background: url('images/arrow.png') no-repeat; border: none; position: absolute; top: 10px; right: -20px; } .newsletterBox span.date { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; color: #767777; } /* Terms */ .terms.box { width: 1000px; padding: 30px 30px 40px 30px; } .terms.box ol { list-style-type: decimal; margin-left: 60px; } .terms.box ul { list-style-type: disc; margin-left: 100px; } /* Contact */ .sidebox.con.mainbox { width: 640px; } .sidebox.con h3.buffer { margin-top: 40px; } #conForm { width: 640px; margin: 30px 0; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; } #conForm .left { width: 300px; float: left; } #conForm .right { width: 300px; float: right; } #conForm label { display: block; margin-bottom: 6px; } #conForm input { background: #E7E7E7; border: 0 none; width: 292px; height: 18px; padding: 4px; margin-bottom: 20px; text-indent:5px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; outline: none; } #conForm .dropdown_wrapper { width: 300px; height: 26px; padding: 0; float: right; background: #E7E7E7 url('images/misc.png') no-repeat -228px -180px; margin-bottom: 14px; } #conForm ul.dropdown_list, #conForm ul.dropdown_list li { width: 300px; height: 26px; margin: 0; padding-left: 0; list-style: none; } #conForm a.dropdown, #conForm ul.dropdown_list li a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; text-transform: lowercase; color: #000; padding: 6px 5px 5px 10px; text-align: left; display: block; } #conForm a.dropdown { cursor: pointer; outline:0; text-decoration:none; color: #9D9EA0; } #conForm ul.dropdown_list { margin-top: -26px; } #conForm ul.dropdown_list li a { text-decoration: none; background: #E7E7E7; color: #000; } #conForm ul.dropdown_list li a.hover { background: #232323; color: #FFF; } #conForm p.policy { margin-top: 9px; float: left; } #conForm input.policy { width: auto; position: relative; top: 6px; } #conForm .policy { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; } #conForm .policy a { color: #EC2D8B; } #conForm textarea { width: 612px; height: 156px; padding: 14px; background: #E7E7E7; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; border: 0 none; resize: none; outline: none; } #conForm p { margin: 14px 0 7px 0; } #conForm input.button { width: 118px; height: 25px; background: url('images/misc.png') no-repeat; background-position: -325px 0; border: none; float: right; margin-top: 10px; } #conForm input.button:hover { background-position: -560px 0; } #conForm input.button.onclick { background-position: -682px 0; } h3.success { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; border: none; margin-top: 20px; color: #EC2D8B; } #conForm_visitor_errorloc, #conForm_visitormail_errorloc, #conForm_policy_errorloc { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; letter-spacing: 0.12em; border: none; margin-top: 20px; color: #EC2D8B; } #conForm_visitormail_errorloc { margin-top: 0; } /* POPUPS */ .comm { margin-bottom: 20px; } .comm input#s { background: #E7E7E7; border: 0 none; width: 212px; height: 18px; padding: 5px 4px 3px 4px; margin-bottom: 10px; text-indent:5px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; outline: none; float: right; } .comm.divider { width: 300px; height: 1px; background: #939393; margin-top: 18px; } h3.comm { border: none !important; margin-top: 10px; } h3.comm span { font-family: 'DidotLTStd', Times New Roman, Times, serif !important; font-style: italic !important; font-weight: normal !important; text-transform: lowercase !important; color: #EC2D8B !important; margin: 0 !important; padding: 0 !important; } #searchbox { width: 256px; height: 12px; padding: 30px 30px 40px 30px; position: relative; overflow: show; } #searchbox .sidebox { margin-bottom: 0; } #searchbox .sidebox.search { width: 256px; display: inline-block; } #searchbox input#s { background: #DEDEDE; border: none; outline: none; width: 165px; height: 12px; padding: 5px 4px 4px 4px; margin-bottom: 10px; text-indent: 5px; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 8pt; color: #000; letter-spacing: 0; font-weight: normal; text-transform: lowercase; float: left; } #s::-webkit-input-placeholder, #s::-moz-placeholder, #searchbox placeholder { color: #808080; } #fancybox-close { position: absolute; bottom: -20px !important; right: 0px; width: 11px !important; height: 11px !important; background: transparent url('images/misc.png') no-repeat !important; background-position: -190px -34px !important; cursor: pointer; z-index: 1103; display: none; } #splash1 { width: 640px; height: 360px; padding: 40px 40px 30px 40px; } #splash2 { width: 640px; height: 440px; padding: 40px 40px 30px 40px; } #splash1 p, #splash2 p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; } #splash1 .callto, #splash2 .callto { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 13pt; letter-spacing: 0.06em; line-height: 130%; text-transform: uppercase; margin: 20px 0; } #splash1 .callto p, #splash2 .callto p { text-transform: none; display: inline; font-size: 14pt; } #splash2 .mc-form { position: relative; } #splash2 .mc-form input { width: 140px; height: 11px; padding: 7px 10px; background: #E7E7E7; outline: none; border: none; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #9D9EA0; display: inline-block; margin-right: 16px; } #splash2 .mc-form input.email { width: 258px; margin-right: 0; } #splash2 .mc-form input.button { width: 107px; height: 25px; background: url('images/misc.png') no-repeat; background-position: 0 -23px; border: none; float: right; margin: 10px 2px 0 0; } #splash2 .mc-form input.button:hover { background-position: -560px -128px; } #splash2 .mc-form input.button.onclick { background-position: -682px -128px; } #splash2 .info { width: 560px; margin: 40px auto; } #splash2 li { margin: 10px 0 10px 10px; padding-left: 20px; background: url('images/bullet.png') no-repeat 0 4px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } #splash1 p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; margin-top: 12px; text-align: center; } #splash1 .desc p { font-family: 'ProximaNovaLight'; font-size: 18pt; color: #4E4E4E; letter-spacing: 0.06em; line-height: 130%; } #splash1 .callto { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 13pt; letter-spacing: 0.06em; line-height: 130%; text-transform: uppercase; margin: 20px 0; } #splash1 .callto p { text-transform: none; display: inline; font-size: 14pt; } #splash1 ul { width: 540px; text-align: left; margin: 20px auto 40px auto; } #splash1 li { margin: 10px 0 10px 10px; padding-left: 20px; background: url('images/bullet.png') no-repeat 0 4px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; line-height: 130%; } #splash1 .mc-form { width: 222px; margin: 8px auto 0 auto; } #splash1 .mc-form .inwrap { width: 222px; position: relative; } #splash1 .mc-form input { width: 140px; height: 9px; padding: 16px 10px 12px 10px; background: #fff; outline: none; border: 1px solid #000; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 11pt; color: #808086; display: inline-block; margin-right: 16px; } #splash1 .mc-form input.email { width: 180px; padding: 16px 30px 12px 10px; margin-right: 0; } #splash1 .mc-form input.button { width: 9px; height: 20px; background: url('images/arrow.png') no-repeat; border: none; position: absolute; top: 10px; right: -20px; } #splash1 #modal_close { width: 120px; height: 12px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 10pt; letter-spacing: 0.06em; line-height: 130%; text-transform: uppercase; margin-top: 50px; margin-right: 3px; color: #000; float: right; text-align: right; cursor: pointer; } /* PAGINATION */ .newPag, .newPag2, .newPag3, .newPag4, .newPag5, .newPag6, .newPag7 { width: 640px; height: 20px; margin: 20px 0 30px 0; } .full .wpapi_pagination, .empty .wpapi_pagination, .full .wpapi_preview_pagination, .empty .wpapi_preview_pagination, .full .wpapi_secondary_pagination, .empty .wpapi_secondary_pagination, .full .wpapi_ymal_pagination, .empty .wpapi_ymal_pagination, .full .contrib_pagination, .empty .contrib_pagination, .full .guest_pagination, .empty .guest_pagination, .full .commentPage, .empty .commentPage { display: none; } .wpapi_pagination, .wpapi_ymal_pagination, .commentPage, .guest_pagination, .contrib_pagination, .wpapi_secondary_pagination, .wpapi_preview_pagination { width: 640px; height: 11px; padding: 6px 0 0 0; font-family: 'ProximaNovaLight', helvetica, arial, sans-serif; font-weight: bold; font-size: 16pt; text-align: center; position: relative; z-index: 100; } .commentPage { margin: 75px 0 50px 0; } .wpapi_pagination span, .wpapi_pagination a, .wpapi_ymal_pagination span, .wpapi_ymal_pagination a, .commentPage span, .commentPage a, .guest_pagination span, .guest_pagination a, .contrib_pagination span, .contrib_pagination a, .wpapi_secondary_pagination span, .wpapi_secondary_pagination a, .wpapi_preview_pagination span, .wpapi_preview_pagination a { display:inline-block; margin:0 10px; text-decoration:none; color: #808284; } .wpapi_pagination a:hover, .wpapi_ymal_pagination a:hover, .commentPage a:hover, .guest_pagination a:hover, .contrib_pagination:hover, .wpapi_secondary_pagination a:hover, .wpapi_preview_pagination a:hover { color: #000; } .wpapi_pagination .current, .wpapi_ymal_pagination .current, .commentPage .current, .guest_pagination .current, .contrib_pagination .current, .wpapi_secondary_pagination .current, .wpapi_preview_pagination .current { color: #000; } .wpapi_pagination a.back, .wpapi_pagination a.next, .wpapi_ymal_pagination a.back, .wpapi_ymal_pagination a.next, .commentPage a.prev, .commentPage a.next, .guest_pagination a.back, .guest_pagination a.next, .contrib_pagination a.back, .contrib_pagination a.next, .wpapi_secondary_pagination a.back, .wpapi_secondary_pagination a.next, .wpapi_preview_pagination a.back, .wpapi_preview_pagination a.next { width: 15px; height: 18px; text-indent: -9999px; background: url('images/misc.png') no-repeat; display: inline-block; } .wpapi_pagination a.back, .wpapi_ymal_pagination a.back, .commentPage a.prev, .guest_pagination a.back, .contrib_pagination a.back, .wpapi_secondary_pagination a.back, .wpapi_preview_pagination a.back { background-position: -139px -25px; margin-right: 20px; } .wpapi_pagination a.next, .wpapi_ymal_pagination a.next, .commentPage a.next, .guest_pagination a.next, .contrib_pagination a.next , .wpapi_secondary_pagination a.next, .wpapi_preview_pagination a.next { background-position: -154px -25px; margin-left: 20px; } /* SIDEBAR */ #sidebar, .sidebar { width: 300px; float: right; } #sidebar.sidebuffer { margin-top: 24px; } #sidebar.moresidebuffer { margin-top: 45px; } #sidebar.lesssidebuffer { margin-top: 9px; } .sidebox { width: 300px; display: inline-block; margin-bottom: 50px; line-height: 130%; } .sidebox h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 13pt; text-transform: uppercase; letter-spacing: 0.12em; padding-bottom: 1px; border-bottom: 1px solid #C6C6C6; margin-bottom: 20px; } .sidebox.join h3 { background: url('images/misc.png') no-repeat; background-position: 0 -114px; text-indent: -9999px; width: 300px; height: 16px; padding-bottom: 5px; } .sidebox p { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; } .sidebox a { color: #EC2D8B; } .sidebox .thumbnail { padding-bottom: 20px; border-bottom: 1px dashed #C6C6C6; } /* Social */ .sidebox.socials { margin-bottom: 31px; } .sidebox.socials a { width: 42px; height: 42px; float: left; margin-right: 9px; } .sidebox.socials a.last { margin-right: 0; } /* Amanda's Favorites Widget */ .sidebox.amfaves { width: 298px; border: 1px solid #C6C6C6; display: none; } .sidebox.amfaves h3 { font-size: 13pt; text-align: center; padding: 8px 0 4px 0; margin-bottom: 0; } .sidebox.amfaves img { width: 298px; height: auto; border-bottom: 1px solid #C6C6C6; } .sidebox.amfaves h2 { padding: 18px 20px; border-bottom: 1px solid #C6C6C6; } .sidebox.amfaves h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; text-transform: uppercase; font-size: 14pt; color: #000000; /* letter-spacing: 0.12em; */ margin-bottom: 6px; display: inline; line-height: 107%; } .sidebox.amfaves a.purchase, .sidebox.amfaves a.all { width: 148px; display: block; padding: 7px 0 3px 0; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; color: #000; text-align: center; float: left; } .sidebox.amfaves a.purchase { border-right: 1px solid #C6C6C6; } .sidebox.amfaves a.all { width: 149px; } .sidebox.amfaves a.purchase:hover, .sidebox.amfaves a.all:hover { background: #DEDFDF; } /* Search */ .sidebox.search { display: block; position: relative; margin-bottom: 36px; } .sidebox.search span { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; padding-top: 3px; float: left; } .dropdown_wrapper { width: 220px; height: 25px; padding: 0; float: right; background: #E7E7E7 url('images/misc.png') no-repeat 0 -180px; margin-bottom: 14px; } ul.dropdown_list, ul.dropdown_list li { width: 220px; height: 25px; margin: 0; padding-left: 0; list-style: none; } a.dropdown, ul.dropdown_list li a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: lowercase; color: #000; padding: 4px 5px 2px 16px; text-align: left; display: block; } a.dropdown { cursor: pointer; outline:0; text-decoration:none; color: #9D9EA0; } ul.dropdown_list { margin-top:-26px; } ul.dropdown_list li a { text-decoration: none; background: #E7E7E7; color: #000; } ul.dropdown_list li a.hover { background: #232323; color: #FFF; } /* Tab Filters */ a.maintab, li.tab { width: 168px; height: 13px; background: #FFF; border: 1px solid #C6C6C6; position: relative; bottom: -1px; cursor: pointer; padding: 8px 10px 7px 10px; outline:0; text-decoration:none; color: #767777; text-transform: uppercase; text-align: center; letter-spacing: 0.15em; font-size: 10pt; float: left; margin-right: 10px; z-index: 999; } li.tab span { width: 16px; height: 11px; background: url('images/misc.png') no-repeat -189px -70px; display: inline-block; } a.maintab:hover, a.maintab.active, li.tab:hover, li.tab.active { font-weight: bold; background: #DEDFDF; color: #000; } li.tab:hover { box-shadow: 0px 1px 5px 1px #DBDBDB; -moz-box-shadow: 0px 1px 5px 1px #DBDBDB; -webkit-box-shadow: 0px 1px 5px 1px #DBDBDB; } li.tab:hover ul li, li.tab.active ul li { font-weight: normal; } li.tab ul { width: 188px; position: relative; margin-top: 7px; margin-left: -10px; box-shadow: 0px 1px 5px 1px #DBDBDB; -moz-box-shadow: 0px 1px 5px 1px #DBDBDB; -webkit-box-shadow: 0px 1px 5px 1px #DBDBDB; z-index: 9998; display: none; } li.tab:hover ul { display: block; } li.tab ul li { width: 188px; margin: 0; list-style: none; background: #FFF; border-top: 1px dashed #C6C6C6; } li.tab ul li:first-child { border: none; } li.tab ul li a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; color: #767777; text-align: left; display: block; min-height: 15px; padding: 9px 5px 6px 10px; text-decoration: none; background: #FFF; color: #767777; text-transform: lowercase; letter-spacing: 0.05em; line-height: 130%; } li.tab ul li a:hover { background: #DEDFDF; font-weight: normal; } /* Search Link */ .searchLink { display: block; float: right; } .searchLink input#indiv { width: 250px; border: 0; outline: none; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 14pt; color: #000; /* letter-spacing: 0.1em; */ font-weight: normal; text-align: right; text-transform: lowercase; } .post-type-archive-video .searchLink input#indiv, .tabs.sm .searchLink input#indiv { width: 170px; } #indiv::-webkit-input-placeholder, #indiv::-moz-placeholder, .searchLink placeholder { color: #000; } .searchLink .submit { width: 16px; height: 21px; border: 0; outline: none; display: inline-block; background: url('images/misc.png') -425px -114px no-repeat; position: relative; top: -3px; margin-left: 6px; text-indent: -9999px; } .sidebox.search input#s { width: 240px; height: 18px; border: 1px solid #000; padding: 14px 34px 6px 14px; display: block; margin: 0 auto; outline: none; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-size: 16pt; color: #808086; letter-spacing: 0; font-weight: normal; text-align: left; text-transform: uppercase; } .sidebox.search input.submit { width: 9px; height: 20px; background: url('images/arrow.png') no-repeat; border: none; position: absolute; top: 10px; right: 10px; text-indent: -9999px; cursor: pointer; } .hidden { display: none; visibility: hidden; } /* MailChimp */ .sidebox .mc-form { height: 25px; margin-top: 20px; position: relative; } .sidebox .mc-form input.email { width: 174px; height: 11px; padding: 8px 10px 6px 10px; background: #E7E7E7; outline: none; border: none; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; color: #9D9EA0; position: absolute; left: 0; } .sidebox .mc-form input.button { width: 107px; height: 25px; background: url('images/misc.png') no-repeat; background-position: 0 -23px; border: none; position: absolute; right: 0; } .sidebox .mc-form input.button:hover { background-position: -560px -128px; } .sidebox .mc-form input.button.onclick { background-position: -682px -128px; } /* Instagram */ .sidebox.instagram { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; text-transform: none; letter-spacing: 0.06em; padding-bottom: 20px; border-bottom: 1px dashed #C6C6C6; } .sidebox.instagram h3 span { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 13pt; text-transform: none; font-weight: normal; letter-spacing: 0; } .sidebox.instagram .instafollow { margin-top: -10px; display:none; } .sidebox.instagram .instainfo { font-size: 9pt; text-transform: uppercase; color: #767777; letter-spacing: 0.1em; } .sidebox.instagram .instainfo span.idate { width: 84px; display: inline-block; } .sidebox.instagram .instainfo span.ilikes { width: 116px; text-align: center; display: inline-block; } .sidebox.instagram .instainfo span.ilikes span { width: 11px; height: 10px; background: url('images/misc.png') no-repeat; background-position: -151px -50px; display: inline-block; margin: 0 2px -1px 0; } .sidebox.instagram .instainfo span.ilink { width: 100px; text-align: right; display: inline-block; } .sidebox.instagram .instainfo span.ilink a { color: #767777; } .sidebox.instagram .instacap { margin-top: 10px; } /* Instagram: Easy Instagram plugin */ .sidebox.instagram div.easy-instagram-thumbnail-wrapper img.easy-instagram-thumbnail{ width:300px !important; height:auto !important; } .sidebox.instagram div.easy-instagram-thumbnail-wrapper .instafollow { margin-bottom: 10px; } /* Get More */ .sidebox.get .icon, .sidebox.twitter .icon { display: inline-block; margin-right: 8px; } .sidebox.get .icon a, .sidebox.twitter .icon a { background: url('images/social.png') no-repeat; display: inline-block; } .sidebox.get .icon.twitter a, .sidebox.twitter .icon.twitter a { width: 28px; height: 24px; background-position: -27px 0; } .sidebox.get .icon.facebook a { width: 28px; height: 24px; background-position: -193px 0; } .sidebox.get .icon.youtube a { width: 28px; height: 24px; background-position: -54px 0; } .sidebox.get .icon.instagram a { width: 28px; height: 24px; background-position: -137px 0; } .sidebox.get .icon.tumblr a { width: 24px; height: 24px; background-position: -216px 0; } .sidebox.get .boxlet { height: auto; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; margin-bottom: 6px; } .sidebox.get .boxlet.last { margin-top: 20px; margin-bottom: 0; } .sidebox span.up { position: relative; top: -6px; } .sidebox span.bigup { position: relative; top: -8px; } .sidebox.get span.h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; } .sidebox.twitter h3 { padding-bottom: 0; } .sidebox.twitter h3 span a { text-transform: lowercase; font-weight: normal; } /* Tweet-specific */ .sidebox.get .tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .sidebox.get .tweet_list .awesome, .sidebox.get .tweet_list .epic { text-transform: uppercase; } .sidebox.get .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0; list-style-type: none; } .sidebox.twitter .tweet_list li { margin-bottom: 30px; } .sidebox.get .tweet_list li a { color: #EC2D8B; } .sidebox.get .tweet_list .tweet_even { background-color: #91E5E7; } .sidebox.get .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .sidebox.get .tweet_list .tweet_avatar img { vertical-align: middle; } .sidebox.twitter .tweet_time a { color: #808284; } .sidebox.retweets a.tweet_user { display: block; color: #000; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; } .sidebox.retweets a.tweet_text { display: block; margin-bottom: 30px; } .sidebox.retweets span.all a { font-weight: normal; font-size: 11pt; color: #808284; text-transform: lowercase; } /* Fave & Recent & Resources */ .sidebox .thumbnail { height: auto; margin-top: 30px; margin-bottom: 0; } .sidebox .thumbnail.first { margin-top: 0 !important; } .sidebox .thumbnailImg, .sidebox .thumbnailAltImg { margin-bottom: 15px; } .sidebox .thumbnail h2, .sidebox .thumbnail h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 12pt; text-transform: uppercase; /* letter-spacing: 0.12em; */ color: #000000; margin-bottom: 0; } .sidebox.fave .thumbnail { margin-top: 15px; } .sidebox.fave .thumbnailImg { width: 134px; height: 120px; float: left; margin-bottom: 0; display: inline-block; text-align: center; } .sidebox.fave .thumbnailImg img { max-height: 110px; height: auto; width: auto; max-width: 140px; } .sidebox.fave .thumbnail h2 { width: 132px; float: right; clear: none; margin: 0; padding-top: 5px; } .sidebox.fave .thumbnail h2 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; text-transform: none; letter-spacing: 0.06em; color: #000000; } .sidebox.resm .thumbnail { margin-top: 15px; } .sidebox.resm .thumbnailImg { width: 120px; height: auto; float: left; margin-bottom: 0; display: inline-block; text-align: center; } .sidebox.resm .thumbnailImg img { position: relative; } .sidebox.resm .resInfo { width: 174px; float: right; } .sidebox.resm .resInfo span.h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 1px; display: inline-block; } .sidebox.resm .resInfo h2 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 11pt; text-transform: none; letter-spacing: 0.06em; color: #000000; } .sidebox.resm .thumbnail p { margin-top: 0; } .sidebox.res .thumbnailImg, .thumbnail.resource .thumbnailImg { width: 118px; height: auto; float: left; margin-bottom: 0; display: inline-block; text-align: center; } .sidebox.res .thumbnailImg img, .thumbnail.resource .thumbnailImg img { position: relative; } .sidebox.res .resInfo, .thumbnail.resource .resInfo { width: 162px; height: 160px; float: right; overflow: hidden; } .sidebox.res .resInfo span.h3, .thumbnail.resource .resInfo span.h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: uppercase; border-bottom: none; letter-spacing: 0.19em; margin-bottom: 4px; display: inline-block; } .sidebox.res .resInfo h2 a, .thumbnail.resource .resInfo h2 a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; text-transform: none; letter-spacing: 0.06em; color: #000000; } .sidebox .thumbnail h2, .sidebox .thumbnail h2 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 12pt; text-transform: uppercase; /* letter-spacing: 0.12em; */ color: #000000; margin-bottom: 0; } .sidebox.res .thumbnail p, .thumbnail.resource p { margin-top: 10px; } /* Our Friends */ .sidebox .friend { padding-bottom: 14px; text-align: center; border-bottom: 1px dashed #C6C6C6; margin-top: 14px; } .sidebox .friend.first { margin-top: 0; } /* Editors & Men */ .sidebox.editors h3, .sidebox.men h3 { font-size: 13pt; text-align: left; } .editorthumb { width: 140px; height: 174px; float: left; margin: 0 19px 0px 0; text-align: center; overflow: hidden; } .editorthumb.third { float: right; margin-right: 0; } .editorthumb.bottom { margin-bottom: 0; } .editorthumb img { margin-bottom: 0; width: 140px; height: 140px; } .editorthumb a.name { font-family: 'ProximaNovaLight'; font-size: 10pt; line-height: 120%; color: #000; display: block; } .feditor h3, .feditor h3 a { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; text-transform: uppercase; font-weight: normal; font-size: 13pt; color: #000000; /* letter-spacing: 0.12em; */ text-align: center; border: none; } .sidebox.quomatic .inner { width: 260px; height: auto; padding: 20px; background: #faded9; text-align: center; border: 1px solid #c6c6c6; } .sidebox.quomatic .inner p q { font-family: 'DidotLTStd', times new roman, times, serif; font-size: 12pt; } .sidebox.quomatic .inner p cite { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.05em; line-height: 130%; text-align: center; margin-top: 20px; } .sidebox.quomatic .inner p.quotescollection_nextquote { font-weight: bold; margin-top: 20px; } .sidebox.quomatic .inner p.quotescollection_nextquote a { color: #000; } /* FOOTER */ .newsfooter { width: 100%; height: 60px; background: #f3f3f2; border-top: 1px solid #e0dedc; position: fixed; bottom: 0; z-index: 1000; text-align: center; } .newsfooter p { font-family: 'DidotLTStd', Times New Roman, Times, serif; } .newsfooter p span { font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; color: #EC2D8B; } .newsfooter .newswrap { display: inline-block; margin: 2px; } .newsfooter .newstext { float: left; margin-top: 7px; } .newsfooter .mc-form { float: left; margin: 8px 0 0 20px; } .newsfooter .mc-form .inwrap { width: 222px; position: relative; } .newsfooter .mc-form input { width: 140px; height: 9px; padding: 16px 10px 12px 10px; background: #fff; outline: none; border: 1px solid #000; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 11pt; color: #808086; display: inline-block; margin-right: 16px; } .newsfooter .mc-form input.email { width: 180px; padding: 16px 30px 12px 10px; margin-right: 0; } .newsfooter .mc-form input.button { width: 9px; height: 20px; background: url('images/arrow.png') no-repeat; border: none; position: absolute; top: 10px; right: -20px; } footer { width: 1060px; height: 160px; position: relative; margin: 60px auto 8px auto; } footer .logo a { width: 276px; height: 25px; margin: 0 auto; text-indent: -9999px; display: block; } footer .logo a img { width: 276px; height: 25px; display: block; } footer .line { width: 1060px; height: 1px; background: #8C8C8C; margin: 10px 0; } ul.footNavTop, ul.footNavBot { text-align: center; } ul.footNavTop { margin: 12px 0; } ul.footNavBot { margin: 8px 0 16px 0; } ul.footNavTop li, ul.footNavBot li { display: inline; } ul.footNavTop li.heading, ul.footNavBot li.heading { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 10pt; text-transform: uppercase; color: #8C8C8C; letter-spacing: 0.06em; margin: 0; padding: 0; } ul.footNavTop li a, ul.footNavBot li a { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 10pt; text-transform: capitalize; color: #8C8C8C; letter-spacing: 0.06em; padding: 0 12px; border-right: 1px solid #5D5F60; } ul.footNavTop li a.last, ul.footNavBot li a.last { border-right: none; padding-right: 0; } .copyright { width: 170px; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 9pt; color: #8C8C8C; letter-spacing: 0.06em; margin: 4px auto 0 auto; } footer .mc-form { width: 244px; height: 20px; position: relative; float: right; } footer .mc-form input.email { width: 144px; height: 10px; padding: 5px 10px; background: #E7E7E7; outline: none; border: none; font-family: 'DidotLTStd', Times New Roman, Times, serif; font-style: italic; font-size: 9pt; color: #888888; position: absolute; left: 0; } footer .mc-form input.button { width: 80px; height: 20px; background: url('images/misc.png') no-repeat; background-position: 0 -48px; border: none; position: absolute; right: 0; } footer .mc-form input.button:hover { background-position: -560px -153px; } footer .mc-form input.button.onclick { background-position: -682px -153px; } .say { float: right; margin-left: 20px; } /* BROWSER-SPECIFIC */ @media only screen and (max-device-width: 768px) { .mainNav ul li a { padding: 7px 20px 0px 20px; margin-right: 22px; } .mainNav ul li a.search { position: absolute; right: 22px; } .mainNav ul li ul li a { padding: 10px 23px; } a.maintab, li.tab { bottom: -6px; } .main h3 span { width: 300px; bottom: -8px; } .searchLink { position: relative; bottom: -2px; } .searchLink input#indiv { line-height: 1; } .post-type-archive-video .searchLink input#indiv { width: 130px; } #conForm input.policy { top: 0px; } } @-moz-document url-prefix() { /* .mainNav ul li a { padding: 7px 25px 0px 25px; margin-right: 22px; } */ .mainNav ul li a { margin-right: 7px; } /* .mainNav ul li a.search { position: absolute; right: 22px; } */ .signup.box .mc-form input, #splash1 .mc-form input, #splash2 .mc-form input { font-size: 10pt; } #conForm input.policy { top: 2px; } .st_fblike_hcount { bottom: 3px; } /* .fb_iframe_widget { top: -2px; } */ .sidebox.instagram .instainfo { font-size: 9pt; } .headerSign .mc-form input.email { position: relative; top: -3px; } .headerSign .mc-form input.button { position: relative; top: 2px; } .sidebox.search input#s { height: 22px; padding: 12px 34px 6px 14px; } .newsfooter .mc-form input { height: 15px; } .newsfooter .mc-form input.email { padding: 13px 30px 9px 10px } } /* turn off date */ .date { } .sidebox.instagram { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; text-transform: none; letter-spacing: 0.06em; padding-bottom: 20px; border-bottom: 1px dashed #C6C6C6; } .sidebox.instagram span.socials { float:right; margin-top:-8px; } .sidebox.instagram span.instaicon { width: 26px; height: 24px; background: url('images/social.png') no-repeat; background-position: -138px 0; display: inline-block; margin: 0 3px -3px 0; } .sidebox.instagram span.facebookicon { width: 25px; height: 24px; background: url('images/social.png') no-repeat; background-position: -193px 0; display: inline-block; margin: 0 3px -3px 0; } .sidebox.instagram span.twittericon { width: 25px; height: 24px; background: url('images/social.png') no-repeat; background-position: -27px 0; display: inline-block; margin: 0 3px -3px 0; } .sidebox.instagram span.pinicon { width: 26px; height: 24px; background: url('images/social.png') no-repeat; background-position: -165px 0; display: inline-block; margin: 0 0 -3px 0; } .sidebox.instagram h3 span { font-family: 'BodoniBT-BookItalic', Times New Roman, Times, serif; font-size: 13pt; text-transform: none; font-weight: normal; letter-spacing: 0; } .sidebox.instagram .instafollow { margin-top: -10px; display:none; } .sidebox.instagram .instainfo { font-size: 10pt; text-transform: uppercase; color: #767777; letter-spacing: 0.1em; } .sidebox.instagram .instainfo span.idate { width: 84px; display: inline-block; } .sidebox.instagram .instainfo span.ilikes { width: 116px; text-align: center; display: inline-block; } .sidebox.instagram .instainfo span.ilikes span { width: 11px; height: 10px; background: url('images/misc.png') no-repeat; background-position: -151px -50px; display: inline-block; margin: 0 2px -1px 0; } .sidebox.instagram .instainfo span.ilink { width: 100px; text-align: right; display: inline-block; } .sidebox.instagram .instainfo span.ilink a { color: #767777; } .sidebox.instagram .instacap { margin-top: 10px; } /* Instagram: Easy Instagram plugin */ .sidebox.instagram div.easy-instagram-thumbnail-wrapper img.easy-instagram-thumbnail{ width:300px !important; height:auto !important; } .sidebox.instagram div.easy-instagram-thumbnail-wrapper .instafollow { margin-bottom: 10px; } /* Get More */ .sidebox.get .icon, .sidebox.twitter .icon { display: inline-block; margin-right: 8px; } .sidebox.get .icon a, .sidebox.twitter .icon a { background: url('images/social.png') no-repeat; display: inline-block; } .sidebox.get .icon.twitter a, .sidebox.twitter .icon.twitter a { width: 28px; height: 24px; background-position: -27px 0; } .sidebox.get .icon.facebook a { width: 28px; height: 24px; background-position: -193px 0; } .sidebox.get .icon.youtube a { width: 28px; height: 24px; background-position: -54px 0; } .sidebox.get .icon.instagram a { width: 28px; height: 24px; background-position: -137px 0; } .sidebox.get .icon.tumblr a { width: 24px; height: 24px; background-position: -216px 0; } .sidebox.get .boxlet { height: auto; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-size: 12pt; letter-spacing: 0.06em; margin-bottom: 6px; } .sidebox.get .boxlet.last { margin-top: 20px; margin-bottom: 0; } .sidebox span.up { position: relative; top: -6px; } .sidebox span.bigup { position: relative; top: -8px; } .sidebox.get span.h3 { font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; } .sidebox.twitter h3 { padding-bottom: 0; } .sidebox.twitter h3 span a { text-transform: lowercase; font-weight: normal; } /* Tweet-specific */ .sidebox.get .tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .sidebox.get .tweet_list .awesome, .sidebox.get .tweet_list .epic { text-transform: uppercase; } .sidebox.get .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0; list-style-type: none; } .sidebox.twitter .tweet_list li { margin-bottom: 30px; } .sidebox.get .tweet_list li a { color: #EC2D8B; } .sidebox.get .tweet_list .tweet_even { background-color: #91E5E7; } .sidebox.get .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .sidebox.get .tweet_list .tweet_avatar img { vertical-align: middle; } .sidebox.twitter .tweet_time a { color: #808284; } .sidebox.retweets a.tweet_user { display: block; color: #000; font-family: 'ProximaNova', helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; } .sidebox.retweets a.tweet_text { display: block; margin-bottom: 30px; } .sidebox.retweets span.all a { font-weight: normal; font-size: 11pt; color: #808284; text-transform: lowercase; } /*************************landing page**********************/ #landing-page, #landing-page p{ font-family:'DidotLTStd', Times New Roman, Times, serif; line-height:1.5em; font-size:22px;} #landing-page .mainNav{margin:20px 0;} span{ color:#ec2d8b;} .logo { text-align: Center; padding: 20px; } ul#thumbs { padding: 0; margin: 0; text-align:center; } ul#thumbs li img{ width:100%; height:auto; } ul#thumbs li{ display:inline-block;* display:inline;*zoom:1; vertical-align:top; width:220px; margin: 0 10px 20px; } ul#thumbs li a.blackbtn{ display:block; background:#000; font-family:'ProximaNova', helvetica, arial, sans-serif; padding: 7px 0; text-transform: uppercase; color:#fff; cursor:pointer; font-size: 14px; margin: 5px 0; } ul#menu li a { font-size: 32px!Important; text-transform: uppercase; padding: 10px 30px; height: auto; } ul#menu { height: auto; text-align: Center; margin: 0; } a.enrollbtn { font-size: 2em; border: 2px dotted #000; padding: 15px 20px; display: block; text-align: Center; margin: 20px auto; max-width: 334px; } .quotescollection-quote footer { width: auto; height: auto; margin: 0 0 1.4em 0; } .quotescollection-quote footer.navigation { display: none; } .quotescollection-quote footer.attribution { text-align: center!important; margin-top: 10px; font-family: 'ProximaNova', helvetica, arial, sans-serif!important; }