/* TWICE */ /* ================================================================================ */ /* IMPORTS */ /* ================================================================================ */ @import url(http://fonts.googleapis.com/css?family=Oswald); @import url(http://fonts.googleapis.com/css?family=Arvo); @import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300); /* ================================================================================ */ /* RESETS */ /* ================================================================================ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer.full-size, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer.full-size,header,nav,section,video,object{display:block} figure{position:relative} figure img{width:100%} /* ================================================================================ */ /* COLORS */ /* ================================================================================ */ /* BLACK: 000000 */ /* DARK RED: a50808 */ /* GOLD: b9922e */ /* ================================================================================ */ /* SITE ELEMENTS */ /* ================================================================================ */ * {margin: 0; padding: 0} html, body {height: 100%} ::-moz-selection { background: #eee; color:#000; text-shadow: none; } ::selection { background: #eee; color:#000; text-shadow: none; } img {border: none; height: auto;} img, object, embed {max-width: 100%;} a img {display: block; /*width: 100%*/} .line { border: none; border-bottom: 4px dashed rgba(106,105,101,0.4); height: 0px; margin: 16px 0; } .double-line {border: none; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; height: 3px; display: block; clear: both; margin: 25px 0;} textarea {resize: none} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} input[type="text"], input[type="email"], input[type="password"], textarea {border-radius: 0} input:focus, textarea:focus {outline: none;} ::-webkit-input-placeholder { color:#999; } input:-moz-placeholder { color:#999; } #holder {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20em; /* make sure this matches in the body footer.full-size DIV */} .push, footer {display: block; height: 20em; margin: 0 auto; clear: both} /*.page-home .push, footer {display: block; height: auto !important; margin: 0 auto; clear: both}*/ /* ADD THIS */ .addthis_toolbox {display: block; clear: both; padding-bottom: 3%;} .addthis_toolbox a {float: left; margin-left: 3%;} .addthis_toolbox a:first-child {margin-left: 0} .addthis_button_tweet {width: 95px;} .comment-count {color: #222222; text-transform: uppercase; font-size: 0.625em; height: 20px; line-height: 20px; background: none;} .comment-count span {background: #efefef; padding: 4px;} /* ================================================================================ */ /* FONTS */ /* ================================================================================ */ /* font-family: 'Oswald', sans-serif; font-family: 'Arvo', serif; font-family: 'Roboto', sans-serif; */ h1, h2, h3, h4, h5 {font-family: 'Oswald', sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; color: #000;} h1 a, h2 a, h3 a, h4 a, h5 a {color: #000; font-weight: normal;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration: underline} .gold {color: #da9e09; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: .75em; font-weight: bold; float:left; width:100%;} /*p, a, li, span {font-weight: 300;}*/ p {font-size: .9375em; line-height: 1.5em; word-wrap: break-word;} p a {color: #094778;} p a:hover {text-decoration: underline} a {cursor: pointer; text-decoration: none;color:#0000FF;} a:hover {text-decoration: underline} a:active, a:focus{outline: 0;} strong, b {font-family: 'Roboto', sans-serif; font-weight: bold;} /* ================================================================================ */ /* UNIVERSAL STYLES / 1140 */ /* ================================================================================ */ body { background: #fff; color: #000; font-family: 'Roboto', sans-serif; -webkit-text-size-adjust:none; } .wrapper { width: 100%; max-width: 1140px; min-width: 993px; margin: 0 auto; overflow: hidden;} .left {float: left} .right {float: right} .left {float: left} .right {float: right} .gap {padding-bottom: 7%;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .featured-slider nav, .wire, a.people-prev, a.people-next, a.webcast-prev, a.webcast-next, .more-toggle, .brand-toggle, .mobile-toggle, .jta-tweet-list-controls, .pager a, .thumb-prev, .thumb-next, .wire-next, .wire-prev {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .mobile-only, .mobile-leader {display: none;} .top-pad {padding-top: 50px} a.see-all {color: #DA9E09; font-family: Arial, Helvetica, sans-serif; font-size: 0.875em;} /* ================================================================================ */ /* TOP BAR */ /* ================================================================================ */ .top-bar {display: block; clear: both; background: #000; height: 32px; border-top: 5px solid #b2b2b2;} .top-bar .wrapper {overflow: visible;} .top-bar ul {list-style-type: none; display: block} .top-bar ul li {float: left; position: relative} .top-bar a.top-level {text-transform: uppercase; color: #d4d4d4; font-size: 0.6em; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; display: block; text-align: center; height: 32px; line-height: 32px; border-left: 1px solid #404040; position: relative} .top-bar ul li:hover a.top-level {background: #a50808;} .top-bar a.newbay-link {border-left: 0;} .top-bar a.newbay-link img {max-width: 56px; margin: 0 auto; display: block; margin-top: 4px;} .top-bar li.col1 {width: 12%} .top-bar li.col2 {width: 17%} .top-bar li.col3 {width: 12%} .top-bar li.col4 {width: 14%} .top-bar li.col5 {width: 12%} .top-bar li.col6 {width: 8%} .top-bar li.col7 {width: 17%} .top-bar li.col8 {width: 8%} .top-bar li.col8 a {padding-right: 10px} .top-bar a.top-level span {background: url(../images/icon_menuarrow_hover.png) no-repeat right; width: 12px; height: 8px; right: 50%; margin-right: -30px; top: 50%; margin-top: -4px; position: absolute;} .top-bar li.col8:hover .more-menu {display: block} .top-bar .more-menu {background: #000; position: absolute; top: 32px; right: 0; width: 250px; padding: 15px; display: none; z-index: 2000;} .top-bar .more-menu a {color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 0.750em; display: block; clear: both; text-indent: 0 !important; line-height: 1.4em;} .top-bar .more-menu a:hover {color: #a50808;} /* ================================================================================ */ /* ROADBLOCK / LEADERBOARD */ /* ================================================================================ */ .roadblock {display: block; clear: both; background: url(../images/bg_roadblock.png) repeat-x bottom; padding: 15px 0;} .roadblock a {display: block; max-width: 728px; margin: 0 auto;} .roadblock a img {width: 100%} .leader-bottom {background: #ccc; padding: 20px 0;} .leader-bottom .leaderboard a {max-width: 728px; margin: 0 auto} /* ================================================================================ */ /* HEADER */ /* ================================================================================ */ header {display: block; padding-top: 20px; background: url('../images/bg-header.png') 0px -129px repeat-x;} header .wrapper {overflow: visible;} header .row {margin-bottom: 1.4%;} header .main-logo {float: left;} header .leaderboard {float: left; display: none;} header .main-logo {width: 30%; margin: 10px 0;} header .main-logo a {display: block;} header .main-logo span {display: none;} header .leaderboard {display: block; max-width: 728px; width: 63%; margin-left: 4%} .leaderboard a {display: block} .leaderboard a img {width: 100%; display: block} header .right-side-item {/*IE7*/*width: 12%;} header .right-side-item.clearfix {/*IE7*/*width: 42%;} .right-side-item + .right-side-item {border-left: 1px #d9d9d9 solid;} header .right-side .right-side-item {float: left; margin: 10px 0; padding: 0 20px;} header .right-side .right-side-item .header {font-family: 'Oswald', sans-serif; color: #094778; text-transform: uppercase; font-size: 0.875em; text-align: center;} header a.all-access, header a.careers {display: block; margin: 0 auto; padding-bottom: 3px;} header a.all-access {width: 85px; padding-top: 10px;} header a.careers {width: 38px; padding-top: 12px;} header a.all-access img, header a.careers img {display: block; width: 100%;} header .social {width: 37px; float: left; padding: 10px 2px;} header .social a {display: block; position: relative; line-height: normal; height: 35px} header .social a i{width: 37px; height: 35px; display: block;} header .fb-link a i {background: url(../images/header-icon-facebook.png) no-repeat;} header .fb-link a:hover i {} header .twtr-link a i {background: url(../images/header-icon-twitter.png) no-repeat;} header .twtr-link a:hover i {} header .email-link a i {background: url(../images/header-icon-email.png) no-repeat;} header .email-link a:hover i {} header .rss-link a i {background: url(../images/header-icon-rss.png) no-repeat;} header .rss-link a:hover i {} /* NAV */ header nav {display: block; clear: both; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; background: url('../images/bg-nav.png') 0 0 repeat-x;} header nav ul {list-style-type: none; display: block; position: relative;} header nav ul li {float: left;} header nav ul li a {display: block; text-align: center; color: #fff; text-transform: uppercase; font-family: 'Arvo', serif; font-size: 1.188em; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 55px; border-left: 1px solid #000; height: 55px; /*position: relative;*/} header nav ul li a .nav-arrow-down {background: url('../images/nav-arrow-down.png') center center no-repeat; width: 100%; height: 20px; position: absolute; bottom: -16px; display: none;} header nav ul li:hover a {background: #000; color: #fff;} header nav ul li:hover a .nav-arrow-down {display: block;} header nav ul li:first-child a {border-left: 0;} header nav ul li.col {width: 13.8%;} header nav ul li.search {width: 13%;} /* SEARCH */ header nav ul li.search {float: right; width: auto;} header nav ul li.search a span {padding-right: 20px; background: url(../images/icon_search.png) no-repeat right;} header nav ul li.search:hover a span {background: url(../images/icon_search_hover.png) no-repeat right; color: #fff;} header .search-bar {padding: 13px; z-index: 1000;} header .search-bar form {border: 0; display: block; height: 30px; position: relative} header .search-bar input[type="text"] {border: 1px #00213E solid; color: #000; width: 256px; height: 28px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.1em; padding: 0 6px;} header .search-bar input[type="submit"] {margin-left: 10px; background: url(../images/sprite_ui.png) no-repeat -674px -247px; width: 14px; height: 14px; border: 0; color: transparent; text-transform: uppercase; cursor: pointer} /* FULL MENU (DROPDOWN) */ header nav ul li .full-menu a {color: #fff; height: auto; width: auto; clear: none; line-height: normal; border: none; text-align: left; text-transform: none;} header nav ul li:hover .full-menu a {background: none; color: #fff;} .full-menu {background: #000; color: #fff; position: absolute; width: 100% !important; top: 55px; left: 0; z-index: 9999; -webkit-font-smoothing: antialiased; display: none; border-bottom: 5px solid #fff;} header nav ul li.col:hover .full-menu {display: block} header nav ul li .back-btn, header nav ul li .all-btn {display: none;} header nav ul.main-nav li ul.sub-nav {padding: 5% 0;} header nav ul.main-nav li ul.sub-nav li {float: none;} header nav ul.main-nav li ul.sub-nav li:hover {background: #363636;} header nav ul.main-nav li ul.sub-nav li:hover > ul.tert-nav {display: block;} header nav ul.main-nav li ul.sub-nav li a {font-family: 'Oswald', sans-serif; font-size: 1.125em; line-height: 1em; padding: 9px; padding-left: 8%; padding-right: 0; margin-right: 20px; background-image: url(../images/sub-nav-arrow.png); background-repeat: no-repeat; background-position: center right;} header nav ul.main-nav li ul.sub-nav li ul.tert-nav {display: none; position: absolute; top: 0; bottom: 0; right: -250px; background: #363636; padding: 10px 0; box-sizing: border-box; min-width: 250px; z-index: 10000;} header nav ul.main-nav li ul.sub-nav li ul.tert-nav li {} header nav ul.main-nav li ul.sub-nav li ul.tert-nav li a {padding: 0 15px; background-image: none; font-family: 'Roboto', sans-serif; font-size: 0.875em; line-height: 1.57142857em; color: #e8e8e8;} .full-menu .left {width: 17%;} .full-menu .left .inner-pad {} .full-menu .left a {font-size: 1.15em; line-height: 1.4em} .full-menu .left a:hover {text-decoration: underline} .full-menu .right {width: 83%; margin: 1% 0;} .full-menu .right .inner-pad {padding: 2%; border-left: 1px solid #404040;} .full-menu .right-top {margin-bottom: 20px;} .full-menu .right-top article {float: left; width: 22%; margin-left: 3%;} .full-menu .right-top article:first-child {margin-left: 0} .full-menu .right-top article p {font-size: .875em; line-height: 1.3em; padding-top: 8px;} .full-menu .right-bot {display: block; clear: both; border-top: 1px solid #404040; padding-top: 20px} .full-menu .right-bot article {float: left; width: 45%; margin-left: 5%;} .full-menu .right-bot a {font-size: 1.0625em; font-family: 'Oswald', sans-serif;} .full-menu .right-bot a:hover {text-decoration: underline} .full-menu .right-bot article:first-child {margin-left: 0} .full-menu .right article .gold {display: block; clear: both;} .full-menu .right article a.blog-title {display: block; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: .875em; line-height: 1.3em} .full-menu .right article a.blog-title:hover {text-decoration: underline} .full-menu .right article .meta {display: block; font-family: 'Roboto', sans-serif; font-size: .75em; line-height: 1.4em;} .full-menu .right article .meta a {font-family:'HelveticaNeueW02-55Roma'; display: inline; font-size: 1em} .full-menu .right article .meta a:hover {text-decoration: underline} .full-menu .right a.thumb {display: block; margin-bottom: 10px; width: 91%;} .full-menu .right a.thumb img {display: block; max-width:100%; height:auto;} .full-menu .right a.thumb.square img {width: 50%;} .close-menu {display: block; background: #eee; color: #a60807; text-align: center; font-family: 'Roboto', sans-serif; font-weight: bold; clear: both; -webkit-font-smoothing: antialiased; padding: 5px 0; margin-top: 20px} html.no-touch .close-menu {display: none;} /* ================================================================================ */ /* HOME */ /* ================================================================================ */ .home-top h2 {color: #222222; text-transform: uppercase; font-size: 0.625em; font-family: 'Roboto', sans-serif; font-weight: bold; background: url(../images/sprite_ui.png) no-repeat; height: 16px; line-height: 16px; display: block; padding-left: 22px; margin-bottom: 18px} .home-top.featured-articles h2 {background-position: -674px -170px;} .home-top.news-analysis h2 {background-position: -674px -108px;} /* FEATURED ARTICLES */ .featured-articles {padding-top: 20px;} .featured-articles h1 {font-family:'Georgia'; font-size: 1.8em; display: block; line-height: 1.1em; font-weight:normal; padding: 3% 0; min-height:100px;} .featured-articles h1 a { font-weight:normal; color: #000000;} /*.featured-articles h1 {font-size: 2.625em; display: block; line-height: 1.1em; padding: 3% 0}*/ /* FEATURED SLIDER */ .featured-slider {display: block; clear: both; position: relative; /*background: #000;*/ overflow: hidden} .featured-slider .slide {float: left; width: 100%;} .featured-slider .slide-data {display: none;} .featured-slider .slide img {display: block; width: 100%;} .featured-slider .anchor {display: block; clear: both; background: #0d0d0d; /* Old browsers */ background: -moz-linear-gradient(top, #0d0d0d 20%, #909090 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#0d0d0d), color-stop(100%,#909090)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d0d0d 20%,#909090 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d0d0d 20%,#909090 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d0d0d 20%,#909090 100%); /* IE10+ */ background: linear-gradient(to bottom, #0d0d0d 20%,#909090 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#909090',GradientType=0 ); /* IE6-9 */ padding: 0 8%; padding-top: 6px; padding-bottom: 25px; border-top: 4px solid #fff; position: relative} .featured-slider .caption {color: #fff; display: block; clear: both;} .featured-slider .caption time {font-family: 'Oswald', sans-serif; font-size: 1em;} .featured-slider .caption a {color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1em;} .featured-slider .caption p {color: #fff; font-family: 'Roboto', sans-serif; font-size: 1em;} .featured-slider nav {position: relative; display:block; margin-top: 20px; margin-bottom: 25px; padding: 0 8%; z-index: 500; clear: both;} .featured-slider a.feat-prev, .featured-slider a.feat-next {width: 40px; height: 41px; display: block; background: url(../images/prev-next-btn.png) no-repeat;} .featured-slider a.feat-prev {position: absolute; left: -16px; top: -7px; background-position: 0 0;} .featured-slider a.feat-next {position: absolute; right: -16px; top: -7px; background-position: -40px 0;} .featured-slider .feat-pager {display: block; text-align: center; width: 75%; margin: 0 auto; padding-top: 5px;} .featured-slider .feat-pager a {display: inline-block; zoom: 1; *display:inline; width: 10px; height: 11px; background: url(../images/carousel-pager.png) no-repeat 0 0; margin: 0 3px;} .featured-slider .feat-pager a span {display: none;} .featured-slider .feat-pager a.selected {background-position: -16px 0px;} /*.left-rail .onecol, .left-rail .twocol, .left-rail .threecol, .left-rail .fourcol, .left-rail .fivecol, .left-rail .sixcol, .left-rail .sevencol, .left-rail .eightcol, .left-rail .ninecol, .left-rail .tencol, .left-rail .elevencol { margin-right: 6.0%; float: left; min-height: 1px; } .left-rail .fivecol { width: 60.2%; } .left-rail .threecol { width: 33.8%; }*/ /* PHOTO GALLERIES SLIDER */ .photo-galleries .red-tab a {margin: 0; line-height: 42px; font-size: .875em;} .photo-galleries .widget-bd {background: #000;} .photo-galleries-slider #photo-galleries {} .photo-galleries-slider .img-wrapper {position: relative; position: absolute; top: 0; width: 100%;} .photo-galleries-slider .img-wrapper img {display: block;} .photo-galleries-slider .img-wrapper > a {position: absolute; bottom: 0; right: 0; padding: 2% 5%; display: block; color: #FFF; background: #DA9E09;} .photo-galleries-slider {display: block; clear: both; position: relative; background: #000; overflow: hidden} .photo-galleries-slider .pg-slide {float: left; width: 100%;} .photo-galleries-slider .pg-slide-data {display: none;} .photo-galleries-slider .pg-slide img {display: block; width: 100%;} .photo-galleries-slider .anchor {display: block; clear: both;} .photo-galleries-slider .pg-caption {color: #fff; display: block; clear: both; font-family: 'Roboto', sans-serif;} .photo-galleries-slider .pg-caption .title {font-family: 'Oswald', sans-serif; font-size: 1.25em; margin: 3% 0;} .photo-galleries-slider .pg-caption time {font-family: 'Georgia'} .photo-galleries-slider .pg-caption a {display: none; color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold;} .photo-galleries-slider nav {position: absolute; display:block; top: 45%; z-index: 500; clear: both; width: 100%;} .photo-galleries-slider a.pg-prev, .photo-galleries-slider a.pg-next {width: 40px; height: 41px; display: block; background: url(../images/prev-next-btn.png) no-repeat; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ zoom: 1; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=50); /* Older than Firefox 0.9 */ -moz-opacity:0.5; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.5; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0.5; } .photo-galleries-slider a.pg-prev.disabled, .photo-galleries-slider a.pg-next.disabled { /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ zoom: 1; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=25); /* Older than Firefox 0.9 */ -moz-opacity:0.25; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.25; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0.25; } .photo-galleries-slider a.pg-prev {position: absolute; left: 15px; background-position: 0 0;} .photo-galleries-slider a.pg-next {position: absolute; right: 15px; background-position: -40px 0;} /* NEWS ANALYSIS */ .news-analysis {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; margin-top: 20px} .news-analysis .inner-pad {padding: 0 5%;} .news-analysis article {display: block; clear: both; border-top: 1px solid #d9d9d9; padding: 7% 0; } .news-analysis article:nth-of-type(1) {padding-top: 0; border-top: 0;} .news-analysis article h3 {font-size: 1.125em; display: block; padding:4px 0 6px 0;} /* FEATURED VIDEO */ .featured-video {background: #000; padding: 3%} .featured-video h2 {color: #fff; font-family: 'Arvo', serif; text-transform: uppercase; font-size: 3.000em; line-height: 1em; float: left;} .featured-video a.see-all {float: right;} .featured-video a.see-all:hover {color: #fff;} .featured-video .video-wrap {padding-top: 3%} .featured-video .left {width: 64%} .featured-video .left .video-player {border: 3px solid #404040 !important; display: block} .featured-video .right {width: 34%;} .featured-video .right time {display: block} .featured-video .right h4 {color: #fff; display: block; font-size: 1.250em; padding-bottom: 5px; line-height: 1.3em;} .featured-video .right p {color: #fff; padding-bottom: 15px; line-height: 1.4em; font-size: 0.875em; font-family: 'Roboto', sans-serif;} .featured-video .right p:last-child {padding-bottom: 0} /* HOME BLOG */ .home-blogs .fourcol {padding-top: 4%} .home-blogs .lhs h2 {display: block; clear: both; padding: 2% 0; font-size: 1.875em; line-height: normal} .home-blogs .lhs a.feat-thumb {display: block; /*margin-right: 10px;*/ float: left; padding-bottom: 3%; display: block; margin-top: 5px} .home-blogs .lhs a.feat-thumb img {width: 100%;} .home-blogs .lhs a.feat-thumb:hover img {} .home-blogs .lhs p {font-family: 'Roboto', sans-serif; font-size: 1em;} .home-blogs .lhs p strong {color: #000} .home-blogs .lhs p + p {padding-top: 10px;} .home-blogs .lhs p a {color: #094778; font-family: 'Roboto', sans-serif; font-weight: bold;} .home-blogs .rhs article {display: block; clear: both; border-top: 1px solid #D9D9D9; padding: 4% 0;} .home-blogs .rhs article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .home-blogs .rhs article { zoom: 1; } /* IE7 */ .home-blogs .rhs article:first-child {border-top: 0; padding-top: 0} .home-blogs .thumb {float: left; width: 23%; display: block; margin-top: 5px} .home-blogs .rhs .text-wrap {float: right; width: 72%;} .home-blogs .rhs h3 {display: block; clear: both; padding: 3px 0 5px 0; line-height: 1.1em; font-style: 1.125em;} .home-blogs .rhs .inner-pad {padding-left: 5%; border-left: 1px solid #D9D9D9; } /* ================================================================================ */ /* WEBCASTS */ /* ================================================================================ */ .webcast-wrap {display: block; clear: both; position: relative; padding-top: 4%; width: 90%; margin: 0 auto} #webcasts .slide, #twice_events .slide {float: left; width: 100%; margin: 0 20px; min-height: 280px} a.webcast-prev, a.webcast-next, a.event-next, a.event-prev {width: 40px; height: 41px; display: block; background: url(../images/prev-next-btn.png) no-repeat; position: absolute; top: 45%; margin-top: -13px; z-index: 100;} a.webcast-prev, a.event-prev {left: 0; background-position: 0 0;} a.webcast-next, a.event-next {right: 0; background-position: -40px 0;} #webcasts .slide h4 {font-size: 1.125em; display: block; padding: 5px 0 8px 0} #webcasts .slide p {line-height: 1.2em;} /* ================================================================================ */ /* RESOURCE CENTER */ /* ================================================================================ */ .resource-center {background: #000} .rc-hd {display: block; clear: both; padding: 1.5% 2% 2% 2%;} .rc-hd h5 {color: #fff; font-family: 'Arvo', serif; font-size: 3.000em; text-transform: uppercase; line-height: 1em; float: left;} .rc-search {float: right; width: 25%; background: #fff; height: 35px; position: relative; margin-top: 8px} .rc-search input[type="text"] {border: 0; background: none; font-size: .875em; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; padding: 0 5%; line-height: 35px; height: 35px;} .rc-search input[type="submit"] {background: url(../images/sprite_ui.png) no-repeat -674px -45px; width: 14px; height: 14px; border: 0; color: transparent; cursor: pointer; position: absolute; right: 6%; top: 50%; margin-top: -7px; text-transform: uppercase; text-indent: -9999em} .rc-tabs {display: block; clear: both; border-top: 4px solid #094778; } .rc-tabs span, .rc-tabs a {float: left; height: 21px; padding: 1% 3%; line-height: 21px; color: #fff; font-size: 0.875em; text-transform: uppercase; font-family: 'Arvo', serif; -webkit-font-smoothing: antialiased;} .rc-tabs span {background: #094778;} .rc-tabs a {background: #686868; margin-left: 2px;} .rc-tabs a.last {} .rc-bd {padding: 3.5% 2.5%; display: block; clear: both} .rc-bd .left {width: 65%;} .rc-bd .right {width: 33%;} .rc-bd .left a.thumb {float: left; width: 47.5%; padding-top: 5px} .rc-bd .left .text-wrap {float: right; width: 47.5%;} .rc-bd .left .text-wrap h5 {color: #fff; font-family: 'Georgia'; font-size: 1.125em; display: block; padding: 2px 0 8px;} .rc-bd .left a {color: #fff;} .rc-bd .left p {line-height: 1.3em; color: #fff; -webkit-font-smoothing: antialiased;} .rc-bd .left p a {font-family: 'Roboto', sans-serif; font-weight: bold;} .rc-bd .inner-pad {border-left: 1px solid #404040; padding-left: 10%; display: block;} .rc-bd .resource {display: block; clear: both; padding-top: 12%;} .rc-bd .resource:first-child {padding-top: 0} .rc-bd .resource img {float: left; width: 18%;} .rc-bd .resource a {float: right; width: 75%; color: #fff; font-family: 'Georgia'; font-size: 1.063em; -webkit-font-smoothing: antialiased;} .rc-bd .resource a:hover {text-decoration: underline} /* ================================================================================ */ /* WIRE */ /* ================================================================================ */ .wire {position: relative; display: block; clear: both; margin: 6% 0; height: 34px;} .wire span {color: #fff; font-family: 'Arvo', serif; text-transform: uppercase; font-size: 1.125em; width: 130px; height: 34px; line-height: 34px; text-align: center; -webkit-font-smoothing: antialiased; position: absolute; left: 0; top: 0; z-index: 100; background-color: #094778;} .wire .marquee {width: 100%; height: 34px; display: block; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; left: 0; background: #959595;} #bc-wire {display: block; margin: 0;} #bc-wire dd {display: block; float: left; margin-left: 1px !important; padding: 0px 10px; background: #797979; /* Old browsers */ background: -moz-linear-gradient(top, #797979 0%, #636363 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#636363)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #797979 0%,#636363 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #797979 0%,#636363 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #797979 0%,#636363 100%); /* IE10+ */ background: linear-gradient(to bottom, #797979 0%,#636363 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#636363',GradientType=0 ); /* IE6-9 */ } .wire .marquee a {line-height: 34px; cursor: pointer; display: block; font-family: 'Oswald', sans-serif; color: #fff; font-size: 1em; padding: 0 10px; margin: 0 !important;} #bc-wire dd:hover {background: #ccc; color: #000;} /* ================================================================================ */ /* SIDEBAR */ /* ================================================================================ */ .right-rail {padding-top: 25px;} .right-rail.no-pad {padding-top: 0} .right-rail .widget {display: block; clear: both; margin-bottom: 10%;} .red-tab {border-bottom: 3px solid #094778; display: block; clear: both} .red-tab:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .red-tab { zoom: 1; } /* IE7 */ .red-tab span {background: #094778; color: #fff; text-transform: uppercase; font-size: 1.125em; font-family: 'Arvo', serif; padding: 10px 15px; height: 22px; line-height: 20px; float: left; -webkit-font-smoothing: antialiased;} .red-tab a {float: right; color: #b8b8b8; font-size: 0.688em; margin-top: 6px} .red-tab a:hover {color: #000;} .widget-bd {display: block; clear: both; padding: 5%; border-left: 1px solid #D9D9D9;} /* 300 AD */ .right-rail .ad300 {display: block; margin-bottom: 10%;} .right-rail .ad300 a {display: block; max-width: 300px; margin: 0 auto;} .right-rail .ad300 a img {width: 100%;} /* NEWSLETTER */ .newsletter .widget-bd {background: url(../images/newsletter-envelope.png) no-repeat right 30px top 15px; padding-top: 7%;} .newsletter h4 {font-size: 1.75em; display: block;} .newsletter .sub {font-family: 'Roboto', sans-serif; font-size: 0.875em; display: block; color: #000; padding-bottom: 15px} .newsletter form {display: block; clear: both;} .newsletter fieldset {display: block; clear: both;} .newsletter fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .newsletter fieldset { zoom: 1; } /* IE7 */ .newsletter input[type="email"], .newsletter input[type="text"], .jobs input[type="text"] {border: 1px solid #000; color: #393939; font-size: 0.625em; text-transform: uppercase; height: 36px; line-height: 36px; padding: 0 2%; float: left; width: 61%; font-family:'HelveticaNeueW02-55Roma';} .newsletter input[type="submit"], .jobs input[type="submit"] {color: #fff; border: 1px solid #051e48; font-size: .7em; text-transform: uppercase; line-height: 36px; height: 36px; text-align: center; float: right; width: 31%; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; /* fallback */ background-color: #094778; } .newsletter input[type="submit"]:hover, .jobs input[type="submit"]:hover {background: #094778} .newsletter label {font-size: .875em; color: #444444; float: right; width: 88%} .newsletter input[type="checkbox"] {float: left; margin-top: 3px;} .newsletter .left, .newsletter .right {width: 49%; padding-top: 15px} .newsletter .left fieldset, .newsletter .right fieldset {padding-bottom: 5%} /* FEATURED JOBS */ .jobs {background: url(../images/bg_jobs.png) no-repeat 56% 1%;} .jobs h4 {display: block; clear: both; font-size: 1.375em; padding-bottom: 10px} .jobs input[type="submit"] {width: 15%; float: left; margin-left: 10px;} .jobs form {display: block; clear: both; padding-bottom: 6px;} .job-list {display: block; clear: both; padding-bottom: 15px;} .job-list .job {display: block; clear: both; padding: 12px 0; border-bottom: 1px solid #D9D9D9;} .job-list .job .job-title {font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.125em; color: #000;} .job-list .job p {display: block; clear: both;} .job-btn {background: #000; display: block; float: left; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 0.688em; margin-left: 10px; padding: 6px 12px; -webkit-border-radius: 4px; border-radius: 4px;} .job-btn:first-child {margin-left: 0} .job-btn:hover {background: #333;} .job-ft {display: block; clear: both; padding-bottom: 15px} .jobs .powered-by {display: block; clear: both; position: relative; font-size: .875em; color: #727272; text-decoration: none; width: 160px;} .jobs .powered-by em {position: absolute; right: 0; top: 2px; width: 68px; height: 14px; background: url(../images/sprite_ui.png) no-repeat -37px -476px;} /* TABBED NEWS WIDGET */ .tabbed-nav {border-bottom: 3px solid #094778; list-style-type: none; display: block} .tabbed-nav li {float: left; background: #DA9E09;} .tabbed-nav li + li {margin-left: 3px;} .tabbed-nav li.activeli {background: #094778;} .tabbed-nav li.activeli > a { /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ zoom: 1; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=100); /* Older than Firefox 0.9 */ -moz-opacity:1.0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 1.0; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 1.0; } .tabbed-nav li a {position: relative; display: block; text-align: center; height: 22px; line-height: 21px; color: #ffffff; font-size: 1.125em; text-transform: uppercase; font-family: 'Arvo', serif; padding: 11px 6%; -webkit-font-smoothing: antialiased; white-space: nowrap; font-weight: normal; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ zoom: 1; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=50); /* Older than Firefox 0.9 */ -moz-opacity:0.5; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.5; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0.5; } .tabbed-nav li a .tab-arrow-down {background: url('../images/tab-arrow-down.png') center center no-repeat; width: 100%; height: 20px; position: absolute; bottom: -16px; left: 0; display: none;} .tabbed-nav li.activeli a .tab-arrow-down {display: block;} .tabbed-nav li.last {background: #DA9E09;} .tabbed-nav li.activeli.last {background: #094778;} .tabbed .tab {border-left: 1px solid #D9D9D9; display: block; clear: both; padding: 4%;} .tabbed .tab h4 {font-size: 1.25em; display: block; padding-bottom: 5px} .tabbed .tab span, .tabbed .tab p {display: block; font-size: 1em; line-height: 1.3em; font-family: 'Roboto', sans-serif;} .tabbed .tab article, .related-stories article {border-top: 1px solid #D9D9D9; padding: 4% 0; display: block; clear: both} .tabbed .tab article:first-child, .related-stories article:first-child {border-top: 0; padding-top: 0;} /* RELATED POSTS */ .related-stories h4 {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.125em; padding-bottom: 6px} .related-stories article span {display: block; font-size: .875em; line-height: 1.3em} /* SPONSORED CONTENT */ .sponsored .widget-bd {background: #000; color: #fff; position: relative;} .sponsored .thumb {float: left; width: 38%; padding-top: 4%} .sponsored .thumb img {border: 1px solid #868686;} .sponsored .text-wrap {float: right; width: 55%; padding-top: 4%;} .sponsored .text-wrap time {color: #b9922e; font-variant: small-caps; font-size: .875em; font-weight: normal; display: block} .sponsored .text-wrap em {font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.125em; font-style: normal; display: block; padding-bottom: 8px;} .sponsored .text-wrap p {line-height: 1.2em; -webkit-font-smoothing: antialiased;} .sponsored .sponsor-link {display: block; float: right; width: 45%;} /* EVENTS */ .events .group {display: block; clear: both;} .events article {display: block; clear: both; border-bottom: 1px solid #D9D9D9; padding-bottom: 3%; margin-bottom: 4.5%} .events article time {font-family: 'Roboto', sans-serif; font-weight: bold; line-height: 1.2em; font-size: .875em;} .events article p {line-height: 1.2em} .events .group:last-child article:last-child {border-bottom: 0;} /* ================================================================================ */ /* PEOPLE */ /* ================================================================================ */ .people {display: block; background: #e5e5e5; padding-bottom: 45px; margin-top: 25px;} /*.page-home .people {display: block; background: #e5e5e5; padding-bottom: 45px; margin-top: 331px!important;}*/ .people .wrapper {position: relative} .people em {font-family: 'Arvo', serif; font-size: 3.000em; color: #000; display: block; clear: both; font-style: normal; text-transform: uppercase; padding: 1% 0;} #bc-people {display: block;} #bc-people .slide {float: left; width: 100%; display: block; margin-right: 30px;} #bc-people .slide a {display: block; /*border-bottom: 8px solid #bfbfbf*/} #bc-people .slide a:hover {border-color: #a50808;} #bc-people .slide .p-caption {background: #fff; display: block; clear: both; padding: 8%;} #bc-people .slide h5 {font-size: 0.813em; display: block; padding-bottom: 5px;} #bc-people .slide p {font-size: 0.813em; line-height: 1.1em;} a.people-prev, a.people-next {display: block; width: 41px; height: 17px; background: url(../images/sprite_ui.png) no-repeat; position: absolute; top: 11%; right: 0%;} a.people-prev {background-position: 0 -164px; margin-right: 50px;} a.people-prev:hover {background-position: 0 -183px} a.people-next {background-position: -43px -164px} a.people-next:hover {background-position: -43px -183px} /* ================================================================================ */ /* NETWORK */ /* ================================================================================ */ .network {padding: 20px 0 30px 0;} .network .block {float: left; width: 25%; background: #fff;} .network .block .inner-pad {padding: 0 12%; border-left: 1px solid #d4d4d4; min-height: 190px; height: 100%; padding-bottom: 9999px; margin-bottom: -9999px; display: block;} .network .block:first-child .inner-pad {border-left: 0;} .network .block span {font-family: 'Roboto', sans-serif; font-weight: bold; color: #b9922e; display: block; -webkit-font-smoothing: antialiased; padding-bottom: 5px} .network article {display: block; clear: both; font-size: .875em; margin-bottom: 9%} .network .block article:last-child {margin-bottom: 0} .network article a {color: #000; font-family: 'Roboto', sans-serif; font-weight: bold;} .network article a:hover {text-decoration: underline} /* ================================================================================ */ /* ARTICLE PAGE */ /* ================================================================================ */ .post {display: block; clear: both; position: relative; color: #000; padding-bottom: 4%} .post .double-line {margin: 0} /*.post .inner-pad {padding-left: 13.1%;}*/ /*.post time {background: #000; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; position: absolute; left: 0; top: 0; padding: 10px; border-top: 10px #094778 solid;}*/ .post time:after, .post time::after { position: absolute; top: 100%; left: 50%; margin-left: -50%; content: ''; width: 0; height: 0; } .post time { font-family: 'Roboto', sans-serif; font-weight: bold; color: #da9e09; /*color: #FFFFFF;*/ left: 0; padding: 10px; text-transform: uppercase; top: 0; } .post .pane-twice-article-content time { background: none repeat scroll 0 0 #000000; border-top: 10px solid #094778; color: #FFFFFF; font-family: 'Oswald',sans-serif; left: 0; padding: 10px; position: absolute; text-transform: uppercase; top: 0; } .post .pane-twice-blog-content time { background: none repeat scroll 0 0 #000000; border-top: 10px solid #094778; color: #FFFFFF; font-family: 'Oswald',sans-serif; left: 0; padding: 10px; position: absolute; text-transform: uppercase; top: 0; } .post .pane-thewire-content time { background: none repeat scroll 0 0 #000000; border-top: 10px solid #094778; color: #FFFFFF; font-family: 'Oswald',sans-serif; left: 0; padding: 10px; position: absolute; text-transform: uppercase; top: 0; } .post time span {clear: both; text-align: center; font-size: 1.125em; line-height: 1em;} .post time .month {} .post time .day {padding: 5px 0;} .post time .year {display: block; border-top: 1px solid #fff; padding-top: 7px; margin-top: 7px; font-size: 0.875em;} .post-hd {padding-top: 30px} .post-hd .mini-time, .post-hd .updated-time {font-size: 0.813em; color: #094778; display: block; clear: both;} .post-hd .gold {padding-bottom: 8px; display: block;} .post-hd h1 {font-size: 3.42857143em; line-height: 1.1em; display: block; clear: both;} .post-hd .brief {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.125em; display: block; clear: both; color: #000; padding: 1.8% 0; word-wrap: break-word;} .post-meta {border-top: 1px solid #D9D9D9; padding: 3% 0; margin: 2.5% 0;} .post-meta .author {width: 45%; float: left} .post-meta .author a {color: #094778} .post .author-social {float: left;} .post-meta .author a:hover {text-decoration: underline} .post-meta .avatar {display: block; width: 18%; float: left} .post-meta .avatar img {display: block; width: 100%} .post-meta .text-wrap {float: right; width: 77%; font-size: 0.813em;} .post-meta .text-wrap strong {display: block; padding-bottom: 3px} .post-share.top {width: 52%; padding-top: 5px; float: right} .post-share.top .addthis_toolbox a {float: left; } .post-share.top .addthis_toolbox a:first-child {} .spotlight {border-top: 10px #094778 solid; margin-top: 25px;} .spotlight .spotlight-inner {background: #E5F0F7; padding: 8%; margin-top: 5px; border: 1px #094778 solid;} .spotlight .title {text-align: center; border-bottom: 1px #094778 solid; font-family: 'Oswald', sans-serif; font-size: 1.5em; font-weight: normal; padding-bottom: 3%; margin-bottom: 8%;} .spotlight .title strong {font-family: 'Oswald', sans-serif; font-size: 1em; font-weight: bold;} .post-body .spotlight p {font-family: 'Roboto', sans-serif; font-size: 0.875em;} .spotlight .closing {text-align: right; font-weight: bold; font-size: 0.875em;} .spotlight .tweet-this {background: url('../images/tweet-this-icon.png') top left no-repeat; padding-left: 24px; margin-top: 10px;} .spotlight .tweet-this a {font-family: 'Oswald', sans-serif; font-size: 0.875em; color: #000; line-height: 1em; text-transform: uppercase;} /* POST BODY */ .post-body {padding-bottom: 20px} .post-body p {font-size: 1em; padding-bottom: 20px; word-wrap: break-word;} .post-body a {font-family: 'Roboto', sans-serif; font-weight: bold; text-decoration: none;} .post-body .fluid-width-video-wrapper {display: block; clear: both; margin-bottom: 20px} .post-body .align-left {float: left; margin-right: 15px;} .post-body .align-right {float: right; margin-left: 15px;} .post-body .align-left, .post-body .align-right {width: 35%; margin-bottom: 15px;} .post-body .align-left img, .post-body .align-right img {display: block; width: 100%} .post-body blockquote {border-left: 6px solid #094778; background: #f1f1f1; padding: 3%; display: block; clear: both; margin-bottom: 20px; font-style: italic} .post-body blockquote p:last-child {padding-bottom: 0} .post-body ul, .post-body ol {display: block; clear: both; margin:0 0 20px 20px;} .post-body li {margin-bottom: 10px; font-size: 0.938em;} .post-body h3 {font-size: 2.2em; line-height: 1em;} .post-body h4 {font-size: 1.8em; line-height: 1em;} .post-body h5 {font-size: 1.4em; line-height: 1em;} /* SHARE THIS POST */ .share-this-post {border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; padding: 6% 0;} .share-this-post h4 {float: left; width: 24%; font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 0.750em; margin-top: 2px} .share-this-post .addthis_toolbox {padding-bottom: 0} .share-this-post .post-share.bot {float: left; width: 76%;} .share-this-post .post-share.bot .addthis_toolbox a {} /* COMMENTS */ .comments {margin-top: 6%; padding-bottom: 20px} .comments-hd {margin-bottom: 2%} .comments-hd h3 {float: left; text-transform: uppercase; font-size: 1.500em;} .comments-hd a {float: right; font-size: 0.688em; color: #b8b8b8; padding-top: 4px} .comments-hd a:hover {text-decoration: none; color: #000} .comments ul {list-style-type: none; display: block; clear: both} .comments li {background: #f1f1f1; display: block; clear: both; padding: 2% 4%; margin-bottom: 4%} .comment-author {font-family: 'Roboto', sans-serif; font-weight: bold; display: block; padding-bottom: 3%} .comment-ft {display: block; clear: both; padding-top: 4%} .comment-ft .reply {float: left; display: block; padding-left: 18px; position: relative; font-family: 'Roboto', sans-serif; font-weight: bold; color: #000; font-size: 0.750em} .comment-ft .reply:hover {color: #a50808;} .comment-ft .reply span {position: absolute; left: 0; top: 2px; background: url(../images/sprite_ui.png) no-repeat -18px -336px; width: 13px; height: 10px; } .comment-ft .reply i {border-bottom: 1px solid #c8c8c8; font-style: normal} .comment-ft .posted-at {float: left; display: block; padding-left: 18px; position: relative; font-family: 'Roboto', sans-serif; font-weight: bold; color: #000; font-size: 0.750em; margin-left: 4%} .comment-ft .posted-at span {position: absolute; left: 0; top: 4px; background: url(../images/sprite_ui.png) no-repeat 0px -337px; width: 14px; height: 8px;} .comment-ft .posted-at i {border-bottom: 1px solid #c8c8c8; font-style: normal} .respond {margin-top: 4%} .respond h3 {text-transform: uppercase; font-size: 1.500em; display: block; padding-bottom: 12px} .respond fieldset {display: block; clear: both; margin-bottom: 3%} .respond label {display: block; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: .9em; padding-bottom: 3px} .respond input[type="text"], .respond input[type="email"], .respond textarea {display: block; color: #000; background: #f1f1f1; border: 0; padding: 2%; width: 96%; font-family:'HelveticaNeueW02-55Roma'; font-size: .9em} .respond textarea {height: 8em} .respond input[type="submit"] {background: url(../images/sprite_ui.png) no-repeat 10px -362px #094778; color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; font-size: .875em; border: 0; padding: 6px 12px 6px 34px; -webkit-border-radius: 4px; border-radius: 4px; float: right;} .respond input[type="submit"]:hover {background: url(../images/sprite_ui.png) no-repeat 10px -362px #000;} /* ================================================================================ */ /* AUTHOR PAGE */ /* ================================================================================ */ .author-tabs {display: block; clear: both} .author-top {display: block; clear: both; padding-top: 4%; padding-bottom: 3%} .author-top .avatar {float: left; width: 15%;} .author-top .avatar img {display: block; width: 100%} .author-top .text-wrap {float: right; width: 82%;} .author-top .job-title {font-size: 1.125em; display: block; font-family: 'Roboto', sans-serif; color: #000; font-weight: normal; padding-bottom: 0px; line-height: 1em} .author-top h1 {display: block; font-size: 3.000em; line-height: 1em; text-transform: uppercase; padding-bottom: 15px} /* AUTHOR SOCIALS */ .author-top .author-social {float: right; width: 82%;} .page-taxonomy .author-social .twitter-follow-button {/*float: left;*/ margin-left: 5px;} .page-node .author-social .twitter-follow-button { float: left; margin-left: 0px; margin-right: 10px; } .author-social .twitter-follow-button { float: left; margin-left: 0px; margin-right: 10px; } /*.author-social .email-auth {width: 25px; height: 16px; background: url(../images/sprite_ui.png) no-repeat 0 -475px; float: left; text-indent: -9999em; text-transform: uppercase; margin-top: 2px;}*/ .author-social .email-auth { width: 25px; height: 16px; background: url(../images/sprite_ui.png) no-repeat 0 -475px; float: left; text-indent: -9999em; text-transform: uppercase; margin-top: 2px; } .author-social .email-auth:hover {opacity: 0.7; -ms-filter:"alpha(opacity=70)"; /* IE8 */ filter:alpha(opacity=70); /* IE6/IE7 */} .page-taxonomy-term .author-social .email-auth { float: none; background: none; text-indent: -9999em; text-transform: lowercase; border-right: 1px solid #000; padding-right: 5px; color: #000000;} .author-social .fb-follow {float:left; width: 100px} .author-profile p {font-family: 'Georgia'; font-size: 1.125em; color: #000; display: block; clear: both;} .archive-post {display: block; clear: both; border-bottom: 1px solid #000; padding: 2% 0;} .archive-post .cat:after, .archive-post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .archive-post .cat, *:first-child+html .archive-post { zoom: 1; } /* IE7 */ .archive-post .cat {display: block; clear: both; padding: 1% 0 1.5% 0;} .archive-post .gold {float: left; line-height: 21px} .archive-post .key {float: left; width: 35px; height: 21px; background: url(../images/sprite_ui.png) no-repeat -35px -215px; margin-left: 15px; display: none} .archive-post.exclusive .key {display: block} .archive-post h3 {display: block; clear: both; font-size: 1.875em; padding-bottom: 2%} .archive-post .thumb {float: left; width: 25%; margin-bottom: 10px} .archive-post .text-wrap {/*float: right;*/ width: 72%;} .archive-post p {color: #000; font-size: 0.875em; display: block; padding-bottom: 4%} .archive-post .addthis_toolbox {padding-bottom: 1%;} .pager, .jta-tweet-list-controls {padding: 30px 0; display: block; clear: both} .pager a, .jta-tweet-list-controls-button {display: inline-block; zoom: 1; *display:inline; height: 30px; line-height: 30px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; background: #a50808; -webkit-font-smoothing: antialiased; font-size: 0.750em; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 15px; cursor: pointer} .pager a:hover, .jta-tweet-list-controls-button:hover {background: #000;} .pager a.next-page {margin-left: 8px} /* ================================================================================ */ /* SLIDESHOW */ /* ================================================================================ */ .slideshow {background: #000; position: relative; margin-bottom: 7%; padding-bottom: 4%; overflow: hidden} .slideshow h1 {display: block; clear: both; color: #fff; font-size: 2.250em; padding: 2% 4% 1% 4%; line-height: 1.1em} .slideshow .addthis_toolbox {padding: 0 4%; display: block; clear: both; margin-bottom: 25px} .slideshow .slide {float: left; display: block; width: 100%} .slideshow .slide img {width: 100%; display: block} .slideshow .slide .inner-pad {padding: 0 4%; display: block} .slideshow .slide .caption {color: #fff; display: block; padding-top: 20px} .ss-wrap {display: block; clear: both; overflow: hidden; position: relative} .ss-next, .ss-prev {display: block; width: 40px; height: 42px; background: url(../images/sprite_ui.png) no-repeat; position: absolute; top: 240px; z-index: 100; cursor: pointer} .ss-prev {background-position: 0 -398px; left: 10px;} .ss-next {background-position: -45px -398px; right: 10px;} .slideshow .red-tab {background: #fff;} .slideshow .count {position: absolute; top: 10px; right: 12px; font-size: .875em} .slideshow .customads .count { right: 10px;} .customads .titlestyle {margin-right:5px;} .red-tab.customads a:last-child {margin-top:0px; float:left} /* SELECTOR */ .filmstrip {display: block; clear: both; background: #404040; padding: 13px 0; margin-bottom: 22px; position: relative; overflow: hidden; min-height: 25px} .filmstrip .selector-wrap {width: 90%; margin: 0 auto; display: block;} .filmstrip .selector {display: block; clear: both;} .filmstrip .thumb {float: left; width: 100%; display: block; margin: 0px 5px; cursor: pointer; max-width: 100px} .filmstrip .thumb img {display: block; width: 100%; border: 1px solid transparent;} .filmstrip .thumb:hover img {border-color: #fff;} .filmstrip .thumb.selected img {border-color: #a60807;} .thumb-next, .thumb-prev {display: block; background: url(../images/sprite_ui.png) no-repeat; width: 11px; height: 16px; position: absolute; top: 50%; margin-top: -8px;} .thumb-prev {background-position: 0 -446px; left: 2%;} .thumb-next {background-position: -15px -446px; right: 2%;} .thumb-prev.disabled {background-position: -29px -446px;} .thumb-next.disabled {background-position: -44px -446px;} /* PICKER (BELOW) */ .picker .slide-wrap {display: block; clear: both; padding-top: 4%} .picker .screen {float: left; width: 21%; margin-right: 5%; min-height: 280px;} .picker .screen:nth-of-type(4n) {margin-right: 0} .picker .screen a {display: block;} .picker .screen img {display: block; width: 100%; border-bottom: 8px solid #c0c0c0;} .picker .screen:hover img {border-color: #a60807} .picker .screen span {color: #000; font-family: 'Georgia'; display: block; clear: both; padding-top: 10px} .picker .screen time {font-size: .750em; display: block} /* ================================================================================ */ /* VIDEO PAGE */ /* ================================================================================ */ .featured-video-inner {background: #000; position: relative; margin-bottom: 7%;} .featured-video-inner .red-tab {background: #fff;} .featured-video-inner .inner-pad {padding:4%; display: block} .featured-video-inner time {padding-bottom: 6px; display: block; clear: both} .featured-video-inner p {color: #fff; padding-bottom: 15px;} .featured-video-inner p:last-child {padding-bottom: 0} .featured-video-inner p a {color: #a60809;} .featured-video-inner h1 {display: block; clear: both; color: #fff; font-size: 2.250em; padding-bottom: 5px} .featured-video-inner .addthis_toolbox {display: block; clear: both; padding-bottom: 0} .item-list .pager li {padding: 0.2em !important; margin: 0 0 0.25em 0.10em;} .pager a { height: 25px; line-height: 25px; padding: 0 9px; } /* CHOOSE CAT*/ .picker-hd {display: block; clear: both; padding-top: 3%; padding-bottom: 5px} .picker-hd h2 {float: left; margin-top: 5px} .picker-hd .select-cat {float: right;} .picker-hd select, .picker-hd .flag {display: inline-block; zoom: 1; *display:inline;} .picker-hd .flag {color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; background: url(../images/bg_flag.png) no-repeat right #a50808; height: 22px; line-height: 22px; font-size: .650em; padding: 0 22px 0 10px} .featured-video-inner .fluid-width-video-wrapper {display: block; clear: both; margin-bottom: 15px;} /* ================================================================================ */ /* SECTION LIST INNER */ /* ================================================================================ */ .section-inner article {display: block; clear: both; padding: 4% 0; border-bottom: 1px solid #D9D9D9;} .section-inner article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .section-inner article { zoom: 1; } /* IE7 */ .section-inner article h3 {display: block; font-size: 1.875em; padding-bottom: 15px} .section-inner .meta {display: block; clear: both; font-size: 0.813em; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; color: #000; padding-bottom: 15px;} .section-inner article p {color: #000; padding-bottom: 20px;} .section-inner article p:last-child {padding-bottom: 0} .section-inner article p a {color: #a50808; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased;} .section-inner article .thumb {float: left; width: 22%; display: block} .section-inner article .thumb img {width: 100%} .section-inner article .text-wrap {float: right; width: 75%;} /* ================================================================================ */ /* ALL ACCESS */ /* ================================================================================ */ .aa-hd {display: block; clear: both; border-bottom: 1px solid #D9D9D9; padding-bottom: 25px;} .aa-logo, .aa-txt, .aa-key {display: inline-block; zoom: 1; *display:inline;} .aa-logo {width: 32%;} .aa-txt {width: 42%; margin-left: 7%} .aa-key {width: 12%; margin-left: 1%} .aa-bd {display: block; clear: both; padding-top: 3%} .aa-bd .left {width: 68%;} .aa-bd .right {width: 18%; margin-right: 2%} .aa-bd h1 {display: block; font-size: 2.250em; padding-bottom: 15px} .aa-bd p {color: #000; padding-bottom: 20px; font-size: 1em;} .aa-bd em {color: #094778; font-style: normal; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased;} .aa-options {display: block; clear: both; padding: 4% 0; margin-bottom: 4%;} .aa-options .block {float: left; width: 30%; margin-left: 5%;} .aa-options .block:first-child {margin-left: 0} .aa-options .block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .aa-options h3 {display: block; background: #000; padding: 10px; color: #fff; font-size: 1.250em} .aa-options form {display: block;} .aa-options .text-wrap {min-height: 105px; padding-top: 15px;} .aa-options .text-wrap span {color: #000; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.125em} .aa-options input[type="email"], .aa-options input[type="password"], .aa-options input[type="text"] {display: block; clear: both; border: 1px solid #000; color: #000; padding: 0 2%; width: 95.5%; height: 32px; line-height: 32px; font-size: .9em; font-family:'HelveticaNeueW02-55Roma';} .aa-options input[type="email"], .aa-options input[type="text"] {margin-bottom: 15px; } .aa-options input[type="submit"], .aa-options a.red-btn {height: 40px; line-height: 40px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center; float: left; padding: 0 4%; font-size: .750em; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #094778; } .aa-options input[type="submit"]:hover, .aa-options a.red-btn:hover {} /* ================================================================================ */ /* FOOTER */ /* ================================================================================ */ footer.full-size {display: block; clear: both; background: #000; -webkit-font-smoothing: antialiased; padding-top: 35px} footer.full-size a {color: #fff;} footer.full-size .col {float: left; width: 18%; padding-left: 2%;} footer.full-size .col a {display: block; clear: left; font-size: .875em; line-height: 1.8em} footer.full-size .col a:hover {text-decoration: underline;} footer.full-size .col-1 a {text-transform: uppercase; font-size: 1.250em; font-family: 'Arvo', serif; font-weight: normal; -webkit-font-smoothing: antialiased; line-height: 1.5;} footer.full-size .col-2 span {color: #fff; font-size: .875em; display: inline} footer.full-size .col-2 span a {clear: none; font-family: 'Roboto', sans-serif; font-weight: bold; display: inline} footer.full-size .col-2, footer.full-size .col-3, footer.full-size .col-4, footer.full-size .col-5 {} footer .socials {list-style-type: none; display: block} footer.full-size .socials li {clear: both; padding-bottom: 10px; display: block} footer.full-size .socials li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html footer.full-size .socials li { zoom: 1; } /* IE7 */ footer .socials li a {clear: none; line-height: normal; display: block; background: url(../images/sprite_ui.png) no-repeat; width: 34px; height: 34px; float: left; margin-right: 6%} footer .socials li a:hover {text-decoration: none;} footer .socials li.fb-link a {background-position: 0 -28px;} footer .socials li.fb-link a:hover {background-position: -108px -28px;} footer .socials li.twtr-link a {background-position: -36px -28px;} footer .socials li.twtr-link a:hover {background-position: -144px -28px;} footer .socials li.lnd-link a {background-position: -72px -28px;} footer .socials li.lnd-link a:hover {background-position: -180px -28px;} footer.full-size .socials li a span {float: left; color: #fff; font-size: 14px; line-height: 34px; margin-left: 45px; } footer.full-size .bottom {padding-top: 3%;} footer.full-size .newbay {float: left; width: 10%} footer.full-size .bc {float: right; width: 12%;} footer.full-size p.credits {float: left; width: 74%; text-align: center; color: #fff; font-size: 0.688em; padding: 1.2% 2% 0 2%;} /* ALL ACCESS FOOTER */ #holder.all-access {margin: 0 auto -7em; /* make sure this matches in the body footer.full-size DIV */} .push-aa, footer.all-access {display: block; height: 7em; margin: 0 auto; clear: both} footer.full-size.all-access {padding-top: 20px} footer.all-access .bottom {padding: 0} /* 1140 Grid */ .row { display: block; clear:both; } .left-rail {width: 65.4%; float: left;} .right-rail {width: 30.75%; float: right} .left-rail .fivecol { width: 60.2%; } .left-rail .threecol { width: 33.8%; } .left-rail .fourcol { width: 47%; } .left-rail .onecol, .left-rail .twocol, .left-rail .threecol, .left-rail .fourcol, .left-rail .fivecol, .left-rail .sixcol, .left-rail .sevencol, .left-rail .eightcol, .left-rail .ninecol, .left-rail .tencol, .left-rail .elevencol { margin-right: 6.0%; float: left; min-height: 1px; } .last { margin-right: 0px !important; } .left { float: left; } .right { float: right; } .featured-video { background: none repeat scroll 0 0 #000000; padding: 3%; } .featured-video-inner .left { width: 70%; padding-bottom: 35px; } .featured-video-inner .right { width: 29%; } .pane-twice-slideshow-homepage .pane-content .caroufredsel_wrapper{ height: 300px !important; } .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-1, .pane-right-side-add-2, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery { margin-bottom: 5%; } li { list-style: none outside none; } .post .inner-pad{ padding-left: 13.1%; } .pane-thewire-scroller .inner-pad{ padding-left: 0; } .featured-video-inner .inner-pad{ padding-left: 35px; } #video_url embed{ height: 400px !important; } @media handheld, only screen and (max-width: 768px) { .left-rail {display: block; clear: both; float: none; width: auto;} .right-rail {clear: both; float: none; display: block; width: auto; padding-top: 6%;} } @media handheld, only screen and (max-width: 480px) { .left-rail .fourcol {float: none; display: block; clear: both; width: auto; margin: 0} ul.menu { text-align: left; } .region-mobile-footer-menu ul.menu { text-align: center; } } /*End Grid 1140*/ /*Main Menu Theming*/ #muchomenu-1 li.search { float: right; width: auto; right: 40px; bottom: 2px; height: 55px; } input#edit-apachesolr-panels-search-form { border: 1px #00213E solid; color: #000; width: 240px; height: 28px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.1em; padding: 0 6px; } input#edit-apachesolr-panels-search-form--3 { border: 1px solid #00213E; color: #000000; font-family: 'Roboto',sans-serif; font-size: 1.1em; font-weight: bold; height: 28px; line-height: 28px; padding: 0 6px; width: 240px; } /*input#edit-apachesolr-panels-search-form--2 { border: 1px solid #00213E; color: #000000; font-family: 'Roboto',sans-serif; font-size: 1.1em; font-weight: bold; height: 28px; line-height: 28px; padding: 0 6px; width: 240px; } */ input#edit-apachesolr-panels-search-form--2{ float:left; width:300px; margin:3px 4px 0 0; } .muchomenu-bin-7 [class*='pane-'] a img { width: 78%; } /* #edit-actions { position: absolute; top: 6px; right: -22px; } input#edit-submit { margin-left: 10px; background: url(../images/sprite_ui.png) no-repeat -674px -247px; width: 14px; height: 14px; border: 0; color: transparent; text-transform: uppercase; cursor: pointer; }*/ .region-search {display: none;} /*End Main Menu Theming*/ /*Main Navigation */ ul li.leaf { list-style-image: none; list-style-type: none; } ul.muchomenu-menu {padding: 0px 0px;} .muchomenu-menu .muchomenu-bin{margin-top: 0px;} .muchomenu-bin-1 {left: 0 !important;} .muchomenu-bin-2 {width: 950% !important; left: -156.625px !important;} .muchomenu-bin-3 {left: -314px !important;} .muchomenu-bin-4 {left: -471px !important;} li.muchomenu-parent { float: left; margin: 0px 0px; } .muchomenu-menu .muchomenu-parent-title a, .muchomenu-menu .muchomenu-parent-title a:link, .muchomenu-menu .muchomenu-parent-title a:visited, .muchomenu-menu .muchomenu-parent-title a:focus, .muchomenu-menu .muchomenu-parent-title a:hover, .muchomenu-menu .muchomenu-parent-title a:active, .muchomenu-menu .muchomenu-parent-title span {padding: 0px;} .muchomenu-menu .muchomenu-parent-title a, .muchomenu-menu .muchomenu-parent-title span, .muchomenu-menu .muchomenu-parent-title a:visited{ border: none; padding: 0px; margin: 0px 0px; } .muchomenu-menu .muchomenu-parent-title a, .muchomenu-menu .muchomenu-parent-title span, .muchomenu-menu .hovering .muchomenu-parent-title a:hover{ border-radius: 0px; } .muchomenu-menu .hovering .muchomenu-parent-title a, .muchomenu-menu .hovering .muchomenu-parent-title span {background-color:#000 !important; } .muchomenu-menu .muchomenu-item a, .muchomenu-menu .muchomenu-item span { font-size:100%; } ul#muchomenu-1 li.muchomenu-parent span.muchomenu-parent-title a { display: block; border-left: 1px solid #000; } ul#muchomenu-1 li.first span a { border: none !important; } /*ul#muchomenu-1 li.muchomenu-parent span a { /*background-color: #fff !important; background-image: url('../images/icon_menuarrow.png'); background-repeat: no-repeat; background-position: 130px 26px; }*/ #block-muchomenu-1 ul#muchomenu-1 li .right a { background-color: #000 !important; } #block-muchomenu-1 ul#muchomenu-1 li .right a:hover { text-decoration: underline; } /*ul#muchomenu-1 li.muchomenu-parent span.muchomenu-parent-title a:hover, ul#muchomenu-1 li.hovering span.muchomenu-parent-title a { background: #a50808; background-image: url('../images/icon_menuarrow_hover.png'); background-repeat: no-repeat; background-position: 130px 26px; }*/ /*#block-muchomenu-1 ul#muchomenu-1 li .right a { line-height: 1.3em; padding-top: 5px; height: 50px !important; color: #fff !important; font-size: 0.9em; text-transform: none; }*/ #block-muchomenu-1 ul#muchomenu-1 li .right a { /*line-height: 24px;*/ line-height: 1.4em; padding-top: 2px; height: auto; color: #fff !important; text-transform: none; font-family: 'roboto_condensedbold'; display: inline; font-size: 0.9em; width: auto; text-align: left; } #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-primary-link, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-industry, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-research, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-retail, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-subscribe, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-images-menu{ float: left; width: 22%; } #block-muchomenu-1 ul#muchomenu-1 li ul.menu { display: block; /*padding: 8%;*/ margin-top: 10px; } ul.menu li { margin: 0 0 0 0em; } #block-muchomenu-1 ul#muchomenu-1 li ul.menu { float: none; /*background-color: #000;*/ } #block-muchomenu-1 ul#muchomenu-1 li ul.menu li { width: 100%; /*background-color: #000;*/ } #block-muchomenu-1 ul#muchomenu-1 li ul.menu li:hover a { background:transparent } #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a { color: #fff; height: auto; width: auto; clear: none; line-height: normal; border: none; text-align: left; text-transform: none; background-color: #000; } #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a:hover { text-decoration: underline; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block { width: 78%; margin: 2% 0; float: right; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right { width: 100%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right article a.blog-title { display: block; font-family: 'roboto_condensedbold'; font-size: .9em; line-height: 1.3em; height: 20px !important; padding-top: 60px; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .inner-pad { padding: 2%; border-left: 1px solid #404040; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-top {margin-bottom: 20px;} #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .row { display: block; clear: both; margin-bottom: 1.4%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-top article { float: left; width: 22%; margin-left: 3%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot article { float: left; width: 45%; margin-left: 5%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot article:first-child, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block.right .right-top article:first-child { margin-left: 0; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot { display: block; clear: both; border-top: 1px solid #404040; padding-top: 20px; } #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-4 .pane-upper-block .right .right-bot{border: none;} #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot article a { color: #fff; height: auto; width: auto; clear: none; line-height: normal; border: none; text-align: left; text-transform: none; } .muchomenu-bin .panel-display { width: 1145px; padding: 0px; background: #000; border: 0px solid #ccc; border-radius: 0px; } #block-muchomenu-1 ul#muchomenu-1 li .right p, /*#block-muchomenu-1 ul#muchomenu-1 li .right span.meta { color: #fff; }*/ #block-muchomenu-1 ul#muchomenu-1 li .right span.meta {color: #fff; display: block; font-family: 'roboto_condensedregular'; font-size: .775em; line-height: 1.4em;} #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-3 .pane-upper-block .right .right-bot {border: none; padding-top: 0px;} ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {float: left; width: 15.5em;} ul.nice-menu li {border:none; background-color: #000;} ul#nice-menu-2 {margin-top: 10px;} /*ul#nice-menu-2 li:hover { background-color: #363636; }*/ ul.nice-menu li a {text-align: left; color: #fff;} ul#nice-menu-2 li a, #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 1.125em; line-height: 1em; padding: 9px; padding-left: 9%; padding-right: 0; background-image: url(../images/sub-nav-arrow.png); background-repeat: no-repeat; background-position: 220px 15px; height: 20px; padding-top: 10px; padding-bottom: 10px; text-transform: none; } ul#nice-menu-2 li a:hover { background-color: #363636; text-decoration: underline; } #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a:hover { background-image: url(../images/sub-nav-arrow.png); background-repeat: no-repeat; background-position: 220px 15px; background-color: #363636; } #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-2 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-2 ul.menu li a:hover, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-3 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-3 ul.menu li a:hover, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-6 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-6 ul.menu li a:hover, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-7 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-7 ul.menu li a:hover, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-4 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-4 ul.menu li a:hover { background-image: none; } ul.nice-menu, ul.nice-menu ul {border: none;} ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent,ul.nice-menu-right li.menuparent:hover, ul.nice-menu-right li li.menuparent:hover {background: none;} ul.nice-menu-right li.menuparent ul li {background-color: #363636; } ul.nice-menu-right ul { left: 248px; background: #363636; padding: 10px 0; min-width: 250px; min-height: 300px; top: 0px; } ul.nice-menu-right li.menuparent ul li a {background: none;} ul#nice-menu-2 li.last {padding-bottom: 60px;} ul#nice-menu-2 li ul li a { padding: 0 15px; background-image: none; font-family: 'Roboto', sans-serif; font-weight: blod; font-size: 0.875em; line-height: 1.57142857em; color: #e8e8e8; } #muchomenu-1 li.search { float: right; width: auto; right: 40px; bottom: 2px; height: 55px; } /*input#edit-apachesolr-panels-search-form { border: 1px #00213E solid; color: #000; width: 256px; height: 28px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 1.1em; padding: 0 6px; } #edit-actions { position: absolute; top: 6px; right: -22px; }*/ li.search input#edit-submit, li.search input#edit-submit--2 { margin-left: 10px; background: url(/sites/all/themes/twice_custom/images/sprite_ui.png) no-repeat -674px -247px; width: 14px; height: 14px; border: 0; color: transparent; text-transform: uppercase; cursor: pointer; position: absolute; top:23px; right:-24px; } li.search input#edit-submit--2 {top:24px; right: -22px;} .muchomenu-bin .pane-upper-block .pane-content { color: #fff; } .muchomenu-bin-2 .right .right-top article a, .muchomenu-bin-3 .right .right-top article a, .muchomenu-bin-6 .right .right-top article a, .muchomenu-bin-7 .right .right-top article a, .muchomenu-bin-4 .right .right-top article a, .muchomenu-bin-4 .right .right-top article span.meta a { border: none; } .muchomenu-bin-6 { left: -471px !important; } .muchomenu-bin-7 { left: -629px !important; } /*End Navigation */ /*Top Nav*/ /*ul.nice-menu-down li { border-top: 1px solid #ccc; }*/ ul.nice-menu-right li.menuparent:hover a {background-color: #363636;} #block-nice-menus-1 ul.nice-menu-down li { border-left: 1px solid #404040; } #block-nice-menus-1 ul.nice-menu li { background-color: #000000; } #block-nice-menus-1 ul.nice-menu li { /*border: medium none;*/ margin: 0; padding: 5px 25px 5px; } #block-nice-menus-1 ul.nice-menu li a { color: #D4D4D4; font-weight: bold; font-size: 10px; text-transform: uppercase; font-family: 'roboto_condensedregular',sans-serif; } #block-nice-menus-1 ul.nice-menu li.menu-572.first { padding: 0px 20px 0px !important; border: none; } ul.nice-menu-down li.menuparent, ul.nice-menu-down li.menuparent:hover { background: none; } #block-nice-menus-1 ul.nice-menu-down li.menuparent > a { background: url(/sites/all/themes/twice_custom/images/icon_menuarrow_hover.png) no-repeat scroll right center transparent !important; width: 36px; } #block-nice-menus-1 ul.nice-menu li ul li { padding: 5px 0px 2px 30px; width: 265px; position: relative; left:-155px; } #block-nice-menus-1 ul.nice-menu-down li.menu-658 a, #block-nice-menus-1 ul.nice-menu-down li.menu-667 a, #block-nice-menus-1 ul.nice-menu-down li.menu-674 a, #block-nice-menus-1 ul.nice-menu-down li.menu-681 a, #block-nice-menus-1 ul.nice-menu-down li.menu-685 a { pointer-events: none;} #block-nice-menus-1 ul.nice-menu-down li.menu-658 , #block-nice-menus-1 ul.nice-menu-down li.menu-667 , #block-nice-menus-1 ul.nice-menu-down li.menu-674 , #block-nice-menus-1 ul.nice-menu-down li.menu-681 , #block-nice-menus-1 ul.nice-menu-down li.menu-685 { padding: 5px 0px 2px 5px; width: 290px;} /*End Top Nav*/ /** Current News and Most Popular Block **/ li.dsq-widget-item { border-bottom: 1px solid; padding-bottom: 10px;font-family: 'Georgia'; color: #b9922e;font-size: 11px;/*font-weight: bold;*/} #dsq-popthreads ul.dsq-widget-list li:last-child { border-bottom: none;} img.dsq-widget-avatar{display:none;} .dsq-widget-comment p {font-family: 'roboto_condensedregular',sans-serif; font-size: 0.938em; font-style: italic;} a.dsq-widget-user {font-weight: normal; font-size: 11px; font-family: 'Georgia'; color: #b9922e;} p.dsq-widget-meta {display: inline; font-size: 12px;} li.dsq-widget-item p{color: #727272;} p.dsq-widget-meta a {font-size: 1.35em; color: #000000; font-family: 'Georgia';} p.dsq-widget-meta a:last-child {display: none;} span.dsq-widget-comment p:before, span.dsq-widget-comment p:after {content: '"';} span.dsq-widget-comment {padding-bottom: 5px; padding-top: 5px;} li.dsq-widget-item {margin: 5px 0 !important;} .tabbed .tab p.dsq-widget-meta { font-size: 12.5px; } .tabbed .tab span { font-size: 16px; } /** End of Current News and Most Popular Block **/ @media handheld, only screen and (max-width: 768px) and (orientation: portrait){ .muchomenu-bin .panel-display {width: 768px !important;} .muchomenu-menu .muchomenu-bin-1{left: 0px !important;} .muchomenu-menu .muchomenu-bin-2{left: -106px !important;} .muchomenu-bin-3 .panel-display {width: 768px !important;} .muchomenu-menu .muchomenu-bin-3{left: -212px !important;} .muchomenu-menu .muchomenu-bin-4{left: -318px !important;} .muchomenu-menu .muchomenu-bin-6{left: -318px !important;} .muchomenu-menu .muchomenu-bin-7{left: -424px !important;} ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {width: 11.5em;} ul#nice-menu-2 li a, #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a:hover {background-position: 145px 15px;} ul.nice-menu-right ul {left: 165px;} .top-bar ul li { display: block !important;} #block-nice-menus-1 ul.nice-menu li.menu-664.first { padding: 0px 10px 0px !important; } #block-nice-menus-1 ul.nice-menu li { margin: 0; padding: 4px 1px 6px; } #block-nice-menus-1 ul.nice-menu li a { font-weight: normal; } input#edit-apachesolr-panels-search-form { width: 150px !important; } .muchomenu-bin-6 { left: -311px !important; } .muchomenu-bin-7 { left: -415px !important; } body.page-home .pane-right-side-add-1 { margin-right: 5%; } .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-1, .pane-right-side-add-1, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery , .pane-twice-recent-articles{ float: left; margin-bottom: 5%; width: 46%; } .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-2, .pane-right-side-add-2, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery, .pane-twice-recent-articles { float: left; margin-bottom: 5%; width: 46%; } body.page-home .pane-current-issue-block { clear: both; float: left; margin-left: 3%; margin-right: 5%; width: 46%; } body.page-home .pane-current-popular-news { float: left; margin-left: 3%; margin-right: 5%; width: 46%; } body.page-home .pane-twice-recent-articles { float: left; margin-left: 3%; margin-right: 5%; width: 46%; } .panel-2col-stacked .panel-separator { margin: 0 0 1em; } body.page-home .pane-right-side-add-2, body.page-home .pane-subscribe-now, body.page-home .pane-right-side-third-add { margin-left: 0; } .post .inner-pad{ padding:0px; width: auto; } .featured-video-inner .inner-pad{ padding: 35px; } /* .video-player img { height: 65% !important; left: 0; position: absolute; top: 50px; width: 50% !important; }*/ .page-home .pane-featured-video .featured-video .video-player { height: 0; padding-bottom: 56.25% !important; padding-top: 0; position: relative; } } @media handheld, only screen and (max-width: 1024px) and (orientation: landscape){ .muchomenu-bin .panel-display {width: 1024px !important;} .muchomenu-menu .muchomenu-bin-1{left: 0px !important;} .muchomenu-menu .muchomenu-bin-2{left: -141.63px !important;} .muchomenu-bin-3 .panel-display {width: 1024px !important;} .muchomenu-menu .muchomenu-bin-3{left: -283px !important;} .muchomenu-menu .muchomenu-bin-4{left: -424px !important;} ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {width: 13.5em;} ul#nice-menu-2 li a, #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li ul.menu li a:hover {background-position: 200px 15px;} ul.nice-menu-right ul {left: 215px;} #block-nice-menus-1 ul.nice-menu li { margin: 0; padding: 4px 0px 9px; } .muchomenu-bin-6 { left: -425px !important; } .muchomenu-bin-7 { left: -565px !important; } .page-job .node-promoted {padding-left:10px;padding-right:10px;} /* .video-player img { height: 65%; left: 0; position: absolute; top: 45px; width: 55% !important; }*/ .page-home .pane-featured-video .featured-video .video-player { height: 0; padding-bottom: 55.25% !important; padding-top: 0; position: relative; } } .pane-twice-recent-articles h2.pane-title { display:none;} /* archive tables */ .pane-archives table { width: 100%; font-size: 0.923em; margin: 0 0 10px; border: 1px solid #bebfb9; vertical-align: baseline; border-collapse: collapse; border-spacing: 2px; } .pane-archives table thead { display: table-header-group; } .pane-archives table thead th { border-bottom: 3px solid #ccc; text-transform: uppercase; background: #e1e2dc; font-weight: normal; border-width: 1px; border-style: solid; border-color: #bebfb9; padding: 3px 10px; } .pane-archives table thead tr { display: table-row; } .pane-archives table tbody { border-top: 1px solid #ccc; display: table-row-group; } .pane-archives table tbody tr.odd { background: #fff; } .pane-archives table tbody tr.odd li { list-style: none outside none; } .see-all { float:right; } /* current-issue */ /* INSIDE CURRENT ISSUES */ .inside-current-issue .col-holder .col-mag { float: left; width: 32%; } .inside-current-issue .col-holder .col-list { float: right; width: 62%; } .icn-key { position: relative; top: 3px; display: inline-block; width: 23px; height: 15px; background: url(../images/icn-key.png) center center no-repeat; margin-left: 0px; /*ie7*/ *display: inline; *zoom: 1; } .inside-current-issue article { border-bottom: 2px solid #6F6F6F; padding-bottom: 5px; padding-top: 5px; } .inside-current-issue article:last-child { border-bottom: none; } .inside-current-issue .red-tab span a { margin-top: 0px; color: white; font-size: 1.125em !important; } .widget.subscribe { margin-bottom: 0 !important; } .post-body .row .outer { width: 28%; float: left; } /* .wtm-box { width: 28%; background: #E5F0F7; padding: 6%; margin-top: 5px; border: 1px #094778 solid; font-size: 14px; } */ .wtm-box { border-top: 10px #094778 solid; margin-top: 25px; float: left; clear: both; width: 35%; margin-right: 10px; } .wtm-box .wtm-inner{ background: #E5F0F7; padding: 8%; margin-top: 5px; border: 1px #094778 solid; } .wtm-box-mobile { border-top: 10px #094778 solid; margin-top: 25px; float: left; clear: both; margin-right: 10px; } .wtm-box .wtm-label { text-align: center; border-bottom: 1px #094778 solid; font-family: 'Oswald', sans-serif; font-size: 1.5em; font-weight: normal; padding-bottom: 3%; margin-bottom: 8%; } .wtm-box-mobile .wtm-inner-mobile{ background: #E5F0F7; padding: 8%; margin-top: 5px; border: 1px #094778 solid; } .wtm-box-mobile .wtm-label { text-align: center; border-bottom: 1px #094778 solid; font-family: 'Oswald', sans-serif; font-size: 1.5em; font-weight: normal; padding-bottom: 3%; margin-bottom: 8%; } @media handheld, only screen and (max-width: 567px) { /*.wtm-box-mobile { display:block; } .wtm-box { display:none; }*/ .wtm-box-mobile { display:none; } } @media handheld, only screen and (min-width: 600px) and (max-width: 768px) { .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-1, .pane-right-side-add-2, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery { float: left; width: 46%; margin-bottom: 5%; } .pane-right-side-add-2, .pane-right-side-third-add, .pane-subscribe-now, .pane-newsletter, .pane-twice-home-page-gallery{ margin-left: 8%; clear: none; } .pane-current-popular-news, .pane-related-stories, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-event-block-list { clear: both; } body.page-home .pane-newsletter { margin-left: 0px; } /*body.page-home .pane-current-popular-news { width: 100%; }*/ body.page-home .pane-current-popular-news { width: 46%; margin-left: 3%; float: left; margin-right: 5%; } body.page-home .pane-right-side-add-1 {margin-right: 5%;} body.page-home .pane-current-issue-block { float: left; width: 46%; margin-left: 3%; clear: both; margin-right: 5%; } body.page-home .pane-twice-recent-articles { float: left; width: 46%; margin-left: 3%; clear: both; margin-right: 5%; } body.page-home .pane-featured-job {margin-left: 3%; margin-right: 5%;} body.page-home .pane-right-side-add-2, body.page-home .pane-subscribe-now, body.page-home .pane-right-side-third-add {margin-left: 0%;} } @media handheld, only screen and (min-width: 568px) { .wtm-box-mobile { display:none; } .wtm-box { display:block; } } .spotlight .tweet-this{ } p.wtm { margin-top: 5px; padding-top: 5px; } .wtm strong{ font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 0.875em; color: #000; line-height: 1em; text-transform: uppercase; } /*.author-social .twitter-follow-button { float: left; margin-right: 10px; }*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tabbed-nav li {width:42% !important;} .tabbed-nav li.activeli > a{ padding:18px 5% !important;} .tabbed-nav li a{padding:18px 5% !important;} } .section-inner a {color:#000;} /*for featured video in ipad*/ .video-player { position: relative; padding-bottom: 60.25%; /* 16:9 */ padding-top: 0; height: 0; } .video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-player img { /* width: 50%;*/ } .video-player > #video_url { /*margin-top: -22px;*/ } @media handheld, only screen and (max-width: 360px){ .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-1, .pane-right-side-add-1, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery, .pane-twice-recent-articles, .pane-current-popular-news { float: none; width: auto; } .pane-newsletter, .pane-twice-event-block-list, .pane-right-side-add-2, .pane-right-side-add-2, .pane-right-side-third-add, .pane-current-popular-news, .pane-related-stories, .pane-subscribe-now, .pane-twice-recent-articles, .pane-featured-job, .pane-twice-home-page-gallery, .pane-twice-recent-articles, .pane-current-popular-news { float: none; width: auto; } body.page-home .pane-current-issue-block { float: none; width: auto; margin-left: 0; margin-right: 0; } body.page-home .pane-current-popular-news { float: none; width: auto; margin-left: 0; margin-right: 0; } body.page-home .pane-twice-recent-articles { float: none; width: auto; margin-left: 0; margin-right: 0; } .featured-video-inner .inner-pad { display: block; padding: 4% !important; } .wtm-box { border-top: 10px #094778 solid; margin-top: 25px; float: left; clear: both; width: 95%!important; margin-right: 10px; margin-bottom: 10px; } } /*page-job*/ /* .page-job .view-content .views-row-first .field-name-field-job-description, .page-job .field-name-field-essential-duties-and-respo, .page-job .field-name-field-qualification, .page-job .submitted, .page-job .field-item.even > p, .page-job .user-picture, .page-job .with-tabs{ display: none; } .page-job .contextual-links-region .field-name-field-job-title .field-items .even{ display: none; } .node-type-job .view-content .views-row-first .field-name-field-job-description, .node-type-job .submitted, .node-type-job .user-picture, .node-type-job .with-tabs{ display: none; } */ .node-type-job .field-label-hidden .field-items .field-item.even > p{ display: none; } .page-job .field-items .field-item.even { clear: both; display: inline-block; word-wrap: break-word; } .fb_iframe_widget iframe{ width: 87px !important; height: 23px !important; } .page-job .views-row { border-bottom: 1px solid #CCCCCC; font-size: 12px; line-height: 20px; margin-bottom: 10px; padding-bottom: 14px; } /* sachin */ .page-job .field-type-text {display: inline-block;width: 100%;} .page-job .field .field-label {font-weight: bold;float: left; /*width: 10%;*/} .page-job .field-items {float: left;/*width: 90%;*/} .page-job .field-type-text-with-summary {display: none;} /*sachin */ .node-type-job .field-type-text {display: inline-block;width: 100%;} .node-type-job .field .field-label {font-weight: bold;float: left;width: 15%;} .node-type-job .field-items {float: left;width: 85%;} .node-type-job .field-name-field-location {margin-bottom: 20px;} .node-type-job .field-name-field-essential-duties-and-respo .field-items {margin-bottom: 20px;} .node-type-job .field-name-field-job-description .field-items {margin-bottom: 20px;} .node-type-job .field-items .field-item.even { clear: both; display: inline-block; word-wrap: break-word; } .page-job .contextual-links-region h2 a{ color: #0000EE !important; /*margin-left:-38px;*/ } @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){ .fb_iframe_widget iframe{ width: 87px !important; height: 23px !important; } } .page-events h1.with-tabs {display:none;} .slide .p-caption p {display:none !important;} /* @media only screen and (min-width: 400px) and (max-width: 640px){ .page-job .field-items { float: left; width: 80% !important; } .page-job .field .field-label { float: left; font-weight: bold; width: 20% !important; } .page-job .contextual-links-region h2 { position: absolute; font-size: 13px; margin-left: 68px !important; } .page-job .view-display-id-page{ padding-left: 20px; padding-right: 20px; } .page-job .views-row-first{ margin-top: 20px; } } .page-job .node-promoted h2{ position: absolute; font-size: 13px; margin-left: 75px; } .page-job .node-promoted h2 a{ color: #0000EE !important; } .page-job .contextual-links-region h2{ position: absolute; font-size: 13px; margin-left: 75px; } .page-job .contextual-links-region h2 a{ color: #0000EE !important; } .page-job .node-promoted .field-name-field-job-title .field-items .even{ display: none; } */ .page-job .node-promoted .content .field:first-child .field-items > .field-item.even {opacity:0;} .page-job .node-promoted {position:relative;} .page-job .node-promoted h2 {font-size:12px;line-height:2px;color: #000;font-family: 'Roboto',sans-serif;position:absolute;left: 114px; top: 9px;z-index: 2;height: 35px;} .page-job .field-items {padding-left: 115px;float:none;} .page-job .field .field-label {/*position:absolute;*/float:none;} .page-job .node-promoted h2 {font-size:12px;line-height:2px;color: #000;font-family: 'Roboto',sans-serif;position:absolute;left: 114px; top: 9px;z-index: 2;height: 35px;} /*page-job1 start*/ .page-job1 .view-content .views-row-first .field-name-field-job-description, .page-job1 .field-name-field-essential-duties-and-respo, .page-job1 .field-name-field-qualification, .page-job1 .submitted, .page-job1 .field-item.even > p, .page-job1 .user-picture, .page-job1 .with-tabs{ display: none; } .page-job1 .node-promoted .field-name-field-job-title .field-items .even{ display: none; } .page-job .contextual-links-region .field-name-field-job-title .field-items .even{ display: none; } .node-type-job .view-content .views-row-first .field-name-field-job-description, .node-type-job .submitted, .node-type-job .user-picture, .node-type-job .with-tabs{ display: none; } .node-type-job .field-label-hidden .field-items .field-item.even > p{ display: none; } .page-job1 .field-items .field-item.even { clear: both; display: inline-block; word-wrap: break-word; } .fb_iframe_widget iframe{ width: 87px !important; height: 23px !important; } .page-job1 .views-row { border-bottom: 1px solid #CCCCCC; font-size: 12px; line-height: 20px; margin-bottom: 10px; padding-bottom: 14px; } /* sachin */ .page-job1 .field-type-text {display: inline-block;width: 100%;} .page-job1 .field .field-label {font-weight: bold;float: left;width: 10%;} .page-job1 .field-items {float: left;width: 90%;} .page-job1 .field-type-text-with-summary {display: none;} /*sachin */ .node-type-job .field-type-text {display: inline-block;width: 100%;} .node-type-job .field .field-label {font-weight: bold;float: left;width: 15%;} .node-type-job .field-items {float: left;width: 85%;} .node-type-job .field-name-field-location {margin-bottom: 20px;} .node-type-job .field-name-field-essential-duties-and-respo .field-items {margin-bottom: 20px;} .node-type-job .field-name-field-job-description .field-items {margin-bottom: 20px;} .node-type-job .field-items .field-item.even { clear: both; display: inline-block; word-wrap: break-word; } .page-job1 .node-promoted h2{ position: absolute; font-size: 13px; margin-left: 75px; } .page-job1 .node-promoted h2 a{ color: #0000EE !important; } .page-job1 .contextual-links-region h2{ position: absolute; font-size: 13px; margin-left: 75px; } .page-job1 .contextual-links-region h2 a{ color: #0000EE !important; } @media only screen and (min-width: 320px) and (max-width: 640px){ /* for ads only */ .region-header-add img, .pane-content-add img { height: 50px; margin: auto; width: 300px; } /* */ .push {background-color:#000;} .page-job1 .field-items { float: left; width: 80% !important; } .page-job1 .field .field-label { float: left; font-weight: bold; width: 20% !important; } .page-job1 .contextual-links-region h2 { position: absolute; font-size: 13px; margin-left: 60px !important; } .page-job1 .view-display-id-page{ padding-left: 20px; padding-right: 20px; } .page-job1 .views-row-first{ margin-top: 20px; } .node-type-job #block-system-main .node-promoted{ padding-left: 20px; padding-right: 20px; } .node-type-job .field-name-field-job-title{ margin-top: 20px; } .node-type-job .field-items { float: left; width: 65% !important; } .node-type-job .field .field-label { float: left; font-weight: bold; width: 35% !important; } .video-player img { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } } /*page-job1 end*/ .slideshow .slide img { //width: 427px; display: block; //height: 275px; //margin: 65px auto; } .page-user .user-info-from-cookie.user-info-from-cookie-processed { display: none; } .page-node-77 h1.with-tabs {display:none;} #node-77 .user-picture {display:none;} #node-77 .submitted {display:none;} @media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) { .mobile-header { z-index:9999999 !important; } } /*@media handheld, only screen and (max-width: 321px) { .mobile-header .mobile-toggle {z-index: 99999 !important; position: absolute !important; right: 20px !important; top: 5px !important;} }*/ /*.fourcol.lhs:nth-child(2n) { margin-right: 0; } .fourcol.last.rhs:nth-last-child(3n+1) { margin-right: 6% !important; }*/ @media only screen and (min-width: 769px) and (max-width: 800px){ /* .video-player img { height: 50%; left: 0; position: absolute; top: 75px; width: 60% !important; }*/ } .page-home .pane-featured-video .featured-video .video-player { height: 0; padding-bottom: 50.25%; padding-top: 0; position: relative; } /*#video_url.aspectMode .jwaspect { display: block !important; margin-top: 56.667% !important; }*/ .pane-featured-video .video-player #video_url_wrapper > div { display: block; margin-top: 50.667% !important; } .field-item.even > img { display: none; } .pane-categorized-blog-listing .pane-title { display: none; } /* Added by .pane-twice-blog-home-list .red-tab { width: 350px; float: right; } element.style { border: medium none; //margin-top: -75px; max-width: 100%; min-width: 175px; width: 350px; } .fourcol.lhs { margin-top: -73px; } */ .page-taxonomy-term-36 .red-tab strong { display: none; }