/* Theme Name:PSFK 2.7 Theme URI:http://www.psfk.com Description:PSFK 2.7 2013 Version:2.7 Author:Peter Surrena Author URI:http://www.petersurrena.com */ @import url("http://fast.fonts.net/lt/1.css?apiType=css&c=35de1242-78b0-4a9f-9f27-7e815fc9aa71&fontids=707114"); @font-face{ font-family:"Walbaum W01 Italic"; src:url("css/fonts/707114/ab9c299b-d058-4a06-9a26-42cd32b2361b.eot?#iefix"); src:url("css/fonts/707114/ab9c299b-d058-4a06-9a26-42cd32b2361b.eot?#iefix") format("eot"),url("css/fonts/707114/fd64893d-2598-4522-8c5d-8cc7f473f1e1.woff") format("woff"),url("css/fonts/707114/47a0e80a-59b6-461d-8f45-b13608dec0d9.ttf") format("truetype"),url("css/fonts/707114/58a8aa62-7ff3-4296-bd7b-2db776484d81.svg#58a8aa62-7ff3-4296-bd7b-2db776484d81") format("svg"); } body,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,button,fieldset,input,textarea,p,th,td{margin:0;padding:0;} body{background-color:#FFF; font-family:'Lato',sans-serif; margin-top:10px; letter-spacing:.5px;} fieldset,img{border:0;} ul{list-style:none;} .alignleft{float:left;} .alignright{float:right;} .center{margin-left:auto;margin-right:auto;} .hide{display:none;} body {background:none; } p {margin:0 0 10px 0; font-size:16px; line-height:24px;} a {color:#663399; text-decoration:none;} a:hover{color:#333!important; text-decoration:underline;outline:0;} input {border:1px solid #CCC; padding:3px 10px; color:#663399; background-color:#FFF;} button {background:#FFF; display:inline-block; padding:6px 12px 0; font-size:16px; color:#663399; text-decoration:none; border:1px solid #CCC; position:relative; cursor:pointer;} button:hover {border-color:#639;} h1 {font-size:24px; color:#639; font-weight:400; margin:0 0 15px 0; text-transform:uppercase; font-family:'lato',sans-serif;} h2 {font-size:20px; color:#639; font-weight:400; line-height:20px; margin:0 0 10px 0; font-family:'lato',sans-serif;} h3 {font-size:20px; color:#000; font-weight:400; margin:0 0 10px 0; font-family:'lato',sans-serif;} h4 {font-size:16px; color:#000; font-weight:400; margin:0 0 5px 0; text-transform:uppercase; font-family:'lato',sans-serif;} h4 a{color:#000;} .purple {color:#663399;} .lazy {display:none;} .box-shadow {width:100%; -webkit-box-shadow:0px 2px 2px #EFEFEF; -moz-box-shadow:0px 2px 2px #EFEFEF; box-shadow:0px 2px 2px #EFEFEF;} .ease {-webkit-transition:All 0.15s ease; -moz-transition:All 0.15s ease; -o-transition:All 0.15s ease; -ms-transition:All 0.15s ease; transition:All 0.15s ease;} /** None **/ #mobile_header {display:none;} /** Nav **/ nav {width:1160px; height:40px; margin:10px auto 5px auto; padding:0 10px;} nav .logo {float:left; width:100px; padding-top:3px;} nav .logo img {height:65px;} nav .tagline {float:left; padding:10px 0 0 0;} nav .tagline a {font-size:16px; color:#000; text-decoration:none;} nav .tagline a:hover {color:#663399;} nav ul.general_nav {} nav .general_nav li {float:right; margin-left:20px; padding:10px 0 0 0;} nav .general_nav li a {} nav .general_nav .nav_reports .dropdown-menu {} nav .general_nav .nav_reports .dropdown-menu {width:470px; margin:10px 0 0 -100px; padding:10px 0;} nav .general_nav .nav_reports .dropdown-menu li {padding:5px; margin:0; text-align:left; float:left;} nav .general_nav .nav_reports .dropdown-menu li a:hover {background:none;} nav .general_nav .nav_reports .dropdown-menu li img {width:100px; -webkit-box-shadow:0px 2px 2px #999; -moz-box-shadow:0px 2px 2px #999; box-shadow:0px 2px 2px #999;} nav .general_nav .nav_reports .dropdown-menu li img:hover {-webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out; opacity:.7;} nav .general_nav li.search_form {margin-top:-2px;} nav .general_nav li.search_form #search {width:135px; margin:0!important; border-radius:3px; padding:3px 0 2px;} nav .general_nav li.search_form input[type="submit"] {float:right; width:30px; height:30px; border:0; margin:0 0 0 5px; background:#FFF url('images/psfk-icons.png') -2px -217px no-repeat;} .top_ad {width:728px; margin:10px auto; border:1px solid #EEE;} .nav_fohl {margin-top:-10px;} #search {float:left; width:740px; margin:20px 0 0 0;} /** WRAPPER **/ #wrapper{width:1170px; margin:0 auto; padding:0; border-top:2px solid #000; background-color:#FFF;} /** LEFT ***/ #main {float:left; width:700px; overflow:hidden;} /** RIGHT **/ #right {width:300px; margin:10px 0 0 0; position:relative; float:right;} #right .events {} #right .events li {margin:0 0 10px 0; padding:0 5px; width:100%; overflow:hidden;} #right .events li .date {float:left; font-size:14px; font-weight:100;} #right .events li .event_wrapper {float:right; width:220px;} #right .events li .title {font-weight:700; font-size:14px;} #right .events li .body {text-align:justify; margin:5px 0; font-size:12px; line-height:17px;} /** FOOTER **/ #footer {width:1170px; margin:0 auto 10px auto; padding:20px 10px; background-color:#663399; overflow:hidden; color:#FFF;} #footer h2 {text-transform:uppercase; font-size:16px; margin-bottom:5px; color:#FFF;} #footer ul {margin-bottom:10px;} #footer li {list-style:none;} #footer .col {width:25%; float:left;} #footer a {color:#FFF; font-size:14px;} #footer a:hover {color:#FFF!important; text-decoration:underline;} #footer .disclaimer {width:90%; font-size:10px; line-height:14px; text-align:left; border-top:1px solid #FFF; margin-top:20px; padding:10px 0 0 0;} #footer .made_in_ny img {margin:30px 0 0 -5px; width:125px;} /** Top Ad **/ #top_ad {width:1170px; margin:10px auto; text-align:center;} /** Columnists **/ #columnists {width:1170px; margin:0 auto; padding:7px 12px; border-top:2px solid #000; line-height:20px; overflow:hidden;} #columnists .logo {float:left; padding-top:3px; width:100px;} #columnists ul {float:right;} #columnists li {float:left; width:325px; padding:3px 5px 0 0; margin:0 16px 0 0; border-right:1px solid #000;} #columnists li:nth-child(3) {border-right:0; margin-right:0;} #columnists li a img {float:left; width:75px; height:75px;} #columnists li div {width:230px; height:75px; margin:5px 0 0 0; padding:0 5px 0 font-size:13px; float:right;} #columnists li div a {color:#000; font-family:Georgia; font-size:14px; letter-spacing:0; display:block;} #columnists li.future_of {padding:0; height:67px;} #columnists li.future_of img {margin:5px 0 0 0; width:90px; height:auto; -webkit-box-shadow:0px 2px 2px #999; -moz-box-shadow:0px 2px 2px #999; box-shadow:0px 2px 2px #999} #columnists li.future_of .info {padding:0 0 0 10px; font-size:14px; line-height: 17px;} #columnists li.future_of .info a {display:inline; color:#663399; font-weight:bold; font-family:lato;} #columnists li.gift-guide img {width:316px;} #columnists .newsletter {margin:5px 0 0 0; width:330px; padding:0;} #columnists .newsletter h3 {color:#663399; text-transform:uppercase; margin-bottom:3px; font-size:16px;} #columnists .newsletter a {font-family:helvetica, arial, sans-serif; color:#666; font-size:10px;} #columnists .newsletter input {float:left; margin:8px 0 0 0; padding:3px 0 0 10px; font-size:14px; width:220px; color:#666;} #columnists .newsletter button {float:right; margin:8px 0 0 3px; font-size:14px; color:#666; background-color:#EFEFEF;} /*** # Home # ***/ /** The Top **/ @font-face {font-family:specialOther; src:url('fonts/w-italic.otf'), url('fonts/w-italic.otf');} #content_top {width:1170px; height:319px; position:relative; background-color:#FFF; border-bottom:2px solid #000; overflow:hidden;} #content_top .verticals {float:right; width:345px; height:305px; padding:3px 10px 0 10px; right:0; z-index:999;} #content_top .verticals li {height:73px; width:350px; margin:0 0 7px 0; padding:0 15px 0 0; line-height:19px; border-bottom:1px solid #000; background:#FFF; overflow:hidden;} #content_top .verticals li a {color:#000; font-size:15px;} #content_top .verticals li h3 {margin:3px 0;} #content_top .verticals li h3 a {text-transform:uppercase; color:#663399; font-size:18px;} #content_top .verticals li:nth-child(4) {border-bottom:0px;} #content_top .verticals li.black {background-color:#000; color:#FFF; margin:-8px 0 0 -13px; padding:5px 0 0 15px; font-family:special; height:83px;} #content_top .verticals li.black a {color:#FFF;font-family:Walbaum W01 Italic,serif;} #content_top .verticals li.black a:hover {color:#FFF !important; text-decoration:underline;} #content_top .verticals li.black h3 {color:#FFF;font-family:Walbaum W01 Italic,serif;} #content_top .carousel.carousel-fade .item {-webkit-transition:opacity .7s ease-in-out; -moz-transition:opacity .7s ease-in-out; -ms-transition:opacity .7s ease-in-out; -o-transition:opacity .7s ease-in-out; transition:opacity .7s ease-in-out;} #content_top .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {left:0; z-index:2; opacity:0; filter:alpha(opacity=0);} #content_top #latest {float:left; position:relative; border-right:2px solid #000; width:822px; height:323px;} #content_top #latest .carousel-indicators {margin:0 0 0 195px; width:200px; text-align:right; opacity:.6;} #content_top #latest .carousel-inner .item {width:820px; height:321px;} #content_top #latest .carousel-inner .item a.latest_link {position:absolute; width:820px; height:321px; font-size:0; z-index:1;} #content_top #latest .carousel-inner .item .latest_title {width:600px; height:auto; padding-left:0px; position:absolute; bottom:0px; left:0px;} #content_top #latest .carousel-inner .item .latest_title li {margin-bottom:2px; height:33px;} #content_top #latest .carousel-inner .item .latest_title li span {font-size:30px; font-weight:400; color:#663399; text-transform:uppercase; background-color:#FFF; margin:7px 0 0 -10px; padding:0 10px 0 25px;} #content_top #latest .carousel-inner .item .latest_title li .read_more {font-size:14px; font-weight:normal; color:#000; text-transform:uppercase; margin-top:2px; clear:both;} #content_top #latest .carousel-inner .item .latest_title li a:hover {text-decoration:none;} #content_top #latest .carousel-inner .item .latest_image {height:321px; overflow:hidden;} #content_top #latest .carousel-inner .item .latest_image img {width:820px; margin-top:-80px;} #pager {position:absolute; bottom:10px; left:630px; z-index:999999;} #pager span {float:left; width:20px; height:20px; background:url('images/pager.png') top left no-repeat; margin:0 10px 0 0; display:block; font-size:0;} #pager span.cycle-pager-active {background:url('images/pager.png') 0px -24px no-repeat;} #pager > * {cursor:pointer;} /** The bottom **/ #content_bottom {margin:10px 0 0 0; float:left; overflow:hidden;} .main_loop {width:825px; margin:0; overflow:hidden;} .main_loop li {position:relative; float:left; width:375px; height:320px; margin:0 20px 25px 15px; background-color:#FFF; border:1px solid #EFEFEF; overflow:hidden;} .main_loop li header {position:relative; width:375px; height:160px; border-bottom:1px solid #CCC;} .main_loop li header img.featured_label {position:absolute; top:0; right:0;} .main_loop li header .thumb {width:375px; height:247px; background-color:#EEE; margin:0 10px 0 0; overflow:hidden;} .main_loop li header .thumb img{width:375px; margin-top:-30px;} .main_loop li .lil_wrapper {position:absolute; width:375px; bottom:20px; overflow:hidden; padding:5px 10px; background-color:#FFF; border-top:1px solid #CCC; opacity:.95;} .main_loop li .lil_wrapper h2 {font-size:17px; margin:0 0 5px 0;} .main_loop li .lil_wrapper h2 a:hover {color:#663399;} .main_loop li .lil_wrapper p {font-size:14px; line-height:17px; min-height:35px;} .main_loop li .lil_wrapper p a {font-size:14px;} .main_loop li footer {position:absolute; width:375px; height:25px; bottom:3px; overflow:hidden;} .main_loop li footer .read_more {float:left; font-size:14px; padding:0 0 0 10px;} .main_loop li footer .share {float:right;} .main_loop li footer .share .icons_15 {width:145px; height:35px; overflow:hidden;} .loop {width:850px; overflow:hidden;} .loop article {position:relative; float:left; width:236px; height:280px; margin:0 30px 30px 0; background-color:#FFF; border:1px solid #EFEFEF; overflow:hidden;} .loop article header {position:relative; width:236px; height:190px; border-bottom:1px solid #CCC;} .loop article header img.featured_label {position:absolute; top:0; right:0;} .loop article header .thumb {width:236px; height:190px; background-color:#EEE; margin:0 10px 0 0; overflow:hidden;} .loop article .lil_wrapper {position:absolute; bottom:15px; overflow:hidden; padding:5px 10px; background-color:#FFF; opacity:.9;} .loop article .lil_wrapper h2 {font-size:15px; margin:0 0 11px 0;} .loop article .lil_wrapper p {height:53px; font-size:14px; line-height:17px;} .loop article .lil_wrapper p a {font-size:14px;} .loop article footer {position:absolute; width:236px; height:25px; bottom:2px; overflow:hidden;} .loop article footer .read_more {float:left; font-size:13px; padding:0 0 0 10px;} .loop article footer .share {float:right;} .loop article footer .share .icons_15 {width:145px; height:35px;} #sailthru-scout {width:720px; overflow:hidden;} #sailthru-scout .recommended-labs {width:219px; height:190px; margin:0 17px 20px 0; padding:0; border:1px solid #CCC; overflow:hidden;} #sailthru-scout .recommended {position:relative; float:left; width:219px; height:190px; margin:0 17px 20px 0; padding:0; border:1px solid #CCC; overflow:hidden;} #sailthru-scout .recommended .thumb img {width:219px;} #sailthru-scout .recommended .the_wrapper {position:absolute; bottom:-2px; width:219px; padding:5px 5px 0 5px; text-align:left; background-color:#FFF; opacity:.9;} #sailthru-scout .recommended .the_wrapper h2 {font-size:15px; margin:0 0 11px 0;} .navigation {width:739px; padding:10px 0; overflow:hidden;} /*** # Category # ***/ .category_top {margin-bottom:10px;} .category_top .cat_form {position:absolute; margin:77px 0 0 502px;} .category_top .cat_form input {width:189px; margin-top:-2px; border:2px solid #DDD; font-size:12px; outline:none; float:left;} /*** # Single # ***/ /** Single Top **/ .social_top ul {list-style:none; margin:0;} #article_top {width:; height:418px; background-color:#FFF; position:relative; margin-bottom:14px; border-bottom:2px solid #000;} #article_top .sponsor_image {position:absolute; width:300px; height:250px; right:555px; top:10px; text-align:right;} #article_top .article_image {float:left; width:625px; overflow:hidden;} #article_top .article_image div {width:1080px; height:416px; overflow:hidden;} #article_top .article_image div .title {width:618px; height:auto; padding-left:5px; position:absolute; bottom:15px; left:15px;} #article_top .article_image div .title li {margin-bottom:2px; height:30px;} #article_top .article_image div .title li a {font-size:30px; color:#663399; text-transform:uppercase; background-color:#FFF; margin:7px 0 0 -20px; padding:0 10px;} #article_top .article_image div .title li a.read_more {font-size:14px; font-weight:normal; color:#000; text-transform:uppercase; margin-top:2px; clear:both;} #article_top .article_image div .image {width:625px; overflow:hidden;} #article_top .article_image div .image img {width:625px; height:418px;} #article_top .article_excerpt {float:right; width:510px; height:400px; padding:3px 15px 0 0; position:relative;} #article_top .article_excerpt .excerpt p {color:#000; font-size:30px !important; margin:30px 0 0 0; font-family:georgia; line-height:35px; padding:10px 0; border-bottom:1px solid #000;} #article_top .article_excerpt .author {position:absolute; bottom:0; width:400px;} #article_top .article_excerpt .author .author_img {float:left; width:40px; height:40px;} #article_top .article_excerpt .author .author_des {float:left; margin:5px 0 0 10px;} #article_top .article_excerpt .social_top {margin:15px 0 0 0; overflow:visible;} #article_top .article_gallery {height:418px; background-color:#EEE; overflow:hidden;} #article_top .article_gallery .left {float:left; position:relative; width:725px;} #article_top .article_gallery .left .cycle-slideshow {float:left; position:absolute; margin:0 0 0 40px; z-index:0;} #article_top .article_gallery .left .cycle-slideshow img {width:625px; height:418px;} #article_top .article_gallery .left .cycle-prev {position:absolute; width:40px; cursor:pointer; margin:180px 0 0 5px; opacity:.7; z-index:1;} #article_top .article_gallery .left .cycle-prev:hover {opacity:1;} #article_top .article_gallery .left .cycle-next {position:absolute; cursor:pointer; width:40px; margin:180px 0 0 680px; opacity:.7; z-index:1;} #article_top .article_gallery .left .cycle-next:hover {opacity:1;} #article_top .article_gallery .right {float:right; width:430px;} #article_top .article_gallery .right h1 {padding:20px 0 7px;} #article_top .article_gallery .right .gallery { overflow:hidden;} #article_top .article_gallery .right .gallery div img {float:left; margin:0 0 6px 6px; opacity:.5;} #article_top .article_gallery .right .gallery div img:hover {opacity:1; cursor:pointer; -webkit-transition:All 0.15s ease; -moz-transition:All 0.15s ease; -o-transition:All 0.15s ease; -ms-transition:All 0.15s ease; transition:All 0.15s ease;} #article_top .article_gallery .right .gallery .cycle-pager-active img {opacity:1;} #article_top .article_gallery .right .gallery_social {padding:7px 0 0 0;} /** Article Body **/ #article {float:left; padding:0 40px 0 20px; margin-bottom:10px; border-right:1px solid #CCC;} #article article {width:750px; text-align:center; color:#333;} #article article .article img {margin:0 auto;} #article article header {width:535px; margin:-3px 0 0 -15px; padding:10px 10px 0 15px;} #article article header h1 {text-align:left;} #article article header h1 a {padding:10px 0 0 0; color:#333; text-decoration:none;} #article article header h1 a:hover {text-decoration:none;} #article article header .author {margin-bottom:10px;} #article article .article p {text-align:justify; color:#333;} #article article .article img {margin:10px auto 15px;} #article article .article iframe {margin:10px 0 0;} #article article .article ol {width:650px; margin:0 0 0 50px; padding:0; text-align:left;} #article article .article ul {width:650px; margin:0 0 0 50px; text-align:left; list-style:square;} #article article .article li {margin-bottom:10px;} #article article .article_categories a {color:#666;} #article article .article_tags a {color:#666; text-transform:capitalize;} #article article .article blockquote {width:625px; margin:20px auto; padding:10px 0 2px 0; font-family:'Libre Baskerville',Georgia, serif; color:#333; border-top:1px solid #000; border-bottom:1px solid #000; border-left:none;} #article article .article blockquote p {font-size:14px; line-height:22px; text-align:left;} #article article .article blockquote li {line-height:18px; list-style:inside square; margin-bottom:18px;} #article article .article .gallery {width:625px; margin:0 auto;} #article article .article iframe {margin:0 auto;} #article article .article .gallery_content h1{text-align:left;} #article article footer {width:750px; padding:10px 0; text-align:left; border-top:1px solid #CCC;} #article article footer section {margin-bottom:10px; padding:10px 20px 15px 0; border-bottom:1px solid #CCC; overflow:hidden;} #article article footer section li {margin-bottom:5px; font-size:16px; line-height:22px;} #article article footer section .avatar {width:50px; height:50px; float:left; margin-right:10px;} #article article footer section .avatar a img {width:50px; height:50px;} #article article footer section .author_info {margin-left:65px;} .article-bar-wrapper {max-width:100%; height:70px; background-color:#FFF; padding:7px 20px; top:0; border-bottom:1px solid #CCC; z-index:99999; display:none;} .article-bar {max-width:1170px; margin:10px auto 0;} .article-bar .article-bar-logo {width:11%; float:left;} .article-bar .article-bar-social {width:53%; float:left;} .article-bar .article-bar-arrows {width:32%; float:right;text-align:right; margin:-7px 0 0 0;} /*** # Serach # ***/ #search {width:800px; padding:0 0 0 10px;} #search h1 {color:#999; text-transform:none;} #search li {list-style:none; overflow:hidden;} #search .search_result {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #EEE;} #search .search_result .result_thumb {float:left;} #search .search_result .result_thumb img {width:150px;} #search .search_result .result_content {float:right; width:610px;} #search .search_result .result_content .topics_tags {font-size:12px; color:#999;} #search .search_result .result_content .topics_tags a {color:#999; text-decoration:underline;} /*** # Author # ***/ #author {float:left; width:740px; overflow:hidden; margin-top:20px;} #author .bio {width:734px; margin-bottom:10px; padding:10px 10px 8px 0; border-bottom:1px solid #CCC; overflow:hidden;} #author .bio .author_img {float:left;} #author .bio .author_img img {width:150px; height:150px; border:1px solid #EEE;} #author .bio .author_about {float:right; width:515px; padding:0 50px 0 0;} #author .article_recent {width:744px; height:267px; position:relative; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #CCC; overflow:hidden;} #author .article_recent .latest {float:left; width:400px; height:267px;} #author .article_recent .latest .title {position:absolute; width:400px; height:auto; padding-left:2px; bottom:13px; left:5px;} #author .article_recent .latest .title li {margin-bottom:2px;} #author .article_recent .latest .title li a {font-size:22px; font-weight:bold; color:#663399; text-transform:uppercase; background-color:#FFF; margin:7px 0 0 -10px; padding:0 10px;} #author .article_recent .latest .title li a.read_more {font-size:14px; font-weight:normal; color:#000; text-transform:uppercase; margin-top:2px; clear:both;} #author .article_recent .latest .title li a:hover {text-decoration:none;} #author .article_recent .latest .image {width:400px; height:267px; overflow:hidden;} #author .article_recent .latest .image img {width:400px; height:267px;} #author .article_recent .latest .screen {position:absolute; width:400px; height:267px; top:0; opacity:.15;} #author .article_recent .excerpt {float:right; width:320px; margin:20px 0 10px 0; padding:3px 0 0 0; border-bottom:1px solid #000;} #author .article_recent .excerpt p {color:#000; font-size:24px !important; font-family:georgia; line-height:30px;} #author .article_recent .excerpt_social {float:right; width:320px;} #author .article_all {} /*** # Gallery ***/ #gallery {float:left; width:670px; margin:10px; position:relative;} .attachment {width:670px; text-align:center;} .attachment img {max-width:600px; height:auto;} .gallery {margin-bottom:10px;} .gallery-icon {width:120px; height:81px;} .gallery-icon img{width:120px; height:80px; margin:10px; border:1px solid #DDD;} .gallery-icon a img{border:0;} .gallery_thumbs {background-color:#FFF; margin-bottom:10px; overflow:hidden; width:575px; margin-left:74px;} .gallery_thumbs img {width:120px; height:80px; border:5px solid #FFF;} .gallery_arrows {height:150px; width:670px; position:absolute; top:300px;} .gallery_arrows a {color:#663399; font-size:60px; font-weight:bold; opacity:.5; margin-top:405px; text-decoration:none; height:151px; width:150px;} .gallery_arrows a:hover {opacity:1;} .gallery_arrows .alignleft{float:left; text-align:left; height:150px; width:150px;} .gallery_arrows .alignright{float:right; text-align:right; height:150px; width:150px;} .gallery-caption {display:none;} #gallery-1 {overflow:hidden; margin-bottom:15px; padding-bottom:10px;} /*** # Video ***/ #video {float:left; width:730px; margin:0px; padding:10px 0 0 10px; overflow:hidden;} #video section {width:700px; border-top:2px solid #000; padding:15px 0 10px 0; overflow:hidden;} #video .video {margin:0 0 10px 0;} #video .video iframe {margin:0 auto;} #video .social_top {padding:6px 0 2px 0; margin-bottom:10px;} #video .description {width:700px; margin-bottom:30px; text-align:justify;} #video .description h1 {text-align:left;} #video-list {width:755px; margin:0 0 0 -10px; padding-left:10px; overflow:hidden; clear:both;} #video-list .title_wrapper {position:absolute; bottom:1px; left:0; border-left:4px solid #663399;} #video-list li {position:relative; float:left; width:165px; height:180px; margin:0 12px 12px 0; padding:0; cursor:pointer; font-size:13px; line-height:15px;} #video-list li img {border-radius:5px; width:165px;} #video-list li a.video_icon {position:absolute; top:0; right:0; z-index:9999;} #video-list .video-box {padding:10px;} #video_bottom {} #video_bottom li {float:left; width:340px; margin:0 15px 10px 0; border:1px solid #CCC;} #video_bottom li.second {margin:0 0 10px 0;} #video_bottom li a img {float:left; width:100px;} #video_bottom li .info {padding:5px 5px 0 0; margin:0 0 0 110px;} #video_bottom li .info div {font-size:14px;} /*** # Conference ***/ #event {width:1170px; min-height:800px; margin:0 auto; color:#333;} #event h1 {text-transform:lowercase; font-weight:normal; font-size:40px; color:#000; border-bottom:2px solid #000; border-top:2px solid #000; width:100%;} #event h2 {font-size:34px; color:#000; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #000; text-transform:uppercase; font-weight:100;} #event h3 {font-weight:normal; text-transform:uppercase; margin:0 0 5px 0; font-size:18px; color:#000; width:100%; clear:both;} #event p {text-align:justify; padding-left:20px;} #event img.transit {padding-top:3px;} #event section {width:90%; margin:0 0 40px 0;} #event section ul {padding-left:20px;} #event iframe {margin:0 0 0 20px; width:750px; height:240px;} #event .event_top {height:287px; width:1170px; background:#CCC url('../../images/events/event_background.jpg') top left no-repeat; border-bottom:2px solid #000;} #event .event_top .title_padding {padding:10px 20px;} #event .event_top .conf_title {border-bottom:1px solid #FFF; padding:0 0 15px 0; margin:0 0 15px 0;} #event .event_top .conf_title .title_bold {font-size:70px; line-height:60px; color:#FFF; font-weight:900; letter-spacing:1px;} #event .event_top .conf_title .title_date {color:#FFF; font-weight:300; font-size:70px; line-height:60px;} #event .event_top .title_info {color:#FFF; font-weight:300; font-size:20px; line-height:25px; letter-spacing:.5px;} #event .affix {position:fixed; top:0px; z-index:9999;} #event .event_nav-wrapper {border-bottom:1px solid #000; background-color:#FFF; overflow:hidden;} #event .event_nav {width:1170px; margin:0 auto;} #event .event_nav .menu li {float:left; padding:5px 0; height:60px; border-right:1px solid #CCC;} #event .event_nav .menu li:hover {background-color:#EFEFEF; cursor:pointer;} #event .event_nav .menu li:first-child {margin:0 0 0 20px; text-align:center;} #event .event_nav .menu li a {margin:11px 15px 0 0; padding:0 15px 0 15px; font-size:20px; letter-spacing:1px; display:block;} #event .event_nav .menu li a:hover {text-decoration:none;} #event .event_nav .social {margin:12px 0 0 0;} #event .event_nav .social ul {float:left; width:400px;} #event .event_bottom {margin:30px 0 0 0;} #event .event_bottom .left {float:left; width:850px;} #event .event_bottom .right {float:right; width:300px;} #event .event_bottom .left .about ul {list-style:square; margin:0 0 15px 0;} #event .event_bottom .left .about li {font-size:16px; margin:0 0 8px 40px; padding:0 50px 0 10px;} #event .event_bottom .left .tickets iframe {height:310px;} #event .event_bottom .left .speaker-list {overflow:hidden;} #event .event_bottom .left .speaker-list ul {overflow:hidden;} #event .event_bottom .left .speaker-list li {float:left; width:155px; min-height:215px; margin:15px 30px 15px 0; border:1px solid #EEE; list-style:none; background-color:#F8F8F8;} #event .event_bottom .left .speaker-list li img {width:155px;} #event .event_bottom .left .speaker-list li .info {padding:3px;} #event .event_bottom .left .speaker-list li .info .name {} #event .event_bottom .left .speaker-list li .info a {color:#000; text-decoration:underline;} #event .event_bottom .left .speaker-list li .info .company {font-style:italic;} #event .event_bottom .left .speaker-list li .info .title {font-size:10px; line-height:12px;} #event .event_bottom .left .agenda {padding-left:20px;} #event .event_bottom .left .agenda .row {border-bottom:1px solid #CCC; padding:0 0 5px 0; margin:0 0 10px 0; width:100%; display:block; clear:both;} #event .event_bottom .left .agenda .time {width:60px; float:left;} #event .event_bottom .left .agenda .speaker {margin-left:60px;} #event .event_bottom .left .agenda strong {text-transform:uppercase;} #event .event_bottom .right li .past_conferences li {overflow:hidden; padding:0 0 5px 0; border:0; margin:0 0 5px 0;} #event .event_bottom .right li .past_conferences li img{padding:0 5px 0 0;} #event .event_bottom table.event_schedule {font-size:14px; width:650px;} #event .event_bottom table.event_schedule td {border-bottom:1px solid #CCC; padding:5px 0;} #event .event_bottom .section li {font-size:14px; margin:0 0 8px 13px;} /** WIDGETS **/ .widget {width:100%; margin:0 0 30px 0; font-size:14px; background:#f9f9f9; border-bottom:1px solid #000;} .widget .widget_title {text-transform:uppercase; margin:0 0 10px 0;} .widget h3 {background-color:#FFF; display:inline; padding:0 10px 0 0;} /* Verticals Widget */ .vertical_widget {margin:0 auto 5px auto; padding:10px 0;} .vertical_widget h3 {color:#666; margin-bottom:5px; font-size:24px; text-transform:uppercase; font-weight:normal;} .vertical_widget ul {list-style:square; margin-bottom:15px;} .vertical_widget li {margin:0 0 7px 20px;} /* Social Widget */ .social_widget {width:100%; padding:0 0 5px 0;} .social_widget ul {margin:5px 0 5px; overflow:hidden;} .social_widget li {float:left; margin-right:7px; position:relative;} .social_widget .newsletter {margin:13px 0 7px; padding:10px 0 13px 5px; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; overflow:hidden;} .social_widget .newsletter:hover {background-color:#EFEFEF;} .social_widget .newsletter h3 {font-size:18px; margin:0 0 5px 0; display:block; background:transparent;} .social_widget .newsletter input {float:left; margin:8px 0 0 0; padding:3px 0 0 10px; font-size:14px; width:180px; color:#666;} .social_widget .newsletter button {float:right; margin:8px 10px 0 3px; font-size:14px; color:#666; background-color:#EFEFEF;} /** Editors Picks **/ .editors_picks {list-style:none;} .editors_picks li {height:81px; border-top:1px solid #EFEFEF;} .editors_picks li:hover {background-color:#EFEFEF; cursor:pointer;} .editors_picks a {color:#000;} .editors_picks a:hover {text-decoration:none;} .editors_picks .title {float:right; width:188px; padding:5px 10px 0 0;} /** Icons **/ .icons_15 li {float:left; width:35px; height:25px; margin-left:11px; border:1px solid #EEE; border-radius:3px; padding:1px; cursor:pointer;} .icons_15 li:hover {border:1px solid #663399;} .icons_15 li a {width:30px; height:20px; font-size:0px; color:#FFF; display:block;} .icons_25 li {float:left; width:42px; height:40px; background:url('images/social/circle-32-plus.png') top left no-repeat; margin-right:15px;} /*.icons_25 li:hover {border:1px solid #663399;}*/ .icons_25 li a {width:40px; height:40px; font-size:0px; color:#FFF; display:block;} .icons_25 li.like {background:none; overflow:visible; width:90px;} .icons_32 {width:300px;} .icons_32 li {width:40px; cursor:pointer; margin:0 10px;} .icons_32 li:hover {} .icons_32 li a {width:40px; height:30px; font-size:0px; color:#FFF; display:block;} .icons_32 li .count {position:relative; width:40px; height:40px; background:url('images/social/circle-32.png') top left; margin-bottom:4px;} .icons_32 li .count .count_num {position:absolute; width:40px; top:12px; left:0px; font-size:12px; text-align:center;} .icons_32 li .count .count_num {font-size:12px; color:#639;} .facebook_32 {background:url('images/psfk-icons.png') 4px -24px no-repeat;} .twitter_32 {background:url('images/psfk-icons.png') -179px -24px no-repeat;} .googleplus_32 {background:url('images/psfk-icons.png') -30px -24px no-repeat;} .rss_32 {background:url('images/psfk-icons.png') -104px -24px no-repeat; width:64px;} .newsletter_32 {background:url('images/psfk-icons.png') -140px -24px no-repeat;} .facebook_25 {background:url('images/psfk-icons.png') -239px -17px no-repeat;} .twitter_25 {background:url('images/psfk-icons.png') -288px -16px no-repeat;} .pinterest_25 {background:url('images/psfk-icons.png') -335px -17px no-repeat;} .linkedin_25 {background:url('images/psfk-icons.png') -431px -18px no-repeat;} .googleplus_25 {background:url('images/psfk-icons.png') -477px -16px no-repeat;} .email_25 {background:url('images/psfk-icons.png') -385px -17px no-repeat;} .reddit_25 {background:url('images/psfk-icons.png') -522px -16px no-repeat;} .twitter_15 {background:#FFF url('images/psfk-icons.png') -29px -115px no-repeat;} .facebook_15 {background:#FFF url('images/psfk-icons.png') 4px -115px no-repeat;} .email_15 {background:#FFF url('images/psfk-icons.png') -68px -115px no-repeat;} .rss_15 {background:#FFF url('images/psfk-icons.png') -115px -118px no-repeat; width:25px; height:15px; float:right;} .rss_15 a {width:25px; height:15px; font-size:0px; color:#FFF;} /** Future of Work **/ #future-of-work {float:left; width:730px; margin-left:10px; overflow:hidden;} #future-of-work #fow-tabs .loop article {float:left; width:236px; height:270px; margin:0 6px 10px 0; list-style:none; position:relative;} #fow-tabs {margin-top:-4px;} .fow-btn {float:right; margin-left:20px;} #right .widget li .event-date {float:left;} #right .widget li .info {margin:0 0 5px 75px;} .edit_post {border:2px solid #cc3333; padding:5px; text-align:center;} .edit_post a {color:#CC3333; font-weight:bold;} /** MISC **/ .clickable {cursor:pointer;} /* Popular Posts */ .popular-posts li {border-top:1px solid #CCC; margin-bottom:5px; padding:5px;} .popular-posts li:hover {} .popular-posts li a {color:#333;} /* jawbone */ #vote {border:0;} #vote li {border-bottom:1px solid #CCC; padding:0 0 0 0; margin:0 0 10px 0; overflow:hidden;} #vote li h2 {} #vote li .thumb {float:left; width:200px; height:150px; background-color:#F9F9F9;} #vote .entry .description {float:right; width:500px;} .vote_entries {} .vote_entries li {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #CCC; overflow:hidden;} .vote_entries .vote_thumb {float:left; width:152px;} .vote_entries .vote_thumb img {float:left; width:150px; height:121px; margin:0 0 5px 0; border:1px solid #EEE;} .vote_entries .vote_info {float:right; width:575px;} /* FoHL */ .top img {float:left;} .top .product-slideshow {position:normal; float:right; margin:45px 0 0 0; width:345px; height:185px; z-index:999099; background-color:red;} .top .product-slideshow div {text-align:center;} .top .product-slideshow div p {margin:2px 0 0 0; font-size:16px; color:#666;} .modal-body {text-align:justify; margin:0 auto;} .modal-body header {text-align:center;} .modal-body header h1 {text-align:left;} .modal-body header img{width:100%!important;} .modal-body .content {width:98%!important;} .modal-body .content a.ui-link {color:#663399!important; font-weight:normal!important;} .modal-body .content img {margin:0 auto; width:100%!important;} .modal-body .content .company {padding:5px 0 10px; text-align:left; border-bottom:1px solid #CCC;} .modal-body .content .company a {color:#663399!important; font-size:14px;} .modal-body .content .video {position:relative; max-width:680px; margin:0 auto 20px auto; overflow:hidden;} .modal-body .content .video img {margin:0;} .modal-body .content .video a.video-in-link {border:0; padding-bottom:56.25%; padding-top:30px; height:100; overflow:hidden; display:block;} .video-in-link object, .video-in-link iframe, a.video-in-link embed {position:absolute; top:0; left:0; height:100%; width:700px; max-width:100%;} .modal-body .content .video .play_btn {position:absolute; top:0; left:0;} .modal-body .content .video .vid_thumb {position:absolute; top:-20px; left:0;} section .products {} section .products li {float:left; position:relative; width:150px; height:135px; margin:5px 15px 0 15px; border:1px solid #FFF; border-radius:10px; text-align:center; list-style:none;} section .products li:hover {border:1px solid #CCC;} section .products li a {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; font-size:0;} section .products li img {width:150px; margin:10px 0 0 0;} section .products li .title {color:#666; margin:10px 0 0 0; font-size:14px; line-height:16px;} .nbc_curve_badge {position:absolute; top:10px; left:435px; z-index:9999999;} #gift-guide {overflow:hidden;} #gift-guide h1 {font-family:Walbaum W01 Italic; color:#000;} #gift-guide .top {height:250px; border-bottom:2px solid #000; overflow:hidden;} #gift-guide .menu {width:100%; background-color:#EEE; height:50px; margin:0 0 20px 0;} #gift-guide .menu li {float:left;} #gift-guide .menu a {font-family:Walbaum W01 Italic; display:inline;} #gift-guide .navbar-nav li:hover {background-color:#EFEFEF;} #gift-guide .navbar-nav li .active {background-color:#EFEFEF;} #gift-guide .gifts {padding:0 0 30px 10px; overflow:hidden;} #gift-guide .gift_item {width:275px; height:214px; float:left; position:relative; border:2px solid #E9E9E9; border-radius:3px; background-color:#FFF; margin:5px 15px 15px 0; overflow:hidden;} #gift-guide .gift_item:hover {border:2px solid #CCC;} #gift-guide .gift_item a.btn {font-size:0; width:275px; height:214px; position:absolute; top:0; left:0;} #gift-guide .gift_item .thumb {width:275px; height:214px; overflow:hidden;} #gift-guide .gift_item .thumb img {width:375px; } #gift-guide .gift_item .title {position:absolute; padding:5px; top:155px; background-color:#FFF;} #gift-guide .gift_item .modal-body .main-image {width:500px; margin:0 auto;} #gift-guide .gift_item .modal-body .main-image img {width:500px;} #gift-guide .gift_item .modal-body .content p {width:500px; margin:10px auto 0 auto;}