/* @ Author: Chameleon Studios @ Date: July 2012 CONTENTS ------------------------------------------------------------------------- 1. GENERAL 2. TYPOGRAPHY 3. HEADER 4. PAGE: GENERAL 4. PAGE: HOMEPAGE 4. PAGE: WORK 5. FOOTER 6. SECTION COLOURS 7. RESPONSIVE ---------------------------------------------------------------------------------- */ html, body, *, input, a { -webkit-font-smoothing: antialiased; } /* 1. GENERAL ================================================================================*/ html, body { min-height: 100%;height: 100%; min-} p {overflow: hidden;} #ns-wrap { position: relative;display:table;min-height: 100%; width:100%; height: 100%;} #ns-main-content-wrap {display:table-row; white-space: nowrap; } .ns-left {float: left;} .ns-right {float: right;} .ns-clear {clear: left;margin-top: -1px;height: 1px;} .dave-clear {clear: both;margin-top: -1px;height: 1px;} .ns-img {display: block;background-image: url(../img/ns-sprite.png);background-position: 0 0; background-repeat: no-repeat;text-indent: -99999px;} .ns-img a {display: block; width: 100%; height: 100%;} .ns-ad-wrap, .ns-padding-wrap { overflow: hidden;padding: 10px;} .ns-padding-20top-wrap { overflow: hidden;padding: 20px 0 0;} .ns-h3-style { padding: 10px 0 20px; color: #333;font-size: 18px; line-height: 27px;} .ns-align-center {text-align: center;} .ns-align-left {text-align: left;} .ns-align-right {text-align: right;} .ns-image-right {float: right; padding: 10px 0 10px 10px; border: 0;} .ns-image-left {float: left; padding: 10px 10px 10px 0;border: 0;} #ns-wrap .ns-hide-me {display: none;} /* Buttons */ #onAirTitle { background:none;white-space:nowrap;overflow:hide; } .ns-btn-wrap { background:none;white-space:nowrap;overflow:hide; } .ns-btn-wrap, .ns-btn-wrap li { margin: 0; padding: 0;list-style: none;} .ns-btn-wrap {text-align: center;} .ns-btn-wrap li {display: -moz-inline-stack; display: inline-block; margin: 3px; vertical-align: top; zoom: 1; *display: inline;} .ns-btn-listen {width: 122px;height: 39px;background-position: -158px -25px;} /* dave */ .ns-btn-pause {width: 122px;height: 39px;background-position: -276px -25px;} .ns-btn-info { width: 44px;height: 42px;background-position: -272px -111px; display:inline-block; vertical-align:top; } .ns-btn-share { width: 96px;height: 42px;background-position: -235px -165px; display:inline-block; vertical-align:top; } .ns-btn-rss { width: 45px;height: 43px;background-position: -273px -66px;} .ns-btn-twitter { width: 45px;height: 43px;background-position: -321px -66px;} .ns-btn-fb { width: 45px;height: 43px;background-position: -368px -66px;} .ns-btn-email { width: 45px;height: 43px;background-position: -225px -111px;} .ns-btn-transcript { width: 160px; height: 33px;background-position: 0px -183px;} .ns-btn-submit { width: 114px; height: 39px; border: 0;background-color: transparent;background-position: 0px -218px;} /* lists */ .ns-list {display: -moz-inline-stack; display: inline-block; margin:0; vertical-align: top;text-align: left;letter-spacing: normal; zoom: 1; *display: inline;} .ns-list ul, .ns-list li {margin: 0; padding: 0;list-style: none;} .ns-list a {color: #f5f5f5;} /* Opacity box */ .ns-opacity-box { position: absolute; top: 0; left: 0;width: 100%;} /* 2. TYPOGRAPHY ================================================================================*/ p.bodytext { clear: none; overflow: visible; } span.interview_name {font-weight:bold; font-style:italic;} .ns-mid-content img {max-width:600px;} .ns-mid-content table {max-width:600px;} blockquote {max-width:600px} li.breadcrumb-chevron { margin-left:-8px !important ; padding: 5px 6px !important ; background-image: url('../img/ns-arrow2.png') !important ; background-repeat: no-repeat !important ; background-position: right center !important ; } li.breadcrumb-chevron:first-child { display: none !important; } li.breadcrumb1 { color: rgb(248,248,248) !important ; padding-right: 10px !important ; background-image: url('../img/ns-arrow.png') !important ; background-repeat: no-repeat !important ; background-position: right center !important ; -webkit-border-radius: 0 10px 10px 0 !important ;-moz-border-radius: 0 10px 10px 0 !important ;border-radius: 0 10px 10px 0 !important ; } li.breadcrumb1 a { color: rgb(248,248,248) !important ; font-weight: 700; } li.breadcrumb2 { color: rgb(248,248,248) !important ; padding-right: 10px !important ; background-image: url('../img/ns-arrow.png') !important ; background-repeat: no-repeat !important ; background-position: right center !important ; -webkit-border-radius: 0 10px 10px 0 !important ;-moz-border-radius: 0 10px 10px 0 !important ;border-radius: 0 10px 10px 0 !important ; } li.breadcrumb2 a { color: rgb(248,248,248) !important ; font-weight: 700; } /* 3. HEADER ================================================================================*/ #ns-header { position: relative;overflow: hidden; color: #f5f5f5; background: #8e344c; /* Old browsers */ background: -moz-linear-gradient(top, #8e344c 0%, #be647c 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e344c), color-stop(99%,#be647c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8e344c 0%,#be647c 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8e344c 0%,#be647c 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8e344c 0%,#be647c 99%); /* IE10+ */ background: linear-gradient(to bottom, #8e344c 0%,#be647c 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e344c', endColorstr='#be647c',GradientType=0 ); /* IE6-9 */ } #ns-header a { color: #f5f5f5; } #ns-header-inner { margin: 0 auto;max-width: 940px;} h1.title-top { font-size:50px; line-height:60px; } /* Header left side */ #ns-header-inner-left {position: relative; top: 0; left: 0; float: left; margin: 0 0 -9923px; padding: 0 0 9999px;width: 234px;} /* Header right side*/ #ns-header-inner-right {position: relative; top: 0; right: 0; margin: 0; margin-left: 234px; padding: 0;width: 679px;} /* Top Bar - Main logo & Advert */ #ns-header-top {position: relative; top: 0; margin: 0; padding: 5px 9999px 5px 0; width: 680px; height: 79px; background: #fff;color: #000;} #ns-header-top h1 {position: relative; top: 50%; left: 5px;float: left; margin-top: -11px; margin-left: -72px;padding:0;width: 436px; height: 23px; background-position: 0 0;text-indent: -9999px; } #ns-header-top-advert { position: absolute; left: 406px; float: right;margin: 0;} #ns-header-top-advert-container {display: table;height:80px;display: table;width: 100%;} #ns-header-top-advert-inside {display: table-cell; text-align: center; vertical-align: middle;} #ns-header-top p {right: -9999px; } .ns-pod-ad {float:right;margin-right:5px} /* Category Logo & Curve */ #ns-category-logo { position: relative; top: 50px;display: block; width: 165px; height: 165px; background-position: -226px -260px;} #ns-header-curve {position: absolute; right:0;width: 211px;height: 1123px; background: url('../img/ns-curve.png') no-repeat 10px 0px;} /* Sub Heading */ #ns-header-inner-right .ns-sub-heading { position: absolute; top: 89px; left: 0px; padding-top: 20px;width: 370px; height:120px; overflow: hidden; } #ns-header-inner-right p {right: 0;padding: 10px 0 0;} /* Radio */ #ns-radio-wrap { color: #f5f5f5; position: absolute; top: 96px; left: 406px;z-index: 2;float:right; width:300px; height:140px; padding: 0px 20px;} #ns-radio-wrap a { color: #f5f5f5; } #ns-radio-wrap #ns-feed-logo { position: absolute; top: 12px; left: 180px;z-index: 3; opacity:0.40; filter:alpha(opacity=40); } #ns-radio-wrap h3 {line-height:20px} #ns-radio-wrap h3, #ns-radio-wrap p, #ns-radio-wrap .ns-btn-wrap { position:relative;z-index: 99;} #ns-radio-wrap h3 { margin: 0; padding: 3px 0;} #ns-radio-wrap p { padding: 3px 0;font-size: 12px; overflow: normal; white-space: normal; } #ns-radio-wrap .ns-opacity-box { width: 300px; height: 140px; background-color: rgba(0,0,0,0.2); } /* Top Navigation */ #ns-mainnav-wrap0 { margin: 0px auto; width: 940px; padding: 0px; text-align: center; clear: both; } #ns-mainnav-wrap0 .default { background-color: rgba(0,0,0,0.4); } #ns-mainnav-wrap1 { background-color: rgba(255,255,255,0); } #ns-mainnav-wrap1 ul, #ns-mainnav-wrap1 li { margin: 0; padding:0;list-style: none; color: #ffffff; } #ns-mainnav-wrap1 ul { margin: 0 auto;padding: 0; text-align: left;} #ns-mainnav-wrap1 li { position: relative;display: -moz-inline-stack; display: inline-block; margin:0;padding: 1px 0; vertical-align: top; zoom: 1; *display: inline;} #ns-mainnav-wrap1 a { display: block; padding: 4px 10px; color: #ffffff; font-weight: 700;} #ns-mainnav-wrap1 li.active { font-weight: 900; color: #ffffff; background-color: rgba(255,255,255,0.3); } #ns-mainnav-wrap1 li.active a { font-weight: 900 !important; color: #ffffff !important; } /* { background-color: rgba(255,255,255,0.6); -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; } */ #ns-mainnav-wrap2 { background-color: rgb(75%,75%,75%); /* IE 8 */ } #ns-mainnav-wrap2 { background-color: rgba(255,255,255,0.6); } #ns-mainnav-wrap2 ul, #ns-mainnav-wrap2 li { margin: 0; padding:0;list-style: none; color: #101010; } #ns-mainnav-wrap2 ul { margin: 0 auto;padding: 0; text-align: left;} #ns-mainnav-wrap2 li { position: relative;display: -moz-inline-stack; display: inline-block; margin:0;padding: 1px 0; vertical-align: top; zoom: 1; *display: inline;} #ns-mainnav-wrap2 a { display: block; padding: 4px 10px; } #ns-mainnav-wrap2 li.menunav-2 a { color: #101010; font-weight: 700; } #ns-mainnav-wrap2 li.active a { font-weight: 900 !important; color: #ffffc0 !important; } #ns-mainnav-wrap3 { background-color: rgba(255,255,255,1); } #ns-mainnav-wrap3 ul, #ns-mainnav-wrap3 li { margin: 0; padding:0;list-style: none; color: #101010; } #ns-mainnav-wrap3 ul { margin: 0 auto;padding: 0; text-align: left;} #ns-mainnav-wrap3 li { position: relative;display: -moz-inline-stack; display: inline-block; margin:0;padding: 1px 0; vertical-align: top; zoom: 1; *display: inline;} #ns-mainnav-wrap3 a { display: block; padding: 4px 10px; color: #101010; font-weight: 700;} #ns-mainnav-wrap3 li.active { background-color: rgb(192,192,192); -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; } /* 4. PAGE: GENERAL ================================================================================*/ #ns-main-content-wrap {overflow: hidden;border-top: 1px solid #E1E1E1;background-color: #E8E8E8;} #ns-main-content-wrap .container {overflow: hidden;margin: 0 auto;} .ns-content-box { /* margin-bottom: -99989px; */padding: 0; /* padding-bottom: 99999px; */background-color: #F8F8F8; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline; white-space: normal; } .ns-right-column-inner { display: -moz-inline-stack; display: inline-block; display: table-cell;float: left; margin:0; display: inline-block; position: relative; overflow: hidden; padding: 20px 0px; white-space: normal; } .ns-content-box-inner { display: -moz-inline-stack; display: inline-block; display: table-cell;float: left; margin:0; display: inline-block; position: relative; overflow: hidden; padding: 20px 10px; white-space: normal; } /* HEADING STYLES */ .ns-content-box h2 { position: relative;margin-bottom: 10px;padding: 0 10px; text-transform: uppercase;font-size: 16px;} .ns-content-box .ns-underline { position: absolute; left: 0; width: 100%; height: 2px; background: url(../img/ns-diagonal-lines.png) 0 50% repeat-x; } .ns-content-box .ns-underline-top {top: 0;} .ns-content-box .ns-underline-btm {bottom: 0;} /* GENERAL MAIN PAGE STYLES */ .ns-item .ns-meta-date {padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;} .ns-item .ns-meta-mini-date { margin:3px; margin-left:0px; color:rgb(83, 119, 141); font-size:12px; } .ns-item-flagged { background:#e8e8e8; } .ns-item-foot { text-align: left; text-transform: uppercase; font-weight: bold; padding: 8px 8px 0px 8px !important; margin-bottom: 2px !important; } .ns-article-top { padding-bottom: 10px;background-color: #F8F8F8;} .social-btn {position: relative;margin: 0;padding: 5px 0 10px;vertical-align: middle;text-align: left;} .social-btn .fb-like {overflow: hidden;margin-right: 10px;width: 48px;line-height: 10px;} .social-btn .twitter-share-button, .social-btn .fb-like {display: -moz-inline-stack; display: inline-block; margin:0; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline; } .social-btn .twitter-share-button {padding: 0 10px;} /* Video */ .ns-video-wrap {margin: 0 ;padding: 10px ;outline: #E0E0E0 solid 1px; background-color: #EAEAEA;} .ns-video-wrap iframe {outline: #999 solid 1px;} .ns-video-wrap .ns-h3-style {padding-bottom: 0;} .videoBox {margin-left:auto;margin-right:auto;display:inline-block;} .videoBoxOuter {text-align:center} /* Page Left */ .ns-left-content { display: inline-block; max-width:220px; background-color: transparent; } .ns-left-content div { display: inline-block; width:220px; background-color: transparent; } /* Page Center */ .ns-mid-content { display: inline-block; margin-left: 0; background-color: #F8F8F8; max-width: 640px;} .ns-mid-content img { margin: 8px; } .ns-mid-content h2 { font-size:26px !important; font-weight:400 !important; text-transform: none !important; padding: 0px; margin-bottom: 3px; color: #000000 !important; } .ns-mid-content h3 { font-size:14px; line-height: 18px; } .ns-mid-content h3.subtitle { font-size:20px !important; font-weight:normal !important; font-style: italic !important; text-transform: none; padding: 0px; margin-top: 1px; margin-bottom: 8px; color: #000000 !important; } .ns-mid-content h4 { font-size:18px !important; font-weight:normal !important; text-transform: none; padding: 0px; margin-top: 22px; margin-bottom: 8px; color: #000000 !important; } .ns-mid-content p { clear: none; overflow: visible; } .ns-mid-content p.date { text-align: right; margin-top: 4px !important; } .ns-mid-content p.comment { background-color: rgba(0,0,0,0.1); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 10px; margin-bottom: 10px; } .ns-mid-content span.commentinfo { display: block; text-align: right; margin: 4px; } .ns-mid-content p.commentinfo { margin: 4px; } .ns-mid-content p.topbanner { color: rgb(83, 119, 141); text-transform: uppercase; font-size:14px; margin-bottom:4px; } .ns-mid-content img.item-teaserimage { float: left; margin: 4px; margin-right: 8px; } /* Page Right */ .ns-right-content { display: inline-block; overflow: hidden; margin-left: 0; width: 300px !important ; background-color: #E2E2E2; padding-top:10px } div.feedlist {margin:12px;padding:10px;background-color:white} table.feedlist {margin-top:10px;background-color:white;text-align:left} td.feedlist {padding-left:8px;padding-right:15px} td.feedlist-pic {padding-left:15px;padding-right:8px} .ns-right-content .form-search {position: relative;margin: 0 auto;padding: 0 5px;width: 250px;border: 1px solid #C7C7C7;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fff;-webkit-box-shadow: 0 8px 6px -6px #ccc; -moz-box-shadow: 0 8px 6px -6px #ccc; box-shadow: 0 8px 6px -6px #ccc;text-align: center;} .ns-right-content .form-search .search-query { padding-left: 30px;border: none; box-shadow: none;color: #666;} .ns-right-content .form-search .btn { position: absolute; top: 2px;left: 10px;border: none;background: none; box-shadow: none;} input.tx-indexedsearch-searchbox-sword { margin-left:28px } /* Two Column - for category/podcast/article pages */ .ns-2col {margin-right: 0;margin-left: 0; padding-right: 10px;padding-left:10px;} .ns-2col h2 {padding-left: 0;} .ns-ul-grid .ns-item p, .ns-ul-grid .ns-item h3 {padding: 0px;} .ns-ul-grid .ns-item p { padding-right: 10px; } .ns-ul-grid .ns-item-wrap {margin-bottom: 10px;padding-top: 10px; padding-bottom: 10px; } .ns-ul-grid .ns-item-wrap:first-child, .ns-ul-grid .ns-item-wrap:nth-child(1) {padding-top: 0;border-top: 0;} .ns-ul-grid .ns-item-wrap .ns-item .thumbnail { padding: 5px;border: 1px solid #ddd;} .ns-ul-grid .ns-item-wrap .ns-item .thumbnail:hover { padding: 5px;border: 1px solid #008ACA;} .ns-ul-grid .ns-item-wrap .ns-item .ns-meta-date {border: none;} .normal_image {width:92;height:92} .wide_image {width:600:height:250} .ns-list-download { font-size:80%; margin-left:8px; } .underline-heading {position: relative; display: block;margin: 0;margin: 20px 0;padding: 10px 0; width: 100%;color: #333; font-weight: bold;} /* featured items */ /* .ns-first-item { padding: 4px -6px 4px -2px !important; border: 2px solid rgba(51,51,51,0.4) !important; margin: 0px 4px 0px 0px !important; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } */ /* lists - ul/li */ .ns-item-wrap .ns-item { margin:0;padding: 0;border-top: #f5f5f5; letter-spacing: normal; zoom: 1;} .ns-item-wrap .ns-item div.thumbnail-single { width: 92px; height: 92px; position: relative; padding: 5px;border: 1px solid #ddd; float: right; margin: 5px; } .ns-item-wrap .ns-item div.thumbnail-single:hover { padding: 5px;border: 1px solid #008ACA;} .ns-item-wrap .ns-item div.thumbnail-double { width: 92px; height: 92px; position: relative; padding: 5px;border: 1px solid #ddd; float: left; margin: 5px; } .ns-item-wrap .ns-item div.thumbnail-double:hover { padding: 5px;border: 1px solid #008ACA;} .ns-item-wrap .ns-item div.thumbnail-double { width: 92px; height: 92px; position: relative; padding: 5px;border: 1px solid #ddd; float: left; margin: 5px; } .ns-item-wrap .ns-item div.thumbnail-double:hover { padding: 5px;border: 1px solid #008ACA;} .ns-item-wrap .ns-item img.thumbnail-single { width: 92px; height: 92px; padding: 0px; margin: 0px; border: 0; } .ns-item-wrap .ns-item img.thumbnail-double { width: 92px; height: 92px; padding: 0px; margin: 0px; border: 0; } .ns-item-wrap ul.clear {clear: both;margin:0 10px 10px 20px;padding: 10px 0; letter-spacing: normal;} /* SELECT */ .ns-select {text-align: center;} /* SELECT */ /* SIDE BAR LISTS GRID */ .ns-ul-grid {overflow: hidden; margin: 0; padding: 0;color: #898989;} .ns-ul-grid li {display: -moz-inline-stack; display: inline-block;float: left; margin:0 ;padding: 0;width: 50%; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline;} .ns-ul-grid .thumbnail {position: relative;margin:0 5px 10px 0;} .ns-ul-grid h4, .ns-meta-date {font-style:italic;font-family: Times, serif;} .ns-ul-grid h4 {font-weight: 400;} .ns-input-list-top li {text-align: center;} .ns-input-list-btm {padding: 20px 0 0;} .ns-input-list-btm li { width: 33%;text-align: left;} .ns-results-list {/*margin: 0;*/ list-style: 0;} .ns-side-ul { margin: 0; padding: 10px 0 0;border-bottom: 1px solid #F2F2F2;list-style: none;} .ns-side-ul li {border-top: 1px solid #F2F2F2; border-bottom: 1px solid #D9D9D9;} .ns-ul-heading {border: none !important;} .ns-side-ul a { display: block;padding: 10px; font-size: 14px;} .ns-side-ul a:hover {background-color:#ddd; } .ns-side-ul h2 {margin: 0;} .ns-side-ul p { padding: 0 10px;color: #898989; font-size: 11px; line-height: 15px;} #ns-side-social-wrap { padding: 20px 0;text-align: center;} #ns-side-social-wrap ul, #ns-side-social-wrap li {margin: 0;list-style: none;} #ns-side-social-wrap li {display: -moz-inline-stack; display: inline-block; margin:0 5px; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline;} .ns-tabs-wrap, .ns-ad-wrap { margin: 10px 10px;padding: 10px;-webkit-border-radius: 10px;-moz-border-radius: 6px;border-radius: 6px;background-color: #D8D8D8;text-align:center} .ns-tabs { position: relative;z-index: 10;overflow: hidden;margin: 0;text-align: center;} .ns-tabs li {display: -moz-inline-stack; display: inline-block;overflow: hidden; margin:0; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline;} #ns-wrap #ns-main-content-wrap .ns-tabs li.active a {background-color: #f5f5f5;color: #333;font-weight: bold;} .ns-tabs li a {display: block;padding: 5px 12px; background-color: #000; color: #f5f5f5; font-weight: bold;} .ns-ul-nav { overflow: hidden;margin: 0; padding: 5px 0;border-top: 1px solid #dedede;background-color: #EFEFEF; color: #959595; text-align: center;} .ns-ul-nav li {display: -moz-inline-stack; display: inline-block; margin:0 ;padding: 0; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline;} #ns-wrap .ns-ul-nav li a { position: relative; display: block; padding: 0 10px;color: #959595;font-size: 12px;} .ns-ul-nav li a span { position: absolute; top: 50%; right: 0; display: block; margin-top: -5px;width: 1px; height: 10px; background-color: #BFBFBF; } .ns-ul-nav li:last-child span {display: none;} /* comments */ .ns-comment-wrap {overflow: hidden;} .ns-comment-wrap .ns-ul-nav { padding: 10px 0;border-top: 0;background: transparent; text-align: left;font-size: 16px;} .ns-comment-wrap li a {display: block; font-size: 14px; line-height: 43px;} #ns-wrap .ns-comment-wrap .ns-user-avatar { position: relative; margin: 0;padding: 0;} .ns-comment-wrap .ns-user-avatar span {top: 0; left: 0; background: url(../img/ns-sprite.png) -127px -259px no-repeat;} .ns-comment-wrap .ns-user-avatar, .ns-comment-wrap .ns-user-avatar span {width: 43px; height: 42px;} #ns-wrap .ns-comment-wrap .ns-ul-nav .ns-user-name {color: #333;font-weight: bold; font-size: 18px;line-height: 32px;} .ns-comment-wrap .ns-meta-date { padding-bottom: 0; color:#B0B0B0;text-decoration: underline; font-size: 14px; line-height: 36px;} .ns-user-comment-box {padding: 10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color: #DADADA;} .ns-comments-box-inner { padding: 10px;background-color: #FAFAFA;} .ns-comments-box-inner p {color: #868686;} #ns-wrap .ns-comment-wrap a.ns-right, #ns-wrap .ns-leave-comment-wrap a.ns-right {padding: 10px 0; color: #86C8E0; text-decoration: underline;} #ns-wrap .ns-comment-wrap a.ns-right:hover, #ns-wrap .ns-leave-comment-wrap a.ns-right:hover {color: #333;} .ns-leave-comment-wrap {position: relative;} .ns-leave-comment-wrap .ns-cancel-comment {position: absolute; top: 0; right: 0;} #ns-wrap .ns-leave-comment-wrap a.ns-right {padding: 0;} .ns-leave-comment-wrap p {padding: 10px 0;} .ns-leave-comment-wrap .control-group {text-align: left;} .ns-leave-comment-wrap .control-group .control-label {float:none;text-align: left;} .ns-leave-comment-wrap .control-group input, .ns-leave-comment-wrap .control-group textarea {max-width: 590px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 2px #ccc;-moz-box-shadow: 0px 0px 2px #ccc;box-shadow: 0px 0px 2px #ccc;} .ns-leave-comment-wrap .control-group .controls { margin-left: 0;text-align: left;} .ns-leave-comment-wrap .form-actions {margin: 0; padding: 0; border: 0;background-color: transparent;text-align: left;} /* 4. PAGE: HOMEPAGE ================================================================================*/ /* 4. PAGE: CATEGORY ===============================================================================*/ #ns-wrap .ns-results-list .ns-item-wrap h3 a { margin-bottom: 10px;color: #333;font-size: 14px; line-height: 18px;} #ns-wrap .ns-results-list .ns-item p.ns-meta-date {padding-top: 10px;} /* 4. PAGE: PODCASTS ================================================================================*/ #ns-podcasts-page .ns-2col {background-color: transparent;} .ns-article-top .underline-heading { margin-bottom: 0;padding-bottom: 0;} #ns-podcasts-page .ns-ul-grid .ns-item-wrap, #ns-podcasts-page .ns-item-wrap .ns-meta-date {border-bottom: 0;} #ns-podcasts-page .ns-item-wrap {padding-bottom: 10px;} #ns-podcasts-page .ns-item h3 {padding-bottom: 10px;font-size: 16px; line-height: 20px; padding-right: 10px;} #ns-podcasts-tags-wrap ul, #ns-podcasts-tags-wrap li {list-style: none; } #ns-podcasts-tags-wrap ul {overflow: hidden; margin: 0;padding:10px 0; text-align: left;} #ns-podcasts-tags-wrap li {display: -moz-inline-stack; display: inline-block; margin:0 10px 0 0; vertical-align: top;letter-spacing: normal; zoom: 1; *display: inline;} #ns-podcasts-tags-wrap li a, #ns-podcasts-tags-wrap li div {position: relative; padding: 0 0 0 25px;} #ns-podcasts-tags-wrap span {position: absolute;display: block;background-image: url(../img/ns-sprite.png); background-repeat: no-repeat;} .ns-podcast-tag-clock {width: 16px; height: 16px; background-position: -135px -218px;} .ns-podcast-tag-tags {width: 21px; height: 15px; background-position: -192px -183px;} .ns-podcast-tag-comments {width: 17px; height: 16px; background-position: -116px -218px;} .ns-item-wrap .ns-mp3-btn.thumbnail {display: block;margin-left: 10px;padding: 0; width: 65px; height: 64px; background: url(../img/ns-sprite.png) no-repeat 0px -259px; text-align: center;text-indent: -9999px;} .ns-item-wrap .ns-mp3-btn p {padding:10px 0; text-align: center;font-weight: bold;} /* 5. FOOTER ================================================================================*/ #ns-footer-wrap { border-top: 1px solid #666; background-color: #545454; } #ns-footer-wrap a { color: #f5f5f5; } #ns-footer-top { } #ns-footer-top .ns-list {padding: 20px 0; width: 154px; } #ns-footer-btm { bottom: 0; padding: 10px 0; width: 100%; border-top: 1px solid #666; background-color: #474747; color: #f5f5f5; } #ns-footer-btm .ns-right { text-align: right; } #ns-footer-btm .ns-right a { float: right; padding: 0 0 0 10px; } #ns-footer-top ul { margin: 25px 0px; list-style: none; } /* 6. SECTION COLOURS ================================================================================*/ /* OVERLAY LOGOS */ .ns-category-logo { position: absolute; bottom: 0; left: 0;width: 45px; height: 40px; -webkit-border-radius: 0 30px 0 0;-moz-border-radius: 0 30px 0 0;border-radius: 0 30px 0 0; /* background-color: #fff; */background-image: url(../img/ns-sprite.png);background-repeat: no-repeat;} .ns-overlay-logo { position: absolute; bottom: 0; left: 0;width: 45px; height: 40px;border-top: 1px solid #ccc;border-right: 1px solid #ccc; background-color: #fff;background-image: url(../img/ns-sprite.png);background-repeat: no-repeat;} /* Podcats Logos */ .ns-overlay-logo-speaker { width: 28px; height: 27px;border-top: 1px solid #ccc;border-right: 1px solid #ccc; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;background-position: -162px -183px; -moz-border-radius-topright: 4px;} /* Category Logos */ .ns-overlay-logo-default { background-position: -80px -259px; } /* Section "home" */ #ns-home-page #ns-main-content-wrap h2, #ns-home-page #ns-main-content-wrap a, #ns-home-page .ns-item-wrap ul {color: #53778D;} #ns-home-page #ns-main-content-wrap .ns-tabs li a {background-color: #22343e; color:#fff;} /* Section "default" */ .ns-default-section #ns-main-content-wrap h2, .ns-default-section #ns-main-content-wrap a, .ns-default-section .ns-item-wrap ul {color: #53778D;} .ns-default-section #ns-main-content-wrap .ns-tabs li a {background-color: #22343e; color:#fff;} /* Section "Radio & Podcasts" - green */ .ns-podcasts-section #ns-main-content-wrap h2, .ns-podcasts-section #ns-main-content-wrap a, .ns-podcasts-section .ns-item-wrap ul {color: #416B31;} .ns-podcasts-section #ns-main-content-wrap .ns-tabs li a {background-color: #416B31; color:#fff;} /* Section "News" - Brown */ .ns-news-section #ns-main-content-wrap h2, .ns-news-section #ns-main-content-wrap a, .ns-news-section .ns-item-wrap ul {color: #573A29;} .ns-news-section #ns-main-content-wrap .ns-tabs li a {background-color: #573A29; color:#fff;} /* Section "Science Articles" - purple/pink */ .ns-science-articles-section #ns-main-content-wrap h2, .ns-science-articles-section #ns-main-content-wrap a, .ns-science-articles-section .ns-item-wrap ul {color: #742A3E;} .ns-science-articles-section #ns-main-content-wrap .ns-tabs li a {background-color: #742A3E; color:#fff;} /* Section "Kitchen Science" - grey/blue/green */ .ns-kitchen-science-section #ns-main-content-wrap h2, .ns-kitchen-science-section #ns-main-content-wrap a, .ns-kitchen-science-section .ns-item-wrap ul {color: #617F81;} .ns-kitchen-science-section #ns-main-content-wrap .ns-tabs li a {background-color: #617F81; color:#fff;} /* Section "Book Reviews" - khaki */ .ns-books-section #ns-main-content-wrap h2, .ns-books-section #ns-main-content-wrap a, .ns-books-section .ns-item-wrap ul {color: #7D795C;} .ns-books-section #ns-main-content-wrap .ns-tabs li a {background-color: #7D795C; color:#fff;} /* Section "Podcasts - Aarchaeology" - Purple */ .ns-archaeology-section #ns-main-content-wrap h2, .ns-archaeology-section #ns-main-content-wrap a, .ns-archaeology-section .ns-item-wrap ul {color: #3E1F45;} .ns-archaeology-section #ns-main-content-wrap .ns-tabs li a {background-color: #3E1F45; color:#fff;} /* Section "Podcasts - Ask TNS " - grey/blue */ .ns-ask-tns-section #ns-main-content-wrap h2, .ns-ask-tns-section #ns-main-content-wrap a, .ns-ask-tns-section .ns-item-wrap ul {color: #314D4C;} .ns-ask-tns-section #ns-main-content-wrap .ns-tabs li a {background-color: #314D4C; color:#fff;} /* Section "Podcasts - Africa " - brown */ .ns-africa-section #ns-main-content-wrap h2, .ns-africa-section #ns-main-content-wrap a, .ns-africa-section .ns-item-wrap ul {color: #78472B;} .ns-africa-section #ns-main-content-wrap .ns-tabs li a {background-color: #78472B; color:#fff;} /* Section "Podcasts - Astronomy " - crimson pink */ .ns-newsflash-section #ns-main-content-wrap h2, .ns-newsflash-section #ns-main-content-wrap a, .ns-newsflash-section .ns-item-wrap ul {color: #3D291D;} .ns-newsflash-section #ns-main-content-wrap .ns-tabs li a {background-color: #3D291D; color:#fff;} /* Section "Podcasts - Oceans " - turquoise */ .ns-oceans-section #ns-main-content-wrap h2, .ns-oceans-section #ns-main-content-wrap a, .ns-oceans-section .ns-item-wrap ul {color: #0E503C;} .ns-oceans-section #ns-main-content-wrap .ns-tabs li a {background-color: #0E503C; color:#fff;} /* Section "Podcasts - Neuroscience " - Green */ .ns-neuroscience-section #ns-main-content-wrap h2, .ns-neuroscience-section #ns-main-content-wrap a, .ns-neuroscience-section .ns-item-wrap ul {color: #406B31;} .ns-neuroscience-section #ns-main-content-wrap .ns-tabs li a {background-color: #406B31; color:#fff;} /* Section "Podcasts - QoTW " - Navy Blue */ .ns-qotw-section #ns-main-content-wrap h2, .ns-qotw-section #ns-main-content-wrap a, .ns-qotw-section .ns-item-wrap ul {color: #080140;} .ns-qotw-section #ns-main-content-wrap .ns-tabs li a {background-color: #080140; color:#fff;} /* Section "Podcasts - Science Scrapbook " - Green/Blue */ .ns-scrapbook-section #ns-main-content-wrap h2, .ns-scrapbook-section #ns-main-content-wrap a, .ns-scrapbook-section .ns-item-wrap ul {color: #196D74;} .ns-scrapbook-section #ns-main-content-wrap .ns-tabs li a {background-color: #196D74; color:#fff;} /* Section "Podcasts - Science Sporran " - Purple/Blue */ .ns-sporran-section #ns-main-content-wrap h2, .ns-sporran-section #ns-main-content-wrap a, .ns-sporran-section .ns-item-wrap ul {color: #2A1C54;} .ns-sporran-section #ns-main-content-wrap .ns-tabs li a {background-color: #2A1C54; color:#fff;} /* Section "Podcasts - Planet Earth " - Green */ .ns-planet-earth-section #ns-main-content-wrap h2, .ns-planet-earth-section #ns-main-content-wrap a, .ns-planet-earth-section .ns-item-wrap ul {color: #406B31;} .ns-planet-earth-section #ns-main-content-wrap .ns-tabs li a {background-color: #406B31; color:#fff;} /* Section "Podcasts - Specials " - Green */ .ns-podcasts-specials-section #ns-main-content-wrap h2, .ns-podcasts-specials-section #ns-main-content-wrap a, .ns-podcasts-specials-section .ns-item-wrap ul {color: #406B31;} .ns-podcasts-specials-section #ns-main-content-wrap .ns-tabs li a {background-color: #406B31; color:#fff;} /* 7 PAGE: CUSTOM (After 10/10/12) ================================================================================*/ .well { margin-top: 5px; margin-bottom: 8px; } .whiteBG { width: 940px; white-space: nowrap; background-color: #F8F8F8; } .ns-leftandmid { width: 640px; display: inline-block; white-space: nowrap; overflow: hidden; } h2.comments { margin-top: 40px; } .thumbnail > img { margin-right: 0px; margin-left: 0px; } li:hover ul.dropd { display: block; } li ul.dropd { display: none; position: absolute; top: 31px; background-color: #FFF; color: #DDD; width: 138px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; z-index: 1000; padding-top: 10px !important; padding-bottom: 10px !important; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } li.active ul.dropd { background-color: #416B31; color: whiteSmoke; width: 140px; border: 0px; } li ul.dropd li{display: block !important;} li ul.dropd li a{ display: block; font-size: 13px; padding: 4px 15px !important; font-weight: normal !important; } .ns-tabs-item-wrap {padding: 10px 20px;outline: #ccc solid 1px;background-color: #f5f5f5; text-align:left} .currentTab span.related-extras { display:none } span.related-extras { text-transform:uppercase;color:black} span.related-extras a {color:rgb(51,51,51) !important; font-size:11px !important; } .indent {padding-left:3em} .tx-nakscifrontpage-pi1 {padding:10px} .float-right {padding-left:4px; float:right} .float-left {padding-right:4px; float:left} .listen-now span { clear:both;text-align:center;vertical-align:middle;padding:8px;">