/* Theme Name: Okayempire Theme URI: http://www.okayplayer.com/ Description: Custom Theme for Okayplayer 2013 Author: Cando Entertainment Author URI: http://www.cando-ent.com/ Version: 3 */ /* Revive Green: #00bfa6 */ body { position: relative; color:#333; min-width: 1146px; font-family: "le-havre"; /* 'TypoSlabserifLight';*/ background:url(images/cloth_alike.png) center top repeat #bfbfbf; } 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 { clear: both;} .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 22px/26px "le-havre"; margin-bottom: 1em; } .text-content p.text-content { font: 300 30px/30px "le-havre"; margin-bottom: 1em; } /* .text-content {font-family: 'TypoSlabserifLight'; font-size:22px; line-height:28px; } */ .text-content2 { font: 300 22px/26px "le-havre"; } /* .text-content2 { font-family: 'TypoSlabserifLight'; font-size:16px; line-height:20px; } */ .text-content2 strong { margin: 10px 0 0; font: 700 12px/16px "le-havre"; text-transform:uppercase; display:block; } .link-1 { color:#414141; text-decoration: none; text-transform: uppercase; font: 500 13px/20px "le-havre"; } .link-1:hover { color: #00bfa6; } .link-2 { text-decoration: none; text-transform: uppercase; font: 500 11px/20px "le-havre"; } .link-2:hover { text-decoration:underline; } .list-1 {padding:10px 0 0; } .list-1 li {padding:5px 0; margin:0; font: 500 12px/18px "le-havre"; text-transform:uppercase; width:180px; float:left; } .list-1 li a {text-decoration:none; } .list-1 li a:hover { color: #00bfa6; } .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; } .list-3 {padding:10px 0 0; } .list-3 li {padding:5px 0; margin:0; font: 500 14px/18px "le-havre"; text-transform:uppercase;} .list-3 li a {text-decoration:none; } .list-3 li a:hover { color: #00bfa6; } .list-4 {padding:10px 0 0; } .list-4 li {padding:5px 0 5px 10px; margin:0; font: 300 22px/26px "le-havre"; background:url(images/list-marker.png) 0 50% no-repeat;} .list-4 li a {text-decoration:none; } .list-4 li a:hover { color: #00bfa6; } .black { background: #000; } .bordered { font: 700 35px/35px "le-havre"; 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: 500 16px/1.2 "le-havre"; 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; margin:0 0 0 20px; z-index: 99999; } .sticky .main-nav, .sticky .main-nav form { display:none; } ul.search-bar, .sticky ul.social { display: none; } ul.search-bar form { float: right; width: 266px; margin: 5px 0 0; padding:0 0 0 19px; overflow: hidden; } ul.search-bar input[type="text"] { float:left; display: inline-block; overflow: hidden; background: none; width: 212px; height: 25px; padding: 0px 10px 0px 0;margin:0 2px 0 0; border-bottom:1px solid #fff; color: #fff; font: 300 18px/25px "le-havre"; } ul.search-bar input[type="submit"] { float:left; display: inline-block; overflow: hidden; background: url('images/submit-bg.png') 0 0 no-repeat; width: 28px; height: 25px; cursor:pointer; vertical-align:middle; } .sticky ul.search-bar { display: block; } .sticky .sup_header { background: rgba(64,64,64, .95) !important; } .sticky .logo { margin-top: 102px !important; } .header {width: 100%; position:relative; z-index:9999;} .header .sup_header { height: 40px; background: #404040; } .header ul {l ist-style:none; } .header ul li { float:left; list-style-type: none; } .header ul li a { font: 400 12px/40px "le-havre"; letter-spacing: 1px; display:block; color:#fff; text-decoration:none; } .top-nav { float: left;} .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: 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: #fff;} .ad-nav li:hover { background: #404040; -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 {background-position: 100% -40px;} .ad-nav li a:hover { color: #00bfa6; } .header .social { float: right; overflow: hidden; padding: 8px 0 0 0; } .header .social li { float:left; margin: 0 0 0 9px; } .header .social li a { display: block; width: 25px; height: 25px; overflow:hidden; } .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.gp a { background:url("images/top-social-gp.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.ig a { background:url("images/top-social-ig.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 -25px; } .header form.search { float: right; width: 256px; margin: 5px 0 0; padding:0 0 0 9px; overflow: hidden; } .header form.search input[type="text"] { float:left; display: inline-block; overflow: hidden; background: none; width: 212px; height: 25px; padding: 0px 10px 0px 0; margin:0 2px 0 0; border-bottom:1px solid #1d8475; color: #30403e; font: 300 18px/25px "le-havre"; } .header form.search input[type="submit"] { float:left; display: inline-block; overflow: hidden; background: url('images/r-submit-bg.png') 0 0 no-repeat; width: 28px; height: 25px; cursor:pointer; vertical-align:middle; } .header .logo { width: 100%; height: 75px; margin: 0; overflow:hidden; } .header .logo a {display:block;} .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: 1096px; height: 40px; margin: 0; padding: 0; position:relative; background:url(images/r-bg-nav.jpg) center top repeat-y #00bfa6; } .main-nav ul { float: left; width: 820px; overflow:visible; } .main-nav ul li { float: left; background: url(images/header-marker.png) 0 13px 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: 400 16px/40px "le-havre"; letter-spacing: 1px; 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.sfHover > a {color: #000;} .main-nav ul li.current-menu-item > a > span { } .main-nav ul li.sfHover > a span { background: url(images/menu-arrow.png) 50% 33px no-repeat; } .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.stories-item .sub-menu li:first-child {padding-left: 19px;} li.menu-item-18936 .sub-menu li:first-child {padding-left: 385px; /* 311px; */ } /* Media Menu */ li.menu-item-18943 .sub-menu li:first-child {padding-left: 489px; /* 410px; */ } /* About Menu */ li.menu-item-18932 .sub-menu li:first-child {padding-left: 218px; } /* Features Menu */ .menu .sub-menu { position: absolute; padding: 4px 0; top: -999em;width: 1096px; background:url(images/bg-submenu.jpg) 0 0 no-repeat #000; } .menu li:hover {visibility: inherit;} .menu li li { background: url(images/footer-marker.png) 0 2px no-repeat; padding: 0 12px 0 19px; float:left; } .menu .sub-menu li {background:url(images/submenu-marker.png) 0 4px no-repeat;} .menu li li a { font: 500 11/20px "le-havre"; 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.sfHover > a { text-decoration: none; color: #00bfa6; } .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 14px/20px "le-havre"; letter-spacing: 1px; } .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: 15px 0; /* 14px 12px; */ margin-bottom: 10px; 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; padding: 10px; margin-bottom: 50px; } .content .widget.widget-adv:before, .content .widget.widget-adv:after {display:none; } .widget-title { font: 100 20px/22px "le-havre"; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 5px; margin:-25px 0 0; background: #000; } .widget-title span { color: #fff; display:inline-block; } .widget-more { margin: 0; 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 "le-havre"; 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: 85px; } .more-link span {border-bottom:3px solid transparent; } .more-link span:hover { color: #00bfa6; } .content .widget.okshop { /* height: 185px; */ } .content .widget.okshop .widget-more { margin: -6px 0 -23px; } .content .sidebar .widget.donation { } .content .sidebar .widget.donation p { margin: 10px 15px 15px; font: 300 18px/20px "le-havre"; text-align: center; } .content .sidebar .widget.donation input[type="submit"] { background: url("images/download.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; cursor: pointer; display: block; font: 500 11px/16px "le-havre"; height: 25px; overflow: hidden; padding: 0 7px 8px 0; margin: 0 auto; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 85px; } .content .sidebar .widget.donation input[type="submit"]:hover { background-position: 0 -25px; } .content .sidebar .widget.donation input[type="submit"]:active { padding: 6px 0 6px 5px; background-position: 0 -51px; } .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: 0; margin-bottom: 35px; /* 30px; */ font-size: 16px; letter-spacing: 1px; /* 55px; */ } .content .widget.subscribe .wrapper { padding: 10px; } .content .widget.subscribe label { display: block; font-size: 18px; letter-spacing: 1px; } .content .sidebar .subscribe .mc_form_inside {padding-right: 0; /* 22px */ } .content .sidebar .subscribe input[type="text"] {width:163px; height:18px; padding: 0 5px 5px 0; background:#fff; border:1px solid #ccc; margin:6px 5px 0 0; font: 200 13px/1 "helvetica"; /* 'TypoSlabserifLight'; font-size:14px; line-height:18px; */ color:#333; vertical-align: top; } .content .sidebar .subscribe input[type="submit"] { display: inline-block; width: 85px; height: 25px; padding: 0 7px 8px 0; font: 500 11px/16px "le-havre"; 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 -25px; } .content .sidebar .subscribe input[type="submit"]:active { padding: 6px 0 6px 5px; margin: 6px 0 6px 0; background-position: 0 -51px; } .content .sidebar .subscribe input[type="text"] { width: 185px !important; } .content .sidebar #sidebar-events .thumb { background: #fff; height: auto; } .content .sidebar #sidebar-events a.btn-buy { display: inline-block; width: 85px; height: 17px; margin: 0 0 0 8px; padding: 0 7px 8px 0; font: 500 11px/19px "le-havre"; color: #fff; background: url(images/download.png) 0 -25px no-repeat; overflow: hidden; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; } .content .sidebar #sidebar-events a.btn-buy:hover { background-position: 0px 0px; } .content .sidebar #sidebar-events a.btn-buy:active { padding: 6px 0 6px 5px; background-position: 0 -51px; } .content .sidebar #sidebar-events .description { display: block !important; } .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: block; font-size: 15px; line-height: 1; } #mc_signup_form_sidebar .mc_interest br { display: none; font-size:0; line-height:0; } .content .sidebar .subscribe #mc_signup { padding: 10px 0 0 16px; /* padding: 15px 0 15px 20px; */ } .footer-subscribe #mc_signup_form label { width: 95px !important; } .content .sidebar .subscribe form .mc_merge_var {position:relative; width: 195px; /* left:0px; top:67px; */ z-index:2; } .content .sidebar .subscribe form .mc_signup_submit {position:relative; top: -30px; left: 207px; /* left:195px; top:-3px; */ z-index:3; text-align:left !important; width: 90px; } .mc_signup_container {padding-bottom:16px; } #mc_signup_form_sidebar label.mc_interest_label { width: 75px; display:inline-block !important; vertical-align:top; font: 500 12px/11px "le-havre"; 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 { margin-top: 30px; 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: 0 0 25px; padding:0; width: 1096px; height: 240px; } .content .slider_wrap .posts_slider { width: 1096px; padding-left: 0; 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; } #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 "le-havre"; 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; 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 64px/64px "le-havre"; 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: #00bfa6; } .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: #00bfa6; } .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 "le-havre"; text-align: center; } .reviews .feat_reviews .thumb:hover span { background: #00bfa6; } .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 "le-havre"; 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 "le-havre"; 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: #00bfa6; } .reviews .feat_reviews .info h1 a span {font-family: 'FuturaStdLight'; } .reviews .feat_reviews .info em { display: block; overflow: hidden; font: 300 14px/20px "le-havre"; 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 "le-havre"; color:#666; } .reviews .feat_reviews .text a { text-decoration:none; font: 500 14px "le-havre"; text-transform:uppercase; } .reviews .feat_reviews .text a:hover { color: #00bfa6; } .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 "le-havre"; 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 -14px; 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 "le-havre"; text-align: center; } .reviews .items .item .thumb:hover, .reviews .items .item .thumb:hover span { background: #00bfa6; } .reviews .items .item .thumb img { width: 163px; height: 163px; border: 1px solid #999; } .reviews .items .item .thumb:hover img { border: 1px solid #00bfa6; } .reviews .items .item .text { margin: 13px 5px 0; } .reviews .items .item .text h1 { font: 700 14px/18px "le-havre"; color: #333; margin-bottom: 0px; text-transform:uppercase; } .reviews .items .item .text h1 a { color: #333; text-decoration: none; } .reviews .items .item .text h1 a:hover { color: #00bfa6; } .reviews .items .item .text span { font: 500 11px/14px "le-havre"; text-transform: uppercase; } .reviews .items .item .text em { font: 300 12px/16px "le-havre"; 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; padding-top:15px; } .feat_video { width: 100%; overflow: hidden; padding-top: 20px; } .media .feat_video { padding-top: 5px; margin-bottom:18px; } .feat_video h1 { font: 500 28px/28px "le-havre"; width: 100%; overflow: hidden; margin-bottom: 0; text-transform:uppercase; color:#333; } .feat_video h1 a { text-decoration: none; color:#333; } .feat_video h1 a:hover {color: #00bfa6;} .artist-name { font: 300 28px/30px "le-havre"; margin-bottom: 15px; text-transform:uppercase; color:#333; } #video iframe {width:729px; height:410px} .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%; 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 "le-havre"; 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; position:relative;} .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 60px/60px "le-havre"; 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; font: 300 24px/28px "le-havre"; letter-spacing: 1px; } .content .article .post .text p { font: 300 24px/28px "le-havre"; letter-spacing: 1px; } .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: 400 20px/13px "le-havre"; 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 13px/19px "le-havre"; 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-right:10px; margin-top:10px; text-decoration:none; } .content .article .post .tags .tags-inner > a:hover { background: #00bfa6; } .content .article .post .tags .tags-inner { padding-left: 27px; } .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 .post-author {padding-top:25px; margin-bottom:25px; } .content .post-author a {display:inline-block; font: 500 14px/20px "le-havre"; text-decoration:none; text-transform:uppercase; margin:-2px 0 0;} .content .post-author a:hover { color: #00bfa6; } .content .author-description { font: 100 16px/20px "le-havre"; letter-spacing: 1px; } .content .post-author .border_title { margin-bottom: 10px; } .content .post-author .author-info {overflow:hidden;} .content .post-author .author-info .avatar { float:left; display:inline-block; margin:0 10px 10px 0; } .content .post-author .author-info .author-name { font-weight: 700; } .content .post-author .author-info .author-social {display:inline-block;} .content .post-author .author-info .author-social a { display:inline-block; width:26px; height:26px; margin:0 5px 0 0; vertical-align:bottom; } .content .author-digest { padding-top: 0; margin-bottom: 0; } .content .author-digest .avatar { margin: 3px 25px 10px 0 !important; } .content .author-digest .author-footer { margin-top: -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-controls.jpg) 0 0 no-repeat #353535; left:0;} .content .article .related_posts .jcarousel-next {background:url(images/recent-controls.jpg) -60px 0 no-repeat #353535; right:0;} .content .article .related_posts .jcarousel-prev:hover {background-position:0 -156px; background-color:#00b69e;} .content .article .related_posts .jcarousel-next:hover {background-position:-60px -156px; background-color:#00b69e;} .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: #00bfa6; } .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%; 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, .content .free-stuff .toolbar { width: 100%; 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, .content .free-stuff .toolbar h1 { float: left; font: 700 16px/22px "le-havre"; text-transform: uppercase; } .content .audio-post-img > img {float:left; margin:0 20px 20px 0; } .feat_audio { width: 100%; } .feat_audio .thumb { width: 349px; height: auto; /*349px;*/ border:1px solid #9c9c9c; overflow:visible; float: left; position: relative; margin:0 28px 15px 0; } .feat_audio .thumb img { height: auto; /*349px;*/ width:100%; } #magazine .feat_audio .thumb { height: auto; } #magazine .feat_audio .thumb img { height: auto; width: 100%; } #concert .feat_audio .thumb { height: auto; } #concert .feat_audio .thumb img { height: auto; width: 100%; } .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 13px/21px "le-havre"; 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: 500 28px/28px "le-havre"; 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: #00bfa6; } .feat_audio .info h1 a span {font-family: 'le-havre'; } .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 24px/28px "le-havre"; color: #333; } .feat_audio .text a { text-decoration:none; font: 500 14px "le-havre"; text-transform:uppercase; } .feat_audio .text a:hover { color: #00bfa6; } .feat_audio .text p { margin-bottom: 20px; } .feat_audio .sharrre {margin-bottom:5px; } /* media */ .content .media { overflow: hidden; padding-top:15px; } .content .media .title span { background: transparent; } .media-title { padding-top:15px; overflow:hidden; } .media-title a { float:right; font: 500 13px/18px "le-havre"; text-transform:uppercase; text-decoration:none; display:inline-block; margin:5px 0 0 10px; } .media-title a:hover {color:#00bfa6;} /* photos */ .content .photos { overflow: hidden; padding-top:15px; } .content .photos .title span { background: transparent; } .content .photos .toolbar { width: 100%; height: 22px; line-height: 22px;color:#333; padding:8px 0 7px; margin-bottom: 18px; margin-top: 15px; border-top:1px solid #adadad; border-bottom:1px solid #adadad; } .content .photos .toolbar h1 { float: left; font: 500 14px/22px "le-havre"; text-transform: uppercase; } .feat_photos { width: 100%; overflow: hidden; padding-top: 20px; } .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, .content .wpcf7 form b { display: block; text-transform:uppercase; font: 300 22px/26px "le-havre"; } .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 22px/26px "le-havre"; 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 22px/26px "le-havre"; } form#subscribe-page-form .toggle-display { display: none; font: 300 22px/26px "le-havre"; } .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, .content .wpcf7 form .additional{ width: 100%; overflow: hidden; padding: 30px 0 19px; } .content .signup form .additional p { font: 300 22px/26px "le-havre"; } .content .signup form a {font: 500 12px/18px "le-havre"; 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 "le-havre"; text-transform:uppercase; text-decoration:none; background:url(images/bg-toggle.jpg) 0 0 no-repeat #e6e6e6; padding-left:25px; margin:10px 0 2px !important; } .content .signup form .toggle-link span { font: 300 14px/32px "le-havre"; } .content .signup form .toggle-link.hide {background-position:0 -33px;} .content .signup form .toggle-link:hover { background-color: #00bfa6; background-position:0 -33px; color: #fff; } .content .signup form .grey-bg {padding:20px 0 20px 12px; background:#e7e7e7; } .content .signup form input[type="submit"] { display: inline-block; width: 85px; height: 25px; padding: 0 7px 7px 0; font: 500 11px/16px "le-havre"; 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 -25px; } .content .signup form input[type="submit"]:active {padding: 6px 0 6px 5px; background-position: 0 -51px; } .content .signup form .check-wrap, .content .wpcf7 form .check-wrap{width:107px; float:left;} .content .signup form label, .content .wpcf7 form label { font: 300 17px/26px "le-havre"; } .subscribe-follow { padding:18px 0 0; } .subscribe-follow li { float:left; padding:0; margin:0 5px 3px 0; } .subscribe-follow li a { display:block; width:33px; height:34px; 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.tumblr a {background:url(images/subscribe-tumblr.png) 0 0 no-repeat;} .subscribe-follow li.instagram a {background:url(images/subscribe-instagram.png) 0 0 no-repeat;} .subscribe-follow li a:hover {background-position: 0 -34px;} /* 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-holder .post-excerpt { font: 300 22px/26px "le-havre"; letter-spacing: 1px; color: #333; } .post-thumb-tag { display:inline-block; min-width:37px; text-align:center; padding:0 5px; font: 500 13px/21px "le-havre"; 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: #00bfa6; color: #fff; } .post-meta { margin:0 0 15px; } .post-meta .post-date { display:inline-block; font: 300 16px/20px "le-havre"; letter-spacing: 1px; color:#999; text-transform:uppercase; margin-right:15px; } .post-meta a, .post-meta .author-link { font-weight: 300; display:inline-block; text-decoration:none; background:url(images/more-link-arrow.png) 100% 7px no-repeat; padding-right:13px; color:#333; } .post-meta a:hover, .post-meta .author-link:hover { color: #00bfa6; background-position:100% -36px; } .post-meta .post-title { font: 300 40px/40px "le-havre"; 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: #00bfa6;} .post-meta .post-subtitle { display:block; color:#333; font: 700 14px/20px "le-havre"; 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: 300 13px "le-havre"; letter-spacing: 1px; 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; min-height:15px; padding-left:18px; font: 300 12px "le-havre"; 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:25px; display:inline-block; margin-top:-4px; zoom: 1; *display: inline; vertical-align:top; } .download > a { display:inline-block; width:79px; height:19px; padding:2px 7px 6px 0; font: 500 11px/16px "le-havre"; 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 -25px; color:#fff; } .download:hover span {display:block; } .download input[type="submit"] { display: inline-block; width: 85px; height: 25px; padding: 0 7px 8px 0; font: 500 11px/16px "le-havre"; 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 -25px;} .download input[type="submit"]:active {padding: 6px 0 6px 5px; background-position: 0 -51px;} .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/r-load-more.png) 0 0 no-repeat; color: #fff; font: 400 16px/30px "le-havre"; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; } .load-more a:hover {background-position:0 -49px; color: #00bfa6; } /* 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 19px/20px "le-havre"; 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.revive .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:#00bfa6;} .recent-posts .it-4 .site-link {background:#8CA0F6;} .recent-posts .site-link span {display:inline-block; font: 400 11px/14px "le-havre"; 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/green-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-controls.jpg) 0 0 no-repeat #353535; left:0;} .recent-posts .jcarousel-next {background:url(images/recent-controls.jpg) -60px 0 no-repeat #353535; right:0;} .recent-posts .jcarousel-prev:hover {background-position:0 -156px; background-color:#00b69e;} .recent-posts .jcarousel-next:hover {background-position:-60px -156px; background-color:#00b69e;} /* Most Popular Posts */ .popular-posts {margin:0; padding:0 0 6px; } .popular-posts li {margin:0; padding: 10px 0 5px; 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 13px/18px "le-havre"; text-transform:uppercase; color:#333; } .popular-posts li h4 { font: 300 18px/20px "le-havre"; margin:0; } .popular-posts li h4 a {color:#333; text-decoration:none; border-bottom:3px solid transparent; } .popular-posts li h4 a:hover { color: #00bfa6; } .popular-posts .meta.venue { color: #afafaf; font: 700 13px/18px "le-havre"; text-transform:uppercase; } .popular-posts .meta.description a { display: block; margin-top: 10px; color: #000; font: 700 13px/18px "le-havre"; text-transform:uppercase; text-decoration: none; } .popular-posts .meta.description a:hover { color: #00bfa6; } /* Featured Videos Slider */ #featured-videos { padding: 0; margin: 5px 0 0; position: relative; overflow: hidden; width: 325px; 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: 325px; 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: 0; width: 255px; margin: 14px auto 0; } #featured-videos li h5 {font-size:14px; line-height:18px; color:#333; text-transform:uppercase; margin:0; } #featured-videos li .video-title { display: block; font: 500 14px/17px "le-havre"; color:#333; text-transform:uppercase; border-bottom:3px solid transparent; text-decoration:none; } #featured-videos li .video-title:hover { color: #00bfa6; } #featured-videos .jcarousel-prev, #featured-videos .jcarousel-next {display:block; width:10px; height:16px; overflow:visible; position:absolute; top:168px; 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 Magazine Slider */ #featured-magazines { padding: 0; margin: 5px 0 0; position: relative; overflow: hidden; width: 325px; height: 535px; } #featured-magazines .jcarousel-container {width:100%; height:535px; overflow:hidden; } #featured-magazines li {width:314px; margin:0; padding:0; } #featured-magazines li .thumb { width: 325px; height: 485px; position:relative; } #featured-magazines li .text { text-align: center; padding: 0; } #featured-magazines li h5 {font-size:14px; line-height:18px; color:#333; text-transform:uppercase; margin:0; } #featured-magazines li .title { font: 500 14px/50px "le-havre"; color:#333; text-transform:uppercase; border-bottom:3px solid transparent; text-decoration:none; } #featured-magazines li .title:hover { color: #00bfa6; } #featured-magazines .jcarousel-prev, #featured-magazines .jcarousel-next {display:block; width:10px; height:16px; overflow:visible; position:absolute; top:503px; 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-magazines .jcarousel-prev:hover, #featured-magazines .jcarousel-next:hover {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #featured-magazines .jcarousel-prev { left:12px; } #featured-magazines .jcarousel-next {background-position:100% 0; right:12px; } /* Featured Interviews */ #featured-interviews { padding: 0; margin: 5px 0 0; position: relative; overflow: hidden; width: 325px; height: 205px; /* 220px; */ } #featured-interviews .jcarousel-container {width:100%; height:220px; overflow:hidden; } #featured-interviews li {width:314px; margin:0; padding:0; } #featured-interviews li .thumb { width: 325px; height:151px; position:relative; } #featured-interviews li .video-marker {width:93px; height:93px; position:absolute; left:50%; top:50%; margin:-46px 0 0 -46px; } #featured-interviews li .text { text-align: center; padding: 0; } #featured-interviews li h5 {font-size:14px; line-height:18px; color:#333; text-transform:uppercase; margin:0; } #featured-interviews li .video-title { font: 500 14px/50px "le-havre"; color:#333; text-transform:uppercase; border-bottom:3px solid transparent; text-decoration:none; } #featured-interviews li .video-title:hover { color: #00bfa6; } #featured-interviews .jcarousel-prev, #featured-interviews .jcarousel-next {display:block; width:10px; height:16px; overflow:visible; position:absolute; top:168px; 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-interviews .jcarousel-prev:hover, #featured-interviews .jcarousel-next:hover {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #featured-interviews .jcarousel-prev { left:12px; } #featured-interviews .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 "le-havre"; text-align:center; background: #000; overflow:hidden; position:absolute; right:-10px; bottom:-6px; } .featured-reviews li .thumb:hover .rating { background: #00bfa6; } .featured-reviews li .album { font: 700 14px/18px "le-havre"; 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: #00bfa6; } .featured-reviews li .artist { display:block; font: 500 11px/16px "le-havre"; } .featured-reviews li .label { display:block; font: 300 12px/16px "le-havre"; 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 "le-havre"; } .boards-list li a {border-bottom:3px solid transparent; text-decoration:none; } .boards-list li a:hover { color: #00bfa6; } .boards-list li span { display:block; font: 500 11px/16px "le-havre"; } .boards-list li span a {text-transform:uppercase; } /* Featured Artists */ .featured-artists { padding: 10px 0 0; margin: 0 0 0 -12px; } .featured-artists li { float:left; margin: 0 0 10px 13px; width: 155px; } .featured-artists .thumb { width: 155px; height: 155px; } .featured-artists .thumb img { width: 155px; height: 155px; } .featured-artists li h4 {font-size: 16px; line-height:18px; margin:0; padding: 0; text-transform:uppercase; } .featured-artists li h4 a { text-decoration:none; } /* Featured Audop */ .featured-audio { padding:0; } .featured-audio li {padding: 10px 0 5px; overflow:hidden; } .featured-audio .thumb { width:66px; height:66px; border:1px solid #999; float:left; margin-right:17px; } .featured-audio li h4 { font: 300 18px/18px "le-havre"; margin:0; padding:0; } .featured-audio li h4 a { text-decoration:none; color:#333; } .featured-audio li h4 a:hover { color: #00bfa6; } /* Recent Comments */ .recent-list {padding:0 5px; } .recent-list li { padding:15px 0 0; text-align:center; font: 300 18px/18px "le-havre"; } .recent-list li a {border-bottom:3px solid transparent; text-decoration:none; } .recent-list li a:hover { color: #00bfa6; } .recent-list li span { display:block; font: 500 13px/16px "le-havre"; text-transform:uppercase; } .recent-list li span a {text-transform:uppercase; } /* Artists Category */ #artists-gallery { position:relative; height:392px; margin-bottom:15px; } .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 "le-havre"; margin:0 0 10px; color: #fff; text-transform:uppercase; } .pics .text .excerpt { font: normal 30px/1 "le-havre"; 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: 49px; right: 13px; width: 23px; height: 46px; cursor: pointer; background: url(images/post-slider.png) -23px 0 no-repeat; } .nav #prev { display:block; position: absolute; z-index: 99; bottom: 49px; left: 13px; width: 23px; height: 46px; cursor: pointer; background: url(images/post-slider.png) 0 0 no-repeat; } .alphabetta {overflow:hidden;} .alphabetta h3 { font: 500 14px/22px "le-havre"; 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: #666666; padding: 0 8px; font: 300 18px/42px "le-havre"; } .alphabetta-list li a { display:inline-block; font: 300 18px/42px "le-havre"; text-decoration:none; text-transform:uppercase; color:#00bfa6; margin:0; position:relative; } .alphabetta-list li:hover a, .alphabetta-list li.active a {color:#fff;} .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 -23px; } .artists-list li {width: 165px; float:left; margin:0 0 19px 23px; overflow:hidden; } .artists-list li a { text-decoration: none !important; outline: 0 !important; } .artists-list li .thumb { width: 159px; height:159px; 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%; height:32px; 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/2 "le-havre"; letter-spacing: 1px; margin:0; padding-left:11px; text-transform:uppercase; color: #fff; } .artists-list li .thumb:hover {border: solid 3px #00bfa6;} .artists-list li .thumb:hover .text { background:url(images/opacity-65-green.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: #00bfa6; 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/gallery-controls.jpg) 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/gallery-controls.jpg) -37px 0 no-repeat; cursor: pointer; } .pikachoose .jcarousel-next.jcarousel-next-horizontal:hover {background-position: -37px -77px;} .artist-detail { padding-top: 20px !important; } .artist-detail .bordered { padding-top: 0; } .bio h4,. figure-links h4 {margin-bottom:15px; } .bio p { font: 300 20px/26px "le-havre"; } .links-list {padding:0; margin:0; } .links-list li {padding:4px 0; margin:0; font: 500 13px/16px "le-havre"; text-transform:uppercase; } .links-list li a {text-decoration:none; } .links-list li a:hover { color: #00bfa6; } /* Free Stuff */ .free-stuff {padding-top:15px; } /* Team */ .team {padding-top:20px; } .team h6 { font: 200 16px/20px "le-havre"; letter-spacing: 1px; text-transform:uppercase; color:#999; margin:0; } .team h4 { font: 500 26px/28px "le-havre"; letter-spacing: 1px; text-transform:uppercase; color:#333; margin:0 0 10px; } .team img.alignleft { margin: 24px 25px 0px 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; } .page-contact p { font: 300 22px/26px "le-havre"; } .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: 300 22px/26px "le-havre"; 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: 300 22px/26px "le-havre"; 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: 85px; height: 25px; padding: 0px 7px 6px 0px; font: 500 11px/16px "le-havre"; 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 -25px;} .wpcf7 input[type="submit"]:active {padding: 6px 0 6px 5px; background-position: 0 -51px;} 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 "le-havre"; margin:0 0 3px; text-transform:uppercase; } .search-page h1 span { font: 300 28px/1 "le-havre"; 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 "le-havre"; 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 "le-havre"; } .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 "le-havre"; } /* Tag Page*/ .tag-page {padding-top:30px; } .tag-page h1 { font: 700 30px/1 "le-havre"; margin:0 0 3px; text-transform:uppercase; } .tag-page h1 span { text-transform:none; font: 300 28px/1 "le-havre"; } .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 "le-havre"; 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:20px; font-size: 22px; } .page-default .download { margin-bottom: 15px; } .about-page p { font: 300 22px/26px "le-havre"; margin-bottom: 1em; } .page-default p { font: 300 22px/26px "le-havre"; margin-bottom: 1em; } /* 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: 20px 0 12px; } .foot-logo span { display: block; width: 156px; height: 36px; background: url('images/foot_logo_revive.jpg') 0 0 no-repeat; } .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; overflow:hidden; } .foot_adv_nav_menu ul { padding: 12px 0 0; overflow:hidden; } .footer .nav_menu ul li, .foot_adv_nav_menu ul li { float: left; background: url(images/footer-marker.png) 0 0 no-repeat; padding: 0 12px 0 16px; text-transform: uppercase; margin: 0; list-style-type: none; } .footer .nav_menu ul li {background-position:0 1px;} .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: 400 16px/16px "le-havre"; letter-spacing: 1px; } .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: #00bfa6;} .foot_adv_nav_menu ul li a { font: 100 12px/12px "le-havre"; letter-spacing: 1px; } .footer .social { float: left; overflow: hidden; padding: 8px 17px 0 0; margin: 0; } .footer .social li { float: left; margin: 0 3px 0 0; } .footer .social li a { display: block; width: 25px; height: 25px; 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 -25px; } .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 "le-havre"; padding-top: 17px; } /* Tabs */ .tabs { width:759px; margin:0; float:left; background:#999999; 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 .revivalist 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 { 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 "le-havre"; /* normal 20px/1.2 "le-havre"; */ 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: 10px 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: "le-havre"; font-weight:normal; } .footer-subscribe .mc_form_inside {position:relative; padding-right: 50px; text-align:left;} .footer-subscribe input[type="text"] {width:160px; height:18px; padding: 0 10px 2px 0px; background:#fff; border:none; margin:0 10px 2px; font-family: 'le-havre'; font-size:14px; line-height:18px; color:#333; } .footer-subscribe input[type="submit"] { display: inline-block; width: 85px; height: 25px; padding: 0 7px 7px 0; font: 500 11px/16px "le-havre"; 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; } .footer-subscribe input[type="submit"]:hover {background-position: 0 -25px;} .footer-subscribe input[type="submit"]:active {padding: 6px 0 6px 5px; background-position: 0 -51px;} .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: 15px 0 10px; } .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 12px/11px "le-havre"; text-transform:uppercase; zoom: 1; *display: inline;} #mc_signup_form_footer .mc_merge_var {position:relative; z-index:2; } #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 {display:none;} /* Mail Chimp */ .mc_success_msg { font: 300 11px/16px "le-havre"; } .footer #mc_message { position: relative; margin-top: -20px; width: 270px; font: 300 15px/16px "le-havre"; color: #000; } /* 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: 300 13px "le-havre"; letter-spacing: 1px; } .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 "le-havre"; } .okshop .smShopifyWidget a { text-decoration: none; } .okshop .smShopifyWidget a:hover { color: #00bfa6; } .okshop .smShopifyWidget .smShopify_price { font: 700 11px/18px "le-havre"; color: #333; } /* Multipage / Paginated Posts */ .multipage-nav { color: #333; font: 500 30px/24px "le-havre"; border-top: solid 1px #00bfa6; border-bottom: solid 1px #00bfa6; padding: 6px 0; } .multipage-nav.top { margin: 0 0 10px 0; } .multipage-nav.bottom { margin: 0 0 20px; } .multipage-nav span { color: #999; font: 500 14px/24px "le-havre"; 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 "le-havre"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default span { color: #333; font: 500 30px/24px "le-havre"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default a span { color: #999; font: 500 30px/24px "le-havre"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav .page-links-default a:hover span { color: #00bfa6; } .multipage-nav a { color: #999; font: 500 30px/24px "le-havre"; display: inline-block; padding: 3px 1px; text-decoration: none; } .multipage-nav a:hover { color: #00bfa6; } .multipage-nextprev { float: right; text-align: right; margin-top: 3px; } .multipage-nextprev a.prev { display: inline-block; font-size:14px; line-height:20px; color:#fff; text-transform:uppercase; text-align:left; font-family: 'FuturaStdMedium'; width: 53px; height: 26px; padding:7px 0 0 30px; margin-right: 10px; overflow: hidden; background: url('images/bg-pagination.png') 0 0 no-repeat; } .multipage-nextprev a.next { display: inline-block; font-size:14px; line-height:20px; color:#fff; text-transform:uppercase; text-align:left; font-family: 'FuturaStdMedium'; width: 68px; height: 26px; padding:7px 0 0 20px; overflow: hidden; background: url('images/bg-pagination.png') -87px 0 no-repeat; } .multipage-nextprev a.prev:hover { cursor: pointer; background-position: 0 -33px; } .multipage-nextprev a.next:hover { cursor: pointer; background-position: -87px -33px; } /* Home page unit */ .jcarousel-skin-tango { width: 100%; height: 240px; } .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: 999; top: 50%; right: 0; width: 33px; height: 54px; margin: -27px 0 0 0; cursor: pointer; background: url(images/carousel-controls.jpg) -33px 0 no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal { /* display: none !important; */ position: absolute; z-index: 999; top: 50%; left: 0; width: 33px; height: 54px; margin: -27px 0 0 0; cursor: pointer; background: url(images/carousel-controls.jpg) 0 0 no-repeat; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-33px -54px;} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:0 -54px;} /** * 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: 0; overflow: hidden; padding: 15px 20px 20px; position: relative; } .sliders h1{ color: #fff; border-bottom: 1px solid #bb3000; font: 300 36px/38px "le-havre"; 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; overflow:hidden; height: 33px; border-bottom: 1px solid #8c8c8c; 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-controls.jpg) no-repeat 0 0; margin-right: 2px; opacity:1.0; } .rg-caption-wrapper .rg-image-nav a.rg-image-nav-next{ background-position:-32px 0; } .rg-caption-wrapper .rg-image-nav a:hover{ opacity:0.8; } .rg-image-nav p { line-height: 32px; padding: 0 10px; float: left; font: 100 14px/32px "le-havre"; 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; clear: both; } .media .rg-caption {border-bottom:1px solid #8c8c8c;} .rg-caption p{ font: 100 20px/24px "le-havre"; 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 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: 0 0 3px; } .es-carousel ul{ display:none; } .es-carousel ul li{ float:left; display:block; height: 60px; } .es-carousel ul li a{ display:block; border-style:solid; border-color:#666; border-width: 1px; width: 90px; 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 a{ overflow: hidden; position: relative; margin-top: 0; border-color:#CBCDCE; opacity:1.0; width: 86px; height: 54px; border-width: 3px !important; } .es-carousel ul li a img{ display:block; border:none; opacity: 1; } .es-carousel ul li.selected a img{ margin-left: -2px; margin-top: -2px; position: relative; } .es-nav span{ position:absolute; top:0; left:0px; background: transparent url(images/photos-controls.jpg) 0 0 no-repeat; width:37px; height:59px; text-indent:-9000px; cursor:pointer; opacity:1.0; } .es-nav span.es-nav-next{ right:0px; left:auto; background-position: -37px 0; } .es-nav span:hover{ opacity:0.8; } /* Featured Photo Slider */ .feat_photos .sliders { background: none; margin: 0; overflow: hidden; padding: 0; position: relative; } .feat_photos .sliders h1{ font: 300 28px/28px "le-havre"; color: #333333; border-bottom: none; padding: 0; margin: 0 0 13px; } .feat_photos .rg-image-wrapper, .feat_photos .rg-thumbs{float:none;} .feat_photos .rg-image-wrapper {margin-bottom:9px;} .feat_photos .rg-caption p { color:#333333; } .feat_photos .rg-image-nav p { font: 700 14px/32px "le-havre"; color: #000; } .feat_photos .es-carousel ul li a {border-color:#878787;} .feat_photos .es-carousel ul li.selected a {border-color:#01B8A0;} .addthis_floating_style { display:none; position: fixed; height:217px; bottom: 15%; float: left; box-shadow: -6px 0 9px #999; background-color: #fff; border-radius:0; padding: 10px; margin-left:-75px; } /* #Clearing ================================================== */ /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after {clear: both;} .clearfix {zoom: 1;} /*END ADD THIS STYLE*/ /** jClever **/ .default { margin: 0px; padding: 0px; font-family: Arial; } .default label { color: grey; } .default .hidden { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; } .default .jClever-element { outline: none; margin: 0; font-family: "le-havre"; font-size: 14px; color: #333; position: relative; } .default .jClever-element.error { } .default .jClever-element * { outline: none; } .default .focused .jClever-element-select-center { background: #EFEEEC; color: #000; } .default .focused .jClever-element-checkbox-twins { -moz-box-shadow: inset 0 0 5px #000; /* Для Firefox */ -webkit-box-shadow: inset 0 0 5px #000; /* Для Safari и Chrome */ box-shadow: inset 0 0 5px #000; /* Параметры тени */ } .default .focused .jClever-element-radio-twins { -moz-box-shadow: inset 0 0 5px #000; /* Для Firefox */ -webkit-box-shadow: inset 0 0 5px #000; /* Для Safari и Chrome */ box-shadow: inset 0 0 5px #000; /* Параметры тени */ } .default .row { vertical-align: middle; } .default .row>label { display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline; vertical-align: middle; } .default .row>.jClever-element { display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline; vertical-align: middle; } /* * * SELECT * */ .default .jClever-element-select-wrapper { position: relative; width: 300px; border: 1px solid #999; cursor: pointer; height: 33px; } #subscribe-page-form .jClever-element-select-wrapper { width: 143px !important; } .default .jClever-element-select-wrapper select { display: none; } .default .jClever-element select { display: none; } .default .jClever-element-select-center { white-space: nowrap; overflow: hidden; display: block; font: 300 22px/26px "le-havre"; padding: 3px 10px; background: #fff; } .default .jClever-element-select-right { position: absolute; right: 0px; top: 0px; background: url(images/bg_select2.gif) 0 0 no-repeat; height: 33px; width: 29px; cursor: pointer; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-align: center; font-family: Arial; color: white; font-weight: bold; line-height: 33px; } .default .jClever-element-select-right span { display: none !important; } .default .jClever-element-select-list-wrapper { position: absolute; border: 1px solid #c0c0c0; border-top: 0px; width: 100%; padding: 0px; margin: 0px; top: 34px; left: -1px; background: #fff; display: none; max-height: 300px; } .default .jClever-element-select-list { white-space: nowrap; padding: 0px; margin: 0px; } .default .jClever-element-select-list>li { padding: 0 10px; margin: 3px 0; } .default .jClever-element-select-list>li.active { font-weight: bold; } .default .jClever-element-select-list>li:hover, .default .jClever-element-select-list>li.selected { background: #c0c0c0; color: #fff; } .default .jClever-element-select-list>li>span { overflow: hidden; width: 100%; display: block; position: relative; height: 100%; white-space: normal; } .default .jClever-element-select-list>li>span>i { font-style: normal; font-size: 11px; } /* * * Sort Form Select * */ #sort-form.default { padding:0; margin:0; width: 167px; float:right; position:relative; } #sort-form.default label { display:inline-block; float:left; width:40px; padding:0 5px 0 0; text-align:right; margin-right:0; text-transform:uppercase; font: 500 12px/24px "le-havre"; } #sort-form.default .jClever-element { display:inline-block; float:left; outline: none; margin: 0; color:#333; font: 700 10px/20px "le-havre"; position: relative; } #sort-form.default .jClever-element-select-wrapper { width: 120px!important; height: 20px; border:1px solid #adadad; } #sort-form.default .jClever-element-select-center { font: 500 14px/20px "le-havre"; padding:0 10px; text-transform: uppercase; } #sort-form.default .jClever-element-select-right { background: url(images/bg_select.gif) 0 0 no-repeat; height: 20px; width: 20px; } #sort-form.default .jClever-element-select-list-wrapper { top: 21px; left: -1px; } #sort-form.default .jClever-element-select-list>li.active { background: #c0c0c0; color: #fff; } /* * * CHECKBOX * */ .default .jClever-element-checkbox-twins { display: block; width: 15px; height: 15px; background: url(images/checkbox.png) no-repeat left bottom; } .default .jClever-element-checkbox-twins.checked { background-position: left top; } /* * * RADIO * */ .default .jClever-element-radio-twins { display: block; width: 15px; height: 15px; background: url(images/radio.png) no-repeat left bottom; } .default .jClever-element-radio-twins.checked { background-position: left top; } /* * * BUTTON * */ .default button.styled { background: none; border: 0px; padding: 0px; margin: 0px; cursor: pointer; } .default button.styled>span { display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline; border: 1px solid #c0c0c0; } .default button.styled:hover>span { background: #c0c0c0; color: #fff; } .default button.styled>span>span { display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline; padding: 5px 15px; } /* * * input`s * */ .default .input-type-text { border: 1px solid #c0c0c0; line-height: 20px; padding: 0 4px; color: #c0c0c0; } /* * * textarea`s * */ .default form.jClever textarea { border: 1px solid #c0c0c0; padding: 0 4px; color: #c0c0c0; resize: none; } /* * * file input * */ .default .jClever-element-file { width: 300px; height: 27px; overflow: hidden; } .default .jClever-element .hidden-file { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; left: 0px; width: 300px; padding: 0px; line-height: 20px; height: 25px; line-height: 25px; margin-left: -218px; font-size: 20px; } .default .jClever-element .jClever-element-file-name { display: block; width: 198px; height: 25px; float: left; border-bottom: 1px solid #c0c0c0; line-height: 25px; overflow: hidden; background: url(images/file-input.png) repeat-y right top; } .default .jClever-element .jClever-element-file-button { display: block; width: 100px; height: 25px; float: left; background: url(images/file.png) no-repeat left top; margin: 3px 0 0 0; } .default .input-file-helper { width: 100px; height: 25px; position: absolute; top: 0px; right: 0px; overflow: hidden; } .default .jClever-element.focused .jClever-element-file-name { -moz-box-shadow: inset 0 0 5px #000; /* Для Firefox */ -webkit-box-shadow: inset 0 0 5px #000; /* Для Safari и Chrome */ box-shadow: inset 0 0 5px #000; /* Параметры тени */ } .default .jClever-error-label { position: absolute; left: 0px; top: 0px; margin-left: 100%; color: #fff; width: 100%; padding: 0px; background: #EA1010; display: none; } .default .jClever-element.error .jClever-error-label { display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 29px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #999; position: relative; } .jspDrag { background: #333; position: relative; top: 0; left: 0; cursor: pointer; height: 30px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }