/* Theme Name: OkayEmpire (OKA x OKE) Theme URI: http://www.okayplayer.com/ Description: Custom Theme for Okayafrica - 2013 Author: Cando Entertainment Author URI: http://www.cando-ent.com/ Version: 1 */ /* OKP Red: #ff4200 OkayAfrica is #10FFD8 Dark purple: #6c2dc7 Light purple: #8e56e0 */ body { position: relative; background: #fff; color:#333; min-width: 1146px; font-family: "adelle"; /* 'TypoSlabserifLight';*/ } body #page {position: relative; margin: 0 auto; background: #fff; padding: 0; width: 1135px; /* 1146px; */ box-shadow: 0 0 25px #666; } body .container {width: 1096px; position:relative;} div.append-bottom, .append-bottom { margin-bottom: 10px !important; } div.append-bottom2, .append-bottom2 { margin-bottom: 20px !important; } div.append-bottom3, .append-bottom3 { margin-bottom: 25px !important; } div.prepend-top2, .prepend-top2 { margin-top: 27px; } .append-27 {padding-right:27px; } .indent-top {padding-top:35px; } ul { list-style: none; display: block; } ul,li { /* overflow: hidden; */ margin: 0px; padding: 0px; } .thumb {background:#333; overflow:hidden; } .thumb img {width:100%; height:auto; } .thumb.thumb-full {width:100%; } .clear { clear: both; } .nomargin { margin: 0px!important; } .hidden { display: none; } .extra-wrap {overflow:hidden; } .extra-wrap1 { margin-left: 187px; } .content { } .title { line-height: 1; font-size: 16px; text-transform:uppercase; position:relative; } .title span { height: 30px; background: #000; display: inline-block; padding: 0 13px; font-weight: bold; font-size: 1.2em; line-height: 28px; } .sp_1 { margin-bottom: 15px !important; } .sp_2 { margin-bottom: 10px; } .sp_3 { margin-bottom: 9px; width: 291px; padding-left: 9px; float: left; line-height: 27px; } .sp_4 { padding-left: 9px; margin-bottom: 9px; line-height: 27px; } .sp_5 { cursor: pointer; padding-left: 9px; margin-bottom: 3px; font-size: 0.8em; overflow: hidden; } .sp_5 span.fl { float: left; background: #707070; } .sp_5 span.fr { float: right; width: 60px; margin-right: 0; } .sp_6 { padding-left: 9px; font-size: 0.8em; } .sp_7 { font-size: 0.95em; } .sp_8 { padding-left: 9px; } .sp_9 { padding-left: 18px; height: 42px; line-height: 42px; text-transform: uppercase; font-size: 1.7em; width: 602px; } .sp_10 { width: 605px; margin-bottom: 12px; } .sp_11 { width: 611px; padding-left: 9px; margin-bottom: 12px; } .sp_12 { height: 38px; line-height: 38px; text-align: center; } .sp_12 span { text-transform: uppercase; color: #B3B3B3; } .inl { display: inline-block; overflow: hidden; *display: inline-block; zoom: 1; } .text-content { font: 300 20px/26px "adelle"; margin-bottom: 1em; } /* .text-content {font-family: 'TypoSlabserifLight'; font-size:22px; line-height:28px; } */ .text-content2 { font: 300 14px/20px "adelle"; } /* .text-content2 { font-family: 'TypoSlabserifLight'; font-size:16px; line-height:20px; } */ .text-content2 strong { margin: 10px 0 0; font: 700 12px/16px "futura-pt"; text-transform:uppercase; display:block; } .link-1 { text-decoration: none; text-transform: uppercase; font: 500 13px/20px "futura-pt"; } .link-1:hover { color: #6c2dc7; } .link-2 { text-decoration: none; text-transform: uppercase; font: 500 11px/20px "futura-pt"; } .link-2:hover { text-decoration:underline; } .list-1 {padding:10px 0 0; } .list-1 li {padding:5px 0; margin:0; font: 500 12px/18px "futura-pt"; text-transform:uppercase; width:180px; float:left; } .list-1 li a {text-decoration:none; } .list-1 li a:hover { color: #6c2dc7; } .list-2 {padding: 10px 0 0 0px; overflow:visible; } .list-2 li {padding:5px 0; margin:0 0 0 17px; font-size:15px; line-height:20px; list-style-type:disc; overflow:visible; } .list-2 li a {text-decoration:none; } .list-2 li a:hover {text-decoration:underline; } .black { background: #000; } .bordered { font: 700 30px/30px "futura-pt"; border-bottom:4px solid #ccc; padding-top:20px; margin:0; position:relative; } .bordered:after {display:block; content:''; width:100%; height:1px; background:#717171; position:absolute; left:0; bottom:0; } .border_title { font: 700 14px/1.2 "futura-pt"; text-transform:uppercase; margin:0; position:relative; overflow:hidden; } .border_title:after { display: block; content:""; width: 100%; height: 1px; background: #333; position: absolute; left: 0; top: 13px; z-index:1; } .border_title span { display: inline-block; background:#fff; padding-right:3px; position:relative; z-index: 3; } img.alignleft {float:left; margin:15px 25px 0px 0; } .hr {height:1px; font-size:0; line-height:0; background:#ccc; margin:5px 0 15px; } .spacer {height:30px; font-size:0; line-height:0; } .curve_4 { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .curve_4_clip { -moz-border-radius: 4px 0 4px 4px; -khtml-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .curve_4_clip_right { -moz-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .curve_4_left { -moz-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .curve_4_right { -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .curve_4_top { -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .curve_4_bottom { -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .sticky #network-bar { position:fixed; top:0; width: 1096px; z-index: 99999; } .sticky .sup_header { /* background: rgba(64,64,64, .95) !important; */ } .sticky .logo { margin-top: 102px !important; } .header {padding-bottom:17px; width: 100%; position:relative; z-index:9999;} .header .sup_header { height: 40px; margin: 0 -20px 0 -19px; /* 0 -19px 0px -20px; */ background: #404040; } .header ul {l ist-style:none; } .header ul li { float:left; list-style-type: none; } .header ul li a { font: 700 12px/40px "futura-pt"; display:block; color:#fff; text-decoration:none; } .top-nav { float: left; padding-left: 20px; } .top-nav li { border-right: 2px solid #666; } .top-nav li:first-child { border: none; } .top-nav li a { text-indent: -999em; overflow:hidden; display: block; height: 40px; } .top-nav li a:hover { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .top-nav li.okp a { background: url("images/top-okayplayer.png") 0 0 no-repeat; width: 123px; padding: 0; } .top-nav li.okp a:hover { background-color: #ff4200; background-position: 0 -40px; } .top-nav li.oka a { background: #8e56e0 url("images/top-okayafrica.png") 0 0 no-repeat; width: 117px; padding: 0; } .top-nav li.oka a:hover { background-color: #8e56e0; background-position: 0 -40px; } .top-nav li.okf a { background: url("images/top-okayfuture.png") 0 0 no-repeat; width: 125px; padding: 0; } .top-nav li.okf a:hover { background-color: #00a2ff; background-position: 0 -40px; } .top-nav li.lu a { background: url("images/top-largeup.png") 0 0 no-repeat; width: 86px; padding: 0; } .top-nav li.lu a:hover { background-color: #ffcc00; background-position: 0 -40px; } .top-nav li.rev a { background: url("images/top-revivalist.png") 0 0 no-repeat; width: 101px; padding: 0; } .top-nav li.rev a:hover { background-position: 0 -40px; } .top-nav li:first-child { padding: 0; } .top-nav li a:hover { color: #e4ff00; } .ad-nav { padding: 0 24px 0 0; } .ad-nav li { border-right: 2px solid #666; } .ad-nav li a { background: url("images/ad-nav-arrow.png") 100% 0 no-repeat; padding: 0 21px; line-height: 33px; text-transform: uppercase; font-size:10px; line-height: 33px; } .ad-nav li.store a { color: #8e56e0; } .ad-nav li a:hover { background-position: 100% -40px; } .ad-nav li:hover { background: #fff; -webkit-transition: background 0.4s linear; -moz-transition: background 0.4s linear; -ms-transition: background 0.4s linear; -o-transition: background 0.4s linear; transition: background 0.4s linear; } .ad-nav li a:hover { color: #6c2dc7; } .header .social { float: right; overflow: hidden; padding: 5px 17px 0 0; } .header .social li { float:left; margin: 0 0 0 4px; } .header .social li a { display: block; width: 30px; height: 30px; overflow:hidden; } .header .social li.pin a { background:url("images/top-social-pin.png") 0 0 no-repeat; } .header .social li.in a { background:url("images/top-social-in.png") 0 0 no-repeat; } .header .social li.tw a { background:url("images/top-social-tw.png") 0 0 no-repeat; } .header .social li.fb a { background:url("images/top-social-fb.png") 0 0 no-repeat; } .header .social li.yt a { background:url("images/top-social-yt.png") 0 0 no-repeat; } .header .social li.tblr a { background:url("images/top-social-tblr.png") 0 0 no-repeat; } .header .social li.rss a { background:url("images/top-social-rss.png") 0 0 no-repeat; } .header .social li a:hover { background-position: 0 -33px; } .header form.search { float: right; width: 265px; margin: 3px 0 0; } .header form.search input { display: block; overflow: hidden; background: url('images/input_bg.png') 100% 0 no-repeat; width: 222px; height: 32px; padding: 0px 28px 0px 10px; color: #fff; font: 200 13px/32px "adelle"; } .header .logo { width: 271px; height: 58px; margin: 18px auto 0px; overflow:hidden; } .header .logo a {display:inline;} .header .logo a img {display:inline; vertical-align:top;} .header .top_adv {width: 100%; background: #000; text-align: center; padding: 6px 0 9px; overflow:hidden; } .header .top_adv .wrapper { width: 728px; margin: 0 auto; } .header .top_adv img { text-align: center; } .main-nav { width: 1095px; margin: 0; background: #8e56e0; padding: 0; position:relative; min-height: 40px; } .main-nav ul { float: left; width: 820px; overflow:visible; } .main-nav ul li { float: left; background: url(images/sub_header-spacer.png) 0 12px no-repeat; padding: 0 12px 0 19px; text-transform: uppercase; margin: 0; list-style-type: none; } .main-nav ul li:first-child {background: none; } .main-nav ul li a { display: block; overflow: hidden; color: #fff; text-decoration: none; font: 500 14px/40px "futura-pt"; position:relative; } .main-nav ul span { display:block; width:100%; background: url(images/menu-arrow.png) 50% -999em no-repeat; } .main-nav ul li a:hover, .main-nav ul li.current-menu-item > a, .main-nav ul li.current_page_item > a, .main-nav ul li.sfHover > a { color: #000; } .main-nav ul li.sfHover > a span { background-position: 50% 33px !important; } .main-nav ul li > a:hover span, .main-nav ul li.current-menu-item > a span { } /* .main-nav ul li.current-menu-item ul.sub-menu { display: block; left: 0; top: 40px; visibility: visible; } */ li.menu-item-31001 .sub-menu li:first-child { padding-left: 36px; } /* Audio Subnav */ li.menu-item-31010 .sub-menu li:first-child { padding-left: 399px; } /* About Menu */ li.menu-item-31004 .sub-menu li:first-child { padding-left: 59px; } /* Video Subnav */ li.menu-item-31001 .sub-menu, li.menu-item-31010 .sub-menu, li.menu-item-31004 .sub-menu { text-align: left; } .menu .sub-menu { position: absolute; padding: 4px 0; top: -999em; width: 1095px; background: #000; text-align: center; } .menu .sub-menu li { display: inline-block; float:none; padding: 0 6px 0 12px; background-position: 0 3px; } .menu .sub-menu li:nth-child(13),.menu .sub-menu li:nth-child(26) {background: none;} .menu li:hover {visibility: inherit; } .menu li li { background: url(images/sub_header-spacer.png) 0 0 no-repeat; padding: 0 12px 0 19px; float:left; } .menu li li a { font: 500 11/20px "futura-pt"; padding: 0; background: none; } .menu li li a span {padding:0; background:none; } .menu li li a:hover, .menu li li.current-menu-item > a, .menu li li.current_page_item > a, .menu li li.sfHover > a { text-decoration: none; color: #8e56e0; } .menu li:hover ul, .menu li.sfHover ul {left:0px; top: 40px; z-index: 999; } ul.menu li:hover li ul, ul.menu li.sfHover li ul {top: -999em; } ul.menu li li:hover ul, ul.menu li li.sfHover ul {left: 169px; top: 0px; z-index: 9999; } ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top: -999em; } ul.sub-menu li a { font: 500 13px/20px "futura-pt"; } .content .sidebar .ad_info { overflow: hidden; background: #E6E6E6; margin-top: -9px; padding: 15px 18px 21px; margin-bottom: 15px; } .content .sidebar { overflow: hidden; width: 325px; padding-top: 30px; /* 40px; */} .content.home .sidebar {margin-top: 0; /* -248px; */ padding:0; } .content .widget { border: 1px solid #5c5c5c; padding: 14px 12px; margin-bottom:48px; position:relative; } .content .widget:before, .content .widget:after { display:block; width:5px; height:100%; background: #ccc; content:''; position:absolute; top:0; left:0; } .content .widget:after {left:auto; right:0; } .content .widget.widget-adv { border: 1px solid #ccc; } .content .widget.widget-adv:before, .content .widget.widget-adv:after {display:none; } .widget-title { font: 400 20px/22px "futura-pt"; text-transform:uppercase; text-align:center; padding:0; margin:-25px 0 0; } .widget-title span {background:#fff; display:inline-block; padding:0 5px; min-width:220px; } .widget-more {margin:10px 0 -23px; text-align:center; vertical-align:top; } .more-spacer { display: block; width: 105px; height: 20px; margin: 0 auto; background: #fff; padding:0 10px 0 1px; } .more-link { display:inline-block; font: 500 12px/16px "futura-pt"; color:#333; background:url(images/more-link-arrow.png) 88% 4px no-repeat #fff; text-transform:uppercase; text-decoration:none; padding:0 10px 0 1px; min-width: 105px; } .more-link span {border-bottom:3px solid transparent; } .more-link span:hover { color: #6c2dc7; } .content .widget.okshop { /* height: 185px; */ } .content .widget.okshop .widget-more { margin: -6px 0 -23px; } .content .sidebar .sidebar_adv { width: 100%; overflow: hidden; } .content .sidebar .poll { margin-top: 1.3em; overflow: hidden; } .content .sidebar .wp-polls { margin-top: 0px; margin-bottom: -4px; } .content .sidebar .poll p { margin-bottom: 5px; text-align: center!important; } .content .sidebar .poll label { position: relative; left: 2px; top: -2px; cursor: pointer; } .content .sidebar .poll ul.wp-polls-ul { margin-bottom: 2px; } .content .sidebar .poll input.Buttons { display: block; position: absolute; top: 0px; right: 0px; width: 85px; background: #000; color: #fff; text-transform: uppercase; height: 30px; cursor: pointer; font-size: 0.9em; border: 0; } .content .sidebar .poll { overflow: hidden; width: 100%; display: block; position: relative; } .content .sidebar .poll input.Buttons: hover { background: #666; } .content .sidebar form.search { margin: 0px 0px 0.8em; } .content .sidebar form.search input { display: block; overflow: hidden; height: 33px; background: url('images/input_bg.png') no-repeat; width: 262px; height: 33px; padding: 0px 10px 0px 28px; color: #616161; font-size: 0.9em; } .content .widget.subscribe {padding:14px 0 14px 21px; margin-bottom:55px; } .content .sidebar .subscribe .mc_form_inside {padding-right:22px} .content .sidebar .subscribe input[type="text"] {width:163px; height:18px; padding:2px 10px; background:#fff; border:1px solid #ccc; margin:0 5px 0 0; font: 200 14px/18px "adelle"; /* 'TypoSlabserifLight'; font-size:14px; line-height:18px; */ color:#333; vertical-align: top; } .content .sidebar .subscribe input[type="submit"] {display: inline-block; width: 86px; height: 24px; padding: 0 7px 8px 0; font: 500 11px/16px "futura-pt"; color: #fff; background: url(images/download.png) 0px 0px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; } .content .sidebar .subscribe input[type="submit"]:hover { background-position: 0 -24px; } .content .sidebar .subscribe input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -52px; } .content .sidebar .subscribe input[type="checkbox"] {margin:0 5px 10px 0; width:13px} .content .sidebar .subscribe form .mc_interests_header {display:none; } .content .sidebar .subscribe form div.mc_interest {position:relative; left:0; top:-10px; z-index:1; overflow:hidden; font-size: 0; } .content .sidebar .subscribe form br { display: none; } #mc_signup_form_sidebar .mc_var_label { display: none; font-size:0; line-height:0; } #mc_signup_form_sidebar .mc_interest br { display: none; font-size:0; line-height:0; } .content .sidebar .subscribe #mc_signup {padding: 0; } .footer-subscribe #mc_signup_form label { width: 95px !important; } .content .sidebar .subscribe form .mc_merge_var {position:relative; left:0px; top:90px; z-index:2; } .content .sidebar .subscribe form .mc_signup_submit {position:relative; left:195px; top:-3px; z-index:3; text-align:left !important; } .mc_signup_container {padding-bottom:16px; } #mc_signup_form_sidebar label.mc_interest_label { width: 114px; display:inline-block !important; vertical-align:top; font: 500 10px/16px "futura-pt"; text-transform:uppercase; } .content .sidebar .subscribe form .check-wrap {float:left; width:105px; margin-bottom:0px; } .content .sidebar .subscribe form .check-wrap-3, .content .sidebar .subscribe form .check-wrap-6, .content .sidebar .subscribe form .check-wrap-9 {width:80px; } .content .sidebar .subscribe .widget-more {margin:10px 0 -24px -22px; } .content .sidebar .sidebar_box { overflow: hidden; display: none; margin-bottom: 13px; margin-top: -3px; width: 310px; } .content .sidebar .sidebar_box li { width: 95px; height: 95px; overflow: hidden; float: left; margin: 7px 8px 0px 0px; font-size: 0; line-height: 0; } .content .sidebar .sidebar_box li img { width: 100%; height: auto; } .content .sidebar .store { width: 310px; overflow: hidden; margin-bottom: 16px; } .content .sidebar .store .item { width: 95px; background: #ccc; overflow: hidden; float: left; margin: 4px 8px 0px 0px; } .content .sidebar .store .item img { width: 100%; height: auto; } .content .sidebar .store .item .text { width: 83px; padding: 4px 6px 5px 6px; background: #000; color: #fff; font-size: 0.8em; line-height: 1.2; } .content .sidebar .store .item .text span { display: block; clear: left; } .content .sidebar .events { width: 100%; overflow: hidden; margin-top: -3px; } .content .sidebar .events .item { width: 100%; overflow: hidden; border-bottom: 1px solid #BFBFBF; margin-top: 8px; } .content .sidebar .events .item .thumb { width: 95px; float: left; } .content .sidebar .events .item .text { width: 192px; margin-left: 13px; float: left; overflow: hidden; line-height: 1.3em; font-size: 1em; } .content .sidebar .events .item .text h1 { font-size: 1.2em; font-weight: bold; margin: 0px; } .content .sidebar .events .item .text h1 a { text-decoration: none; } .content .sidebar .events .item .text span { display: block; overflow: hidden; margin-bottom: 10px; line-height: 1em; margin-top: -1px; } .content .sidebar .photos { width: 310px; overflow: hidden; margin-top: -3px; margin-bottom: 19px; } .content .sidebar .photos .item { width: 95px; height: 95px; background: #ccc; overflow: hidden; float: left; margin: 7px 8px 0px 0px; } .content .sidebar .photos .item img { width: 100%; height: auto; } .content .fb_plugin { overflow: hidden; margin: 0; } .content .bottom_adv { text-align: center; } .content .bottom_adv .wrapper { width: 728px; height: 90px; padding:11px 15px 11px 16px; background:#000; margin-left:-20px; } .content .slider_wrap { position: relative; overflow: hidden; margin: 3px 0 25px; /* 3px 0 36px; */ width: 1095px; height: 240px; /* 480px; */} .content .slider_wrap .posts_slider { width: 1095px; padding-left: 0; /* 1px; */ overflow: hidden; } #posts-list li {position: relative; float: left; margin: 0 1px 0 0; /* 0 2px 0 0; */ padding:0; width: 218px; /* 217px; */ height:240px; border:none; background: #000; list-style-type:none; } #posts-list li a {display: block; overflow: hidden; width: 100%; height: 100%; } #posts-list li a img { opacity: 1; /* 0.65; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65); */ } #posts-list .triangle {display: block; width: 100%; height:38px; background: url(images/triangle.png) 50% 0 no-repeat; position: absolute; bottom: -100%; left: 0; z-index: 5; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #posts-list li:hover img, #posts-list li.active img {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #posts-list li:hover .triangle, #posts-list li.active .triangle {bottom: 0; } #posts-list li .thumb {width: 100%; height: 240px; position: relative; background:#000; } #posts-list li .meta {display: block; width: 100%; height: 26px; overflow: hidden; position: absolute; left: 0; bottom: 5px; z-index: 2; text-align: center; font: 500 20px/26px "futura-pt"; text-transform: uppercase; color: #888; } #posts-list li.active .meta, #posts-list li:hover .meta {display:none; } .posts-title-list { width: 730px; min-height: 199px; /* 220px; */ padding: 0 0 15px; margin: -10px 0 35px; border-bottom: 4px solid #ccc; position: relative; } .posts-title-list:after {display: block; width: 100%; height: 1px; background: #535c29; position: absolute; left: 0; bottom: 0; content: ''; } .posts-title-list li { font: 300 52px/56px "adelle"; display: none; } .posts-title-list li.active, .posts-title-list li:first-child {display: block; } .posts-title-list li a {text-decoration: none; color: #333; } .posts-title-list li a:hover { color: #6c2dc7; } .content .posts_nav { overflow: hidden; width: 620px; clear: left; } .content .posts_nav a { display: block; float: left; color: #fff; padding: 0px 20px; height: 30px; line-height: 30px; background: #000; font-size: 1.2em; text-transform: uppercase; text-decoration: none; } .content .posts_nav a:hover { background: #666; } .content .cat_nav { width: 674px; overflow: hidden; margin: 20px 0px 7px 0px; } .content .cat_nav .item { width: 192px; background: #000; color: #fff; margin: 0px 22px 17px 0px; overflow: hidden; float: left; height: 220px; } .content .cat_nav .item .cat_title { width: 186px; color: #cc4f5d; padding-left: 5px; line-height: 1.7em; text-align: left; padding-right: 6px; text-transform: uppercase; font-size: 1.2em; } .content .cat_nav .item .cat_title a,.content .cat_nav .item .text h1 a { text-decoration: none; color: #fff; line-height: 15px; } .content .cat_nav .item .thumb { width: 184px; height: 145px; border-left: 4px solid #000; border-right: 4px solid #000; } .content .cat_nav .item .text { width: 172px; padding: 8px 10px; } .content .cat_nav .item .text h1 { font-size: 1em; color: #fff; font-weight: bold; margin-bottom: 0px; } .content .cat_nav .item .text span { font-size: 0.8em; } .wp-pagenavi a,.wp-pagenavi span { border: none!important; } .wp-pagenavi a:hover { background: #000; color: #fff; } .content .posts_nav_wide { overflow: hidden; width: 940px; clear: left; } .content .posts_nav_wide a { display: block; float: left; color: #fff; padding: 0px 20px; height: 30px; line-height: 30px; background: #000; font-size: 1.2em; text-transform: uppercase; text-decoration: none; } .content .posts_nav_wide a:hover { background: #666; } .content .rev_nav { width: 674px; overflow: hidden; margin: 16px 0px; } .content .rev_nav .item { width: 198px; float: left; color: #fff; margin: 0px 13px 16px 0px; overflow: hidden; height: 73px; } .content .rev_nav .item .thumb { width: 73px; height: 73px; float: left; margin-right: 2px; position: relative; } .content .rev_nav .item .thumb span { position: absolute; bottom: 0px; right: 0px; background: #000; font-weight: bold; padding: 4px 9px; display: block; overflow: hidden; font-size: 0.9em; } .content .rev_nav .item .thumb img { width: 100%; height: 73px; } .content .rev_nav .item .text { width: 111px; float: left; overflow: hidden; background: #000 url('images/corner_clip.gif') top right no-repeat; padding: 7px 6px; height: 59px; } .content .rev_nav .item .text h1 { font-size: 1em; color: #fff; margin-bottom: 5px; font-weight: bold; } .content .rev_nav .item .text h1 a { color: #fff; text-decoration: none; } .content .rev_nav .item .text span { font-size: 0.8em; line-height: 11px; } .wide_col { overflow: hidden; } .wide_col .toolbar { width: 100%; overflow: hidden; height: 39px; line-height: 39px; background: #707070; margin-bottom: 3px; } .wide_col .toolbar h1 { width: 250px; float: left; font-size: 1.1em; text-transform: uppercase; color: #fff; line-height: 39px; padding-left: 15px; } .wide_col .toolbar span { display: block; float: right; width: 71px; color: #fff; overflow: hidden; font-style: italic; font-size: 0.9em; color: #D7D7D7; } .wide_col .toolbar ul { float: right; } .wide_col .toolbar ul li { float: left; color: #fff; padding: 0px 18px; cursor: pointer; } .wide_col .toolbar ul li.active, .wide_col .toolbar ul li:hover { background: #d7d7d7; color: #333; } .wide_col .toolbar ul li a { display: block; padding: 0px 18px; color: #fff; text-decoration: none; cursor: pointer; } .wide_col .all_posts { width: 970px; overflow: hidden; padding-bottom: 18px; } .wide_col .all_posts .item { width: 222px; float: left; overflow: hidden; margin: 15px 17px 0 0; background: #000; } .wide_col .all_posts .item .thumb { width: 100%; height: 160px; } .wide_col .all_posts .item .text { position: relative; width: 198px; overflow: hidden; background: #000; padding: 10px 20px 10px 10px; height: 36px; } .wide_col .all_posts .item .color { position: absolute; width: 20px; height: 20px; right: 6px; bottom: 0; } .wide_col .all_posts .item .text h1 { color: #fff; font-size: 1.15em; margin-bottom: 0px; line-height: 1.1em; } .wide_col .all_posts .item .text h1 a, .wide_col .all_posts .item .text h1 span { text-decoration: none; color: #fff; } .wide_col .all_posts .item .text span { display: block; overflow: hidden; color: #fff; font-size: 0.9em; display: none; } .content .main_galleries { width: 100%; overflow: hidden; } .content .main_galleries .column .thumb { width: 100%; height: 208px; position: relative; } .content .main_galleries .column .thumb span { display: block; position: absolute; color: #fff; background: #000; overflow: hidden; left: 0px; bottom: 0px; width: 100%; padding: 9px 8px; line-height: 1.4em; } .content .main_galleries .column .thumb a { color: #fff; text-decoration: none; } .content .main_galleries .column .text { overflow: hidden; padding-top: 14px; line-height: 1.4em; } .content .main_galleries .column .more { width: 100%; overflow: hidden; padding-top: 7px; } .content .main_galleries .column .more a.btn { display: block; width: 67px; height: 24px; background: #B3B3B3; color: #B3B3B3; text-align: center; line-height: 24px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; float: right; } .content .main_galleries .column .more a.btn: hover { background: #666; } .content .galleries_list { width: 630px; overflow: hidden; } .content .galleries_list .toolbar { overflow: hidden; background: #000; color: #fff; height: 25px; width: 620px; margin-bottom: 12px; } .content .galleries_list .toolbar ul { width: 605px; float: left; height: 25px; padding-left: 15px; } .content .galleries_list .toolbar ul li { float: left; line-height: 25px; margin-right: 12px; font-size: 0.9em; color: #CBCBCB; cursor: pointer; } .content .galleries_list .toolbar ul li.active,.content .galleries_list .toolbar ul li: hover { color: #fff; } .content .galleries_list .item { overflow: hidden; margin-bottom: 10px; } .content .galleries_list .item .thumb { width: 100%; height: 138px; } .content .galleries_list .item .text { overflow: hidden; line-height: 1.3em; color: #fff; background: #000; padding: 9px 11px; height: 43px; } .content .galleries_list .item .text a { color: #fff; text-decoration: none; } .content .galleries_list .pagination { clear: left; width: 620px; overflow: hidden; text-align: right; line-height: 16px; padding-top: 13px; } .content .galleries_list .pagination ul { display: inline-block; *display: inline; zoom: 1; } .content .galleries_list .pagination ul li { float: left; text-align: center; margin-left: 5px; } .content .galleries_list .pagination ul li a,.content .galleries_list .pagination ul li span { display: block; padding: 0px 4px; height: 16px; text-align: center; } .content .galleries_list .pagination ul li span,.content .galleries_list .pagination ul li a:hover { background: #000; color: #fff; } .content .galleries_list .pagination ul li a { text-decoration: none; } .content .galleries_list .pagination .inl { padding-right: 5px; } .content .feat_post { margin-top: 12px; overflow: hidden; width: 620px; } .content .feat_post .info { width: 100%; overflow: hidden; background: #000; color: #fff; height: 26px; line-height: 26px; } .content .feat_post .info .date { float: left; margin-left: 12px; font-size: 0.9em; } .content .feat_post .info .cat_name,.content .feat_post .info .author { float: right; font-size: 0.9em; } .content .feat_post .info .author { padding-right: 7px; border-right: 2px solid #fff; margin-right: 15px; } .content .feat_post .info .cat_name { padding-right: 15px; text-transform: uppercase; } .content .feat_post .info a { text-decoration: none; color: #fff; } .content .feat_post .thumb { width: 100%; overflow: hidden; } .content .feat_post .thumb img { width: 100%; height: auto; } .content .feat_post h1 { width: 100%; overflow: hidden; font-size: 1.8em; background: url('images/dashed.png') left bottom repeat-x; padding: 12px 0px 4px; margin-bottom: 9px; } .content .feat_post h1 a { text-decoration: none; } .content .feat_post .text { width: 100%; overflow: hidden; line-height: 1.4em; padding-bottom: 25px; margin-bottom: -1.5em; } .content .feat_post_list { overflow: hidden; width: 640px; } .content .feat_post_small { overflow: hidden; height: 320px; } .content .feat_post_small .info { width: 100%; overflow: hidden; background: #000; color: #fff; height: 26px; line-height: 26px; } .content .feat_post_small .info .date { float: left; margin-left: 12px; font-size: 0.9em; } .content .feat_post_small .info .cat_name,.content .feat_post_small .info .author { float: right; font-size: 0.9em; } .content .feat_post_small .info .author { padding-right: 7px; border-right: 2px solid #fff; margin-right: 15px; } .content .feat_post_small .info .cat_name { padding-right: 15px; text-transform: uppercase; } .content .feat_post_small .info a { text-decoration: none; color: #fff; } .content .feat_post_small .thumb { width: 292px; height: 185px; overflow: hidden; border: solid 4px #000; } .content .feat_post_small .thumb img { width: 100%; height: auto; } .content .feat_post_small h1 { width: 100%; overflow: hidden; font-size: 1.2em; padding: 9px 0px 4px; margin-bottom: 3px; font-weight: bold; } .content .feat_post_small h1 a { text-decoration: none; } .content .feat_post_small .text { width: 100%; overflow: hidden; line-height: 1.5em; font-size: 0.9em; padding-bottom: 25px; margin-bottom: -1.5em; } .content .masthead_title { width: 100%; overflow: hidden; height: 40px; } .content .masthead_title .text { float: left; font-size: 1.8em; line-height: 31px; text-transform: uppercase; } .content .masthead_title .info { float: right; font-size: 0.9em; line-height: 1.3em; padding-top: 4px; } .content .masthead_title .info span { text-transform: uppercase; color: #656565; } .content .people { width: 100%; overflow: hidden; } .content .people ul { width: 100%; padding: 20px 0px 4px; } .content .people ul li { float: left; width: 196px; line-height: 1.3em; height: 60px; padding-right: 10px; font-size: 1.1em; } .content .people ul li span { text-transform: uppercase; color: #676767; display: block; width: 100%; } .content .contributors { width: 100%; overflow: hidden; padding-top: 15px; } .content .contributors .cat_name { overflow: hidden; padding-left: 2px; line-height: 21px; border-bottom: 1px solid #BFBFBF; text-transform: uppercase; font-size: 0.8em; color: #666666; margin: -12px 0px 15px; } .content .contributors ul { width: 100%; } .content .contributors ul li { float: left; width: 196px; line-height: 1.3em; height: 117px; padding-right: 10px; font-size: 1.1em; } .content .contributor_page { overflow: hidden; } .content .contributor_page .path { overflow: hidden; height: 25px; background: #F2F2F2; line-height: 25px; color: #666666; font-size: 0.8em; padding-left: 7px; } .content .contributor_page .path a { display: block; float: left; text-decoration: none; color: #666666; } .content .contributor_page .path span { display: block; float: right; text-transform: uppercase; padding-right: 12px; } .content .contributor_page .path span a { display: inline; } .content .contributor_page .profile { width: 100%; overflow: hidden; } .content .contributor_page .profile h1 { overflow: hidden; width: 100%; font-size: 1.7em; padding-top: 15px; margin-bottom: 16px; } .content .contributor_page .profile .thumb { width: 107px; height: 104px; overflow: hidden; float: left; margin-right: 2px; } .content .contributor_page .profile .thumb img { width: 107px; height: 104px; } .content .contributor_page .profile .text { width: 363px; overflow: hidden; background: #CCCCCC; padding: 8px 11px; line-height: 1.4em; margin-right: 2px; min-height: 88px; _height: 88px; float: left; } .content .contributor_page .profile .social { width: 124px; overflow: hidden; background: #000; float: left; line-height: 21px; color: #fff; padding-top: 10px; height: 94px; } .content .contributor_page .profile .social a { color: #fff; text-decoration: none; display: block; padding-left: 11px; } .content .contact { overflow: hidden; } .content .contact .pretext { height: 49px; line-height: 49px; font-size: 1.2em; border-bottom: 2px solid #D8D8D8; margin-bottom: 16px; } .content .contact form { display: block; overflow: hidden; width: 460px; position: relative; } .content .contact form span { display: block; overflow: hidden; width: 100%; font-weight: bold; font-size: 0.9em; margin-bottom: 7px; } .content .contact form input { background: #B3B3B3; height: 25px; display: block; width: 440px; margin-bottom: 11px; float: left; padding: 0px 10px; line-height: 25px; color: #333333; } .content .contact form input.select { background: #B3B3B3 url('images/select_bg.png') right top no-repeat; cursor: pointer; } .content .contact form input.half { width: 200px; margin-right: 20px; } .content .contact form input.half_nomargin { width: 200px; } .content .contact span.wpcf7-form-control-wrap { display: inline; } .content .contact form ul { width: 100%; position: absolute; top: 49px; left: 0px; display: none; } .content .contact form ul li { background: #CFCFCF; height: 25px; display: block; width: 438px; margin-bottom: 11px; float: left; padding: 0px 10px; margin: 0px; line-height: 25px; cursor: pointer; border-bottom: 1px solid #B3B3B3; border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; } .content .contact form ul li: hover { background: #B3B3B3; } .content .contact form textarea { width: 436px; padding: 7px 10px; line-height: 1.3em; background: #B3B3B3; display: block; overflow: hidden; resize: none; height: 161px; color: #333333; } .content .contact .buttons { width: 460px; overflow: hidden; border-top: 2px solid #B2B2B2; margin-top: 25px; padding-top: 16px; } .content .contact .buttons a { display: block; float: right; width: 121px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; text-decoration: none; background: #000; text-transform: uppercase; text-align: center; font-size: 1.4em; cursor: pointer; } .content .contact .buttons a:hover { background: #666; } .content .news { overflow: hidden; } .reviews { overflow: hidden; } .reviews .feat_reviews { width: 100%; overflow: hidden; padding-top: 18px; } .reviews .feat_reviews .thumb { width: 349px; height: 349px; border:1px solid #9c9c9c; overflow:visible; float: left; position: relative; margin:0 28px 15px 0; } .reviews .feat_reviews .thumb img {height:349px; width:100%; } .reviews .feat_reviews .thumb:hover em { background: #6c2dc7; } .reviews .feat_reviews .thumb span { position: absolute; bottom: -11px; right: -14px; background: #000; display: block; overflow: hidden; width:56px; height:44px; color: #fff; font: 500 30px/44px "futura-pt"; text-align: center; } .reviews .feat_reviews .thumb:hover span { background: #6c2dc7; } .reviews .feat_reviews .thumb em { position: absolute; top: -7px; left: 10px; color: #fff; background: #000; padding:0 7px; display: block; overflow: hidden; font: 500 11px/19px "futura-pt"; text-transform: uppercase; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .reviews .feat_reviews .info { width:240px; } .reviews .feat_reviews .info h1 { font: 500 26px/30px "futura-pt"; width: 100%; overflow: hidden; margin-bottom: 0px; text-transform:uppercase; } .reviews .feat_reviews .info h1 a { text-decoration: none; } .reviews .feat_reviews .info h1 a:hover { color: #6c2dc7; } .reviews .feat_reviews .info h1 a span {font-family: 'FuturaStdLight'; } .reviews .feat_reviews .info em { display: block; overflow: hidden; font: 300 14px/20px "adelle"; margin-bottom:17px; } .reviews .feat_reviews .info .buttons { position: absolute; width: 100%; overflow: hidden; bottom: 0px; left: 0px; } .reviews .feat_reviews .text { font: 300 20px/26px "adelle"; color:#666; } .reviews .feat_reviews .text a { text-decoration:none; font: 500 14px "futura-pt"; text-transform:uppercase; } .reviews .feat_reviews .text a:hover { color: #6c2dc7; } .reviews .items { overflow: hidden; position: relative; min-height: 400px; } .reviews .items .toolbar { width: 100%; overflow: hidden; height: 22px; line-height: 22px; padding:8px 0 7px; margin-bottom: 0; margin-top: 29px; border-top:1px solid #adadad; border-bottom:1px solid #adadad; color:#333; } .reviews .items .toolbar h2 {float: left; font: 500 14px/22px "futura-pt"; text-transform: uppercase; } .reviews .items .toolbar ul { height: 24px; width: 100%; } .reviews .items .toolbar ul li { float: left; margin-right: 1px; background: #000; width: 154px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; color: #fff; } .reviews .items .toolbar ul li.select img { margin-left: 18px; } .reviews .items .toolbar ul li.select a:hover { background: #000; } .reviews .items .toolbar ul li a { display: block; color: #fff; text-decoration: none; } .reviews .items .toolbar ul li.active, .reviews .items .toolbar ul li:hover { background: #666666; } .reviews .items .toolbar ul li.select: hover { background: #000; } .reviews .items ul.list { position: absolute; right: 20px; top: 59px; width: 154px; display: none; border: 1px solid #fff; } .reviews .items ul.list li { width: 100%; text-align: center; background: #000; width: 100%; height: 24px; line-height: 24px; color: #fff; cursor: pointer; } .reviews .items ul.list li a { display: block; text-decoration: none; } .reviews .items ul.list li:hover { background: #666666; } .reviews .items .review-list { margin: 0 0 0 -12px; font-size:0; } .reviews .items ul li.barline { clear: both; margin: 0 0 5px 0; float: none; width: 100%; height: 1px; background: #adadad; } .reviews .items .item { width: 172px; margin: 10px 0 20px 12px; display: inline-block; vertical-align: top; font-size: 14px; } .reviews .items .item .thumb { position: relative; width: 165px; height: 165px; padding: 3px; overflow: visible; background: #fff; } .reviews .items .item .thumb span { position: absolute; bottom: -11px; right: -9px; background: #000; display: block; overflow: hidden; width: 56px; height: 44px; color: #fff; font: normal 30px/44px "futura-pt"; text-align: center; } .reviews .items .item .thumb:hover, .reviews .items .item .thumb:hover span { background: #6c2dc7; } .reviews .items .item .thumb img { width: 163px; height: 163px; border: 1px solid #999; } .reviews .items .item .thumb:hover img { border: 1px solid #6c2dc7; } .reviews .items .item .text { margin: 2px 5px 0; } .reviews .items .item .text .country { font: 500 16px/21px "futura-pt"; color: #333; text-transform: uppercase; } .reviews .items .item .text h1 { font: 300 13px/18px "adelle"; color: #333; margin-bottom: 0px; /* text-transform:uppercase; */ } .reviews .items .item text h1 span { font: 700 14px/18px "futura-pt"; } .reviews .items .item .text h1 a { color: #333; text-decoration: none; } .reviews .items .item .text h1 a:hover { color: #6c2dc7; } .reviews .items .item .text span { font: 500 11px/14px "futura-pt"; text-transform: uppercase; } .reviews .items .item .text em { font: 300 12px/16px "adelle"; display:inline-block; } .reviews .items .pagination { float: left; width: 620px; overflow: hidden; text-align: right; line-height: 16px; padding: 8px 0px 17px; border-top: 1px solid #BFBFBF; margin-top: 13px; } .reviews .items .pagination ul { display: inline-block; *display: inline; zoom: 1; } .reviews .items .pagination ul li { float: left; text-align: center; margin-left: 5px; } .reviews .items .pagination ul li a,.reviews .items .pagination ul li span { display: block; padding: 0px 4px; height: 16px; text-align: center; } .reviews .items .pagination ul li span,.reviews .items .pagination ul li a:hover { background: #000; color: #fff; } .reviews .items .pagination ul li a { text-decoration: none; } .reviews .items .pagination .inl { padding-right: 5px; } .reviews .load-more { margin: -5px 0 20px; } .videos { overflow: hidden; } .feat_video { width: 1095px; overflow: hidden; background: #000; padding: 30px 0; } .feat_video h1 { font: 700 30px/1 "futura-pt"; color:#fff; margin:0 0 22px; border-bottom:1px solid #6c2dc7; padding-left:18px; text-transform:uppercase; } .feat_video .text { width: 100%; overflow: hidden; padding: 5px 0px; } .feat_video .text h2 { font: 300 40px/40px "futura-pt"; margin: 0; padding: 0; color: #999; text-transform:uppercase; } .feat_video .text h3 { font: 300 26px/30px "futura-pt"; text-transform:uppercase; margin: 0; } .feat_video .text a { color: #999; text-decoration: none; } .feat_video .text a:hover { color: #6c2dc7; } .feat_video .main-video {width:711px; float:left; margin:0 0 0 21px; } .feat_video .main-video .thumb {width:711px; height:400px; } .feat_video .adv-video {width:302px; float:left; margin:0 0 0 40px; } .feat_video .adv-video li {padding:25px 0 0; } .feat_video .adv-video li:first-child {padding:0; } .feat_video .adv-video .thumb {width:302px; height:170px; } .videos ul.filter { overflow: hidden; padding-left: 6px; margin-bottom: 7px; } .videos ul.filter li { color: #818181; text-decoration: none; line-height: 26px; display: block; float: left; margin-right: 14px; cursor: pointer; } .videos ul.filter li: hover,.videos ul.filter li.active { color: #000; text-decoration: underline; } .videos .toolbar { width: 100%; overflow: hidden; height: 22px; line-height: 22px; padding:8px 0 7px; margin-bottom: 20px; margin-top: 30px; border-top:1px solid #adadad; border-bottom:1px solid #adadad; color:#333; } .videos .toolbar h1 { float: left; font: 500 14px/22px "futura-pt"; text-transform: uppercase; } .videos .toolbar ul { float: right; } .videos .toolbar ul li { float: left; color: #fff; cursor: pointer; padding: 0px 13px; color: #fff; text-decoration: none; text-transform: lowercase; } .videos .toolbar ul li:hover, .videos .toolbar ul li.active { color: #333; background: #d7d7d7; } .videos .items { width: 640px; overflow: hidden; } .videos .items .item { width: 198px; float: left; color: #fff; margin: 0px 13px 13px 0px; overflow: hidden; height: 200px; background: #000; } .videos .items .item .thumb { width: 100%; height: 138px; overflow: hidden; } .videos .items .item .thumb img { width: 100%; height: auto; } .videos .items .item .text { height: 62px; overflow: hidden; background: #000; width: 100%; position: relative; } .videos .items .item .text h1 { width: 177px; font-size: 1em; font-weight: bold; color: #fff; margin: 11px 0px 11px 12px; } .videos .items .item .text h1 a { color: #fff; text-decoration: none; } .videos .items .item .text .date { overflow: hidden; color: #919191; position: absolute; left: 12px; top: 41px; font-size: 0.8em; } .videos .items .item .text .comments { overflow: hidden; position: absolute; right: 16px; color: #fff; top: 41px; font-size: 0.8em; } .videos .items .item .text .comments a { color: #919191; text-decoration: none; } .videos .items .pagination { float: left; width: 620px; overflow: hidden; text-align: right; line-height: 16px; padding: 11px 0px 17px; border-top: 1px solid #BFBFBF; margin-top: 11px; } .videos .items .pagination ul { display: inline-block; *display: inline; zoom: 1; } .videos .items .pagination ul li { float: left; text-align: center; margin-left: 5px; } .videos .items .pagination ul li a,.videos .items .pagination ul li span { display: block; padding: 0px 4px; height: 16px; text-align: center; } .videos .items .pagination ul li span,.videos .items .pagination ul li a:hover { background: #000; color: #fff; } .videos .items .pagination ul li a { text-decoration: none; } .videos .items .pagination .inl { padding-right: 5px; } .content .article { overflow: hidden; } .content .article .path { overflow: hidden; height: 25px; background: #F2F2F2; line-height: 25px; color: #666666; font-size: 0.8em; padding-left: 7px; } .content .article .path a { display: block; float: left; text-decoration: none; color: #666666; } .content .article .path span { display: block; float: right; text-transform: uppercase; padding-right: 12px; } .content .article .post { overflow: hidden; } .content .article .post h1 { font: 300 36px/38px "adelle"; margin:0; padding:0; } .content .article .post .info { width: 100%; overflow: hidden; background: #4D4D4D; color: #fff; height: 26px; line-height: 26px; } .content .article .post .info .date { float: left; margin-left: 12px; font-size: 0.9em; } .content .article .post .info .cat_name,.content .article .post .info .author { float: right; font-size: 0.9em; } .content .article .post .info .author { padding-right: 7px; border-right: 2px solid #fff; margin-right: 15px; } .content .article .post .info .cat_name { padding-right: 15px; text-transform: uppercase; } .content .article .post .info a { text-decoration: none; color: #fff; } .content .article .post .feat_img { overflow: hidden; width: 100%; margin-top: 14px; } .content .article .post .feat_img img { width: 100%; height: auto; } .content .article .post .text { overflow: hidden; padding-top: 0px; width: 100%; margin: 0 0 15px 0; } .content .article .post .text p { font: 300 18px/26px "adelle"; } .content .article .post .pagination { overflow: hidden; width: 100%; padding-top: 18px; } .content .article .post .pagination ul { float: right; } .content .article .post .pagination ul li { float: left; width: 18px; height: 18px; background: #000; color: #fff; text-align: center; font-size: 1.1em; margin-left: 2px; } .content .article .post .pagination ul a li { background: #fff; color: #000; } .content .article .post .pagination ul a li: hover { background: #000; color: #fff; } .content .article .post .pagination ul a { color: #000; text-decoration: none; } .content .article .post .social { } .content .article .post .social .sharrre > span { font: 300 15px/13px "adelle"; float:left; margin-right:20px; } .content .article .post .social a { text-decoration: none; } .content .article .post .tags { width: 100%; margin-bottom: 35px; } .content .article .post .tags h3 { margin-bottom: -3px; } .content .article .post .tags .tags-inner > a { display: inline-block; font: 700 10px/19px "futura-pt"; text-transform:uppercase; padding:0 5px; color: #fff; background: #000; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow:0 0 5px #666; margin-left: 0; margin-right: 10px; margin-top: 10px; text-decoration:none; } .content .article .post .tags .tags-inner > a:hover { background: #6c2dc7; } .content .article .post .tags .tags-inner h3 + a {margin-left:55px; } .content .article .post .tags .tags-inner { padding-left:37px; } .content .article .post-navigation { float: right; text-align: right; position: relative; width: 180px; margin-top: -13px; } .content .article .post-navigation a { overflow: hidden; display: inline-block; } .content .article .post-navigation .arrows { display: inline-block; width: 90px; height: 35px; background: url('images/post_navigation.png') no-repeat; } .content .article .post-navigation a .btn-olderposts { width: 83px; height: 35px; background-position: -3px 0; } .content .article .post-navigation .btn-olderposts:hover { background-position: -3px -40px; } .content .article .post-navigation a .btn-newerposts { width: 89px; height: 35px; background-position: -91px 0; } .content .article .post-navigation .btn-newerposts:hover { background-position: -91px -40px; } .content .article .post .post-author {padding-top:25px; margin-bottom:25px; } .content .article .post .post-author a { font: 500 14px "futura-pt"; text-decoration:none; text-transform:uppercase; } .content .article .post .post-author a:hover { color: #6c2dc7; } .content .article .post .author-description { font: 300 14px/17px "adelle"; } .content .article .post .post-author .border_title { margin-bottom: 10px; } .content .article .related_posts { width: 100%; height: 175px; /* 185px; */ overflow: hidden; margin-bottom:30px; } .content .article .related_posts .jcarousel-clip-horizontal {width:608px; margin:0 auto; padding-top:10px; position:relative; overflow:hidden; z-index:1; } .content .article .related_posts .jcarousel-prev, .content .article .related_posts .jcarousel-next {width:60px; height:156px; position:absolute; top:10px; z-index:99; cursor:pointer; } .content .article .related_posts .jcarousel-prev {background:url(images/recent-posts-prev.png) 100% 50% no-repeat #333; left:0; } .content .article .related_posts .jcarousel-next {background:url(images/recent-posts-next.png) 0 50% no-repeat #333; right:0; } .content .article .related_posts .jcarousel-prev:hover {background-color:#6c2dc7; background-position:0 50%; } .content .article .related_posts .jcarousel-next:hover {background-color:#6c2dc7; background-position:100% 50%; } .content .article .related_posts .item { width: 200px !important; height:158px; position:relative; margin:0 4px 0 0; overflow: hidden; float: left; } .content .article .related_posts .item .thumb { width: 100%; overflow: hidden; height: 158px; background:none; position:relative; z-index:1; } .content .article .related_posts .item .grad { position: absolute; top: 0; width: 200px; height: 156px; background: url('images/black-grad.png') no-repeat; z-index: 5; } .content .article .related_posts .item .text { font-size: 16px; line-height:18px; padding: 0 10px; /* height:50%; */ position:absolute; left:0; bottom: 20px; /* top:50%; */ z-index:99; overflow:hidden; color:#fff; } .content .article .related_posts .item:hover .text a { color: #6c2dc7; } .content .article .related_posts .item .text a {color:#fff; text-decoration:none; } .content .article .comments {margin-bottom:20px; } .content .article #gallery-1 dl { margin: 0; } .content .article #gallery-1 .gallery-item { float: left; width: 60px!important; height: 60px; margin: 0 6px 0px 0; border: solid 1px #dedede; padding: 0px!important; } .content .article #gallery-1 .gallery-icon a img { width: 60px; height: 60px; border: 0px; } .content .article #gallery-1 .gallery-icon { width: 60px; height: 60px; border: 0px; } .article .caption { text-align: center; font-style: italic; margin: 10px 0 10px 0; } .content .article #gallery-nav { width: 100%; overflow: hidden; } .content .article #gallery-nav .pn-alignleft a { float: left; border-right: 1px solid #fff; } .content .article #gallery-nav .pn-alignright a { float: right; border-left: 1px solid #fff; } .content .article #gallery-nav .pn-alignleft a, #gallery-nav .pn-alignright a { display: block; padding: 1px 3px; background: #222 !important; color: #fff; text-align: center; width: 65px; font-size: 11px; font-weight: bold; text-transform: uppercase; } .content .article #gallery-nav .pn-alignleft a:hover, #gallery-nav .pn-alignright a:hover { color: #ccc; text-shadow: none; } .content .article .stop,.content .article .play,.content .article .stop_fake { display: none!important; } .content .comments_container { overflow: hidden; display: none; } .logged_in { color: #444; margin-bottom: 6px; } .content .audio { overflow: hidden; padding-top:15px; } .content .audio .title span { background: transparent; } .content .audio .toolbar { width: 100%; overflow: hidden; margin: 1px 0px 8px; } .content .audio .toolbar ul { height: 24px; width: 630px; } .content .audio .toolbar ul li { float: left; margin-right: 1px; background: #000; width: 155px; height: 24px; line-height: 24px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; } .content .audio .toolbar ul li.active,.content .audio .toolbar ul li: hover { background: #666666; } .content .audio .tracklist { width: 100%; overflow: hidden; } .content .audio .tracklist .item { width: 100%; height: 68px; overflow: hidden; margin-bottom: 9px; } .content .audio .tracklist .item .thumb { width: 68px; height: 68px; overflow: hidden; float: left; margin-right: 1px; } .content .audio .tracklist .item .thumb img { width: 100%; height: 68px; } .content .audio .tracklist .text { overflow: hidden; height: 68px; width: 412px; background: #000; position: relative; float: left; margin-right: 1px; } .content .audio .tracklist .text h1 { font-size: 1em; color: #fff; font-weight: bold; margin: 7px 0px 0px 12px; height: 1em; overflow: hidden; } .content .audio .tracklist .text span { display: block; width: 100%; overflow: hiden; color: #fff; margin-left: 12px; } .content .audio .tracklist .text .player { width: 100%; overflow: hidden; height: 15px; position: absolute; left: 0px; bottom: 7px; } .content .audio .tracklist .text .wpa_dl { display: none!important; } .content .audio .tracklist .text .wpa_sub { display: none!important; } .content .audio .tracklist .text .wpa_container a { display: block; float: left; width: 15px; height: 15px; } .content .audio .tracklist .text img.wpa_play { width: auto!important; height: 15px; } .content .audio .tracklist .text .wpa_bar { display: block!important; height: 4px!important; width: 274px!important; float: left; position: relative; top: 6px; margin-left: 10px!important; } .content .audio .tracklist .text .wide_wpa_bar { width: 298px!important; } .content .audio .tracklist .text .player .play { width: 15px; height: 15px; float: left; margin-right: 4px; display: none; } .content .audio .tracklist .text .player .stop { width: 15px; height: 15px; float: left; margin-left: 4px; display: none; } .content .audio .tracklist .text .player .stop_fake { width: 15px; height: 15px; float: left; margin-left: 4px; } .content .audio .tracklist .text a.dnl { float: left; line-height: 15px; overflow: hidden; margin-left: 7px; padding-left: 15px; background: url('images/d_arrow.png') left top no-repeat; color: #D7D7D7; font-size: 0.8em; float: left; font-style: italic; text-decoration: none; } .content .audio .tracklist .post-ratings { display: inline!important; margin-left: 2px; position: relative; top: 1px; } .content .audio .tracklist .post-ratings img { height: 10px; width: auto; margin-right: 1px; } .content .audio .track .post-ratings { display: inline!important; margin-left: 2px; position: relative; top: 1px; } .content .audio .track .post-ratings img { height: 12px; width: auto; margin-right: 1px; } .content .audio .tracklist ul.info { width: 138px; float: left; } .content .audio .tracklist ul.info li { background: #000; color: #A6A6A6; text-transform: uppercase; height: 22px; line-height: 22px; margin-bottom: 1px; padding-left: 14px; font-size: 0.9em; } .content .audio .tracklist ul.info li a.logo { position: relative; top: 3px; left: -2px; margin-left: 3px; } .content .audio .tracklist ul.info li a { color: #fff; text-decoration: none; } .content .audio .tracklist ul.info ul,.content .audio .tracklist ul.info span { float: left; } .content .audio .tracklist ul.info span { margin-right: 1px; } .content .audio .tracklist ul.info ul li { float: left; height: 12px; width: 12px; margin: 4px 0px 0px 3px; background: url('images/gray_star.png') no-repeat; padding: 0px; cursor: pointer; } .content .audio .tracklist ul.info ul li.active,.content .audio .tracklist ul.info ul li: hover { background: url('images/white_star.png') -1px 0px no-repeat; } .content .audio .toolbar_2 { width: 100%; overflow: hidden; height: 39px; line-height: 39px; background: #000; margin: 11px 0px 3px 0px; } .content .audio .toolbar_2 h1 { width: 250px; float: left; font-size: 1.1em; text-transform: uppercase; color: #fff; line-height: 39px; padding-left: 15px; } .content .audio .toolbar_2 span { display: block; float: right; width: 71px; color: #fff; overflow: hidden; font-style: italic; font-size: 0.9em; color: #D7D7D7; } .content .audio .toolbar_2 ul { float: right; } .content .audio .toolbar_2 ul li { float: left; color: #fff; border-left: 2px solid #fff; padding: 0px 18px; color: #fff; cursor: pointer; } .content .audio .toolbar_2 ul li: hover,.content .audio .toolbar_2 ul li.active { background: #666; } .content .audio .track { width: 100%; overflow: hidden; margin-top: 12px; padding-bottom: 6px; } .content .audio .track .info { width: 100%; overflow: hidden; background: #4D4D4D; color: #fff; height: 26px; line-height: 26px; } .content .audio .track .info .date { float: left; margin-left: 12px; font-size: 0.9em; } .content .audio .track .info .author { float: right; font-size: 0.9em; padding-right: 16px; } .content .audio .track .info .author a { color: #fff; text-decoration: none; } .content .audio .track .thumb { overflow: hidden; float: left; width: 140px; height: 140px; margin: 15px 20px 0px 0px; } .content .audio .track .thumb img { width: 100%; height: auto; } .content .audio .track .right_part { width: 460px; overflow: hidden; float: left; } .content .audio .track .right_part .text { width: 338px; overflow: hidden; float: left; } .content .audio .track .right_part .text h1 { font-size: 1.8em; padding-top: 15px; margin-bottom: 0px; } .content .audio .track .right_part .text h1 a { text-decoration: none; } .content .audio .track .right_part .text span { font-size: 1.4em; } .content .audio .track .right_part .text .player { width: 90%; overflow: hidden; min-height: 24px; margin: 15px 0px 20px 0px; } .content .audio .track .right_part ul.opt { width: 122px; float: left; padding-top: 10px; } .content .audio .track .right_part ul.opt li { color: #000; text-transform: uppercase; height: 22px; line-height: 22px; margin-bottom: 1px; font-size: 0.9em; } .content .audio .track .right_part ul.opt li a.logo { position: relative; top: 4px; left: -2px; margin-left: 5px; } .content .audio .track .right_part ul.opt li a { color: #000; text-decoration: none; } .content .audio .track .right_part ul.opt ul,.content .audio .track .right_part ul.opt span { float: left; } .content .audio .track .right_part ul.opt span { margin-right: 1px; } .content .audio .track .right_part ul.opt ul li { float: left; height: 12px; width: 12px; margin: 4px 0px 0px 3px; background: url('images/gray_star_2.png') no-repeat; padding: 0px; cursor: pointer; } .content .audio .track .right_part ul.opt ul li.active,.content .audio .track .right_part ul.opt ul li: hover { background: url('images/black_star.png') no-repeat; } .content .audio .track .right_part .download { width: 100%; overflow: hidden; border-top: 2px solid #D8D8D8; clear: left; height: 32px; line-height: 32px; } .content .audio .track .right_part .download a.btn { display: block; float: left; line-height: 32px; overflow: hidden; margin-left: 1px; padding-left: 15px; background: url('images/d_arrow_2.png') left 10px no-repeat; color: #000; font-size: 0.9em; float: left; font-style: italic; text-decoration: none; padding-right: 2px; } .content .audio .track .right_part .buttons { float: right; } .content .audio .pagination { float: left; width: 620px; overflow: hidden; text-align: right; line-height: 16px; padding: 11px 0px 17px; border-top: 1px solid #BFBFBF; margin-top: 11px; } .content .audio .pagination ul { display: inline-block; *display: inline; zoom: 1; } .content .audio .pagination ul li { float: left; text-align: center; margin-left: 5px; } .content .audio .pagination ul li a,.videos .items .pagination ul li span { display: block; padding: 0px 4px; height: 16px; text-align: center; } .content .audio .pagination ul li span,.videos .items .pagination ul li a:hover { background: #000; color: #fff; } .content .audio .pagination ul li a { text-decoration: none; } .content .audio .pagination .inl { padding-right: 5px; } .content .audio .toolbar { width: 100%; overflow: hidden; height: 22px; line-height: 22px; padding:8px 0 7px; margin-bottom: 18px; margin-top: 15px; border-top:1px solid #adadad; border-bottom:1px solid #adadad; color:#333; } .content .audio .toolbar h1 { float: left; font: 500 14px/22px "futura-pt"; text-transform: uppercase; } .content .audio-post-img > img {float:left; margin:0 20px 20px 0; } .feat_audio { width: 100%; /*overflow: hidden;*/ padding-top: 20px; } .feat_audio .thumb { width: 349px; height: 349px; border:1px solid #9c9c9c; overflow:visible; float: left; position: relative; margin:0 25px 15px 0; } .feat_audio .thumb img {height:349px; width:100%; } .feat_audio .thumb .gradient { position: absolute; top: 0; width: 349px; height: 349px; background: url('images/black-grad-countries.png') no-repeat; } .feat_audio .thumb .artistname { position: absolute; bottom: 10px; width: 100%; color: #fff; font: 300 26px/30px 'futura-pt'; text-align: center; text-transform: uppercase; } .feat_audio .thumb span { position: absolute; bottom: -11px; right: -14px; background: #d2ff00; display: block; overflow: hidden; width:56px; height:44px; font-family: 'FuturaStdMedium'; font-size:30px; line-height:44px; text-align:center; } .feat_audio .thumb em { position: absolute; top: -7px; left: 10px; color: #fff; background: #000; padding:0 7px; display: block; overflow: hidden; font: 500 11px/19px "futura-pt"; text-transform:uppercase; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .feat_audio .info { width:240px; } .feat_audio .info h1 { font: 300 26px/30px "futura-pt"; width: 100%; overflow: hidden; margin-bottom: 5px; text-transform:uppercase; color:#333; } .feat_audio .info h1 a { text-decoration: none; color:#333; } .feat_audio .info h1 a:hover { color: #6c2dc7; } .feat_audio .info h1 a span {font-family: 'futura-pt'; } .feat_audio .info em { display: block; overflow: hidden; font-size:16px; line-height: 22px; font-style:normal; margin-bottom:17px; } .feat_audio .text { font: 300 20px/26px "adelle"; color:#666; } .feat_audio .text a { text-decoration:none; font: 500 14px "futura-pt"; text-transform:uppercase; } .feat_audio .text a:hover { color: #6c2dc7; } .feat_audio .text p { margin-bottom: 20px; } .feat_audio .sharrre {margin-bottom:5px; } .content .signup { overflow: hidden; padding-top:15px; } .content .signup .pretext { padding: 16px 0px; } .content .signup form { display: block; /* overflow: hidden; */ /* z-index:99; */ position: relative; padding:15px 0 40px; } .content .signup form b { display: block; text-transform:uppercase; font: 700 12px/16px "futura-pt"; } .content .signup form input[type="text"] { background: #fff; border:1px solid #999; height: 22px; display: block; width: 330px; margin: 0 27px 19px 0; float: left; padding: 5px 10px; font: 300 12px/22px "adelle"; color: #333333; } .content .signup form .select-wrap {position:relative; width: 145px; float: left; margin-right: 15px;} .content .signup form input.select { background: #fff url('images/bg_select2.gif') right top no-repeat; cursor: pointer; margin-right:22px; position:relative; z-index:1; } .content .signup form input.select1.l_5 {width:136px; margin-right:15px; } .content .signup form input.select1 {width:133px; } .content .signup form input.select2 {width:81px; } .content .signup form input#code {width:73px; margin-right:15px; } .content .signup form input#city {width:120px; margin-right:0; } .content .signup form input#age {width:71px; margin-right:0; } .content .signup form input#fullname {width:320px; } .content .signup form span.half { width: 220px; margin-right: 20px; float: left; } form#subscribe-page-form .jClever-element-select-center { font: 300 12px/22px "adelle"; } form#subscribe-page-form .toggle-display { display: none; font: 300 12px/16px "adelle"; } .content .signup form textarea { width: 436px; padding: 7px 10px; line-height: 1.3em; background: #B3B3B3; display: block; overflow: hidden; resize: none; height: 161px; color: #333333; } .content .signup form .additional { width: 100%; overflow: hidden; padding: 30px 0 19px; } .content .signup form .additional p { font: 300 14px/20px "adelle"; } .content .signup form a {font: 500 12px/18px "futura-pt"; text-transform:uppercase; text-decoration:none; display:inline-block; margin:7px 0 0; } .content .signup form a:hover { /* text-decoration:underline; */ } .content .signup form .toggle-link { display:block; font: 700 14px/32px "futura-pt"; text-transform:uppercase; text-decoration:none; background:url(images/toggle-marker.png) 7px 14px no-repeat #e7e7e7; padding-left:25px; margin:10px 0 2px !important; } .content .signup form .toggle-link span { font: 300 14px/32px "futura-pt"; } .content .signup form .toggle-link.hide {background-position:7px -14px; } .content .signup form .toggle-link:hover { background-color: #6c2dc7; color: #fff; } .content .signup form .grey-bg {padding:20px 0 20px 12px; background:#e7e7e7; } .content .signup form input[type="submit"] { display: inline-block; width: 86px; height: 24px; padding: 0 7px 7px 0; font: 500 11px/16px "futura-pt"; color: #fff; background: url(images/download.png) 0px 0px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; } .content .signup form input[type="submit"]:hover { background-position: 0 -24px; } .content .signup form input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -52px; } .content .signup form .check-wrap {width:107px; float:left; } .content .signup form label { font: 500 11px/16px "futura-pt"; } .subscribe-follow {padding:18px 0 0; } .subscribe-follow li {float:left; padding:0; margin:0 6px 6px 0; } .subscribe-follow li a {display:block; width:32px; height:32px; overflow:hidden; text-indent:-999em; } .subscribe-follow li.twitter a {background:url(images/subscribe-twitter.png) 0 0 no-repeat; } .subscribe-follow li.facebook a {background:url(images/subscribe-facebook.png) 0 0 no-repeat; } .subscribe-follow li.youtube a {background:url(images/subscribe-youtube.png) 0 0 no-repeat; } .subscribe-follow li.myspace a {background:url(images/subscribe-myspace.png) 0 0 no-repeat; } .subscribe-follow li.rss a {background:url(images/subscribe-rss.png) 0 0 no-repeat; } .subscribe-follow li.reddit a {background:url(images/subscribe-reddit.png) 0 0 no-repeat; } .subscribe-follow li.google a {background:url(images/subscribe-google.png) 0 0 no-repeat; } .subscribe-follow li.pinterest a {background:url(images/subscribe-pinterest.png) 0 0 no-repeat; } .subscribe-follow li a:hover { background-position: 0 -32px; } /* Post Listing / Digest */ .post-holder {padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #ccc; position:relative; z-index:1; } .post-holder .thumb {width:162px; height:162px; border:1px solid #999; background:none; position:relative; float:left; margin-right:23px; overflow:visible; } .post-holder .thumb a {position:relative; z-index:1; } .post-thumb-tag { display:inline-block; min-width:37px; text-align:center; padding:0 5px; font: 500 11px/21px "futura-pt"; font-size:11px; background: #000; color:#fff; text-transform:uppercase; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow:0 0 5px #666; position:absolute !important; left:9px; top:-5px; z-index:9 !important; text-decoration:none; cursor:pointer; } .post-thumb-tag:hover { background: #6c2dc7; color: #fff; } .post-meta {margin:0 0 15px; } .post-meta .post-date { display:inline-block; font: 500 14px/20px "futura-pt"; color:#999; text-transform:uppercase; margin-right:15px; } .post-meta a, .post-meta .author-link {display:inline-block; text-decoration:none; background:url(images/more-link-arrow.png) 100% 6px no-repeat; padding-right:13px; color:#333; } .post-meta a:hover, .post-meta .author-link:hover { color: #6c2dc7; } .post-meta .post-title { font: 300 34px/37px "adelle"; margin:0; } .post-meta .post-title a {color:#333; text-decoration:none; border-bottom:3px solid transparent; background:none; display:inline !important; } .post-meta .post-title a:hover { color: #6c2dc7; } .post-meta .post-subtitle { display:block; color:#333; font: 700 14px/20px "futura-pt"; margin:0; text-transform:uppercase; } .frame-player {width:100%; } .post-content {margin-bottom:20px; } .post-content .player { width: 90%; overflow: hidden; min-height: 24px; margin: 15px 0px 20px 0px; } .post-footer {padding:0; } .post-footer a, .post-footer .download {vertical-align:top; } .ma-fb-button {padding-left:17px; background:url(images/facebook-share.png) 0 0px no-repeat; float:left; margin-right:20px; line-height:13px; height:13px; } .ma-tw-button {padding-left:17px; background:url(images/twitter-share.png) 0 0px no-repeat; float:left; margin-right:20px; line-height:13px; height:13px;} .ma-g-button {padding-left:17px; background:url(images/google-share.png) 0 1px no-repeat; float:left; margin-right:20px; line-height:13px; height:13px;} .ma-tw-button .box, .ma-fb-button .box, .ma-g-button .box {padding:0; margin:0; background:none; } .ma-fb-button:hover, .ma-tw-button:hover, .ma-g-button:hover {background-position:0 -13px; } .ma-fb-button a, .ma-tw-button a, .ma-g-button a { color:#333; font: 500 10px "futura-pt"; text-decoration:none; text-transform:uppercase; } .ma-fb-button a.count, .ma-tw-button a.count, .ma-g-button a.count { margin-right:5px; } .ma-tw-button a:hover, .ma-fb-button a:hover, .ma-g-button a:hover { } .comment-count {display:inline-block; padding-left:18px; font-family: 'futura-pt'; font-size:10px; line-height:15px; color:#333; background:url(images/comment-count.png) 0 0 no-repeat !important; text-decoration:none; text-transform:uppercase; margin-right:20px; zoom: 1; *display: inline; vertical-align:top;} .comment-count:hover {background-position:0 -15px !important; } .download {position:relative; width:85px; height:24px; display:inline-block; margin-top:-4px; zoom: 1; *display: inline; vertical-align:top;} .download > a { display:inline-block; width:78px; height:16px; padding:2px 7px 6px 0; font: 500 11px/16px "futura-pt"; color:#fff; background:url("images/download.png") 0 0 no-repeat; overflow:hidden; text-decoration:none; text-align:center; text-transform:uppercase; position:relative; } .download span {display:none; width:77px; padding:10px 4px; min-height:56px; background:url("images/download-popup-tail.gif") 50% 0 repeat-y; border-top:1px solid #666; border-bottom:1px solid #666; position:absolute; left:0; top:-92px; -moz-box-shadow: 0 0 5px #c3c3c3; -webkit-box-shadow: 0 0 5px #c3c3c3; box-shadow:0 0 5px #c3c3c3; } .download span:after {display:block; content:""; width:100%; height:14px; background:url(images/popup-bot.png) 50% 0 no-repeat; position:absolute; left:0; bottom:-14px; } .download:hover a {background-position:0 -24px; color:#fff; } .download:hover span {display:block; } .download input[type="submit"] {display: inline-block; width: 86px; height: 24px; padding: 0 7px 8px 0; font: 500 11px/16px "futura-pt"; color: #fff; background: url(images/download.png) 0px 0px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; } .download input[type="submit"]:hover { background-position: 0 -24px; } .download input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -52px; } .load-more {text-align:center; width:100%; margin:-21px 0 58px; position:relative; z-index:2; } .load-more a { display:inline-block; width:285px; height:49px; overflow:hidden; background:url(images/load-more.png) 0 0 no-repeat; color: #fff; font: 500 14px/30px "futura-pt"; text-transform:uppercase; text-decoration:none; } .load-more a:hover {background-position:0 -50px; color: #6c2dc7; } /* Recent Posts Slider */ .recent-posts {width:100%; height:217px; position:relative; overflow:hidden; } .recent-posts ul {} .recent-posts ul li {width:200px; float:left; margin:0 3px 0 0; overflow:hidden; position:relative; } .recent-posts ul li .thumb { position: relative; overflow: hidden; width:200px; height:156px; float:none; margin:0; border:none; background:none; } .recent-posts ul li .title { position: absolute; bottom: 34px; padding: 0 10px; font: 300 14px/17px "adelle"; z-index: 9999; text-transform: none !important; } .recent-posts ul li .title a { color: #fff; text-decoration: none; border: 0; } .recent-posts ul li .title a:hover { border-bottom: #d2ff00; } .recent-posts .site-name {width:100%; height:35px; overflow:hidden; text-indent:-999em; } .recent-posts li.okayplayer .site-name {background:url(images/recent-okayplayer.jpg) 0 0 no-repeat; } .recent-posts li.okayafrica .site-name {background:url(images/recent-okayafrica.jpg) 0 0 no-repeat; } .recent-posts li.largeup .site-name {background:url(images/recent-largeup.jpg) 0 0 no-repeat; } .recent-posts li.revivalist .site-name {background:url(images/recent-revivalist.jpg) 0 0 no-repeat; } .recent-posts li.okayfuture .site-name {background:url(images/okayfuture_tab.png) 0 0 no-repeat; } .recent-posts .site-link {padding:6px 8px; display:block; text-decoration:none; color:#333; } .recent-posts .it-0 .site-link {background:#ff4200; } .recent-posts .it-1 .site-link {background:#8e56e0; } .recent-posts .it-2 .site-link {background:#ffcc00; } .recent-posts .it-3 .site-link {background:#c56fff; } .recent-posts .it-4 .site-link {background:#8CA0F6; } .recent-posts .site-link span { display:inline-block; font: 400 11px/14px "futura-pt"; text-transform:uppercase; } .recent-posts .site-link:hover {background:#333; color:#fff; } .recent-posts .grad {display:block; width:100%; height:156px; position:absolute; left:0; top:35px; z-index:999; } .recent-posts .it-0 .grad {background:url(images/red-grad.png) 0 0 repeat-x; } .recent-posts .it-1 .grad {background:url(images/purple-grad.png) 0 0 repeat-x; } .recent-posts .it-2 .grad {background:url(images/yellow-grad.png) 0 0 repeat-x; } .recent-posts .it-3 .grad {background:url(images/pink-grad.png) 0 0 repeat-x; } .recent-posts .it-4 .grad {background:url(images/blue-grad.png) 0 0 repeat-x; } .recent-posts .jcarousel-clip {width:608px; height:217px; margin:0 auto; overflow:hidden; } .recent-posts .jcarousel-prev, .recent-posts .jcarousel-next {width:60px; height:156px; position:absolute; top:35px; z-index:99; cursor:pointer; } .recent-posts .jcarousel-prev { background:url("images/recent-posts-prev.png") 100% 50% no-repeat #333; left:0; } .recent-posts .jcarousel-next { background:url("images/recent-posts-next.png") 0 50% no-repeat #333; right:0; } .recent-posts .jcarousel-prev:hover { background-color: #6c2dc7; background-position: 0 50%; } .recent-posts .jcarousel-next:hover { background-color: #6c2dc7; background-position: 100% 50%; } /* Most Popular Posts */ .popular-posts {margin:0; padding:0 0 6px; } .popular-posts li {margin:0; padding:10px 0 0 14px; overflow:hidden; } .popular-posts li .thumb { width: 105px; height: 105px; /* width:120px; height:77px; */ float:left; margin:0 16px 0 0; } .popular-posts li .meta { font:700 11px/18px "futura-pt"; text-transform:uppercase; color:#333; } .popular-posts li h4 { font: 300 14px/20px "adelle"; margin:0; } .popular-posts li h4 a {color:#333; text-decoration:none; border-bottom:3px solid transparent; } .popular-posts li h4 a:hover { color: #6c2dc7; } /* Featured Videos Slider */ #featured-videos {padding:0 0 5px; margin:5px -7px 0; position:relative; overflow:hidden; width:314px; height: 205px; /* 220px; */ } #featured-videos .jcarousel-container {width:100%; height:220px; overflow:hidden; } #featured-videos li {width:314px; margin:0; padding:0; } #featured-videos li .thumb {width:314px; height:151px; position:relative; } #featured-videos li .video-marker {width:93px; height:93px; position:absolute; left:50%; top:50%; margin:-46px 0 0 -46px; background:url(images/video-marker.png) 0 0 no-repeat; } #featured-videos li .text {text-align:center; padding:10px 50px; } #featured-videos li h5 {font-size:14px; line-height:18px; color:#333; text-transform:uppercase; margin:0; } #featured-videos li .video-title { font: 500 11px/14px "futura-pt"; color:#333; text-transform:uppercase; border-bottom:3px solid transparent; text-decoration:none; } #featured-videos li .video-title:hover { color: #6c2dc7; } #featured-videos .jcarousel-prev, #featured-videos .jcarousel-next {display:block; width:10px; height:16px; overflow:visible; position:absolute; top:178px; z-index:99; cursor:pointer; opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); background:url(images/video-slider-control.png) 0 0 no-repeat; } #featured-videos .jcarousel-prev:hover, #featured-videos .jcarousel-next:hover {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #featured-videos .jcarousel-prev { left:12px; } #featured-videos .jcarousel-next {background-position:100% 0; right:12px; } /* Featured Reviews */ .featured-reviews {padding:8px 12px; } .featured-reviews li { position: relative; min-height: 65px; margin:0; padding:7px 0 8px; text-transform:uppercase; } .featured-reviews li .thumb {width:64px; height:64px; border:1px solid #999; position:relative; float:left; margin-right:20px; overflow:visible; } .featured-reviews li .thumb .rating { display:block; width:36px; height:28px; color: #fff; font: 500 18px/25px "futura-pt"; text-align:center; background: #000; overflow:hidden; position:absolute; right:-10px; bottom:-6px; } .featured-reviews li .thumb:hover .rating { background: #6c2dc7; } .featured-reviews li .album { font: 700 14px/18px "futura-pt"; margin: 0; padding: 0; } .featured-reviews li .album a {color:#333; border-bottom:3px solid transparent; text-decoration:none; } .featured-reviews li .album a:hover { color: #6c2dc7; } .featured-reviews li .artist { display:block; font: 500 11px/16px "futura-pt"; } .featured-reviews li .label { display:block; font: 300 12px/16px "adelle"; text-transform: none; } .featured-reviews li .extra-wrap { position: absolute; bottom: 5px; left: 85px; } /* Boards List */ .boards-list {padding:0 5px; } .boards-list li { padding:10px 0 0; text-align:center; font: 300 14px/18px "adelle"; } .boards-list li a {border-bottom:3px solid transparent; text-decoration:none; } .boards-list li a:hover { color: #6c2dc7; } .boards-list li span { display:block; font: 500 11px/16px "futura-pt"; } .boards-list li span a {text-transform:uppercase; } /* Featured Artists */ .featured-artists {padding:10px 10px 0; margin:0 0 0 -21px; } .featured-artists li {float:left; margin: 0 0 11px 27px; /* 0 0 11px 21px;*/ width:120px; } .featured-artists .thumb {background:#6c2dc7; width:120px; height: 100px; /* 77px */ } .featured-artists .thumb:hover img { width: 120px; height: auto; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .featured-artists li h4 {font-size:14px; line-height:18px; margin:0; padding:5px 0 0; text-transform:uppercase; } .featured-artists li h4 a {text-decoration:none; } /* Featured Audop */ .featured-audio {padding:0 15px; } .featured-audio li {padding:7px 0 0; overflow:hidden; } .featured-audio .thumb {width:66px; height:66px; border:1px solid #999; float:left; margin-right:17px; } .featured-audio li h4 { font: 300 14px/18px "adelle"; margin:0; padding:0; } .featured-audio li h4 a { text-decoration:none; color:#333; } .featured-audio li h4 a:hover { color: #6c2dc7; } /* Recent Comments */ .recent-list {padding:0 5px; } .recent-list li { padding:15px 0 0; text-align:center; font: 300 14px/18px "adelle"; } .recent-list li a {border-bottom:3px solid transparent; text-decoration:none; } .recent-list li a:hover { color: #6c2dc7; } .recent-list li span {display:block; font: 500 11px/16px "futura-pt"; text-transform:uppercase; } .recent-list li span a {text-transform:uppercase; } /* Artists Category */ .artists .title { } .artist-detail .title { } .artist-detail h4 { margin-bottom: 20px; } #artists-gallery {position:relative; margin-bottom:15px; } #artists-gallery a.moretag { color: #fff; text-decoration: none; } #artists-gallery a.moretag:hover { color: #8e56e0; } .pics {height:361px; width:100%; padding:0; margin:20px 0 0; position:relative; overflow:hidden; } .pics .overlay { background: url('images/grad-artists-carousel.png') no-repeat; content: ""; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1; } .pics:hover .overlay { background-position: 0 -362px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .pics > div {width:100%; height: 100%; top: 0; left: 0; display:none; } .pics > div:first-child {display:block; } .pics .thumb {width:100%; height:361px; position:relative; z-index:1; background:none; } .pics .thumb a img { width: 100%; height: auto; } .pics:hover .text {top:20%; } .pics .text .inner { padding: 14px 50px 20px; } .pics .text .inner a { text-decoration: none; } .pics .text h4 { font: 100 60px/1 "futura-pt"; margin:0 0 10px; color: #fff; text-transform:uppercase; } .pics .text .excerpt { font: 300 30px/1 "futura-pt"; color:#fff; text-transform:uppercase; } .pics .text .excerpt a {color:#fff; font-size:14px; text-decoration:none; } .pics .text .excerpt a:hover {text-decoration:underline; } #nav {text-align: center; border-bottom:1px solid #5c5c5c; padding:10px 0; vertical-align:top; } #nav a {display: inline-block; width:10px; height:10px; overflow:hidden; font-size: 0; line-height: 0; text-decoration: none; margin-left: 10px; vertical-align:top; background:url(images/pags.png) 0 0 no-repeat; } #nav a.activeSlide, #nav a:hover { background-position:100% 0; } .pics .text {position:absolute; z-index:2; top:275px; left:0; overflow:hidden; text-align:center; width:100%; height:100%; /* background:url(images/opacity-65.png) 0 0 repeat;*/ -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .nav #next { display:block; position: absolute; z-index: 99; bottom: 45px; right: 10px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-next.png) 0 -37px no-repeat; } .nav #next:hover { background-position: 0 0; } .nav #prev { display:block; position: absolute; z-index: 99; bottom: 45px; left: 10px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-prev.png) 0 -37px no-repeat; } .nav #prev:hover { background-position: 0 0; } /* .pics {height:361px; width:100%; padding:0; margin:20px 0 0; position:relative; overflow:hidden; } .pics > div {width:100%; height: 100%; top: 0; left: 0; display:none; } .pics > div:first-child {display:block; } .pics .thumb {width:100%; height:361px; position:relative; z-index:1; background:none; } .pics:hover .text {top:50%; } .pics .text .inner { padding: 14px 50px 20px; } .pics .text .inner a { text-decoration: none; } .pics .text h4 { font: 100 60px/1 "futura-pt"; margin:0 0 10px; color: #fff; text-transform:uppercase; } .pics .text .excerpt { font: normal 30px/1 "futura-pt"; color:#fff; text-transform:uppercase; } .pics .text .excerpt a {color:#fff; font-size:14px; text-decoration:none; } .pics .text .excerpt a:hover {text-decoration:underline; } #nav {text-align: center; border-bottom:1px solid #5c5c5c; padding:10px 0; vertical-align:top; } #nav a {display: inline-block; width:10px; height:10px; overflow:hidden; font-size: 0; line-height: 0; text-decoration: none; margin-left: 10px; vertical-align:top; background:url(images/pags.png) 0 0 no-repeat; } #nav a.activeSlide, #nav a:hover { background-position:100% 0; } .pics .text {position:absolute; z-index:2; top:275px; left:0; overflow:hidden; text-align:center; width:100%; height:100%; background:url(images/opacity-65.png) 0 0 repeat; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .nav #next { display:block; position: absolute; z-index: 99; bottom: 45px; right: 10px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-next.png) 0 -37px no-repeat; } .nav #next:hover { background-position: 0 0; } .nav #prev { display:block; position: absolute; z-index: 99; bottom: 45px; left: 10px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-prev.png) 0 -37px no-repeat; } .nav #prev:hover { background-position: 0 0; } */ .alphabetta {overflow:hidden; } .alphabetta h3 { font: 500 14px/22px "futura-pt"; margin:0 0 10px; text-transform:uppercase; } .alphabetta .track {width:100%; height:17px; background:url(images/track.png) 0 0 no-repeat; position:relative; z-index:1; } .alphabetta-list {width:100%; text-align:center; position:relative; z-index:2; overflow:visible; white-space: nowrap; } .alphabetta-list li { display: inline; color: #999; padding: 0 7px; font: 500 14px/42px "futura-pt"; } .alphabetta-list li a {display:inline-block; font: 500 14px/42px "futura-pt"; text-decoration:none; text-transform:uppercase; color:#000; margin:0; position:relative; } .alphabetta-list li a .drag {display:block; width:35px; height:69px; background:url(images/drag.png) 0 0 no-repeat; position:absolute; top:-999px; left:50%; margin-left:-18px; z-index:1; } .alphabetta-list li a em {position:relative; z-index:2; font-style:normal; } .alphabetta-list li em {font-style:normal; } .alphabetta-list li.active a .drag, .alphabetta-list li a:hover .drag { top: -28px; } .artists-list {margin:6px 0 0 -2px; } .artists-list li {float:left; width: 169px; margin:0 4px 10px 9px; overflow:hidden; } .artists-list li a { text-decoration: none !important; outline: 0 !important; } .artists-list li .thumb {width: 163px; height:163px; overflow:hidden; border: 3px solid #fff; position:relative; } .artists-list li .thumb > a {position:relative; z-index:1; } .artists-list li .thumb img {width: auto; height:163px; } .artists-list li .thumb .text {width:100%; background:url(images/opacity-65.png) 0 0 repeat; position:absolute; left:0; bottom:0; z-index:2; } .artists-list li .thumb .text h5 { font: 100 16px/17px "futura-pt"; margin:0; padding:11px; text-transform:uppercase; color: #fff; } .artists-list li .thumb:hover { border: solid 3px #6c2dc7; } .artists-list li .thumb:hover .text { background:url(images/opacity-65-purple.png) 0 0 repeat; } /* Artists Page */ .pikachoose {width: 100%; margin: 20px 0 40px; } .pika-thumbs{ padding: 0; } .pika-thumbs li{ width: 120px !important; height:85px; margin: 0 0 0 9px; padding: 0; overflow: hidden; float: left; list-style-type: none; cursor: pointer; position: relative; } .pika-thumbs li:after { display: none; content: ''; width: 100%; height: 10px; background: #6c2dc7; position: absolute; left: 0; bottom: 0px; } .pika-thumbs li.active:after {display: block; } .pika-thumbs li:last {margin: 0; } .pika-thumbs li .thumb {width: 118px; height: 75px; border: 1px solid #999; position: relative; overflow: hidden; } .pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden; } .pika-thumbs li img {width: auto !important; } .pika-textnav {width: 500px; } .pika-stage {position: relative; width: 728px; text-align:center; height:359px; margin: 0 auto; overflow: hidden; border: 1px solid #999; } .pika-stage img{height:100%; width: auto; } .pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px; } .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px; } .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3; } .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black; } .pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px; display: none; } .pika-loader{ background:url(../images/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; } .pikachoose .jcarousel-skin-pika .jcarousel-container-horizontal { padding: 10px 0 0 38px; overflow:hidden; position: relative; } .pikachoose .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 85px !important; width: 645px; overflow: hidden; } .pikachoose .jcarousel-prev.jcarousel-prev-horizontal {position: absolute; left: 0px; top: 10px; width: 37px; height: 77px; text-indent: -999em; overflow: hidden; background: url("images/artist-slider-prev.png") 0 0 no-repeat; cursor: pointer; } .pikachoose .jcarousel-prev.jcarousel-prev-horizontal:hover { background-position: 0 -77px; } .pikachoose .jcarousel-next.jcarousel-next-horizontal {position: absolute; right: 0px; top: 10px; width: 37px; height: 77px; text-indent: -999em; overflow: hidden; background: url("images/artist-slider-next.png") 0 0 no-repeat; cursor: pointer; } .pikachoose .jcarousel-next.jcarousel-next-horizontal:hover { background-position: 0 -77px; } .artist-detail { padding-top: 20px !important; } .artist-detail .bordered { padding-top: 0; } .artist-detail h4.border_title { margin-bottom: 15px; } .artist-detail .bio, .artist-detail .figure-links { margin-bottom: 20px; } .bio h4,. figure-links h4 {margin-bottom:15px; } .bio p { font: 300 20px/26px "adelle"; } .links-list {padding:0; margin:0; } .links-list li {padding:4px 0; margin:0; font: 500 13px/16px "futura-pt"; text-transform:uppercase; } .links-list li a {text-decoration:none; } .links-list li a:hover { color: #6c2dc7; } /* Free Stuff */ .free-stuff {padding-top:15px; } /* Team */ .team {padding-top:20px; } .team h6 { font: 500 14px/20px "futura-pt"; text-transform:uppercase; color:#999; margin:0; } .team h4 { font: 500 26px/28px "futura-pt"; text-transform:uppercase; color:#333; margin:0 0 10px; } .team img.alignleft { margin: 25px 25px 25px 0; } .team .hr { margin: 5px 0; } .team .span-73 { margin-top: 5px; margin-bottom: 5px; } .team .withimage { min-height: 215px; } /* Contact Form */ .page-contact {padding-top:10px; } .wpcf7 p {margin-bottom:20px; position:relative; } .wpcf7 span.select {display:block; width:332px; height:22px; padding:5px 10px; background:url(images/select_bg2.gif) right 0 no-repeat #fff; border:1px solid #999; position:absolute; top:0px; left:0; z-index:1; font-family: "adelle"; font-size:14px; line-height:22px; color:#333; text-indent:0; cursor:pointer; } .wpcf7 input[type="text"], .wpcf7 select, .wpcf7 textarea {background:#fff; border:1px solid #999; padding:5px 10px; margin:0; font-family: "adelle"; font-size:14px; line-height:22px; color:#333; } .wpcf7 input[type="text"] {width:332px; height:22px; } .wpcf7 select {width:352px; height:32px; position:relative; z-index:10; left:0; top: 0; display:block; padding:0; margin:0; cursor:pointer; } span.wpcf7-form-control-wrap {position:relative; width: 100%; display: block;} .wpcf7 textarea {width:510px; max-width:510px; min-width:510px; height:115px; min-height:115px; overflow:auto; } .wpcf7 input[type="submit"] { display: inline-block; width: 86px; height: 24px; padding: 0px 7px 6px 0px; font: 500 11px/16px "futura-pt"; color: #fff; background:url("images/download.png") 0px 0px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor:pointer; } .wpcf7 input[type="submit"]:hover { background-position: 0 -24px; } .wpcf7 input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -52px; } span.wpcf7-not-valid-tip {width:332px !important; height:22px; padding:5px 10px !important; top:-11px !important; left:0 !important; background:#f00 !important; color:#fff !important; border-color:#fff !important; } /* Search Page*/ .search-page {padding-top:30px; } .search-page h1 { font: 700 30px/1 "futura-pt"; margin:0 0 3px; text-transform:uppercase; } .search-page h1 span { font: 300 28px/1 "adelle"; text-transform:none; } .search-page .toolbar {position:relative; padding:0 0 7px; border-bottom: 4px solid #ccc; margin-bottom:25px; } .search-page .toolbar:after {display:block; content:""; width:100%; height:1px; background:#535c29; position:absolute; left:0; bottom:0; z-index:99; } .search-page .toolbar h2 { float:left; font: 500 14px/22px "futura-pt"; margin:0; padding:0; text-transform:uppercase; } .search-page .toolbar #sort-form {overflow:visible; } .search-page .toolbar #sort-form select.select {left:15px; } .search-page .no-results {padding:25px 0 0; } .search-page .no-results p {font-size:16px; line-height:20px; } .search-page #searchform {padding:20px 0 17px 30px; margin-bottom:10px; border-bottom:1px solid #797979; background:#eee; position:relative; } .search-page #searchform input[type="text"] { width:650px; height:22px; padding:5px 10px; border:1px solid #666; background:#fff; position:relative; z-index:1; font: 300 14px/22px "adelle"; } .search-page #searchform input[type="submit"] {width:13px; height:13px; text-indent:-999em; border:none; padding:0; margin:0; background:url(images/search-icon.png) 0 0 no-repeat; position:absolute; top:32px; right:42px; z-index:9; } .search-page .toolbar #sort-form label { font: 500 10px/23px "futura-pt"; } /* Tag Page*/ .tag-page {padding-top:30px; } .tag-page h1 { font: 700 30px/1 "futura-pt"; margin:0 0 3px; text-transform:uppercase; } .tag-page h1 span { text-transform:none; font: 300 28px/1 "adelle"; } .tag-page h2 {font-size:25px; line-height:1.2; margin:0; } .tag-page .toolbar {position:relative; padding:8px 0 7px; border-bottom:4px solid #ccc; border-top:1px solid #5c5c5c; margin-bottom:25px; } .tag-page .toolbar:after {display:block; content:""; width:100%; height:1px; background:#717171; position:absolute; left:0; bottom:0; z-index:99; } .tag-page .toolbar h2 { float:left; font: 500 14px/22px "futura-pt"; margin:0; padding:0; text-transform:uppercase; } .tag-page .toolbar #sort-form {overflow:visible; } .tag-page .toolbar #sort-form label { padding-top: 0; } .tag-page .toolbar #sort-form select.select {left:16px; } /* About Page */ .about-page, .page-default {padding-top:25px; } .page-default .download { margin-bottom: 15px; } /* Discuss Comments */ #disqus_thread { float: left; width: 550px; } /* Footer */ .footer { width: 100%; overflow: hidden; color:#fff; padding-top:2px; } .footer .feed { overflow: hidden; } .footer .feed .foot_title { width: 180px; overflow: hidden; background: url('images/footer_box_bg.png'); color: #fff; font-size: 0.8em; padding-bottom: 4px; text-align: center; } .footer .feed .okp { background: #c23b4a; } .footer .feed .lu { background: #58c64b; } .footer .feed .rev { background: #85bcec; } .footer .feed .oka { background: #ff7900; } .footer .feed .okf { background: #745483; } .row-top { background: #999; } .row-bot { padding: 0 0 5px 20px; background: #333; border-top: 1px solid #fff; } .foot-logo { float: left; margin: 10px 0 7px; } .foot-logo span { display: block; width: 177px; height: 46px; background: url('images/foot_logo_oka_1.png') 0 -3px no-repeat; } .foot-logo span:hover { background-position: 0 -51px; } .footer .feed .foot_title img { display: block; margin: 0 auto; } .footer .feed ul { width: 168px; height: 200px; margin-top: 8px; padding: 5px 6px 6px 6px; background: #000; } .footer .feed ul li { width: 162px; padding: 7px 3px; border-bottom: 1px solid #B2B2B2; line-height: 1.2em; font-size: 0.9em; } .footer .feed ul li: last-child { border: none; } .footer .feed ul li a { text-decoration: none; color: #fff; } .footer .feed ul li a:hover { color: #ccc; } .footer .nav_menu, .foot_adv_nav_menu { float:right; } .footer .nav_menu ul { padding: 42px 0 0; } .foot_adv_nav_menu ul { padding: 12px 0 0; } .footer .nav_menu ul li, .foot_adv_nav_menu ul li { float: left; background: url(images/sub_header-spacer_footer.png) 0 0 no-repeat; padding: 0 12px 0 16px; text-transform: uppercase; margin: 0; list-style-type: none; } .footer .nav_menu ul li:first-child, .foot_adv_nav_menu ul li:first-child {background: none; } .footer .nav_menu ul li a, .foot_adv_nav_menu ul li a { display: block; overflow: hidden; color: #fff; text-decoration: none; font: 700 14px/14px "futura-pt"; } .footer .nav_menu ul li a:hover, .foot_adv_nav_menu ul li a:hover, .footer .nav_menu ul li.current-menu-item a, .foot_adv_nav_menu ul li.current-menu-item a { color: #6c2dc7; } .foot_adv_nav_menu ul li a { font: 500 12px/12px "futura-pt"; } .footer .social { float: left; overflow: hidden; padding: 5px 17px 0 0; margin: 0 0 0 -8px; } .footer .social li { float: left; margin: 0; } .footer .social li a { display: block; width: 30px; height: 30px; overflow:hidden; } .footer .social li.tw a { background:url("images/top-social-tw.png") 0 0 no-repeat; } .footer .social li.fb a { background:url("images/top-social-fb.png") 0 0 no-repeat; } .footer .social li.yt a { background:url("images/top-social-yt.png") 0 0 no-repeat; } .footer .social li.tblr a { background:url("images/top-social-tblr.png") 0 0 no-repeat; } .footer .social li.rss a { background:url("images/top-social-rss.png") 0 0 no-repeat; } .footer .social li a:hover { background-position: 0 -33px; } .footer .social img { float:left; margin-right:4px; } .footer .social span.info p { display: inline; padding: 0px; margin: 0px; } .footer .social span.info div { display: inline; } .footer .social span.info { margin-left: 8px; color: #E6E6E6; font-size: 0.8em; line-height: 28px; } .footer .social span.spaced { margin-right: 16px; } .footer .hidden_text { color: #efefef; height: 36px; line-height: 36px; } .footer .cr { float: left; font: 300 12px/21px "adelle"; padding-top: 17px; } /* Tabs */ .tabs {width:759px; margin:0; float:left; background:#999; border-right:1px solid #fff; } .tabs .tab-menu {border-bottom:1px solid #fff; } .tabs .tab-menu ul {background:#999; } .tabs .tab-menu li {display: inline; float: left; margin: 0; padding: 0; } .tabs .tab-menu a {background-color: #999; border-right: 1px solid #fff; display: block; margin: 0; padding: 0; height:42px; text-decoration:none; overflow:hidden; text-indent:-999em; } .tabs .tab-menu .okayplayer a { background: url("images/okaypaler_tab.png") 50% 0 no-repeat #999; width: 119px; } .tabs .tab-menu .okayplayer a.active, .tabs .tab-menu .okayplayer a:hover { background-color: #ff4200; } .tabs .tab-wrapper .okayplayer { background-color: #ff4200; } .tabs .tab-menu .okayafrica a { background: url("images/okayafrica_tab.png") 50% 0 no-repeat #999; width: 107px; } .tabs .tab-menu .okayafrica a.active, .tabs .tab-menu .okayafrica a:hover { background-color: #8e56e0; } .tabs .tab-wrapper .okayafrica { background-color: #8e56e0; } .tabs .tab-menu .okayfuture a { background: url("images/okayfuture_tab.png") 50% 0 no-repeat #999; width: 104px; } .tabs .tab-menu .okayfuture a.active, .tabs .tab-menu .okayfuture a:hover { background-color: #00a2ff; } .tabs .tab-wrapper .okayfuture { background-color: #00a2ff; } .tabs .tab-menu .largeup a { background: url("images/largeup_tab.png") 50% 0 no-repeat #999; width: 80px; } .tabs .tab-menu .largeup a.active, .tabs .tab-menu .largeup a:hover { background-color: #ffcc00; } .tabs .tab-wrapper .largeup { background-color: #ffcc00; } .tabs .tab-menu .revive a { background: url("images/revivalist_tab.png") 50% 0 no-repeat #999; width: 82px; } .tabs .tab-menu .revive a.active, .tabs .tab-menu .revive a:hover { background-color: #00BFA6; } .tabs .tab-wrapper .revive { background-color: #00BFA6; } .tabs .tab-menu a:hover, .tabs .tab-menu a.active { background-color: #fff; } .tabs .tab { display: none; padding: 12px 0; background:#999; min-height: 90px; } .tabs .tab-wrapper { height: 110px; overflow: hidden; } .tabs .tab ul {margin:0; } .tabs .tab li {display:inline-block; width:224px; margin:0 0 11px 18px; font: 500 11px/14px helvetica, arial; color:#333; vertical-align:top; zoom: 1; *display: inline; text-align:left;} .tabs .tab li:first-child { font: 14px/1.2 "futura-pt"; /* normal 20px/1.2 "futura-pt"; */ text-transform:uppercase; } .tabs .tab li a {text-decoration:none; } .tabs .tab li a:hover {color:#fff; } /* Footer Subscribe Form */ .footer-subscribe {width:375px; float:left; padding: 6px 0 0; background: #999; } .footer-subscribe h3 {text-align:center; font-size:18px; line-height:1.2; margin:0; text-transform:uppercase; color:#fff; font-family: "futura-pt"; font-weight:normal; } .footer-subscribe .mc_form_inside {position:relative; padding-right: 50px; text-align:left;} .footer-subscribe input[type="text"] {width:163px; height:18px; padding:2px 10px; background:#fff; border:none; margin:0 5px 0 0; font-family: 'TypoSlabserifLight'; font-size:14px; line-height:18px; color:#333; } .footer-subscribe input[type="submit"] {display: inline-block; width: 86px; height: 24px; padding: 0 7px 7px 0; font: 500 11px/16px "futura-pt"; color: #fff; background: url(images/download_white.png) 0px 0px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; } .footer-subscribe input[type="submit"]:hover { background-position: 0 -24px; } .footer-subscribe input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -49px; } .footer-subscribe input[type="checkbox"] {margin:0 5px 10px 0; display:inline-block; vertical-align:top; zoom: 1; *display: inline;} .footer-subscribe form div.mc_interest {position:relative; z-index:1; margin: 10px 0 0; } .footer-subscribe .mc_signup_container {padding:0 0 16px 40px; } .footer-subscribe form .check-wrap {float:left; width:105px; margin-bottom:0px; } .footer-subscribe form .check-wrap-3, .content .sidebar .subscribe form .check-wrap-6, .content .sidebar .subscribe form .check-wrap-9 {width:80px; } #mc_signup_form_footer {padding:0 0 0 50px; } #mc_signup_form_footer table { margin-bottom: 10px; } #mc_signup_form_footer tr, #mc_signup_form_footer td { background: transparent; padding: 0; } #mc_signup_form_footer .mc_error_msg {color:#fff !important; } #mc_signup_form_footer label.mc_interest_label { color:#333; } #mc_signup_form_footer .mc_var_label { display: none; } #mc_signup_form_footer .mc_interest br { display: none; font-size:0; line-height:0; } #mc_signup_form_footer .mc_signup_container {padding-bottom:16px; } #mc_signup_form_footer label.mc_interest_label { display:inline-block !important; vertical-align:top; font: 500 10px/16px "futura-pt"; text-transform:uppercase; zoom: 1; *display: inline;} #mc_signup_form_footer .mc_merge_var {position:relative; z-index:2; margin-top: -8px;} #mc_signup_form_footer .mc_signup_submit {position:relative; width: 95px; left:190px; top:-23px;z-index:3; text-align:left !important; } /* Sort Form */ #sort-form {padding:0; margin:0; width:170px; float:right; position:relative; } #sort-form label { display:inline-block; float:left; margin-right:5px; text-transform:uppercase; font: 500 10px/24px "futura-pt"; } #sort-form select.select { position:relative; left:7px; z-index:10; width:120px !important; height:20px !important; display:block; border:none; background:none; margin:0; padding:0; color:#333; font: 700 10px/20px "futura-pt"; } #sort-form select.select option {background:#000; color:#fff; font-style:normal; } #sort-form span.select {display:block; position:absolute; top:0px; left:47px; width:110px; padding:0 5px; height:20px; font: 700 10px/20px "futura-pt"; text-indent:0; border:1px solid #adadad; background:url(images/bg_select.gif) no-repeat right 0; cursor:pointer; z-index:1; text-transform:uppercase; color:#333; } /* Mail Chimp */ .mc_success_msg { font: 300 11px/16px "adelle"; } .footer #mc_message { position: relative; margin-top: -20px; width: 270px; font: 300 11px/16px "adelle"; } /* Digg Digg */ #dd_ajax_float { min-width: 65px !important; height: 294px; padding: 16px 0 0 13px !important; background: url('images/floating_bar.png') no-repeat !important; border: 0 !important; box-shadow: none !important; } /* Disqus */ .dsq-postid, a.comment-count { font: 500 10px "futura-pt"; } .post a.comment-count { margin-top: 3px; } /* Shopify */ .okshop .widget.smShopifyWidget { border: 0; margin: 0; padding: 0; } .okshop .widget.smShopifyWidget:before, .okshop .widget.smShopifyWidget:after { background: transparent; } .okshop .smShopifyWidget { padding: 15px 15px 10px !important; } .okshop .smShopifyWidget img { float: left; width: 104px; height: auto; margin: 0 16px 20px 0; } .okshop .smShopifyWidget .smShopify_title { font: 300 14px/20px "adelle"; } .okshop .smShopifyWidget a { text-decoration: none; } .okshop .smShopifyWidget a:hover { color: #6c2dc7; } .okshop .smShopifyWidget .smShopify_price { font: 700 11px/18px "futura-pt"; color: #333; } /* Multipage / Paginated Posts */ .multipage-nav { color: #333; font: 500 30px/24px "futura-pt"; border-top: solid 1px #6c2dc7; border-bottom: solid 1px #6c2dc7; padding: 6px 0; margin-bottom: 20px; } .multipage-nav.top { margin: 0 0 10px 0; } .multipage-nav.bottom { margin: 0 0 20px; } .multipage-nav span { color: #999; font: 500 14px/24px "futura-pt"; text-transform: uppercase; } .multipage-nav .page-links, .multipage-nav .page-links-default { display:inline-block; } .multipage-nav .page-links .active { color: #333; font: 500 30px/24px "futura-pt"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default span { color: #333; font: 500 30px/24px "futura-pt"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default a span { color: #999; font: 500 30px/24px "futura-pt"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default a:hover span { color: #6c2dc7; } .multipage-nav a { color: #999; font: 500 30px/24px "futura-pt"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav a:hover { color: #6c2dc7; } .multipage-nextprev { float: right; text-align: right; margin-top: 5px; } .multipage-nextprev .prev { display: inline-block; margin-top: 7px; width: 16px; height: 23px; margin-right: 10px; overflow: hidden; background: url('images/paginated_prev.png') no-repeat; text-indent: 9999px; } .multipage-nextprev .next { display: inline-block; margin-top: 7px; width: 16px; height: 23px; overflow: hidden; background: url('images/paginated_next.png') no-repeat; text-indent: 9999px; } .multipage-nextprev .prev:hover, .multipage-nextprev .next:hover { cursor: pointer; background-position: 0 -33px; } /* Home page unit */ .jcarousel-skin-tango { width: 100%; height: 240px; overflow: hidden; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; height: 240px; z-index: 1; overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { /* display: none !important; */ position: absolute; z-index: 99; top: 104px; right: 19px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-next.png) 0 -37px no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal { /* display: none !important; */ position: absolute; z-index: 99; top: 104px; left: 11px; width: 22px; height: 37px; cursor: pointer; background: url(images/post-slider-prev.png) 0 -37px no-repeat; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:0 0;} /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* Slider */ .sliders { background: #000; margin: -17px 0 0; overflow: hidden; padding: 15px 20px 20px; position: relative; } .sliders h1{ color: #fff; border-bottom: 1px solid #00A2FF; font: 300 36px/38px "adelle"; padding: 0 0 5px; margin: 0 0 13px; } #rg-gallery { } .rg-thumbs { width: 730px; float: left; } .right_side { float: right; width: 300px; position: relative; } .right_side .adv{ margin-bottom: 20px; } .rg-caption-wrapper { } .rg-caption-wrapper .rg-image-nav { position: relative; min-height: 33px; border-bottom: 1px solid #666; margin: 0 0 10px 0px; } .rg-caption-wrapper .rg-image-nav a{ position: relative; overflow: hidden; left: 0; top: 0; display: block; height: 33px; width: 30px; float: left; background: url(images/slider_nav.png) no-repeat 0 0; margin-right: 2px; } .rg-caption-wrapper .rg-image-nav a:hover{ background-position:left bottom; } .rg-caption-wrapper .rg-image-nav a.rg-image-nav-next{ background-position:right 0; } .rg-caption-wrapper .rg-image-nav a.rg-image-nav-next:hover{ background-position:right bottom; } .rg-image-nav p { line-height: 32px; padding: 0 10px; float: left; font: 100 14px/32px "futura-pt"; color: #999; } .rg-image-wrapper{ width: 730px; position:relative; float: left; /*padding:20px 30px; background:transparent url(images/black.png) repeat top left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;*/ min-height:20px; } .rg-image{ position:relative; text-align:center; line-height:0px; } .rg-image img{ max-height:100%; max-width:100%; border: 1px solid #333; } .rg-image-nav a{ position:absolute; top:0px; left:0px; background: url(images/slider_nav_big.png) no-repeat -82px 50%; width:60px; height:100%; text-indent:-9000px; cursor:pointer; outline:none; z-index: 10; } .rg-image-nav a:hover{ background-position: 0px 50%; } .rg-image-nav a.rg-image-nav-next{ right:0px; left:auto; background-position: -174px 50%; } .rg-image-nav a.rg-image-nav-next:hover{ background-position: right 50%; } .rg-image-nav a:hover{ opacity:0.8; } .rg-caption { position:relative; border-bottom: 1px solid #666; clear: both; } .rg-caption p{ font: 300 20px/24px "adelle"; padding:0 0px 20px; color: #fff; margin: 0 } .share_bt { margin-right: -20px; margin-top: 20px; } .rg-view{ height:30px; } .rg-view a{ display:block; float:right; width:16px; height:16px; margin-right:3px; background:#464646 url(images/views.png) no-repeat top left; border:3px solid #464646; opacity:0.8; } .rg-view a:hover{ opacity:1.0; } .rg-view a.rg-view-full{ background-position:0px 0px; } .rg-view a.rg-view-selected{ background-color:#6f6f6f; border-color:#6f6f6f; } .rg-view a.rg-view-thumbs{ background-position:0px -16px; } .rg-loading{ width:46px; height:46px; position:absolute; top:50%; left:50%; background:#000 url(images/ajax-loader.gif) no-repeat center center; margin:-23px 0px 0px -23px; z-index:100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity:0.7; } /* Elastislide Style */ .es-carousel-wrapper{ /*background: #101010;*/ padding: 0 51px 10px; /* 0 52px 10px; */ /*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;*/ position:relative; /*-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);*/ position:relative; /*margin-bottom:10px;*/ } .es-carousel{ overflow:hidden; /*background:#000;*/ padding: 2px 0 3px; } .es-carousel ul{ display:none; } .es-carousel ul li{ float:left; display:block; height: 59px; } .es-carousel ul li a{ display:block; border-style:solid; border-color:#666; border-width: 1px; width: auto; height: 58px; overflow: hidden; -webkit-touch-callout:none; /* option */ /* -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; */ margin: 0; } .es-carousel ul li.selected { height: 59px; } .es-carousel ul li.selected a{ overflow: hidden; position: relative; height: 54px; margin-top: 0; border-color:#CBCDCE; opacity:1.0; border-width: 3px !important; } .es-carousel ul li a img{ display:block; border:none; /* width: 100%; */ opacity:0.8; } .es-carousel ul li.selected a img{ margin-left: -2px; margin-top: -2px; position: relative; } .es-nav span{ position:absolute; top:50%; left:0px; background: transparent url(images/gallery-thumb-slider.png) -1px -8px no-repeat; width:37px; height:59px; margin-top:-35px; text-indent:-9000px; cursor:pointer; opacity:0.8; } .es-nav span:hover { background-position: -1px -85px; } .es-nav span.es-nav-next{ right:0px; left:auto; background-position: -36px -8px; } .es-nav span.es-nav-next:hover{ right:0px; left:auto; background-position: -36px -85px; } .es-nav span:hover{ opacity:1.0; } /** COUNTRIES MAP **/ #map {position: relative; float:right;} #map.small {width:262px; height:276px} #map.big { overflow: hidden; width:352px; height:369px; padding-bottom:25px} #map-inside{position: absolute;} #map-inside.small{top:-178px; left: -592px} #map-inside.big{top:-240px; left: -793px} .wrap_countries { overflow: hidden; padding: 10px 0 10px; } .africa-countries { text-transform: uppercase; margin: 0 0 0 -20px; } .africa-countries li:first-child { margin: 0 0 0 25px; } .africa-countries li{ display: inline-block; font: 300 28px/38px "futura-pt"; position: relative; z-index: 100; } .africa-countries a { text-decoration: none; color: #999; } .africa-countries .active a, .africa-countries a:hover { color:#6c2dc7; } .africa-countries span{ text-decoration: none; color: #999; } .thumb h2 { position: absolute; bottom: 5px; text-align: center; margin: 0; color: #fff; font-weight: bold; z-index: 10; width: 100%; } .thumb .grad{ width: 100%; height: 100%; background: url('images/black-grad_1.png') no-repeat 0 100%; z-index: 5; position: absolute; top: 0; left: 0; } .sliders .post-meta a, .sliders .post-meta .author-link { color: #fff; background: none; } .sliders .post-meta a.comment-count { margin-top: 3px; }