/* Theme Name: The Absolute Picks Theme DOS (For beta) URI: http://theabsolutemag.com Description: A more Tumblr-ish version of (The) Absolute Author: Tiffany URI: http://extrasugarextrasalt.com/ Version: 1.0 License: GNU General Public License License URI: license.txt /* basics */ *{margin:0; padding:0;} body { font-family: arial, tahoma, sans-serif; font-size: 14px; background: #fff url('images/lightstripes.png'); overflow-x: hidden; } /* Headings */ h1, h2, h3 { color: #222; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; text-rendering: optimizelegibility; line-height: 1.1em; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.7em; } /* Text elements */ p { font-family: Cambria,Georgia,Times,serif; line-height:18px; } ul, ol { margin: 0 0 1.7em 2.5em; } ul { list-style: none; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.7em; } dt { font-weight: bold; } dd { margin-bottom: 1.7em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-style: italic; margin: 0 30px 1.7em; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch",Courier,monospace; line-height: 1.7; margin-bottom: 1.7em; padding: 0.85em 1.7em; } code { font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 2px; } textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } /* Links */ a{color: #0286BB ; text-decoration:none;} a:hover{text-decoration: none; color:#000;} .clear {clear:both;font-size:1px;} /* container */ #container { width: 1020px; margin: 0 auto; padding:0; clear:left; background: #fff; /* overflow-y: hidden; */ } #content-box{padding: 20px;} /* header */ #header { width:100%; background: #fff url('images/lightstripes.png'); z-index:1; position:relative; } #logo {width:1014px; background:transparent; margin:0px auto; padding:3px; } #logo .logo { display:inline-block; height: 100px; width: 385px; background: transparent url('images/ab-logo-blue.png') no-repeat 0px 20px;cursor:pointer; } #logo .subscribe { display: inline-block; width: 580px; height: 100px;vertical-align: top; font-family: 'Gilda Display', serif; color: #fff; font-size: 14px; text-shadow: 0px 1px 2px #000; overflow:hidden; margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; } .subscribe img {margin-top: -12% !important;width: 590px;} .content-box img {border:none;padding:none;margin:0px;} .content-box { font-size: 14px; width: 230px; position: absolute; z-index: 987; background: rgb(32, 32, 32); background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,0.73) 60%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,0.44) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(20%,rgba(0,0,0,0.9)), color-stop(45%,rgba(0,0,0,0.8)), color-stop(60%,rgba(0,0,0,0.73)), color-stop(74%,rgba(0,0,0,0.6)), color-stop(85%,rgba(0,0,0,0.44)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ top: 54px; height: 101px; display: table; } .content-box h2 {padding: 2px 0px 0px 10px;/* margin-top:10px; */display: table-cell; vertical-align: middle; /* text-align: center; */} .content-box a {color:#fff !important;} #logo .subscribe input.newsletter-email, #newsletter-single-ad input.newsletter-email, .subscribebox input.newsletter-email { width: 455px; padding: 7px; margin-top: 4px; border: 1px dashed #444; font-size: 15px; font-family: 'PT Serif', serif; } #logo .subscribe input.newsletter-submit { color: #fff; font-family: 'Gilda Display', serif; font-size: 18px; padding: 7px; border: 1px solid #fff; box-shadow: 0px 0px 1px #333; -moz-box-shadow:0px 0px 1px #333; -webkit-box-shadow:0px 0px 1px #333; text-shadow: 0px 1px 1px #333; background:#02adee; background-image: linear-gradient(top, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -o-linear-gradient(top, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -moz-linear-gradient(top, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-linear-gradient(top, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -ms-linear-gradient(top, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.19, rgb(170,125,134)), color-stop(0.6, rgb(184,144,152)) ); margin: 10px; } #logo .subscribe input.newsletter-submit:hover{ cursor:pointer;background-image: linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -o-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -moz-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -ms-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.19, rgb(170,125,134)), color-stop(0.6, rgb(184,144,152)) );} /* menu */ #topper { margin: 0 auto; width: 100%; background:#222; display: block; height: 30px; } #topper .menu {width:1000px; margin: 0px auto 0px auto;text-shadow: 0px 1px 1px #333;padding-top: 2px;} #topper .menu ul, div.menu ul { list-style: none; margin: 0; padding:0; } #topper .menu li, div.menu li { float: left; position: relative; margin:0; padding:5px 10px; display:block; text-transform:uppercase; font-weight:bold; } #topper ul li a { text-decoration: none; color:#fff; } #topper ul li a:hover { color:#ccc; } #topper ul li:hover { } #topper ul ul { display: none; position: absolute; top: 35px; left: 0; float: left; width: 180px; z-index: 99999; } #topper ul ul li { min-width: 180px; padding:0 !important; margin:0 !important; } #topper ul ul ul { left: 100%; top: 0; } #topper ul ul ul li{ top: 0; padding:0 !important; margin:0 !important; } #topper ul ul.sub-menu li a { background:#333; padding:4px; } #topper ul ul.sub-menu li a:hover { } #topper ul li:hover > ul { display: block; } #topper ul li.current_page_item > a, #topper ul li.current-menu-ancestor > a, #topper ul li.current-menu-item > a, #topper ul li.current-menu-parent > a { color: #fff; } .social-icons { float:right; padding-right:20px; width: 350px; padding-top: 0px; } .social-icons img { border:none;width:25px; margin:0px 3px 0px 3px; opacity:.5; filter:alpha(opacity=50); /* For IE8 and earlier */ -webkit-transition-property:opacity; -webkit-transition-duration: .1s, .1s; -webkit-transition-timing-function: linear, linear; float: right; } .social-icons img:hover { opacity:10; filter:alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer; } .social-icons-float { float:left; width: 400px; padding-top: 8px; } .social-icons-float img { border:none;width:25px; margin:0px 3px 0px 3px; opacity:.5; filter:alpha(opacity=50); /* For IE8 and earlier */ -webkit-transition-property:opacity; -webkit-transition-duration: .1s, .1s; -webkit-transition-timing-function: linear, linear; float: right; } .social-icons-float img:hover { opacity:10; filter:alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer; } /* content */ #content-container {min-height:600px;} .sticky{ } .post, .type-page { } .pagetitle{ font:normal 18px "arial", verdana, times; } .entry-title a{color:#333;} .entry-title a:hover{color:#000;} #content h2, .entry-meta, .entry-utility{ font:normal 12px "arial", times; margin:0 0 10px 0; } .entry-meta { font-family: 'PT Serif', serif; color:#888; font-size:16px; margin-top:10px; } .entry-content h1 {font-size:34px;padding:20px 0px;} .entry-content h2 {font-size:24px !important;font-family:'Roboto Condensed', sans-serif !important;} .entry-content p { font: 1.2em/1.5em Georgia,"Times New Roman",serif; margin-bottom: 1.375em;} .entry-content table { border:1px solid #d8d8d8; border-collapse:collapse; } .entry-content table td { padding:5px; } .entry-content table.fixed td { width:33%; } .single-content-wrapper {float:left;width:800px;} .entry-content ul, .home-interior-content ul { list-style: square; font-family: Cambria,Georgia,Times,serif; font-size: 16px; margin-bottom: 1.375em; line-height: 150%; } .home-interior-content ul {font-size:14px;} .home-interior-content a {font-size:15px;} .entry-content p:first-child:first-letter { float: left; color: #333; font-size: 95px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-style:normal; } .entry-content blockquote p:first-child:first-letter { float: none !important; color: #333; font-size: 15px !important; line-height: 150% !important; padding-top: 0px !important; padding-right: 0px !important; padding-left: 0px !important; } .home-interior-content blockquote, .entry-content blockquote { border-left:5px solid #d8d8d8; padding-left:15px; font-style:italic; color:#555; } .postmetadata{ clear: both; padding:6px 0; margin: 20px 0; } .navigation { margin:14px 0; padding:14px; background:#fff; box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; border:1px solid #ccc; overflow:hidden; } .nav-previous a { float: left; width: 305px; padding: 10px 0px 10px 10px; background: #333; color: #FFF; text-transform: uppercase; } .nav-next a { float: right; text-align: right; width: 305px; padding: 10px 10px 10px 0px; background: #333; color: #FFF; text-transform: uppercase; } .nav-next a:hover, .nav-previous a:hover {background:#555;} #nav-above { } #nav-above, .single #nav-below { display: none; } .paged #nav-above, .single #nav-above { display: block; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 11px; } .alignright { display: inline; float: right; margin-left: 11px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Widgets */ #sidebar{ width:270px; float:right; } .widget-area { overflow: hidden; } .widget-area, .widget-area input { line-height: 18px; } .widget-area ul ul a { text-decoration: none; } .widget-area ul ul a:hover { text-decoration: none; } .widget-area ul { list-style: none; margin: 0 !important; } .widget-area ul ul { list-style: none; } .widget-area ul ul ul { margin: 0; } .widget-area ul ul li { padding: 2px 0; } .widget-title { } .widget-title a{ color: #111 !important; } .widget-container { margin: 0 0 1.5em 0; } /* Calendar Widget */ #wp-calendar { width: 100%; } #wp-calendar caption { font: 13px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; text-align: left; padding: 0 2px 6px; } #wp-calendar th { color: #888; font-size: 11px; text-align: center; } #wp-calendar tbody td { text-align: center; } #wp-calendar tfoot td { padding-top: .2em; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tbody a { text-decoration: underline; } #wp-calendar a:visited { color: #0060ff; } #wp-calendar a:visited:hover { color: #df0000; } /* Flickr Widget (WP.com) */ #flickr_badge_wrapper { background-color: transparent !important; border: none !important; } /* Cloud Widgets */ .wp_widget_tag_cloud div, .widget_tag_cloud div { line-height: 1.7em; padding: 0.2em 0; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { max-width: 96%; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 5px 0 5px 10px; text-align: center; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ padding: 6px; } .wp-caption img { } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } .wp-post-image{padding:2px; margin:8px 0; border:1px solid #dedede;} #content .aside { border-left: 1px solid #ccc; font-size: 13px; margin: 0; padding: 0 0 0 0.85em; } /* search */ #headersearch #searchform { text-align: right; display: inline; } #headersearch #searchform div { margin: 0; } #headersearch #searchform input#s { float: right; font-size: 12px; padding: 4px; width: 37%; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; color:#666; background: #fff url('images/search-black.png') no-repeat 3px 3px; text-indent: 20px; } #headersearch #searchform input#s:focus { background-color: #f9f9f9; width: 60%; } #headersearch #searchsubmit { display: none; } /* footer */ #footer { clear: both; width: 1020px; margin: 0px auto 3px auto; overflow:hidden; background:transparent; color:#AAA; padding-bottom: 9px; } #footer p {font-size: 10px;font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;} #footer #colophon { padding: 11px; font-size:12px; } #footer #site-info{ } #footer #site-generator, #footer #footer-right-side{ } .menu { width: 430px; margin: 0 auto; } div.menu li { font-size:15px; } div.menu li a {color:#AAA;} div.menu li a:hover {color:#111;} .digest-container { background: #fff url('images/lightstripes.png'); height: 400px; overflow: hidden; } .digest-container img { width: 1000px; } span.digest-number { position: relative; background: #222; font-size: 20px; color: #FFF; text-transform: uppercase; padding: 3px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: -34px; float: right; } .digest-content { font-size: 16px; width: 320px; position: absolute; z-index: 987; background: rgb(32, 32, 32); background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,0.73) 60%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,0.44) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(20%,rgba(0,0,0,0.9)), color-stop(45%,rgba(0,0,0,0.8)), color-stop(60%,rgba(0,0,0,0.73)), color-stop(74%,rgba(0,0,0,0.6)), color-stop(85%,rgba(0,0,0,0.44)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.8) 45%,rgba(0,0,0,0.73) 60%,rgba(0,0,0,0.6) 74%,rgba(0,0,0,0.44) 85%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ margin-top: -500px; height: 400px;} .digest-content h2 { font-size: 40px; text-align: center; font-family: 'Roboto Condensed', sans-serif; color: #fff; line-height: 1em; margin:30% 0% 5% 0%; } .digest-content h2 a {color: #fff;} .digest-content p { font-size:15px; text-align: left; color:#FFF } .continue { text-align:right !important; } .continue a { font-style:italic; color: #02adee; font-family: 'PT Serif', serif; text-shadow: 0px 1px 0px #333; font-size: 20px; } .digest-image { width: 1000px; height: 500px; } .digest-content-box { padding: 10px 10px 20px 10px; margin-left: 2px; } .picks-link {text-align: right; padding: 0px 20px; text-transform: uppercase; font-family: 'Roboto Condensed', serif; font-size: 16px; } .issues-box { width:220px; float:left; margin: 20px 13px 10px 0px; background: #02adee; padding:10px; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .issues-box h2 { font-size:18px; font-family: 'PT Serif', serif; } .issues-box h2 a {color:#fff;} .issues-box h2 a:hover {color:#000;} .time-comment {text-transform: uppercase; font-size: 11px;border-collapse: collapse;color: #aaa;width: 100%;margin-top: 20px;border: none !important;} .time-comment tbody {text-align:center;} .time-comment td:hover a, .time-comment td:hover {background:#02adee;color:#fff !important;cursor:pointer;} .issues-box a.continue-reading {display:none;} .featured-box, .author-box { width:630px; /* display:inline; */ margin: 18px -1px 10px 0px; float:left; border: 1px solid #d8d8d8; } .big-ass-box {border:1px solid #d8d8d8;border-bottom:none;width:976px;overflow:hidden;} .big-ass-box iframe {height:450px !important;width:100%;} .big-ass-box img {width:976px;} .featured-box img {background-size: 630px auto !important;} .big-ass-box h2 {font-size:36px;text-align:left;padding:20px 30px 0px 30px;} .big-ass-box .home-interior-content {width:800px;padding:0px;} .big-wrapper {display: block; width: 976px; height: 450px; overflow: hidden; -moz-box-shadow:0px 3px 7px 0px #666; -webkit-box-shadow: 0px 3px 7px 0px #666; box-shadow: 0px 3px 7px 0px #666;position:relative;} .big-wrapper img.clicktoplay {position: absolute; bottom:-10%;} .author-box-loop img {float:left;padding: 10px;width:150px;} .author-box h2 {text-transform:uppercase;font-size:20px;} .author-box h3 {text-transform:uppercase;margin:5px 0px;font-size:25px;} .author-box ul {margin:0px !important;padding:10px;} .author-box li a {text-transform:uppercase;display:block;background:#eee;margin:3px !important;padding:10px;} .author-box li a:hover {background:#bbb;} .author-box p {padding:10px;border-bottom:1px solid #d8d8d8;} .featured-box img { width: 630px; } .author-box-loop {margin:15px 0px 0px 0px;border-bottom:1px solid #d8d8d8;color:#333;} .author-box-loop p {border:none;padding:5px 10px;font:1em/1.4em Georgia,"Times New Roman",serif;} .author-box-loop a, .author-box-feature a {color:#333;font-weight:bold;font:1.4em/1.1em 'Roboto Condensed', sans-serif;} .author-box-feature a {font-size:1.8em;} .author-img-loop {vertical-align:middle;width:160px;display:inline-block;} .author-title-loop {vertical-align:middle;display:inline-block;width:450px;} .author-title-loop a {margin-left:10px;display:block;} .author-bio {width:190px;background:#f2f2f2;padding:5px;display:inline-block} .author-bio p {font:.8em/1.6em Georgia,"Times New Roman",serif;} .author-box-feature img {width:400px;float:none;} .author-box-feature p {border:none;font:1em/1.4em Georgia,"Times New Roman",serif;background:#fff;min-height:120px;} .author-wrapper {background:#f2f2f2;} .author-box-feature {width: 426px; display: inline-block; vertical-align: top;} .author-box-feature h4 {text-align:center;background:#fff;padding:8px 4px;} .imgwrapper {text-align:center;overflow:hidden;background:#fff;padding-top:15px;} .featured-box h2 {font-size: 34px;line-height: 1em;padding: 20px 20px 5px 20px;text-align: left;} .home-interior-content {padding:10px 20px 20px 20px;float:left;width:460px;} .meta-box {float: right;width: 110px;font-size: 11px;text-transform: uppercase;font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; color: #aaa;margin:25px 15px 0px 0px;} .meta-box p {font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;font-size:11px;color: #aaa} .tag-list a {padding: 6px;background: #f5f5f5;text-transform: capitalize;font-style: italic; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;margin:0px 2px;} .tag-list a:hover {background:#f5f5f5;} .fitvids {max-height:450px;} .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {max-height:450px !important;} .featured-box h2 a, .picks-box a, .big-ass-box h2 a {color:#222;} .featured-box h2 a:hover, .big-ass-box h2 a:hover, picks-box a:hover {color: #aaa;} .posts {border-bottom: 1px solid #fff;margin-bottom:15px;padding-bottom:10px;} .featured-box .posts {/* border-bottom: 1px dashed #d8d8d8 !important; */} .featured-box .posts p, .big-ass-box .posts p {font: 1.1em/1.3em Georgia,"Times New Roman",serif;color:#333;margin: 12px 0px} .big-ass-box .posts p {padding:10px 30px;} .picks { width: 345px; display:inline; float:left; margin: 18px 0px 10px 0px; /* padding: 0px; */ border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .picks h2.header, .featured-box h2.header { border: 1px solid #d8d8d8; margin-bottom:10px; font-size:22px; padding: 10px 10px 10px 20px; /* display: block; */ width: 314px; text-transform: uppercase; } .pick-box { width: 134px; vertical-align:top;margin-bottom:15px; display:inline-block; min-height:200px; padding-left: 25px; } .pick-box p {padding-right:3px;} .pick-box a {color:#222;} .pick-box a:hover {text-decoration:underline;} .pick-box img { width:135px; } .single-top-container { min-height: 45px; width:100%; margin-bottom: 20px; overflow:hidden; background-image: linear-gradient(left , rgb(216,216,216) 12%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(left , rgb(216,216,216) 12%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(left , rgb(216,216,216) 12%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(left , rgb(216,216,216) 12%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(left , rgb(216,216,216) 12%, rgb(255,255,255) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.12, rgb(216,216,216)), color-stop(1, rgb(255,255,255)) ); } .single-image-box { width:500px; display:inline-block; vertical-align: middle; } .single-image-box img { width:500px; } .single-title-box { width: 356px; display:inline-block; vertical-align:middle; padding: 0px 0px 0px 35px; text-align: center;} .single-title-box h1 { font-size: 40px; line-height:1em; } #post .single {width:960px;} #newsletter-single-ad { background-image: linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -o-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -moz-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -ms-linear-gradient(bottom, rgb(170,125,134) 19%, rgb(184,144,152) 60%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.19, rgb(170,125,134)), color-stop(0.6, rgb(184,144,152)) ); color:#FFF; padding:20px; margin:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow:0px 0px 5px 0px #222; -webkit-box-shadow: 0px 0px 5px 0px #222; box-shadow:0px 0px 5px 0px #222; } #newsletter-single-ad form { margin:0px auto !important; width:500px; } #newsletter-single-ad p { font-family: 'Gilda Display', serif; color: #fff; font-size: 22px; text-shadow: 0px 1px 2px #000; } .entry-info p { text-align:center; font-style:italic; font-size:15px; } #newsletter-single-ad input.newsletter-submit, .subscribebox input.newsletter-submit { color: #fff; font-family: 'Gilda Display', serif; font-size: 18px; padding: 7px; border: 1px solid #fff; -moz-box-shadow:0px 0px 1px #333; -webkit-box-shadow: 0px 0px 1px #333; box-shadow: 0px 0px 1px #333; text-shadow: 0px 1px 1px #333; background:#222; margin-left:8px; cursor:pointer; -webkit-transition-property:background, border; -webkit-transition-duration: .1s, .1s; -webkit-transition-timing-function: linear, linear; } #newsletter-single-ad input.newsletter-submit:hover, .subscribebox input.newsletter-submit:hover { background: #02adee; } h1.section-header {margin-bottom: 10px; font-size: 22px; text-transform: uppercase; padding: 10px 0px 0px 10px; } #archive-box { width:630px;margin: 18px -1px 10px 0px; float:left; border: 1px solid #d8d8d8;} #archive-box .posts img { width:620px; display:block; margin:0px auto 10px auto; } #archive-box .posts { border-bottom:1px dashed #d8d8d8; } #archive-box .posts h2 { font-size:30px; text-align:center; font-family:'Roboto Condensed', sans-serif; width: 280px; display:inline-block; border-right:1px dashed #d8d8d8; vertical-align:middle; padding-right: 10px; } #archive-box .posts h2 a {color:#222;} #archive-box .posts h2 a:hover {color:#ef627a;} #archive-box .posts span.issue {font-size: 13px; text-transform: uppercase; color: #fff; background: #000; padding: 1px 3px; } #archive-box .posts p {text-align:left;width: 300px;display:inline-block;padding: 30px 0px 30px 10px;vertical-align:middle;} #archive-box p.time-comment {text-align:center;display:inline-block;width:100% !important;vertical-align:none;} .newsletter-sidebar {width: 286px;display: block;float: left;margin: 11px 0px 12px 26px;border: 5px solid #02adee;} .newsletter-sidebar p {color: #fff; background: #02adee; padding: 0px 4px 4px 0px; font-family: 'Roboto Condensed', sans-serif; text-align: center;} .newsletter-sidebar form {margin: 4px auto; width: 235px;} .newsletter-sidebar input.newsletter-email {height: 26px; width: 100%; border-bottom: 1px solid #ccc !important; border: none; } .newsletter-sidebar input.newsletter-submit { color: #fff; font-family: 'Roboto Condensed', serif; font-size: 12px; text-transform: uppercase; padding: 5px; border: 1px solid #fff; box-shadow: 0px 0px 1px #333; text-shadow: 0px 1px 1px #333; background: #444; margin-left: 8px; cursor: pointer; -webkit-transition-property: background, border; -webkit-transition-duration: .1s, .1s; -webkit-transition-timing-function: linear, linear; } .newsletter-sidebar input.newsletter-submit:hover { background:#666; } .digest-content-box .continue-reading { font-style: italic; color: #02adee; font-family: 'PT Serif', serif; text-shadow: 0px 1px 0px #333; font-size: 20px; display:block; } /* ribbon style */ .ribbon-wrapper { position: relative; float: right; left: -15px; top: -97px; color:#FFF; font-family:'Roboto Condensed', sans-serif; text-align:center; font-size:17px; text-transform:uppercase; font-weight: bold; } .ribbon-front { background-color: #02adee; height: 25px; width: 120px; position: relative; left: 8px; z-index: 2; } .ribbon-front, .ribbon-back-left, .ribbon-back-right { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.70); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.70); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.70); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } .ribbon-edge-topleft, .ribbon-edge-topright, .ribbon-edge-bottomleft, .ribbon-edge-bottomright { position: absolute; z-index: 1; border-style:solid; height: 5px; width: 9px; } .ribbon-edge-topleft, .ribbon-edge-topright { } .ribbon-edge-bottomleft, .ribbon-edge-bottomright { top: 22px; } .ribbon-edge-topleft, .ribbon-edge-bottomleft { left: 0px; border-color: transparent #754D55 transparent transparent; } .ribbon-edge-topleft { top: 0px; border-width: 0px 0px 0 0; } .ribbon-edge-bottomleft { border-width: 0 0px 0px 0; } .ribbon-edge-topright, .ribbon-edge-bottomright { left: 110px; border-color: transparent transparent transparent #02adee; } .ribbon-edge-topright { top: 0px; border-width: 0px 0 0 10px; } .ribbon-edge-bottomright { border-width: 0 0 5px 18px; } .ribbon-back-left { position: absolute; top: 0px; left: 0px; width: 0px; height: 25px; background-color: #02adee; z-index: 0; } .ribbon-back-right { position: absolute; top: 5px; right: -32px; width: 22px; height: 40px; background-color: #02adee; z-index: 2000000000; } .long-box { padding: 12px 12px 12px 22px; text-align:center; } .long-box img {width:300px;} .long-box a {color:#222;} .long-box a:hover {text-decoration:underline;} .social-box { width: 200px;color: #222; position:relative; float:left; padding: 5px 5px 10px 5px; } .social-box p {padding:4px !important;} .title-social-container {display: table;} .social-box img {float: left; margin-top: -80px; width: 96px; height: 96px; padding: 0px; border: 1px solid #444; border-left: none; margin-right: 5px; } .title-box { border-left: 1px solid #d8d8d8;width: 429px;/* float: right; */display: table-cell;vertical-align: middle;padding:5px;} a.tweet-button, a.like-button, a.tumblr-button {cursor:pointer;display:block;vertical-align:top;background:#02adee;color:#FFF;padding:4px;text-transform:uppercase;font-size:10px;width:75px;margin:5px 0px 5px 0px;} a.tweet-button:hover, a.like-button:hover, a.tumblr-button:hover {color:#222 !important;background:#d8d8d8 !important;} .Music a {color:#855777;} .Books-Comics a {color:#BD99A0;} .Games a {color:#576085;} .Art a {color:#BDB599;} .Web-Apps a {color:#578564;} .Video a {color:#8DA8B4;} .Longreads {border-top:10px solid #0286BB;} .Music {border-top:10px solid #855777;} .Books-Comics {border-top:10px solid #BD99A0;} .Games {border-top:10px solid #576085;} .Art {border-top:10px solid #BDB599;} .Web-Apps {border-top:10px solid #578564;} .Video {border-top:10px solid #8DA8B4;} .Video a.tweet-button, .Video a.like-button, .Video a.tumblr-button, .Video .time-comment td:hover a, .Video .time-comment td:hover {background:#8DA8B4;color:#FFF} .Web-Apps a.tweet-button, .Web-Apps a.like-button, .Web-Apps a.tumblr-button, .Web-Apps .time-comment td:hover a, .Web-Apps .time-comment td:hover {background:#578564;color:#FFF} .Art a.tweet-button, .Art a.like-button, .Art a.tumblr-button, .Art .time-comment td:hover a, .Art .time-comment td:hover {background:#BDB599;color:#FFF} .Games a.tweet-button, .Games a.like-button, .Games a.tumblr-button, .Games .time-comment td:hover a, .Games .time-comment td:hover {background:#576085;color:#FFF} .Books-Comics a.tweet-button, .Books-Comics a.like-button, .Books-Comics a.tumblr-button, .Books-Comics .time-comment td:hover a, .Books-Comics .time-comment td:hover {background:#BD99A0;color:#FFF} .Music a.tweet-button, .Music a.like-button, .Music a.tumblr-button, .Music .time-comment td:hover a, .Music .time-comment td:hover {background:#855777;color:#FFF} .big-ass-box .title-box {width:100%;border:none;} .big-ass-box .title-social-container {width:100%;} .big-ass-box .home-interior-content table {border-collapse:collapse;} .big-ass-box .home-interior-content td.social {background:url('images/textures/p6.png');vertical-align:top;border-right:1px solid #d8d8d8;} .big-ass-box .social-box {width:250px} .big-ass-box .social-box p {color:#9c9c9d;} .big-ass-box .time-comment {margin-top:0px;padding-top:20px;} .big-ass-box .posts {border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;} .hide-ugly-social-button {width:52px;height:12px;overflow:hidden;} div.fb-like {padding-top:10px;} .hide-ugly-social-button:before {content:"Like This";line-height:1.9em !important;} .view-gallery { display: block; color: #FFF; font-family: 'Roboto Condensed' sans-serif; text-transform: uppercase; padding: 0px 10px 10px 0px; font-size: 16px; text-align: right;} .Music span.view-gallery {background:#855777;} .Books-Comics span.view-gallery {background:#BD99A0;} .Games span.view-gallery{background:#576085;} .Art span.view-gallery {background:#BDB599;} .Web-Apps span.view-gallery {background:#578564;} /* Slider ================================================== */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: inline-block;margin:0 auto; } .flexslider .slides li {text-align:center;} .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ .no-js .slides > li:first-child { display: block; } /*main*/ .flexslider-container { position: relative; } .flexslider { zoom: 1; position: relative; } .flexslider ul { margin: 0; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #single-post-slider .flex-direction-nav li a.flex-next, #single-post-slider .flex-direction-nav li a.flex-prev, #single-post-slider-2 .flex-direction-nav li a.flex-next, #single-post-slider-2 .flex-direction-nav li a.flex-prev, #single-post-slider-3 .flex-direction-nav li a.flex-next, #single-post-slider-3 .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 40px; height: 60px; line-height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; font-size: 1em; text-align: center; background: #000; color: #fff !important; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; } #single-post-slider .flex-direction-nav li a.flex-next, #single-post-slider-2 .flex-direction-nav li a.flex-next, #single-post-slider-3 .flex-direction-nav li a.flex-next { right: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #single-post-slider .flex-direction-nav li a.flex-prev, #single-post-slider-2 .flex-direction-nav li a.flex-prev, #single-post-slider-3 .flex-direction-nav li a.flex-prev { left: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #single-post-slider .flex-direction-nav li a:hover, #single-post-slider-2 .flex-direction-nav li a:hover, #single-post-slider-3 .flex-direction-nav li a:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; color: #fff; text-decoration: none; } p.slider-caption {font-size: 12px; color: #fff; background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); /* IE6 & 7 */ zoom: 1; padding: 5px; bottom:30px; display:block; width:950px; position:relative; } .welcome-to-the-clickhole { padding-top:20px; } .welcome-to-the-clickhole h3 { font-size: 20px; background: url("images/heading-bg.png") center repeat-x; margin-bottom: 20px; text-transform: uppercase; } .welcome-to-the-clickhole h3 span { background: #fff; padding-right: 15px; text-transform: uppercase; } .pick-box-single { display:inline-block; width:160px; vertical-align:top; padding:10px; } .pick-box-single img {width:150px;} .pick-box-single a { color: #333; text-decoration: none; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; } /*post audio*/ #single-post-audio-wrap{ margin: 0px;} #single-post-audio-wrap img{ display: block; width: 100%; } /* Isotope CSS Animations ================================================== */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*gallery shortcode*/ .gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Video .social-box img {margin-top:0px !important;} .entry-left-sidebar { width: 220px !important; border: none !important; color: #222 !important; position: relative; float: left;margin: 0px 10px 10px 0px;} .single-author-box { background: #f0f0f0;margin-bottom:15px; padding: 10px 10px 10px 10px; } .related-posts {background:#fff;width:200px;} .related-posts ul {margin:0px;padding:0px;list-style-type:none;} .related-posts li {padding:10px 0px;border-top:1px solid #d8d8d8;font-family:'Roboto Condensed', sans-serif;font-size:14px;line-height:20px;} .related-posts img {float:left;width:80px;height:80px;padding-right:10px;border:none} .related-posts li a {display:inline-block;width:95px;vertical-align:middle;} .single-entry-title { display: inline-block; width: 719px; } .single-entry-title h1 {font-size:35px;margin: 15px 0px 13px 10px;} .entry button, .entry input[type="button"], .entry input[type="submit"], #commentsbox input[type="submit"] { position: relative; display: block; padding: 0 15px; height: 35px; line-height: 35px; outline: none; border: none; background: #0286BB; color: #fff; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 0.857em; cursor: pointer; -webkit-appearance: none !important; } .entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover,#commentsbox input[type="submit"]:hover { background: #111; color: #fff; } .entry button:active, .entry input[type="button"]:active, .entry input[type="submit"]:active, #commentsbox input[type="submit"]:active { top: 1px; } /* Comments ================================================== */ #comments {margin-top: 0px;padding: 20px;} h3#comments, #respond {font-size:20px;margin-top: 15px;} ol.commentlist {list-style-type:none;margin:0px auto;padding-top:10px;padding-right:50px;width:100%;} ol.commentlist li {padding:10px;background:#f0f0f0;margin-bottom:15px;border:1px solid #d8d8d8;} ol.commentlist img {float:left;padding-right:20px;} span.comment-date, span.comment-author {color:#ccc !important;text-transform:uppercase;font-size:12px;} .comment-text p {padding:6px 10px;} ol.commentlist li.eo {background:#000;} h3.comments-title {font-size: 20px;text-transform: uppercase;} .comment-text h4 {padding:0px 10px;font-style:normal;} a.comment-reply-link {color: #bbb; text-transform: uppercase; font-size: 11px; padding: 0px 10px;} #commentsbox { width: 100%; padding: 0px; margin-left: -20px; } #comments_wrap { margin-top: 15px; } #comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 0.929em; } #log-out { float: right; margin-top: -56px; } .form-submit { margin-bottom: 0; height: 55px; margin-top: 15px; } h3#reply-title { font-size: 1em; background: url("images/heading-bg.png") center repeat-x; margin-bottom: 20px; text-transform: uppercase; } h3#reply-title span { background: #fff; padding-right: 15px; text-transform: uppercase; } .children #commentform textarea { width: 95.6%; } #commentform input { float:none; margin:10px; } #commentform label { font-family: 'Roboto Condensed', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-right:15px; } #commentsbox span.required { color: #C30; font-size: 0.643em; } #commentform input { margin-top: 0 !important; } #commentform input#author, #commentform input#email, #commentform input#url { font-size: 0.929em; width: 40%; margin-top: 10px; } #commentform textarea { font-size: 0.929em; width: 50%; margin-top: 10px; } .single-feature-img {max-height:450px;overflow:hidden;} .single-feature-img img {width:960px;} .featured-box iframe, .Music iframe {width:100%;} .single-content-container {margin-left:241px;z-index: 1;position: relative;} .single-content-container p:first-child:first-letter { float: none; color: #333; font-size: 16px; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-style:normal; } #category-menu {width: 115px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; position: absolute; top: 200px; left: 16px; z-index: 100;} ul.categories {margin: 2px;} .categories li {display: block; padding: 5px; background: #222; border-top: none; font-size: 13px; margin: 5px; text-align: right; text-shadow: 0px 1px 2px #000; } ul.categories li:hover {background:#444;} #sticky-social-header { margin: 0 auto; width: 100%; background:#222; display: block; height: 40px; font-family:'Roboto Condensed', sans-serif; font-size:14px; text-transform:uppercase; -moz-box-shadow: 0px 0px 5px 1px #444; -webkit-box-shadow: 0px 0px 5px 1px #444; box-shadow: 0px 0px 5px 1px #444; overflow:hidden; } #sticky-social-header .sticky-logo {background: url('images/sticky-logo.png') no-repeat 9px 2px;width: 200px; display: none; height: 40px; vertical-align: top;} #sticky-social-header .sticky-social-container { display: block; margin-right: auto; margin-left: auto; width: 1033px; } #sticky-social-header ul {display:inline;margin:0px;} .sticky-categories li {display: inline-block; padding: 0px 15px 0px 10px; border-top: none; font-size: 21px;} .sticky-menu {float:left;margin-top:7px;} .sticky-item {width: 65px; float: left; margin: 10px 10px;} .sticky-navi { float:right; padding:10px 10px 0px 0px; } a.more-link {text-transform:uppercase;font-family:'Roboto Condensed', sans-serif;} @media screen and (max-width: 1019px) { #container {width: auto;} .big-ass-box {width:auto;} .big-wrapper {width:auto;height:auto;} .big-ass-box .home-interior-content {width:630px;} .big-wrapper img {width:100%;background-size: 100% !important} .big-wrapper img.clicktoplay {position:relative;} .picks {width:200px;} .picks h2.header {border-right:none;width:auto;} .long-box img {width:150px;} #logo .subscribe {display:none;} #sticky-social-header {display:none;} #footer {width:auto;} #footer .menu {width:auto;} .newsletter-sidebar {display:none;} .single-content-wrapper {width:600px;} } @media screen and (max-width: 950px) { .single-image-box img {width:100%;} .single-image-box {width: 300px;} .single-title-box {width:300px;} @media screen and (max-width: 887px) { .picks {display:none;} .big-ass-box .home-interior-content {width:460px;} } @media screen and (max-width: 655px) { .big-ass-box h2, .featured-box h2 {font-size:28px;} .big-ass-box .posts p {font-size:1em;} .featured-box, .author-box {width:auto;} .featured-box img {width:100%;background-size:100% !important;} .nav-next a, .nav-previous a {width: 50%;} .big-ass-box .home-interior-content, .home-interior-content {float:none;width:auto;} .meta-box {padding-left:20px; width:100%;float:none;margin: 0px 0px 15px 0px;} .meta-box a {display:inline-block;} .time-comment {font-size:9px;} .single-content-wrapper {width:100%;} .author-box-feature {display:none;} .author-bio {width:100%;padding:0px;} .author-img-loop {width:auto;float:left;display:inline;} .author-title-loop {width:100%;display:inline;} .single-image-box, .single-title-box {width:auto;} } div.photoset-grid-basic a:focus, div.photoset-grid-custom a:focus, div.photoset-grid-lightbox a:focus { outline: none; } div.photoset-grid-basic img, div.photoset-grid-custom img, div.photoset-grid-lightbox img { max-width: 100%; } img.tumblr {padding:none !important;} .tumblr {padding:10px;} iframe.tumblr {width:600px;height:300px;background:#000;} .vp-player-layout { left: 0 !important; top: 0px !important; width: 100% !important; height: 100% !important; }