/* CPN */ /* ================================================================================ */ /* 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); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700); @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); @import url(http://fonts.googleapis.com/css?family=Abel); @font-face { font-family: 'roboto_condensedregular'; src: url('../fonts/RobotoCondensed-Regular-webfont.eot'); src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('../fonts/RobotoCondensed-Bold-webfont.eot'); src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } /* ================================================================================ */ /* 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;*/ width: 100%; /*max-width: 100%;*/} img, object, embed {/*max-width: 101%;*/width:100%;} a img {display: block; width: 100%} .key{display: block; width:35px;height:28px;} .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} /* ADD THIS */ .addthis_toolbox {display: block; clear: both; padding-bottom: 3%; /*float:right;*/} .addthis_toolbox a {float: left; margin-left: 1%;} .addthis_toolbox a:first-child {margin-left: 0} .addthis_button_tweet {width: 80px;} .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; font-family: Georgia, serif; font-family: 'Roboto Condensed', sans-serif; */ .meta a{font-weight:bold;} h1, h2, h3, h4, h5 {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; color: #000;} h1 a, h2 a, h3 a, h4 a, h5 a {color: #333; font-weight: bold;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration: underline} /*.gold {color: #c4161c; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: .75em; float: left; width:100%; font-weight: bold;}*/ .gold {background-color: #FF0000;font-family: 'Roboto Condensed',sans-serif;font-size: 0.8em;padding: 2px 7px;text-transform: uppercase;} .gold a {color: #fff; font-weight: normal;} p, a, li {font-weight: 300;color:#000;} p {font-size: .9375em; line-height: 1.5em} p a {color: #c4161c;} p a:hover {text-decoration: underline} a {cursor: pointer; text-decoration: none;} a:hover {text-decoration: underline} a:active, a:focus{outline: 0;} strong, b {font-family: Georgia, serif; font-weight: bold;} /* ================================================================================ */ /* UNIVERSAL STYLES / 1140 */ /* ================================================================================ */ body { background: #fff; color: #000; font-family: Georgia, 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%;} .post-body .content{ display: block; /*clear: both;*/} .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: #c4161c; font-family: 'Roboto', sans-serif; font-size: 0.875em;}*/ a.see-all {color: #FF0000;font-family: 'Roboto',sans-serif;font-size: 0.75em;} /* ================================================================================ */ /* 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;} .top-bar li.last a img { display: block; /* margin: 2px auto 0; */ //max-width: 56px; max-width:47px; } /* ================================================================================ */ /* 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: 970px; 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: 17px; background: url(../images/cpnHeader.jpg) top center 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: 19px 0;} header .main-logo a {display: block;} header .main-logo img { max-width: none; width: auto;} 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:'Abel',sans-serif; color: #fff; text-transform: uppercase; font-size: 0.875em; text-align: center;} header a.all-access {display: block; margin: 0 auto; height:22px; margin-top:12px; width:39px; padding-bottom: 3px; background: url(../images/header-icon-subscribe.png) no-repeat;} header a.all-access:hover {background-position: 0 -35px;} header a.careers {display: block; margin: 0 auto; height:18px; margin-top:12px; width:39px; padding-bottom: 3px; background: url(../images/header-icon-careers.png) no-repeat;} header a.all-access {width: 35px; padding-top: 10px;} header a.careers {width: 38px; padding-top: 12px; } header a.careers:hover {background-position: 0 -33px;} header a.all-access img, header a.careers img {display: block; width: 100%;} header .social {height: 34px; width:37px; float: left; padding: 10px 2px;} header .fb-link a {display: block; position: relative; line-height: normal; height: 34px; width:37px; background: url(../images/header-icon-facebook.png) no-repeat;} header .fb-link a:hover{background-position: 0 -34px;} header .twtr-link a {display: block; position: relative; line-height: normal; height: 37px; width:39px; background: url(../images/header-icon-twitter.png) no-repeat;} header .twtr-link a:hover{background-position: 0 -37px;} header .rss-link a {display: block; position: relative; line-height: normal; height: 37px; width:39px; background: url(../images/header-icon-rss.png) no-repeat;} header .rss-link a:hover{background-position: 0 -37px;} 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; 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: 'Abel',sans-serif; font-size: 13px /*1em*/; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 55px; border-left:0px solid #810e11; height: 55px; /* position: relative;*/} header nav ul li a span {font-weight: normal;} 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%;} #block-muchomenu-1 .gold { color:#FF0000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 2px 0px;width: 100%; float:left;} .search span {color:rgba(0, 0, 0, 0 ) !important; height:50px; width:100px;} .search .muchomenu-parent-title { width:50px; background:#C30;} .search .muchomenu-bin .panel-display { width:296px;} .search #menu-search { width:55px !important; height:56px;} .search .muchomenu-menu .hovering .muchomenu-parent-title span:hover, .search .muchomenu-menu .muchomenu-slot-title span {cursor: pointer !important;} .search .muchomenu-menu .hovering .muchomenu-parent-title a, .search .muchomenu-menu .hovering .muchomenu-parent-title span { background-color:transparent !important;} .muchomenu-menu .hovering .muchomenu-parent-title a:hover {text-decoration:underline;} .muchomenu-menu .hovering .muchomenu-parent-title a:hover:last-child {text-decoration:none !important;} .muchomenu-bin .panel-display img{ margin-bottom:5px;} .muchomenu-menu li:nth-child(1){ width:17%; } .muchomenu-menu li:nth-child(2){ width:10%; } .muchomenu-menu li:nth-child(3){ width:19%; } .muchomenu-menu li:nth-child(4){ width:10%; } .muchomenu-menu li:nth-child(5){ width:18%; } .muchomenu-menu li:nth-child(6){ width:10%;} .muchomenu-menu li:nth-child(7){ width:12%;} ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {float: left; width:193px!important;} .newsletter br{ display:none;} .pane-content .widget{ margin-bottom:0px !important;} .tabbed .tab h4 a:hover{color: #00AEEF; text-decoration: none;} #block-menu-menu-footer-menu-1 ul.menu li {margin:0px 0 0 0;} #block-menu-menu-footer-menu-2 ul.menu li{margin:0px 0 0 0;} #block-menu-menu-footer-menu-3 ul.menu li{margin:0px 0 0 0;} #block-menu-menu-footer-menu-4 ul.menu li{margin:0px 0 0 0;} ul.menu li { margin:0px 0 0 0;} #sub-frame-error { display:none !important;} .resource-center .gold { background:none; color:#DA9E09 !important;} .rc-tabs span{ color: #fff !important; width:auto !important;} .rc-bd .text-wrap { border-right:1px solid #404040} .rc-tabs a span{ background:none !important;} .pane-newsletter, .pane-custom-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-custom-recent-articles, .pane-featured-job, .pane-custom-home-page-gallery { margin-bottom: 10% !important;} /* SEARCH */ header nav ul li.search {float: right; width: auto;} header nav ul li.search a span {background: url(../images/icon_search_hover.png) no-repeat center;} header nav ul li.search:hover a span:hover {background: url(../images/icon_search_hover.png) no-repeat center; color: #fff; width:55px; height:55px; background-color:transparent; text-decoration:none; } header .search-bar {padding:0px 2px; z-index: 1000; float:left;} 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} .search-results .title {padding-top: 15px;} dl.search-results dd p:nth-child(2) {font-style:italic;} /* 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: 'Roboto Condensed', sans-serif; font-weight: bold; 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-weight: 300; 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 Condensed', 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; : 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'; word-wrap:break-word; font-size: 1.5em; display: block; line-height: 1.1em; font-weight:normal; padding: 3% 0; min-height: 70px;} .featured-articles h1 a { font-weight:bold; color: #000000; font-family: 'Roboto Condensed',sans-serif;} /* .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: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #424242 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#424242)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#424242 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#424242 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#424242 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#424242 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#424242',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: 'Roboto Condensed', sans-serif; font-weight: bold; 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_condensedregular',sans-serif; font-size: 0.875em; height: 84px;} /*.featured-slider .caption p {color: #fff; font-family: Georgia, 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 !important; background: url(../images/prev-next-btn-blue.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;} /* PHOTO GALLERIES SLIDER */ /*.photo-galleries .red-tab a {margin: 0; line-height: 42px; font-size: .875em;}*/ .photo-galleries .red-tab a {margin: 0 10px 0 0;line-height: 42px;font-size: 0.75em;} .photo-galleries .widget-bd {background: #000; border: 0;} .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; font-family: 'Roboto', sans-serif; bottom: 0; right: 0; padding: 2% 5%; display: block; color: #FFF; background: #c4161c;}*/ .photo-galleries-slider .img-wrapper > a{background: none repeat scroll 0 0 #00AEEF;bottom: -1px;color: #FFFFFF;display: block;font-family: 'Source Sans Pro',sans-serif;font-size: 0.8em;padding: 1% 4%;position: absolute;right: 2px;} .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 Condensed', sans-serif;} .photo-galleries-slider .pg-caption .title {font-family: 'Roboto', sans-serif; font-weight: bold; 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;} .photo-galleries-slider .caroufredsel_wrapper { border: 1px solid #868686;} .photo-galleries-slider .pg-caption p { font-family: 'Source Sans Pro'; font-size: 0.8em; color:#fff; } .photo-galleries .red-tab a, .widget.events .red-tab a, .current-issue .red-tab a {font-size: 0.75em;line-height: 42px;margin: 0 10px 0 0;} /* NEWS ANALYSIS */ .news-analysis {border-left: 1px dotted #000; margin-top: 20px} .news-analysis .inner-pad {padding: 0 5%;} .news-analysis article {display: block; clear: both; border-top: 1px dotted #000; 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;/*added 17052014 homepage article title wordwrapping issue*/word-wrap: break-word;} /* FEATURED VIDEO */ .featured-video {background: #000; padding: 3%} .featured-video h2 {color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 3.750em; line-height: 1em; float: left;} .featured-video a.see-all {float: right; font-size: 0.6875em;} .featured-video a.see-all:hover {color: #fff;} .featured-video .video-wrap {padding-top: 3%} .featured-video .left {width: 63%} .featured-video .left .video-player {border: 3px solid #ffffff !important; display: block} .featured-video .left .video-player iframe{width:100%;} .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; word-wrap: break-word;} .featured-video .right p, .featured-video .right p strong {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: 1% 0; font-size: 1.875em; line-height: 1.2em; word-wrap: break-word;} .home-blogs .lhs .sub-header {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1em; margin: 5% 0;} .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: 'Source Sans Pro'; font-size: 1em;} .home-blogs .lhs p strong {color: #000; font-family: 'Roboto', sans-serif; font-weight: bold;} .home-blogs .lhs p + p {padding-top: 10px;} .home-blogs .lhs p a { color: #000000;font-family: 'Roboto',sans-serif;font-weight: bold;text-transform: uppercase;} .home-blogs .rhs article {display: block; clear: both; border-top: 1px dotted #000; padding: 4%;} .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: 4%} .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.2em; font-style: 1.125em; /* Word Wrap issues fixed for blog page */ word-wrap: break-word;} .home-blogs .rhs .inner-pad {/*padding-left: 5%;*/ border-left: 1px dotted #000000; } .home-blogs .rhs p {font-family: 'Roboto',sans-serif;font-size: 0.85em;line-height: 1.6em;margin-top: 10px;} /* ================================================================================ */ /* WEBCASTS */ /* ================================================================================ */ .webcast-wrap {display: block; clear: both; position: relative; padding-top: 4%; width: 90%; margin: 0 auto} #webcasts .slide, #mcn_events .slide {float: left; width: 100%; margin: 0 20px; min-height: 280px} a.webcast-prev, a.webcast-next, a.event-prev, a.event-next {width: 40px; height: 41px; display: block !important; background: url(../images/prev-next-btn.png) no-repeat; position: absolute; top: 45%; margin-top: -40px; 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, #mcn_events .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: 'Roboto Condensed', sans-serif; font-weight: 300; 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; } .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: 'Oswald', sans-serif; -webkit-font-smoothing: antialiased;} .rc-tabs span {background: #00AEEF;} .rc-tabs a {background: #424242; 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-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; font-family: 'Roboto', sans-serif;} .rc-bd .left p a {font-family: 'Roboto', sans-serif; font-weight: bold;} .rc-bd .inner-pad { 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: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 1.063em; -webkit-font-smoothing: antialiased;} .rc-bd .resource a:hover {text-decoration: underline} .resource-center .thumb img {width: 100%;} /* ================================================================================ */ /* WIRE */ /* ================================================================================ */ .wire {position: relative; display: block; clear: both; margin: 7% 0; height: 34px;} .wire span {color: #FFFFFF;font-family: 'Roboto Condensed',sans-serif;font-size: 1.125em;height: 34px;left: 0;line-height: 34px;position: absolute;text-align: center;text-transform: uppercase;top: 0;width: 100px;z-index: 100; background: none repeat scroll 0 0 #00AEEF;} .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 */ } #bc-wire dd { background: linear-gradient(to bottom, #797979 0%, #636363 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; margin-left: 1px !important; padding: 0 10px; } /*.wire .marquee a {line-height: 34px; cursor: pointer; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: #222; font-size: 1em; padding: 0 10px; margin: 0 !important;}*/ .wire .marquee a {color: #FFFFFF;cursor: pointer;display: block;font-family: 'Roboto Condensed',sans-serif;font-size: 1em;line-height: 34px;margin: 0 !important;padding: 0 10px;} #bc-wire dd:hover {background: #ccc; color: #000;} /* ================================================================================ */ /* SIDEBAR */ /* ================================================================================ */ .right-rail {padding-top: 25px;} .right-rail.no-pad {padding-top: 0} .right-rail.above-wire {margin-bottom: -4%;} .right-rail .widget {display: block; clear: both; margin-bottom: 10%;} .red-tab { display: block; clear: both;border-bottom:1px dotted #000000} /*.right-rail .red-tab { background: none repeat scroll 0 0 #00AEEF;margin-bottom: 1px;}*/ .red-tab:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .red-tab { zoom: 1; } /* IE7 */ /* .red-tab span, .red-tab span a {background: #c4161c; color: #fff; text-transform: uppercase; font-size: 1.125em; font-family: 'Oswald', sans-serif; padding: 10px 15px; height: 22px; line-height: 20px; float: left; -webkit-font-smoothing: antialiased; font-weight: normal;}*/ .red-tab span { background: none repeat scroll 0 0 #00AEEF;color: #FFFFFF;float: left;font-family: 'Abel',sans-serif;font-size: 1.125em;font-weight: normal;height: 22px;line-height: 20px;padding: 10px 15px;text-transform: uppercase;} /*.red-tab a {float: right; font-family: 'Roboto', sans-serif; color: #7d7d7d; font-size: 0.688em; margin-top: 6px}*/ .red-tab a {float: right; font-family: 'Roboto',sans-serif; background-color: #FFFFFF; font-size: 0.75em;} .red-tab a:hover {color: #000;} .widget-bd {display: block; clear: both; padding: 5%; border-left: 1px dotted #000;} /* 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 Condensed', sans-serif; font-weight: bold; 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: 'Roboto', sans-serif; font-weight: bold;} .newsletter input[type="submit"], .jobs input[type="submit"] {color: #fff; border: 1px solid #c4161c; 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: #c4161c; } .newsletter input[type="submit"]:hover, .jobs input[type="submit"]:hover {background: #c4161c} .newsletter label {font-size: .875em; color: #444444; float: right; width: 88%; font-family: 'Roboto', sans-serif; font-weight:normal;} .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;padding-left:5pc;} .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 #c4161c;*/ list-style-type: none; display: block; width: 100% \9;} .tabbed-nav li {float: left; background: #424242; width: 49.5%;} .tabbed-nav li + li {margin-left: 1px;} .tabbed-nav li.activeli {background: none repeat scroll 0 0 #00AEEF} .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; white-space: nowrap; display: block; text-align: center; height: 22px; line-height: 21px; color: #ffffff; font-size: 1.125em; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: normal; padding: 11px 6%; -webkit-font-smoothing: antialiased;*/ .tabbed-nav li a {color: #FFFFFF;display: block;font-family: 'Abel',sans-serif;font-size: 1.3em;font-weight: normal;height: 22px;line-height: 21px;opacity: 0.5;padding: 11px 13%;position: relative;text-transform: uppercase;white-space: nowrap;} /* 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: #424242;} .tabbed-nav li.activeli.last {background:none repeat scroll 0 0 #00AEEF} .tabbed .tab {border-left: 1px dotted #000000; display: block; clear: both; padding: 4% 0 0; padding-bottom: 0;} .tabbed .tab h4 {font-size: 1.1em; display: block; padding-bottom: 5px;} .tabbed .tab span, .tabbed .tab p {display: block; line-height: 1.3em; font-family: 'Roboto', sans-serif;} .dsq-widget-comment p {font-family: 'roboto_condensedregular',sans-serif; font-size: 0.938em; font-style: italic;} .tabbed .tab article, .related-stories article {border-top: 1px solid #D9D9D9; padding:4% 9% 4% 6%; 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; word-wrap: break-word;} .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 dotted #000; 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 time { font-family: 'Source Sans Pro',sans-serif;font-size: 0.875em;line-height: 1.2em;} /*.events article p {line-height: 1.2em}*/ .events article p {font-family: 'Source Sans Pro',sans-serif;font-size: 0.875em;line-height: 1.2em;} .events .group:last-child article:last-child {border-bottom: 0;} .group h4 {font-size: 1.1em;} /* ================================================================================ */ /* PEOPLE */ /* ================================================================================ */ .people {display: block; background: #e5e5e5; padding-bottom: 45px; margin-top: 25px;} .people .wrapper {position: relative} .people em {font-family: 'Roboto Condensed', sans-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: #00AEEF;} #bc-people .slide .p-caption {background: #fff; display: block; clear: both; padding: 8% 8% 2%;} #bc-people .slide h5 {font-size: 1em; 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 {display: none; 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 #c4161c solid;} .post time:after, .post time::after { position: absolute; top: 100%; left: 50%; margin-left: -50%; content: ''; width: 0; height: 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 {font-size: 0.813em; color: #555555; display: block; clear: both; font-family: 'Roboto', sans-serif;} .post-hd .gold {padding-bottom: 8px; /*display: block;*/} .post-hd h1 {font-size: 3.42857143em; line-height: 1.1em; display: block; clear: both; /*added 17052014 article title wordwrapping issue*/ word-wrap: break-word;} .post-hd .brief {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.125em; display: block; clear: both; color: #00AEEF; padding: 1.8% 0; word-wrap: break-word;} .post-meta {border-top: 1px solid #D9D9D9; padding-top: 10px; margin: 2.5% 0;} .post-meta .author {width: 45%; float: left} .post-meta .author a {color: #00AEEF; font-family: 'Roboto', sans-serif; font-weight: bold;} .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-wrap1{width: 77%; font-size: 0.813em;} .post-meta .text-wrap strong, .post-meta .text-wrap1 strong {display: block; padding-bottom: 3px; font-family: 'Roboto', sans-serif; font-weight: bold;} .post-share.top {width: 390px; 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 #000 solid; margin-top: 25px;} .spotlight .spotlight-inner {background: #f4f4f4; padding: 4% 7%; margin-top: 5px; border: 1px #000 solid;} .spotlight .title {text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em; font-weight: normal; text-transform: uppercase;} .spotlight .title strong {font-family: 'Roboto Condensed', sans-serif; font-size: 1em; font-weight: bold;} .spotlight .title-area {border-bottom: 1px #000 solid; padding-bottom: 3%; margin-bottom: 3%;} .spotlight .title-area .tweet-this a {font-family: 'Roboto Condensed', sans-serif; font-size: 0.875em; color: #000; line-height: 1em; text-transform: uppercase;} .post-body .spotlight p {font-family: Georgia, serif; font-size: 0.875em;} .spotlight .closing {text-align: right; font-size: 0.875em; font-weight: bold;} .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, body.node-type-page .field-name-body p {font-size: 1em; padding-bottom: 20px;} .inner-pad .post-body p {/*padding-bottom:0px !important; */ 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, .post-body .align-right {width: 100%; margin-bottom: 15px;} .post-body .align-left .image-wrapper, .post-body .align-right .image-wrapper {position: relative;} .post-body .align-left .image-wrapper .caption, .post-body .align-right .image-wrapper .caption {font-family: 'Roboto', sans-serif; font-size: 0.875em; position: absolute; bottom: 0; padding: 3%; color: #fff; background: url('../images/bg-article-caption.png') 0 0 repeat;} .post-body .align-left img, .post-body .align-right img {display: block; width: 100%; height: auto;} .post-body blockquote {border-left: 6px solid #c4161c; 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, body.node-type-page .field-name-body ul {display: block; clear: both; margin:0 0 20px 20px;} .post-body li, body.node-type-page .field-name-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 #c4161c; 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%;} .author-social .twitter-follow-button {float: left; 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:hover {opacity: 0.7; -ms-filter:"alpha(opacity=70)"; /* IE8 */ filter:alpha(opacity=70); /* IE6/IE7 */} .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: 60%;margin:auto; display: block} .slideshow .slide .inner-pad {padding: 0 4%; display: block} .slideshow .slide .caption {color: #fff; display: block; padding-top: 20px;} .slideshow .slide .caption p {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: 160px; 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: 20px; font-size: .875em} /* 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: 220px;*/min-height: 280px;} .picker .screen:nth-of-type(4n) {margin-right: 0} .picker .screen a {display: block; word-wrap: break-word;} .picker .screen img {display: block; width: auto; /*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} .slider-body {padding:2% 4% 1%;} .slider-body > p {color: #fff;} /* ================================================================================ */ /* 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; word-wrap: break-word;} .featured-video-inner .addthis_toolbox {display: block; clear: both; padding-bottom: 0} /* 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; word-wrap: break-word;} .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; padding-right:12px;} .section-inner article .thumb img {width: 100%; height: auto;} .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: 47%;} .aa-txt {width: 30%; margin-left: 7%} .aa-key {width: 9%; 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: #c4161c; 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: #c4161c; } .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.7em; font-family: 'Roboto', sans-serif; font-weight: 300;} footer.full-size .col a:hover {text-decoration: underline;} footer.full-size .col-1 a {text-transform: uppercase; font-size: 1.14em; font-family:'Abel',sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; line-height: 1.4;} 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: 300; 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.rss-link a {background-position: -215px -28px;} footer .socials li.rss-link a:hover {background-position: -252px -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 span {float: left; color: #fff; font-size: .875em; line-height: 34px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-left: 40px;} footer.full-size .bottom {padding-top:1.5%;} footer.full-size .newbay {float: left; width: 10%} footer.full-size .bc {float: right; width: 14%; margin-top: 10px;} footer.full-size p.credits {float: left; width: 72%; text-align: center; color: #fff; font-size: 0.688em; padding: 1.2% 2% 0 2%; font-family:'Source Sans Pro',serif;} /* 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; } @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%;} .pane-custom-slideshow-homepage .pane-content .caroufredsel_wrapper { height: 240px !important; } } @media handheld, only screen and (max-width: 480px) { .left-rail .fourcol {float: none; display: block; clear: both; width: auto; margin: 0} } /** * Local tasks */ ul.primary, ul.primary li, ul.secondary, ul.secondary li { border: 0; background: none; margin: 0; padding: 0; font-size: 99%; } #tabs-wrapper { margin: 0 -26px 0; padding: 0 26px; /*border-bottom: 2px solid #A50808;*/ border-bottom: none; position: relative; } ul.primary { padding: 2em 0 10px; float: left; /* LTR */ } ul.secondary { clear: both; text-align: left; /* LTR */ border-bottom: 1px solid #e9eff3; margin: -0.2em -26px 1em; padding: 0 26px 0.6em; } h1.with-tabs { float: left; /* LTR */ margin: 1.1em 2em 0 0; /* LTR */ padding: 0; } body.node-type-webinar h1.with-tabs { display:none; } body.node-type-slideshow h1.with-tabs {display: none;} ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited, ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited { border: 0; background: transparent; color: #000; padding: 4px 1em; margin: 0 0 0 1px; /* LTR */ height: auto; text-decoration: none; position: relative; top: -1px; display: inline-block; } ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover { /*background: url(images/bg-tab.png) repeat-x 0 50%;*/ background-color: #000; color: #fff; } ul.primary li.active a, ul.secondary li.active a { font-weight: bold; } /*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: 0px !important;} .muchomenu-bin-2 {left: -194.625px !important;} .muchomenu-bin-8 {left: -309px !important;} .muchomenu-bin-3 {left: -194px !important;} .muchomenu-bin-4 {left: -309.75px !important} .muchomenu-bin-5 {left: -628.75px !important} .muchomenu-bin-6 {left: -240.04px !important} .muchomenu-bin-7 {left: -943.75px !important;border:none;} .muchomenu-bin-9 {left: -642.04px !important;} li.muchomenu-parent { float: left; margin: 0px 0px; border-right:1px solid #4D4D4D !important; } li.muchomenu-parent:last-child { border:none !important;} .pane-content ul.menu li a { padding-left:15px !important;} .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; cursor:pointer;} .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 #810E11 !important;*/ font-size:1em; } 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; word-wrap: break-word; } #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-primary-link, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-blog-menus, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-event-menu, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-images-menu, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-subscribe-menus, #block-muchomenu-1 ul#muchomenu-1 li .pane-menu-menu-tech-menu, #block-muchomenu-1 ul#muchomenu-1 li .pane-nice-menus-2 { float: left; width: 17%; } #block-muchomenu-1 ul#muchomenu-1 li ul.menu { display: block; /*padding: 8%;*/ margin-top: 10px; } ul.menu li { margin: 5px 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:first-child{ margin-top:12px;} #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, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu { width: 82%; margin: 1% 0; float: left; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right { width: 100%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right article a.blog-title, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .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, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right .inner-pad { padding: 2% 0% 2%; border-left: 1px solid #404040; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-top, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right .right-top {margin-bottom: 20px;} #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .row, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right .row { display: block; clear: both; margin-bottom: 1.4%; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-top article, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .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, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .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, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right .right-bot article:first-child, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu.right .right-top article:first-child { margin-left: 28px; } #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .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, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-4 .pane-upper-block-tech-menu .right .right-bot{border: none;}*/ #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block .right .right-bot article a, #block-muchomenu-1 ul#muchomenu-1 li .pane-upper-block-tech-menu .right .right-bot article a { color: #fff; height: auto; width: auto; clear: none; line-height: normal; border: none; text-align: left; text-transform: none; font-weight: normal; } .muchomenu-bin .panel-display { width: 1140px; 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 !important;} 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:5px 0px 5px 6%; background-image: url(../images/sub-nav-arrow.png); background-repeat: no-repeat; background-position: 175px 15px; height: 25px; text-transform: none; } ul#nice-menu-2 li a:hover { background-color: #6e6e6e; 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: #6e6e6e; } #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-4 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-4 ul.menu li a:hover, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-5 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-5 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-9 ul.menu li a, #block-muchomenu-1 ul#muchomenu-1 li .muchomenu-bin-9 ul.menu li a:hover { background-image: none; } ul.menu { margin-top:0px !important;} 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:none; } ul.nice-menu-right ul { left: 193px; background: #6e6e6e; padding: 10px 0; min-width: 200px; min-height: 300px; top:-10px; } 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; font-weight:normal; } #muchomenu-1 li.search { float: right; width: auto; right: 40px; bottom: 2px; height: 55px; } input#edit-apachesolr-panels-search-form, input#edit-apachesolr-panels-search-form--3 { border: 1px #00213E solid; color: #000; /*width: 256px;*/ height: 28px; line-height: 28px; font-family: 'Roboto', sans-serif; font-style:italic; -webkit-font-smoothing: antialiased; font-size: 1.1em; font-size: 0.8em; font-weight:normal; /*padding: 0 6px;*/ } li.search #edit-actions { position: absolute; top: 6px; right: -22px; } li.search input#edit-submit, li.search input#edit-submit--2 { margin-left: 10px; background: url(../images/sprite_ui.png) no-repeat -672px -245px; width: 20px; height: 20px; border: 0; color: transparent; text-transform: uppercase; cursor: pointer; position: absolute; top: 1px; right:32px; } li.search input#edit-submit--2 {top:24px; right: -22px;} input#edit-apachesolr-panels-search-form--2 { float: left; width: 300px; } .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-4 .right .right-top article a, .muchomenu-bin-7 .right .right-top article a, .muchomenu-bin-4 .right .right-top article span.meta a { border: none; } #block-nice-menus-1 ul.nice-menu li ul { margin-left: -160px; margin-top: 2px; border-top: none !important; border: none; z-index: 3200 !important; } #block-nice-menus-1 ul.nice-menu li ul li { width: 265px } #block-nice-menus-1 ul.nice-menu-down li.menu-779 a, #block-nice-menus-1 ul.nice-menu-down li.menu-780 a, #block-nice-menus-1 ul.nice-menu-down li.menu-781 a, #block-nice-menus-1 ul.nice-menu-down li.menu-782 a, #block-nice-menus-1 ul.nice-menu-down li.menu-783 a { pointer-events: none;} #block-nice-menus-1 ul.nice-menu-down li.menu-779 , #block-nice-menus-1 ul.nice-menu-down li.menu-780 , #block-nice-menus-1 ul.nice-menu-down li.menu-781 , #block-nice-menus-1 ul.nice-menu-down li.menu-782 , #block-nice-menus-1 ul.nice-menu-down li.menu-783 { /*padding: 5px 0px 2px 5px; width: 290px;*/} /*End Navigation */ /*Top Nav*/ /*ul.nice-menu-down li { border-top: 1px solid #ccc; }*/ ul.nice-menu-right li.menuparent:hover a {background-color: #6e6e6e;} #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:hover:last-child{ background:none;} #block-nice-menus-1 ul.nice-menu li:hover:first-child{ background:none;} #block-nice-menus-1 ul.nice-menu li ul li{padding: 2px 10px;} #block-nice-menus-1 ul.nice-menu li ul li:last-child { padding-bottom:20px;} #block-nice-menus-1 ul.nice-menu li ul li a{ font-weight:bold; font-size: 0.70em; letter-spacing:0px;height:15px;} #block-nice-menus-1 ul.nice-menu li ul li:hover{ background:#000; color:#a50808;height:15px;} #block-nice-menus-1 ul.nice-menu li ul li:hover:last-child{ background:#000;} #block-nice-menus-1 ul.nice-menu li ul li:hover:first-child{ background:#000;} #block-nice-menus-1 ul.nice-menu li:hover { background:none repeat scroll 0 0 #A50808; height:24px; } #block-nice-menus-1 ul.nice-menu li:hover img{ background:none #000000!important; } #block-nice-menus-1 ul.nice-menu li { /*border: medium none;*/ margin: 0; padding: 4px 24px 4px; } #block-nice-menus-1 ul.nice-menu li.menu-513 { } #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;*/ color: #D4D4D4; display: block; font-family: 'Roboto',sans-serif; font-size: 0.6em; font-weight: bold; /* height: 24px;*/ line-height: 20px; position: relative; text-align: left; text-transform: uppercase; } #block-nice-menus-1 ul.nice-menu li.menu-664.first { padding: 0px 0px 0px !important; border: none; } #block-nice-menus-1 ul.nice-menu li.menu-664.first a { width:150px; } #block-nice-menus-1 ul.nice-menu li.menu-664.first a img{ margin-top: 4px; } #block-nice-menus-1 ul.nice-menu li.last { border: medium none; /* padding: 0px 25px !important;*/ } 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/mcn_custom/images/icon_menuarrow_hover.png) no-repeat scroll right center transparent !important; width: 36px; } /*End Top Nav*/ .region-search {display: none;} /** Current News and Most Popular Block **/ li.dsq-widget-item { border-bottom: 1px dotted #000; padding-bottom: 10px;font-family: 'Georgia'; color: #b9922e;font-size: 11px;font-weight: bold;padding: 4% 9% 4% 6%;} #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;} 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 (min-width: 600px) and (max-width: 768px) { .pane-newsletter, .pane-custom-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-custom-recent-articles, .pane-featured-job, .pane-custom-home-page-gallery , .pane-current-issue-block{ float: left; width: 46%; margin-bottom: 5%; } body.page-home .pane-right-side-add-1 {margin-left: 0;} .pane-right-side-add-2, .pane-right-side-third-add, .pane-subscribe-now, .pane-custom-home-page-gallery, .pane-featured-job, .pane-right-side-add-1{ /* margin-left: 8%;*/ clear: none; } /* .pane-right-side-add-2, .pane-right-side-third-add, .pane-subscribe-now, .pane-newsletter, .pane-custom-home-page-gallery, .pane-featured-job, .pane-current-issue-block{ margin-left: 8%; clear: none; }*/ /* .pane-current-popular-news, .pane-related-stories, .pane-custom-recent-articles, .pane-featured-job, .pane-custom-event-block-list { clear: both; }*/ /* .pane-current-popular-news, .pane-related-stories, .pane-custom-recent-articles, .pane-custom-event-block-list { clear: both; }*/ .pane-current-popular-news, .pane-related-stories, .pane-custom-recent-articles, .pane-custom-event-block-list, .pane-right-side-add-1 { clear: none; margin-left: 8%; } body.page-home .pane-newsletter { margin-left: 0px; } body.page-home .pane-current-popular-news { width: 100%; margin-left: 0; } body.page-home .pane-right-side-add-2 { float: left; width: 46%; /*margin-left: 3%;*/ clear: both; margin-right: 5%; } /*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-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%;} body.page-home .pane-custom-event-block-list { float: left; width: 46%; margin-left: 0; clear: both; margin-right: 5%; } } @media handheld, only screen and (min-width: 600px) and (max-width: 767px) { .post-meta .author { float: left; width: 42%;} .post-share.top { float: right; padding-top: 5px; width: 55%;} } @media handheld, only screen and (min-width: 300px) { .pane-newsletter, .pane-custom-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-custom-recent-articles, .pane-featured-job, .pane-mcn-home-page-gallery { margin-bottom: 5%; } } @media handheld, only screen and (max-width: 480px) { ul.menu {text-align: center;} } @media handheld, only screen and (min-width: 768px) and (max-width: 800px) { input#edit-apachesolr-panels-search-form { width: 180px; } } .see-all { float: right; /*color: #c4161c;*/ /*padding:7%;*/ font-family: 'Roboto',sans-serif; font-size: 0.75em; } .see-all a { color: #ff0000; } #bc-people .slide .p-caption a { border: none; } @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: -175px !important;} .muchomenu-menu .muchomenu-bin-4{left: -318px !important;} .muchomenu-menu .muchomenu-bin-5{left: -423.50px !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; } .pane-custom-webinar-content .post-body > img { width: 100%; } } @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: -196px !important;} .muchomenu-menu .muchomenu-bin-4{left: -391px !important;} .muchomenu-menu .muchomenu-bin-5{left: -565px !important;} .muchomenu-menu .muchomenu-bin-9{left: -781.891px !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: 160px 15px;} ul.nice-menu-right ul {left: 174px !important;} #block-nice-menus-1 ul.nice-menu li { margin: 0; padding: 4px 8px 9px; } ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {float: left; width:174px!important;} .muchomenu-bin-9 .search-bar { padding: 78px !important; z-index: 1000; } .muchomenu-parent.even.half-1 { width: 19%; } .muchomenu-parent.odd.half-1 { width: 19%; } .muchomenu-parent.even.half-2 { width: 19%; } .muchomenu-parent.odd.half-2 { width: 19%; } } @media handheld, only screen and (max-width: 1024px) and (min-width: 1010px) { #block-nice-menus-1 ul.nice-menu li { padding: 4px 11px 6px; } } .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 !important; } @media handheld, only screen and (max-width: 650px) { .mobile-header .mobile-menu .search-bar input[type="text"] { width: 80%; margin-left: 15px; } #edit-actions--2 { position: absolute; top: -28%; right: 4%; } li.expanded, li.collapsed, li.leaf { padding: 0em 0em 0 0; } } .pager a { height: 25px; line-height: 25px; padding: 0 4px; } .tag a {color:#c4161c; font-weight: bold;} /*@media handheld, only screen and (max-width: 320px){ .pager a { padding: 0 4px; font-size: 0.600em; } }*/ @media handheld, only screen and (max-width: 360px) { .wrapper {max-width: 360px; min-width: 300px;} .pager a {padding: 0 2px !important; font-size: 0.500em;} .item-list .pager li {padding: 2px !important;} .item-list ul li {margin: 0 0 0.25em 1px !important;} .pane-custom-slideshow-homepage .pane-content .caroufredsel_wrapper { height: 240px !important; } .pager li.pager-current { font-size: 0.550em !important; } } /* 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; } /* 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: 0; font-weight: normal; background-color: #00AEEF; color: #FFFFFF; font-size: 1.125em !important; font-family: 'Roboto',sans-serif; } .widget.subscribe { margin-bottom: 0 !important; } /* to remove the whitespace betwn ad block & subscribe */ .ad300 { margin-top: -4px; } /* sitemap */ #node-65152 ul li.leaf { text-indent: 35px; } #node-65187 input[type="submit"]{ background-color:#a50808; width: 70px; height: 30px; color:#ffffff; font-family: 'roboto_condensedbold'; font-size: 1.15em; text-transform: uppercase; border-radius:3px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } a.view-all-link { font-size: 0.688em;; float:right; color:#c4161c;font-family: 'Roboto',sans-serif; } a.view-all-link:hover { color:#000;font-family: 'Roboto',sans-serif; } .field-label { color: #C3161C; font-size: 17px; line-height: 24px; padding-bottom: 2px; font-weight:bold; }body.node-type-webinar .field-label {font-family: 'Roboto', sans-serif;} span.field-label p { color: #000; } #main-speaker {border: 1px solid #C4161C;} body.node-type-webinar .widget-bd {border:none; padding: 0% 5%;} body.node-type-webinar .widget-bd h1 {text-transform: capitalize;} body.node-type-webinar .widget-bd .name p {font-weight: bold;} body.node-type-webinar .widget-bd .bio p {margin: 1em 0;} .pane-article-category-page .author-social .email-auth, .pane-mcn-blog-category-page .author-social .email-auth { float: none; background: none; text-indent: -9999em; text-transform: lowercase; border-right: 1px solid #000; padding-right: 5px; color: #000000; } .pane-article-category-page .author-social .twitter-follow-button, .pane-mcn-blog-category-page .author-social .twitter-follow-button { color: #000000; float: none; margin-left: 5px; } .speaker_field {padding: 0.4% 5%;} .name, .speaker_field.title {font-size: 20px;} .speaker_detail { border-bottom: 1px dotted #ad312f; padding-top: 20px; padding-bottom: 20px; } /*body.node-type-webinar a img {width:auto;}*/ /*Webinar Speakers Views Css*/ a.reg-button img {padding-bottom: 15px;} a.spe-image img, a.mod-image img {padding-top: 10px; width:auto;} body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-image, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar-type, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar-link, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar-time, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-downloads, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-questions, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-how-does-the-webinar-work, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar-header-image, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-you-will-learn-how-to, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-who-should-attend, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-what-equipment-do-i-need, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-archived-webinar, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-cd-only, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-webinar-and-post-event, body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-name-field-register-button-link, body.page-webinar-speakers .view-webinar-speakers .view-content .field-label, body.page-webinar-speakers .view-webinar-speakers .view-content .field-name-body {display: none;} body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-collection-container .field-collection-item-field-speaker-reference .field { font-family: 'Roboto Condensed',sans-serif; padding-bottom: 5px; } body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-collection-container .field-name-field-speaker-type {font-size: 20px; font-weight: bold;} body.page-webinar-speakers .view-webinar-speakers .view-content .content .field-collection-container .field-name-field-speaker-name {font-size: 16px; font-weight: bold;} /*End Webinar Speaker */ /*.page-home section .left-rail .inside .pane-thewire-scroller { margin-top: -94px !important;}*/ /* .wtm-box { float: right; clear: both; width: 190px; margin-left: 10px; padding: 18px; background: #fffec5; } .wtm-box-mobile { padding: 18px; background: #fffec5; } .wtm-label { font-size: 22px; font-family: Georgia; } .wtm { margin-top: 10px; font-family: Georgia; font-size: 15px; color:gray; font-weight:bold; } */ .wtm-box { border-top: 10px #00AEEF solid; /*margin-top: 25px;*/ margin-bottom:15px; float: left; clear: both; width: 33%; margin-right: 30px; } .wtm-box .wtm-inner{ /*background: #E5F0F7; padding: 8%; margin-top: 5px; border: 1px #094778 solid;*/ background: none repeat scroll 0 0 #F4F4F4; padding: 4% 7%; } .wtm-box-mobile { border-top: 10px #00AEEF solid; margin-top: 25px; float: left; clear: both; margin-right: 10px; } .wtm-box .wtm-label { text-align: center; border-bottom: 1px #000000 dotted; font-family: 'Roboto Condensed',sans-serif; font-size: 1.5em; font-weight: normal; padding-bottom: 3%; margin-bottom: 5%; } .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: 568px) { .wtm-box-mobile { display:none; } .wtm-box { display:block; } } .spotlight .tweet-this{ } p.wtm { /*margin-top: 5px; padding-top: 5px;*/ font-size: 0.9em; padding-bottom: 10px; } .wtm strong{ font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 0.875em; color: #000; line-height: 1em; text-transform: uppercase; } /* @media handheld, only screen and (max-width: 567px) { .wtm-box-mobile { display:block; } .wtm-box { display:none; } } @media handheld, only screen and (min-width: 568px) { .wtm-box-mobile { display:none; } .wtm-box { display:block; } } */ /* center top ad in header */ #mini-panel-top_add .pane-content { text-align: center; /*vertical-align: middle; padding-left: 185px;*/ } /* Subscribe Image */ /* .muchomenu-bin-5 .pane-11 a img { width : 78%; } .muchomenu-bin-5 .pane-10 a img { width : 78%; } .muchomenu-bin-5 .pane-9 a img { width : 78%; }*/ /* .muchomenu-bin-5 [class^=pane-] a img { width : 78%; }*/ @media handheld, only screen and (max-width: 360px){ .wtm-box { border-top: 10px #00AEEF solid; margin-top: 25px; float: left; clear: both; width: 95%!important; margin-right: 10px; margin-bottom: 10px; } } .muchomenu-bin-5 [class*='pane-'] a img{ width : 78%; } .page-comments h2.pane-title {display:none;} .page-sponsored-webinar #tabs-wrapper h1.with-tabs { display:none;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tabbed-nav li {width:36% !important;} .tabbed-nav li.activeli > a{ padding:10px 5% !important;} .tabbed-nav li a{padding:10px 5% !important;} } /* Added for search option should resist in menu bar while hovering */ #muchomenu-1 li.search { float: left; width: 24px;; bottom: 2px; height: 55px; right: 0px; } .icon_print > img, .addthis_button_print > img, .addthis_button_email > img { height: 12px; width: 10px !important; float:left; padding: 2px 3px 0 0; } #muchomenu-1 li.search.hovering span{ background:url(../images/icon_search_hover.png) no-repeat center; } .icon_print, .addthis_button_print, .addthis_button_email { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background-color: #EEEEEE; font-weight: bold; border: 1px solid #F8F8F8; border-radius: 2px; color: #222222; font-family: Helvetica,Arial; font-size: 0.625em; height: 20px; line-height: 20px; margin-left: 1px; padding: 1px 4px 0 4px; text-transform: uppercase; } .left-align{ float:left!important; } .right-align{ float:right!important; } @media only screen and (max-width: 600px) and (min-width: 320px){ .region-header-add img, .pane-content-add img { height: 50px; margin: auto; width: 300px; } .post-body .align-left, .post-body .align-right { margin-bottom: 15px; width: 100% !important; } .post-body .field-item table { width: 100% !important; } } /* div.muchomenu-bin.muchomenu-slots.muchomenu-bin-9 { left: -577.891px !important; }*/ .muchomenu-bin-9 [class*="pane-"] a img { width: 83%; } .addthis_button_facebook_like{ width: 78px; } /*VIDEO*/ .video-player { height: 0; padding-bottom: 49.25%; /*padding-top: 25px;*/ position: relative; } .video-player iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-player embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-player object { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Adobe Spotlight CSS */ div.logo-spotlight a img{ width: 75px!important; height:129px!important; float: left; margin-right: 15px} .fourcol.lhs h2.headline, .cpn-spotlight h2.headline { margin-top: 20px; } .home-blogs .lhs h2 { clear: both; display: block; font-size: 1.875em; line-height: 1.2em; padding: 2% 0; } .fourcol.lhs h2.headline span, .post h2.headline span.blue { color: #00AEEF; font-style: italic; } .gap .red-tab p { float: right; font-family: 'Source Sans Pro'; font-size: 0.8em; margin-top: 5px; } .gap .red-tab p a.blue { color: #00AEEF; text-decoration: none; } .gap .red-tab p a { float: none; color: #000000; margin: 0; text-decoration: underline; } .featured-video .gold { background-color: #000000 !important; color: #FFFFFF !important; } .featured-video-inner .gold { background-color: #000000 !important; color: #ffffff !important; } .pane-current-issue .cover-image > img { padding-right: 15px; } .pane-current-issue .section-inner article p { padding-left: 0 !important; } .muchomenu-bin-9 .search-bar { padding: 97px; z-index: 1000; } #tabs-wrapper h1.with-tabs { display: none; } /*ie8*/ .video-player embed { height: 100%\9; left: 0\9; position: absolute\9; top: 0\9; width: 100%\9; } .video-player object { height: 100%\9; left: 0\9; position: absolute\9; top: 0\9; width: 100%\9; } #block-muchomenu-1 .gold { background: #000000;\9; color: #FF0000\9; } #block-nice-menus-1 ul.nice-menu li { margin: 0\9; padding: 4px 15px\9; } #muchomenu-1 li.search { width: auto\9; } .search span { color: rgba(0, 0, 0, 0)\9 !important; } #block-nice-menus-1 ul.nice-menu li.last{ background:none\9 !important;} .inner-pad .post-body .field-item.even > p { padding-bottom: 20px !important; word-wrap: break-word; } .pane-custom-webinar-content .post-body > img { width: 100%; } article .post-tags .tag { margin-right: 10px; } .field-item td img { margin: 0px 0px 15px 0px; width: 98%; height: auto; display: block; } .post-body .field-item table { width: 55%; } .post-body .field-items .rteright { text-align: right; } .align-left > img { height: auto; /* width: auto !important;*/ } article .post-body .align-left { margin-bottom: 15px; width: 55%; } .cpn-spotlight { border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; padding: 5px 0; } #node-602428 .field-item.even p img { width: 45%; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { footer .socials li.rss-link a { background-size: 74px; overflow:hidden; background: url("../images/header-icon-rss.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); /*display: block;*/ height: 37px; line-height: normal; /*position: relative;*/ width: 37px; } } /* Contact Us Page*/ #node-602511 h2, #node-602511 h3 { margin: 10px 0;} #node-602511 ul li { margin-top: 15px;} #node-602511 li a { color: #D74B27;} /* Featured Job Block*/ .jt_job.jt_row2 { padding: 6px; border-bottom: 1px dotted;} .no-border-bottom{border-bottom: 0px!important;} .GoogleActiveViewClass a img { height: 280px !important; } body.page-current-issue .pane-current-issue div.lhs{ margin: 20px!important; } body.page-current-issue .pane-current-issue div.rhs{ margin-top:20px!important;} .pane-cover .fourcol.lhs { margin: 20px !important; } .pane-custom-slideshow-slider .ss-wrap .caroufredsel_wrapper { height: 406px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* put webkit CSS here*/ #block-nice-menus-1 ul.nice-menu li { padding: 4px 25px ; } } @media only screen and (max-width: 1152px) and (min-width: 1025px){ #block-nice-menus-1 ul.nice-menu li { /*border: medium none;*/ margin: 0; //padding: 0% 0% 1% !important; padding: 4px 15px; } }