/*
Theme Name: Cult of Mac 2012
Theme URI: http://cultofmac.com
Description: Cult of Mac 2012
Author: Craig Grannell
Author URI: www.snubcommunications.com
Version: Live site
*/

/*
--- DOCUMENT OVERVIEW ---

STYLE SHEET FOR CULT OF MAC

Table of contents
-------------------
1. page defaults
2. masthead and navigation
3. content
4. sidebar
5. footer
6. patches
7. media queries
8. patches
-------------------

>> baseline: 15px (approx.)
>> grid settings: 45px/40px gutter (approx.)

-------------------
*/

/* ---- 1. _page defaults ---- */

* {
margin: 0;
padding: 0;
border: 0;
}

.ar {
text-align: right;
}
.ac {
text-align: center;
}
img.aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block;
}

body {
background: url("i/page-background-top.png") repeat-x;
font: 14px/18px "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
color: #363636;
}

#sidebar {
	font-size: 13px;
}

.post h2, #sidebar h2, .bio-box-head {
font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
width: 981px;
margin: 0 auto;
}

#wrapper-ad-site-skin {
	width:981px; margin:0 auto; 
	background: #fff url("i/page-background-top.png") repeat-x;
	}

.sep { clear: both; height: 1px; }

/* ---- 2. _masthead and navigation ---- */

#masthead {
	margin-bottom: 20px;
}

#header {
	height: 45px;
	position: relative;
}

#search-container {
position: absolute;
left: 340px;
top: 0;
width: 300px;
height: 45px;
position: absolute;
background: url("i/search-background.png");
}

#search-form {
margin: 0;
padding: 0;
width: 190px;
height: 45px;
}

#search-form input {
background: none;
color: #ffffff;
font: 18px/43px "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
padding-left: 70px;
width: 230px;
height: 45px;
}

.social-links {
	position: absolute;
	right: 0;
	top: 10px;
	}
.social-links li {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	margin-left: 8px;
	}

.social-links a {
	display: block;
	width: 24px;
	height: 24px;
	background: url("i/sprite.png") no-repeat 0 0;
}
.sn-twitter a { background-position: 0 0; }
.sn-facebook a { background-position: -32px 0; }
.sn-stumbleupon a { background-position: -64px 0; }
.sn-google a { background-position: -96px 0; }
.sn-youtube a { background-position: -128px 0; }
.sn-rss a { background-position: -160px 0; }

#leaderboard {
width: 728px;
height: 90px;
float: right;
padding-top: 35px;
padding-right: 39px;
}

#navigation {
clear: both;
}

/* primary nav bar */
#main-nav {
width: 984px;
margin-left: -2px;
height: 70px;
background: url("i/nav-background.png") no-repeat;
position: relative;
border-bottom: 1px solid #e5e5e5;
}

#main-nav-bar, #site-info-nav-bar {
text-align: center;
list-style: none;
line-height: 34px;
padding: 0 6px;
font-weight: bold;
}
#site-info-nav-bar {
right: 8px;
}

#main-nav-bar li, #site-info-nav-bar li {
display: inline;
font-size: 15px;
padding: 7px 10px 9px 10px;
}
li#mn-deals, li#sn-advertising {
	background: none;
}

#main-nav-bar a, #site-info-nav-bar a {
color: #ffffff;
text-decoration: none;
}
#main-nav-bar a:hover, #site-info-nav-bar a:hover {
text-decoration: underline;
}

/* sub nav bar */
#actions-nav-bar {
	clear: both;
	list-style: none;
	line-height: 37px;
}
#actions-nav-bar li {
float: left;
width: 300px;
text-align: center;
}
#actions-nav-bar a {
	color: #535353;
	text-decoration: none;
}

/* ---- 3. _content ---- */

#content-c {
background: url("i/content-background.png") repeat-y;
overflow: auto;
margin-bottom: 25px;
}

#content-c-no-sidebar { overflow: auto; margin-bottom: 25px; }

#main-content {
width: 640px;
overflow: hidden;
float: left;
margin-right: 40px;
}

.gallery-page { } /* not needed in new layout */

.no-sidebar { width: 100% !important; background: #fff; }

#main-content a {
color: #000000;
}
#main-content a:visited {
color: #666666;
}
#main-content h2 a:visited {
color: #333333;
}
#main-content a:hover, #main-content a:focus {

}

.intro-header {
font-weight: normal;
font-size: 24px;
line-height: 34px;
margin-bottom: 10px;
}
.intro-para {
font-size: 14px;
padding-bottom: 18px;
border-bottom: 1px solid #666666;
margin-bottom: 30px;
}
.sentenceCase {
text-transform: capitalize;
}

/* post styles */
.post {
}

.post-separator {
border-bottom: 1px solid #666666;
margin: 30px 0;
clear: both;
}
.dotted {
border-style: dotted !important;
}

/* ads */
.mc-mpu-container {
padding: 0;
margin: 0 auto;
width: 300px;
}

/* some req full width */
.mc-mpu-container-full { margin: 0 auto; }

#comments-ad-container {
width: 640px;
height: 290px;
display: block;
}

.comments-mpu-container {
width: 300px;
margin: 20px 170px;
height: 250px;
}

.mc-mpu-container img, .mc-mpu-container object, .mc-mpu-container iframe,
.comments-mpu-container img, .comments-mpu-container object, .comments-mpu-container iframe {
margin: 0;
}

.post h2, .bio-box-head, .podcast-block h2 { /* main heading */
font-weight: normal;
font-size: 30px;
line-height: 34px;
margin-bottom: 10px;
}

.post h2 a, .bio-box-head a {
text-decoration: none;
color: #363636;
}
.post h2 a:hover, .bio-box-head a:hover {
text-decoration: underline;
}

.post h3, h3.posth3, .archives-box h3 { /* section heading */
font-size: 20px;
line-height: 24px;
font-weight: normal;
margin-bottom: 10px;
margin-top: 32px;
}
.archives-box h3 {
margin-top: 0;
}

.post h4 { /* cross heading */
font-size: 16px;
line-height: 20px;
font-weight: bold;
margin-top: 32px;
}

.post h5 { /* overline heading for major sections */
font-size: 20px;
line-height: 24px;
font-weight: normal;
margin-bottom: 10px;
border-top: 1px dotted #aaa;
padding-top: 32px;
margin-top: 32px;
}

.post ul {
margin-left: 20px;
}

.post ol {
margin-left: 20px;
}

.post-meta {
}

.post-meta p.meta-author {
color: #898989;
font-size: 16px;
line-height: 20px;
padding-bottom: 7px;
margin-top: 0;
}
p.meta-author a, .more-link, p.comments-link a, #post-navigation a {
	text-decoration: none;
}
p.meta-author a:hover, .more-link:hover, p.comments-link a:hover, #post-navigation a:hover {
	text-decoration: underline;
}

.tweetmeme_button, .fbshare_button, .twitter_button {
float: right;
background: none;
}
.twitter_button {
margin-top: -1px;
margin-right: 15px /* for +1 */
}
.tweetmeme_button, .fbshare_button {
padding-top: 1px;
}
p.comments-link {
text-align: right;
margin: 0 0 -10px 0 !important;
}
p.icl { }
.comments-link a {
padding-left: 20px;
background: url("i/comments-icon.png") 0 3px no-repeat;
color: #898989 !important;
font-size: 16px;
line-height: 20px;
}
.comments-link a:hover {
color: #000000;
}

.post p {
margin: 16px 0;
}

.post blockquote {
border-left: 2px solid #aaaaaa;
padding-left: 40px;
font-style: italic;
background: url("i/quotemark.gif") 12px 0 no-repeat;
}

#wrapper p.ratingL, #wrapper-ad-site-skin p.ratingL {
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
#wrapper p.ratingR, #wrapper-ad-site-skin p.ratingR {
margin-top: 0;
text-align: center;
}

.subscribe-strap {
line-height: 20px;
border-top: 1px dotted #bbbbbb;
padding-top: 12px;
}

.bio-box {
border: 5px solid #d7d7d7;
padding: 15px;
margin: 15px 0;
}

.bio-box img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.bio-box h3, .similarPostsC h3 {
color: #555555;
font-size: 14px;
margin-bottom: 15px;
}
.bio-box p {
color: #333333;
margin-top: 15px;
}

/* related posts box (used if Don't Miss bit is deacked) */
.similarPostsC {
border: 5px solid #dfdfdf;
padding: 15px;
margin: 15px 0;
}
.similarPostsC ul {
font-size: 12px;
list-style: none;
}
.similarPostsC li {
margin-bottom: 5px;
font-weight: bold;
}
.similarPostsC h3 {
margin-top: 0;
font-weight: bold;
}

/* post image and caption */
body .wp-caption.alignnone, body .wp-caption.aligncenter {
width: auto !important;
}

.wp-caption.alignnone img, .wp-caption.aligncenter img {
display: block;
margin: 0 auto;
}

/* caption (white on black, no gap, centred) */
/* PressLabs - adding gray frames to large captions. */
.post .wp-caption.alignnone p.wp-caption-text, .post .wp-caption.aligncenter p.wp-caption-text {
/* font-style:italic; */
text-align: center;
/* background-color: #000; */
color:#363636;
/* padding: 8px 16px; */
/* margin-top: 0px; */
}

.post img {
max-width: 100% !important;
}

#wrapper a.more-link, #wrapper-ad-site-skin a.more-link {
font-weight: bold;
text-align: center;
font-size: 16px;
color: #666666;
}

div.dealnews-synd-wrapper img {
max-width: 125px !important;
}

/* creds (eg item source) */
ul.credits {
list-style: none;
margin-left: 0;
padding-left: 0;
overflow: auto;
}
ul.credits li {
overflow: auto;
margin-bottom: 5px;
float: left;
}
ul.credits li a {
color: #000000;
text-decoration: none;
}
ul.credits span {
padding: 5px 15px; float: left;
}
.clCat {
background: #3d84bd;
color: #ffffff;
font-style: italic;
}
.clCite {
background: #d7d7d7;
}

/* _comments */

.com-h {
font-weight: normal;
margin-bottom: 18px;
line-height: 18px;
}

h3#comments {
margin-bottom: 18px;
}

.commentinput {
border:1px solid #666666;
}

.commentlist img {
display: none;
}

.commentlist p {
margin-bottom: 16px;
}

.commentlist li {
border-bottom: 1px dotted #cccccc;
}
.commentlist .children li {
border: 0;
border-top: 1px dotted #808080;
}
.commentlist .children {
list-style: none;
padding-left: 40px;
}
.comment-author cite {
font-style: normal;
font-weight: bold;
}
.comment-body {
}
.commentlist .comment-body {
padding: 16px 0;
}
.comment-meta {
float: right;
margin-top: -21px;
}
.comment-meta a {
color: #aaa !important;
font-size: 11px;
font-weight: bold;
}
.comment-reply-link {
font-size: 11px;
float: right;
margin-top: -16px;
}

#respond {
clear: both !important;
}

#respond h3 {
clear: both !important;
margin-top: 18px;
margin-bottom: 18px;
}

#commentform #author,
#commentform #email,
#commentform #url {
border: 1px solid #666666;
margin-bottom:10px;
padding: 5px;
font: 14px/18px "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
width: 300px;
margin-right: 10px;
}

#commentform input:focus,
#commentform textarea:focus {
background: #f9f9f9;
}

#commentform label {
font-weight: bold;
font-size: 14px;
}
textarea {
border: 1px solid #666666;
width: 618px;
margin-bottom:10px;
padding: 10px;
font: 14px/18px "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
}

#respond #submit {
padding: 10px;
font-weight: bold;
border-radius: 10px;
font-size: 14px;
}
#respond #submit:hover {
background-color: #ccc;
cursor: pointer;
text-decoration: underline;
}

.nextBox p { font-size: 13px; list-style: none; padding: 5px 0px; margin-top: 13px; margin-bottom: -23px; }
.nextBox span { float: right; }
.nextBox a { }
.nextBox .npLink { position: absolute; right: 0; }

/* ---- 4. _sidebar ---- */

#sidebar {
width: 300px;
float: left;
overflow: hidden;
}

.sb-sc {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #dddddd;
width: 300px;
overflow: hidden;
}

#sidebar h2 {
color: #464646;
font-size: 16px;
margin-bottom: 16px;
}

.iphone-widget {
}

.dealmac-widget {
}

.sidebar-loop-c {
}

.sidebar-loop-c p a {
font-weight: bold;
color: #666666;
}

#ad-block-125 {
padding: 0 0 16px 21px;
}

.aiso-ad p {
margin-bottom: 16px;
}

.fm-badge-ad {
height: 160px;
}

.fm-badge-ad a, .fm-badge-ad img {
float: none;
}
.fm-badge-ad img {
display: block;
margin: 0 auto;
}

/* ---- 5. _footer ---- */

#footer-c, #footer-c-ad-site-skin { clear: both; }
#footer-c { background: url("i/page-background-bottom.png") repeat-x; }

#footer, #footer-ad-site-skin {
width: 981px;
background: url("i/footer-logo.jpg") no-repeat 50% 50px;
margin: 0 auto;
padding: 36px 0;
}

#footer-ad-site-skin {
margin-top: 25px;
background:#fff url("i/page-background-bottom.png") repeat-x !important; 
background: url("i/page-background-bottom.png") repeat-x, #fff url("i/footer-logo.jpg") no-repeat 50% 50px !important; 
}

#footer-c-ad-site-skin { margin-top: -25px; }

#f-contacts {
width: 300px;
float: left;
}
#f-contacts ul {
list-style: none;
font-size: 18px;
font-weight: bold;
line-height: 40px;
margin-bottom: 36px;
}
#f-contacts li {
	margin-bottom: 7px;
}
#f-contacts li a {
	background: url("i/sprite.png") no-repeat 0 0;
	display: block;
	height: 40px;
	padding-left: 50px;
}
#f-contacts #f-ads a { background-position: 0 -200px; }
#f-contacts #f-download a { background-position: 0 -300px; }
#f-contacts #f-news a { background-position: 0 -400px; }
#f-contacts #f-webmaster a { background-position: 0 -500px; }

#f-info {
	width: 300px;
	float: right;
}

#footer-search-form input {
background: url("i/footer-search-background.png") 0 50% no-repeat;
color: #898989;
font-size: 16px;
line-height: 45px;
font-weight: bold;
padding-left: 40px;
width: 260px;
height: 45px;
margin-bottom: 20px;
}
#footer .social-links, #footer-ad-site-skin .social-links {
position: relative;
height: 56px;
margin-left: 50px;
}
#footer p, #footer-ad-site-skin p {
font-size: 12px;
font-weight: bold;
color: #7d7d7d;
margin: 0 0 10px;
}

#footer-copyright {
	clear: both;
	width: 980px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}
#footer-copyright p {
text-transform: uppercase;
font-size: 11px;
text-align: center;
margin: 0;
}

#footer a, #footer-ad-site-skin a {
color: #7d7d7d;
text-decoration: none;
}
#footer a:hover, #footer-ad-site-skin a:hover {
text-decoration: underline;
}


/* ---- 6. _patches ---- */

/* ---- 7. _media queries ---- */

/* iPad margin fix */
@media screen and (max-device-width:480px), (min-device-width:481px) and (max-device-width:1024px) { body { padding: 0 20px; width: 1024px; } }

#wrapper, #footer { padding-left: 10px !important; padding-right: 10px !important; }
#wrapper-ad-site-skin, #footer-ad-site-skin { padding-left: 24px !important; padding-right: 24px !important; }

/* mobile versions now handled by WP Touch Pro plug-in so we ign all this */
/*
@media screen and (max-width: 1024px) { #footer-c { background: none; width: 100%; overflow: auto; } #footer-c, #footer { background: none; padding: 0; margin: 0; } #footer-logo { margin: 9px 0 0; } #footer-search { top: 36px; } #footer-social-nav { top: 30px; } }
@media screen and (max-device-width:480px), (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) { body { width: 1024px; } }
@media screen and (max-device-width:480px), (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) { body { width: 1024px; } }
*/

/* retina */
@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 1.5dppx) {

body {/* to be replaced by gradient/border */
background: url("i/r/2x-page-background-top.png") repeat-x;
background-size: 72px 46px;
}

#site-name {/* logotype, top left */
background: url("i/r/2x-logotype.png") no-repeat 0 10px !important;
background-size: 50% !important;
width: 294px;
height: 48px;
}

#search-container {/* blue search well */
background: url("i/r/2x-search-background.png");
background-size: 100%;
}

.social-links a {/* social links, top-right and footer */
background-image: url("i/r/2x-sprite.png");
background-size: 241px 570px;
}
.sn-twitter a { background-position: 0 0; }
.sn-facebook a { background-position: -31px 0; }
.sn-stumbleupon a { background-position: -63px 0; }
.sn-google a { background-position: -95px 0; }
.sn-youtube a { background-position: -127px 0; }
.sn-rss a { background-position: -159px 0; }

#logo {/* main CoM logo */
float: left;
margin: 17px 9px 15px;
padding: 0;
background: url("i/r/2x-logo.jpg") no-repeat !important;
background-size: 100% !important;
width: 129px;
height: 129px;
text-indent: -1000px;
}

#main-nav {/* nav bar */
background: url("i/r/2x-nav-background.png") no-repeat;
background-size: 100%;
}

.section-banner, .gaolbreak, .review, .tip_ios, .tip_osx { height: 100px; }
.gaolbreak { background: url("i/r/2x-banner_gaolbreak.jpg"); }
.review { background: url("i/r/2x-banner_review.jpg"); }
.tip_ios { background: url("i/r/2x-banner_tip_ios.jpg"); }
.tip_osx { background: url("i/r/2x-banner_tip_osx.jpg"); }

.gaolbreak, .review, .tip_ios, .tip_osx {
	background-size: 100%;
}

#footer-c {
background: url("i/r/2x-page-background-bottom.png") repeat-x;
background-size: 72px 46px;
}
#footer {
background: url("i/r/2x-footer-logo.jpg") no-repeat 50% 50px;
background-size: 147px 162px;
}
#f-contacts li a {
background-image: url("i/r/2x-sprite.png");
background-size: 241px 570px;
}
#footer-search-form input {
background-image: url("i/r/2x-footer-search-background.png");
background-size: 100%;
padding-left: 50px;
width: 250px;
}
#footer-ad-site-skin {
background:#fff url("i/r/2x-page-background-bottom.png") repeat-x !important; 
/*background: url("i/page-background-bottom.png") repeat-x, #fff url("i/r/2x-footer-logo.jpg") no-repeat 50% 50px !important;*/
background-image: url("i/page-background-bottom.png"), url("i/r/2x-footer-logo.jpg") !important;
background-repeat: repeat-x, no-repeat !important;
background-position: 0 0, 50% 50px !important;
background-size: 72px 46px, 147px 162px !important;
}
}
/* end of retina */

/* ---- 8. _patches ---- */

.post.latest-story { }

.post-meta p.meta-author span { font-weight: bold; }

.post p.wp-caption-text { text-align: center; }

/* pic fixer (all) */
.post p img { display: block; margin: 0 auto; }

.post .alignleft, .post .alignright { display: inline; }
.post .alignleft { float: left; margin: 0 20px 20px 0; }
.post .alignright { float: right; margin: 0 0 20px 20px; }

/* older-newer line */
#post-navigation { font-size: 16px; color: #666; text-align: center; position: relative; height: 60px; }
#post-navigation a { background: #3d83bc; border-radius: 5px; padding: 10px 0; color: #ffffff; display: block; font-weight: bold; margin: 0; }
#post-navigation a:hover { }
#post-navigation a:visited { color: #fff !important; }
#post-navigation .l { position: absolute; top: 0; left: 0;text-align: center; }
#post-navigation .m { position: absolute; top: 0; width: 300px; left: 166px; text-align: center; }
#post-navigation .r { position: absolute; top: 0; right: 0; text-align: center; }
#post-navigation .l a, #post-navigation .r a { padding: 10px 15px; }

/* day style mid */
#post-navigation .mdy { position: absolute; top: 0; width: 35px; left: 302px; text-align: center; }

/* tabs */
.tabs { background: #d7d7d7; padding: 5px 5px 4px; }
.tabs ul { list-style: none; }
.tabs-title { }
.tabs-title p { font-size: 12px; line-height: 20px; color: #464646; font-weight: bold; text-transform: uppercase; padding: 6px; text-align: center; }
.tabs-cols2 .tab-names li { width: 145px; }
.tabs-cols3 .tab-names li { width: 97px; }

/* kludge (this should be neatly relative to block, but isn't) */
.tabs-cols3 .tab-names li#tab-block2-title-2 { width: 96px; }
.tabs-cols3 .tab-names li#tab-block1-title-2 { width: 96px; }

ul.tab-names { position: relative; }
ul.tab-names li { font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 6px 0; margin: 0px; float: left; white-space: nowrap; display: block; color: #464646; text-align: center;
}
ul.tab-names li.on { background: #fff; }
ul.tab-names li.off { }
ul.tab-names li.final { }
ul.tab-names:hover { cursor: pointer; }

.tab { clear: both; background: #fff; }
.tab.on { display: block; }
.tab.off { display: none; }

.tab ul li { padding: 10px; clear: both; border-bottom: 1px solid #d7d7d7; }

.tab ul li.end { margin-top: -22px; } /* final tab block item closes gap */

.tab ul li a.more { float: right; font-size: 0.85em; }
.tab ul li div, .tab ul li div.stripe { }
.tab ul li div.stripe { }
.tab ul li span { }

.tab a { color: #000; text-decoration: none; }
.tab a:visited { color: #666; }
.tab a:hover, .tab a:focus { text-decoration: underline; }

.tab-thumb { width: 40px; height: 40px; overflow: hidden; border: 1px solid #666; margin: 0px 4px 4px 0px; float: left; clear: both; }

.tab-thumb:hover { border-color: #411042; }

.tab-thumb.t80 { width: 80px; height: 80px; }

/* featured (sidebar blocks) */
.featured { border: 1px solid #bfbfbf; overflow: hidden; padding: 4px; margin-bottom: 15px; display: block; width: 290px; height: 242px; color: #fff; position: relative; }
.featured img { width: 290px; height: 242px; margin-bottom: 0;
}
.featured h3 a { color: #ffffff !important; }
.sb-sc.featured-boxes { padding-bottom: 0; }

/* featured (business block) */
.featured.left { float: left; }
.featured.right { float: right; }

/* featured caption (extra is at top of box) */
.blurb { padding: 10px 10px; position: absolute; width: 270px; bottom: 5px; background-color: rgba(0, 0, 0, 0.7); }
.blurb h3 { font-size: 18px; line-height: 24px; margin-bottom: 4px; }
.blurb h3 a, .blurb h3 a:visited { color: #ffffff; text-decoration: none; }
.blurb h3 a:hover { text-decoration: underline; }
.blurb span { font-size: 12px; line-height: 16px; color: #fff; }
.blurb.extra { position: absolute; top: 0; left: 0; background-color: #fff; width: auto; height: 8px; }
.blurb.extra span { font-size: 12px; font-weight: bold; line-height: 10px; color: #707070; text-transform: uppercase; padding: 0; }

/* "don't miss" bit (used if More From box is deacked) */
.highlighted_item { border: 5px solid #d7d7d7; padding-top: 10px; padding-bottom: 10px; text-align: center; font-weight: bold; font-size: 16px; color: #666666; }
.highlighted_item a { text-decoration: none; font-weight: normal; color: #666666 !important; }
.highlighted_item a:hover { text-decoration: underline; font-weight: normal; }

/* merry-go-round number lights */
#mgr-lights-block { position: absolute; top: 12px; right: 15px; z-index: 1; }
#mgr-lights li { list-style: none; float: left; margin: 0 0 0 5px; }
.mgr-lights-block, .mgr-lights-block-off { font-size: 14px; font-weight: bold; }
.mgr-lights-block a, .mgr-lights-block-off a { text-decoration: none; }
.mgr-lights-block a:hover, .mgr-lights-block-off a:hover { }
.mgr-lights-block a:visited, .mgr-lights-block-off a:visited { color: #000; }
x.mgr-lights-block { background: #fff; }
x.mgr-lights-block-off { background: #fff; color: #000; }

#mgr-block a { color: #999; }
#mgr-block .mgr-lights-block a { color: #000; }

#mgr-lights a { color: #000; background-color: #fff; height: 20px; width: 20px; border-radius: 11px; display: block; border: 1px solid #333; text-align: center; line-height: 20px; }
#mgr-lights .mgr-lights-block-off a { color: #777; background-color: #fff; border: 1px solid #aaa; }

/* merry-go-round (featured top) */
#mgr-block { border: 1px solid #bfbfbf; overflow: hidden; margin-bottom: 2em; padding: 4px; position: relative; }
.mgr { display: block; width: 630px; height: 330px; position: relative; overflow: hidden; }
.mgr-off { display: none; }
.mgr img { width: 630px !important; height: auto !important; }

/* merry-go-round */
.mgr-blurb { padding: 10px; position: absolute; width: 620px; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); }
.mgr-blurb span { font-size: 20px; line-height: 24px; color: #fff; font-weight: normal; }
.mgr-blurb h3 { font-size: 30px; line-height: 34px; margin-bottom: 4px; }
.mgr-blurb h3 a, .mgr-blurb h3 a:visited { color: #fff !important; text-decoration: none; }
.mgr-blurb h3 a:hover { color: #fff !important; text-decoration: underline; }
.mgr-blurb.mgr-extra { position: absolute; top: 0; left: 0; background: #fff; height: 10px; width: auto; }
.mgr-blurb.mgr-extra span { font-size: 12px; font-weight: bold; line-height: 10px; color: #707070; text-transform: uppercase; padding: 0 5px 0 0; }
.blurb-tag { background: #fff; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #707070; height: 22px; line-height: 22px; width: auto; display: inline-block; padding: 0 6px; position: absolute; left: 0; top: -22px; }

/* social line (logo buttons) as css sprite */
#sub-socks { margin-bottom: 8px; width: 100%; overflow: hidden; }
#sub-socks p { font-weight: bold; margin: 0 0 5px; }
.social-left { float: left; }
.social-right { float: right; }
.social-right.nav { margin-top: 8px; margin-right: 13px; }
.social-right.nav.footer { position: absolute; top: 32px; right: 0px; }
.social-right p { text-align: right; }

#social-nav2 { text-indent: -5000px; list-style: none; position: relative; width: 87px; height: 24px; }

#social-nav2 li { width: 87px; height: 24px; position: absolute; background: url("i/social-nav-all-v2.png") 0 0 no-repeat; display: block; list-style: none; }

#social-nav2 #sn2-twitter { left: 0px; }
#social-nav2 #sn2-facebook { left: 34px; background-position: -34px 0; }
#social-nav2 #sn2-rss { left: 64px; background-position: -64px 0; }

#social-nav2 a { width: 24px; height: 24px; display: block; }
#social-nav2 a:hover { }

#social-nav2 #sn2-twitter a:hover { background: url("i/social-nav-all-v2.png") 0px -24px no-repeat; }
#social-nav2 #sn2-facebook a:hover { background: url("i/social-nav-all-v2.png") -34px -24px no-repeat; }
#social-nav2 #sn2-rss a:hover { background: url("i/social-nav-all-v2.png") -64px -24px no-repeat; }

/* social line (javasc buttons) */
.social { }
.post-meta div.f, .post-meta div.t, .post-meta div.g, .post-meta div.s, .post-meta div.p, .post-meta div.sp { float: right; background: none; padding-left: 6px; }
.post-meta div.f { }
.post-meta div.t { width: 96px; } /* big gap because twit repeatedly covers po.st */
.post-meta div.g { width: 70px; }
.post-meta div.s { }
.post-meta div.p { width: 76px; }
.post-meta div.sp { width: 65px; }

/* social line v2 (all po.st) */
.social_po_st { float: right; }

/* more link with admin bits */
span.admin { float: right; }

/* viglink fixes (ad plug-in) */
#main-content a.vglnk { text-decoration: none; border-bottom: 3px solid #f00; color: #f00; }

/* kontera fixes (ad plug-in) (doesn't work because they override everything in javas, several times); we change vig colour instead */
/* .kLink { text-decoration: none; border-bottom: 3px double #f00; color: #f00; } */

/* faceb like */
.fb-single { text-align: center; }

/* stumb fix */
.subd { border: none; overflow: hidden; width: 65px; height: 18px; }

/* author ads */
.author-ad { width: 100%; overflow: hidden; clear: both; margin-bottom: 8px; }
.author-ad-l { float: left; }
.author-ad-m { text-align: center; }
.author-ad-r { float: right; }

/* ad here */
.ad-here, .join-us { text-transform: uppercase; font-weight: bold; text-align: center; font-size: 11px; clear: both; width: 100%; margin-top: 8px; margin-bottom: -8px; }
.ad-here a, .join-us a { text-decoration: none; color: #000; }
.ad-here a:hover, .join-us a:hover { text-decoration: underline; }
.join-us { margin-top: 0px; margin-bottom: 8px; }

/* faceb/twit sidebar combo fix */
.sb-sc .sb-faceb { margin: 0 auto; text-align: center; }
.sb-sc .sb-twit { margin: 0 auto; text-align: center; padding-bottom: 16px; }

/* banner graphic things */
.banner { margin-top: -16px; }

/* rating star fix */
p.xrr img { display: inline; text-align: left; }

/* banner ratings */
p.rating-poor { width: 297px; }
p.rating-good { width: 373px; }
p.rating-excellent { width: 640px; }

/* iframe load trick bit (leave blank) */
.JN { }

/* captioned images with floats */
.wp-caption.alignright {
	margin: 0 0 20px 20px;
	float: right;
	}
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
	float: left;
	}
.wp-caption.alignright, .wp-caption.alignleft {
	border: 1px solid #dddddd;
	background: #eee;
	padding: 10px 2px 10px 10px;
	}
/* PressLabs - adding gray frames to large captions, as well. */
.wp-caption.alignnone, .wp-caption.aligncenter {
        border: 1px solid #dddddd;
        background: #eee;
        padding: 10px 10px 10px 10px;
        }
.wp-caption.alignright p, .wp-caption.alignleft p {
	margin: 10px 11px 0 1px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	}
/* PressLabs - adding gray frames to large captions, as well. */
.wp-caption.alignnone p, .wp-caption.aligncenter p {
        margin: 10px 11px 0 1px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        }

.wp-caption.alignright img, .wp-caption.alignleft img {
	border: 1px solid #fff;
	display: block;
	}

/* stub for blank right-floated divs */
div.alignright.w250 {
	width: 250px;
	border: 1px solid #dddddd;
	padding: 0 10px 10px;
	}

/* pull-quote-a-go-go */

blockquote.pullquote {
	background: none;
	border: none;
	color: #3782bf;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	padding: 0 40px;
	}

blockquote.pullquote.alignleft {
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 20px 20px 0;
	}

blockquote.pullquote.alignright {
	float: right;
	width: 250px;
	padding: 0;
	margin: 0 0 20px 20px;
	}

/* tables */
.scroll { overflow: auto; }

table.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

table.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

table.fullwidth {
	width: 100%;
}

table.styled { font-size: 14px; border-collapse: collapse; }
table.styled caption { font-size: 14px; padding: 10px; font-weight: bold; text-transform: uppercase; }

table.styled th, table.styled td { padding: 10px 20px; min-width: 50px; }

table.styled thead { }
table.styled thead th { background: #444; color: #fff; font-weight: bold; }
table.styled thead tr { }
table.styled thead td { }

table.styled tbody { }
table.styled tbody th { background: rgba(56,130,190,0.2); border-right: 1px solid rgba(56,130,190,0.5)}
table.styled tbody tr { border-bottom: 1px solid rgba(0,0,0,0.1); }
table.styled tbody tr:nth-of-type(odd) { background-color: #eee; }
table.styled tbody td { text-align: left; }

table.styled tfoot { background: rgba(0,0,0,0.1); font-size: 12px; font-style: italic; text-align: center; }

table.styled ul { text-align: left; margin-top: 10px; }
table.styled p+p { margin-top: 10px; }

table.styled ul { margin-left: 1.1em; }

#site-name {
padding-top: 11px;
background: url("i/logotype.png") no-repeat 0 10px;
height: 24px;
}
#site-name a {
	display: block;
	text-indent: -1000px;
	width: 147px;
	height: 22px;
}

#logo {
float: left;
padding: 17px 9px 15px;
background: url("i/logo.jpg") no-repeat 9px 17px;
width: 129px;
height: 129px;
}
#logo a {
	display: block;
	text-indent: -1000px;
	width: 129px;
	height: 129px;
}

.section-banner { width: 640px; height: 150px; margin-top: -16px; }
.section-banner a { display: block; text-indent: -1000px; width: 640px; height: 150px; }
.gaolbreak, .review, .tip_ios, .tip_osx { width: 640px; height: 150px; }
.gaolbreak { background: url("i/n/banner_gaolbreak.jpg"); }
.review { background: url("i/n/banner_review.jpg"); }
.tip_ios { background: url("i/n/banner_tip_ios.jpg"); }
.tip_osx { background: url("i/n/banner_tip_osx.jpg"); }

/* buying guide */
.buy { text-align: center; }
.buy-iframe { padding-left: 125px; }
.buy-block { width: 75%; text-align: center; margin: 0 auto; }
.buy-links { text-align: left; }
.buy-back img { padding-top: 30px; }
/* end of buying guide */

/* deals sub button (mailchimp) */
#mc_embed_signup { background: #fff; clear: left; font: 14px Helvetica, Arial, sans-serif; }

/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http: //www.happyworm.com/jquery/jplayer
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010-2012 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http: //www.opensource.org/licenses/mit-license.php
* - http: //www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 4.1 (jPlayer 2.2.0)
* Date: 11th September 2012
*/

/* cult lash-up (audio only, min buttons, spacing poings around a bit) */

div.jp-com-eps, div.jp-audio {width: 300px;}
div.jp-com-eps {float: left;}
div.jp-audio { float: right; margin-bottom: 24px; }
div.jp-interface { position: relative; background-color: #fff; width: 310px; }

div.jp-com-eps img {display: none;}
div.jp-com-eps h3, .jp-now-playing h3 {font-size: 20px; font-weight: normal; margin-bottom: 20px;}
.jp-now-playing {color: #3d83bc;} /* colour override */

div.jp-com-eps p {margin-bottom: 20px;}
div.jp-ep-list p {line-height: 18px; border-top: 1px solid #aaa; padding: 8px 0; margin: 0;} /* ep list paras */
div.jp-ep-list a:hover { text-decoration: underline; }
div.jp-com-eps a {text-decoration: none; color: #000 !important;}

xdiv.jp-audio div.jp-type-single div.jp-interface { height: 80px; }

div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
div.jp-audio ul.jp-controls {margin-bottom: 20px;}

div.jp-interface ul.jp-controls li { display: inline; float: left; }
div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; }
a.jp-play, a.jp-pause { width: 35px; height: 35px; border: 1px solid #666666;}
a.jp-play { background: url("i/podcast-play.png") 0 0 no-repeat; }
a.jp-pause { background: url("i/podcast-pause.png") 0 0 no-repeat; display: none; }

div.jp-progress { overflow: hidden; background-color: #ddd;}
div.jp-audio div.jp-progress { position: absolute; top: 0px; height: 15px;}
div.jp-audio div.jp-type-single div.jp-progress { left: 50px; width: 250px;}

div.jp-seek-bar { background: url("s/jplayer/jplayer.blue.monday.min.jpg") 0 -202px repeat-x; width: 0px; height: 100%; cursor: pointer; }
div.jp-play-bar { background: url("s/jplayer/jplayer.blue.monday.min.jpg") 0 -218px repeat-x; width: 0px; height: 100%;}

div.jp-seeking-bg { background: url("s/jplayer/jplayer.blue.monday.seeking.gif"); }
div.jp-audio div.jp-time-holder { position: absolute; top: 20px;}
div.jp-audio div.jp-type-single div.jp-time-holder { left: 50px; width: 250px; }
div.jp-current-time, div.jp-duration { width: 60px; font-size: 11px; font-weight: bold;}
div.jp-current-time { float: left; display: inline; }
div.jp-duration { float: right; display: inline; text-align: right; }

div.jp-title ul { list-style-type: none; margin: 0; padding: 0;}

ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; }
div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; }
ul.jp-toggles li { display: block; float: right; }
ul.jp-toggles li a { display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; }

.jp-no-solution { position: absolute; width: 390px; margin-left: -202px; left: 50%; top: 10px; padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; }
.jp-no-solution a { color: #000; }
.jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; }

/* podcast sub-up */
div#cultcast-subscribe {
	float: right;
	margin: 0 0 20px 20px;
	width: 180px;
	padding: 3px;
	border: 1px solid #666666;
	background: #ffffff url("i/podcast-subscribe-button.jpg") no-repeat 3px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

div#cultcast-subscribe a {
	display: block;
	padding: 133px 0 0 0;	
	text-decoration: none;
}

/* spesh social (qrius) */
.sn-qrius { display: inline-block; width: 24px; height: 24px; position: absolute; right: 192px; top: 10px; cursor: pointer; }
.sn-qrius-button { width: 24px; height: 24px; }

/* gift guide */
#guide-grid { width: 960px; float: left; margin: 0 0 20px 0; }
#guide-grid h1, #guide-grid h2 { font: 48px/50px "lucida sans", "helvetica neue", helvetica, arial, sans-serif; text-align: center; margin-bottom: 16px; }
#guide-grid h2 { margin-top: -24px; font-size: 32px; letter-spacing: -2px; text-transform: uppercase; }
#guide-grid .guide-row { padding: 0; }
#guide-grid .guide-box { width: 302px; margin: 0 8px 16px 8px; float: left; }
#guide-grid .guide-box a { text-decoration: none; }
#guide-grid .guide-box a:hover { text-decoration: underline; }
#guide-grid .guide-box p, #guide-grid .guide-info { font: 18px/20px "lucida sans", "helvetica neue", helvetica, arial, sans-serif; }
#guide-grid .guide-box span { text-transform: uppercase; font-weight: bold; }
#guide-grid .guide-pic { margin-bottom: 8px; }
#guide-grid .guide-box .guide-pic img { width: 300px; height: 250px; border: 1px solid #000; }
#guide-grid .guide-ad { width: 300px; height: 250px; background: #eee; border: 1px solid #000; }
#guide-grid ul { list-style: none; }
#guide-grid .guide-info { float: left; margin-right: 8px; width: 100%; }
#guide-grid .guide-info li.p { float: left; margin-right: 8px; }
#guide-grid .guide-info li.b, li.a, li.s2 { clear: both; float: left; vertical-align: top; margin-top: 2px; }
#guide-grid .guide-info li.s { float: right; margin-left: 8px; }
/* end of gift guide */

/* big friendly amazon link button (dupe of #post-navigation) */
/* older-newer line */
#amazon-button { font-size: 16px; color: #666; text-align: center; position: relative; height: 60px; }
#amazon-button a { background: #3d83bc; border-radius: 5px; padding: 10px 0; color: #ffffff; display: block; font-weight: bold; margin: 0; text-decoration: none; }
#amazon-button a:hover { text-decoration: underline; }
#amazon-button a:visited { color: #fff !important; }
#amazon-button .m { position: absolute; top: 0; width: 300px; left: 166px; text-align: center; }
/* end of big friendly amazon link button */

/* Deals promo for blog posts */
#main-content .deals-promo a.deals-buy-button, #content .post-entry a.deals-buy-button {
	border: 1px solid #0bb71b;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.2s ease;
	display: block;
	padding: 13px 20px;
	font-size: 15px;
	line-height: 1.33;
	border-radius: 4px;
	color: #fff;
	background-color: #0bb71b;
	border-color: #0a9f17;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	background-image: none;
	white-space: nowrap;
	text-decoration: none;
}

#main-content .deals-promo a.deals-buy-button:hover {
	background-color: #088714;
	border-color: #06650f;
}

.deals-promo .deals-price {
	font-weight: normal;
	font-size: 40px;
	line-height: .8;
	color: #222;
}

.deals-promo .deals-price-strike-through:before {
	border-bottom: 3px solid #666;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
}

.deals-promo .deals-price-strike-through {
	color: #666;
	font-size: 20px;
	position: relative;
	float: left;
	margin-right: 8px;
}

#main-content .deals-promo {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.deals-promo .deals-percent-discount, .deals-promo .deals-coupon-code {
	color: #666;
	font-size: 18px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
	#content .post-entry .deals-promo .deals-price-strike-through {
		font-size: 17px;
	}

	.deals-promo .deals-percent-discount, .deals-promo .deals-coupon-code {
		font-size: 15px;
	}

	#content .post-entry .deals-promo p {
		margin: 0;
	}

	#content .post-entry .deals-promo.alignright {
		margin: 0 0 1.6em 0;
		float: none;
	}

	.deals-promo .deals-price {
		font-size: 30px;
	}

	.deals-promo .deals-coupon-code {
		margin-bottom: 10px;
	}

	#content .post-entry a.deals-buy-button {
		margin-top: 10px;
	}
}
/* end deals promo for blog posts */