/*
Theme Name: eHarmony Blog
Theme URI: http://eharmony.com/blog
Description: Custom theme for the eHarmony blog
Version: 2.0
Author: Kaanon MacFarlane
Author URI: http://www.eharmony.com
Tags: responsive, two-column
*/

/* Primary Color Reference */
@Red { #BF202F }
@Pink { #A02846 }
@Black { #3a3a3a; }
@LightBlue { #38889f }
@DarkBlue { #115672 }
/*** Secondary Colors ***/
@Green { #8FB42C}
@SkyBlue { #BFE0F6; }
@Orange { #DE3B2A; }
@Yellow { #FBB025; }

/* Reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,a,b,abbr,acronym,big,cite,code,del,em,i,ins,small,strike,strong,sub,sup,u,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;font-size:100%;vertical-align:baseline;outline:0;border:0;margin:0;padding:0;}

/* Generic */
body{color:#333;font:.625em/1.5em Helvetica, Arial, sans-serif;background:url(images/graybg-light.jpg) repeat center top #E7E7E7;text-align:center;}
a{color:#38889f;text-decoration:none;outline:none;}
.clear{clear:both;display:block;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
hr.dash{width:95%;text-align:center;border:0;border-bottom:1px dashed #ccc;height:0;background:none;}
hr.spacer{margin-bottom:10px;padding-top:20px;}
ul,ol{margin-left:0;padding-left:2em;}
h1,h2,h3,h4,h5,h6{ font-weight:400;}
#content h1{color:#32363B;font:2.154em/1.3em Georgia, Times, serif;font-style:italic;margin-bottom:5px;}
#content h2,#content h3{color:#115672;font:22px Georgia, Times, serif;margin:.5em 0 .75em;}
#content h2 a, #content h3 a { color: #115672; }
#footer a,#content h1 a{color:#115672;}
#main p,#main blockquote,#main ul,#main ol,#main dd{margin-bottom:1.5em;}
#main blockquote p{margin-bottom:0;}
#main ul,#main ol{margin-left:14px;}
#main ul li{margin-bottom:1em;}
hr{height:1px;color:#ccc;background-color:#ccc;border:none;margin:2em 0;}
a:hover{text-decoration:underline;}
#sidebar input[type=text], #sidebar input[type=password],#sidebar select {  box-shadow: -2px -2px 5px #eee inset;}

/* Layout */
#page {width:960px;text-align:left;margin:0 auto;}
#content{background:#FFF;min-height: 1000px;border:1px solid #aaa;border-top:0; width: 100%; box-shadow:0 3px 5px rgba(0,0,0,0.5);border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#main{ width:62.5%; /* 600px / 960px */ float:left;font-size:1.3em;line-height:1.6em; padding-top: 20px; padding-left:2%;}
#sidebar{width:31.25%; /* 300px / 960px */ float:right;line-height:1.5em;border:1px solid #bbb; border-width: 0 0 1px 1px; padding:10px 20px 20px 10px; background: url('images/graybg.jpg') repeat #F3F3F3;border-bottom-left-radius:4px;}
#main .navigation{margin-top:20px;}
#main .post{padding-bottom:50px;border-bottom:1px dashed #ccc;margin-bottom:50px;}

/* Header */
#header { background: #38889F; padding: 2em 0 0; }
#header .inner { width: 960px; text-align: left; margin: 0 auto; }
#header #logo { float: left; width: 120px; }
#header .ad { float: left; margin-left: 60px;}
#header .ad .note { text-align: center; color: #fafafa; text-transform:uppercase;}
#sitemenu { list-style: none; padding: 3em 1em 1.5em; position:relative; clear:both;}
#sitemenu li {font-size: 1.25em; text-transform: uppercase; margin-right: 3em; float:left; display:block;}
#sitemenu a {  color: white; }
#sitemenu li.drop { padding-bottom: 1em; }
#sitemenu li.drop > a { color: #fff; padding-bottom: .8em; background:url(images/droparrow.png) no-repeat 50% bottom;}
#sitemenu li.drop div { display: none; position: absolute; margin-top: 1em; padding: .75em; width: 400px; border: 1px solid #BBB; background: white; box-shadow: 0 1px 2px #EEE;}
#sitemenu li.drop:hover div,
#sitemenu li.drop.hover div { display: block; z-index:1; }
#sitemenu li.drop li { width: 50%; margin: 0; }
#sitemenu li.drop li a { text-transform: none; color:#38889f; font-size: 0.8em; line-height: 1em; }
#sitemenu li.drop:last-child div {margin-left: -113px; }
ul.menu { padding-left: 0;}

/* Top Header */
#topheader { background: #115672; color: #bfe0f6; font-size: 1.5em; color: white;}
#topheader .inner { width: 960px; text-align: left; margin: 0 auto; }
#topheader a { color: #fff;}
#topheader #getMatches { float: left; line-height: 1.2em; padding: 0.5em 0;}
#topheader #getMatches span { font-style:italic; font-family: Georgia, Times New Roman, serif;}
#topheader #searchform { float:right; padding: 0.5em 0;}
#searchform label { }
#searchform input[type=submit] { display:none; }
#topheader #searchform #s { width: 200px; border-radius: 3px; font-size: 10px; line-height: 1.2em; padding: 0.25em 0.1em 0.25em 25px; background: url(images/search.png) no-repeat 5px center white; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; }

/* Main */
#main .post .attachment-post-thumbnail,#main .post .thumb{float:right;max-width:265px;max-height:265px;height:auto;width:auto;margin:0 0 1.5em 2em;}
#content #main p {font-size:14px;line-height:150%;}
#main .post .title{min-height:58px;background:transparent none no-repeat left 3px;margin-bottom:10px;}
#main .timestamp{color:#666;font:italic .923em/1.5em Georgia, Times, serif;}
#main .author,#main .meta{color:#666;font:.923em/1.5em Tahoma, Verdana, sans-serif;letter-spacing:1px;margin-bottom:0;}
#main .meta{text-align:right;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-transform:uppercase;margin-bottom:25px;padding:8px 0;}
#main .author span,#main .meta span{font:italic 1em/1.5em Georgia, Times, serif;text-transform:none;letter-spacing:0;}
#main .author a,#main .meta a{color:#BF2130;}
#main .meta .category{text-align:left;width:400px;}
#main .meta .comments a{background:transparent url(images/icon-comments.gif) no-repeat 0 2px;padding-left:20px;}
#main .with-thumb{min-height:180px;}
#main .more{min-height:25px;}
#main .more p,#main .more iframe{float:left;}
#content .more p{margin-right:20px;}
#content .more a{font-weight:700;text-decoration:underline; color: #38889f;}
#main ul.share-box,#main .share-bar ul{list-style:none;margin-left:0;}
#main ul.share-box{float:left;width:90px;font:.769em/1.5em Tahoma, Verdana, sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #ddd;padding:15px;}
#main ul.share-box li{padding-bottom:6px;border-bottom:1px solid #eae8e9;margin-bottom:6px;}
#main ul.share-box li.email{border:none;margin:0;padding:0;}
#main .share-bar ul li{float:left;margin-right:22px;}
#main .share li a{height:18px;color:#666;display:block;background:transparent none no-repeat left 1px;}
#main .share li a span{padding-left:4px;vertical-align:top;}
#main .share li.facebook a{background-image:url(images/icon-facebook.gif);}
#main .share li.twitter a{background-image:url(images/icon-twitter.gif);}
#main .share li.stumble a{background-image:url(images/icon-stumble.gif);}
#main .share li.digg a{background-image:url(images/icon-digg.gif);}
#main .share li.email a{background-image:url(images/icon-email.gif);}
#main .post-footer{font:.846em/1.5em Tahoma, Verdana, sans-serif;clear:both;text-transform:uppercase;letter-spacing:1px;}
#main .post-footer a{color:#666;}
#main .post-footer h3{float:left;min-height:16px;width:135px;color:#BF2130;font:1em/1em Tahoma, Verdana, sans-serif;padding-top:2px;margin:0;}
#main .post-footer div{min-height:18px;padding:10px 0;}
#main .post-footer div.atclear{min-height:0;padding:0;}
#main .post-footer .tags{border-top:none;}
#main .post-footer .share-bar{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:18px;}
#main .post-footer .tags h3{width:115px;background:transparent url(images/icon-tag.gif) no-repeat left center;padding-left:22px;}
#main .archive-intro{background:no-repeat 18px 20px;margin:0 0 40px -20px;padding:20px 20px 20px 80px;}
.author #main .archive-intro{min-height:120px;padding-left:20px;}
.category-news #main .archive-intro{background-image:url(images/icon-news.gif);background-position:23px 20px;}
.date #main .archive-intro{background-image:url(images/icon-calendar.gif);background-position:25px 18px;}
.tag #main .archive-intro{background-image:url(images/icon-tag-large.gif);background-position:28px 21px;}
.search #main .archive-intro{background-image:url(images/icon-search.gif);background-position:25px 18px;}
#main .archive-intro h2{margin:0 0 5px;}
#main .archive-intro p{font-size:1.154em;line-height:1.4em;margin:0;}
.author #main .archive-intro img{float:left;margin-right:20px;}

/* Sidebar */
#sidebar .widget{color:#444;margin-bottom:2.5em;}
#sidebar h3 { background: none repeat scroll 0 0 #BF202F;color: #FFFFFF;font-family: Georgia,Times,serif !important;font-size: 16px;left: 1.5em;line-height: 1em;padding: 0.5em;position: relative;text-align: center;text-transform: uppercase;width: 80%;}
#sidebar h3:before, #sidebar h3:after {content: "";position: absolute;display: block;border: 1em solid #BF202F;top: 0;}
#sidebar h3:before {left: -1.5em; border-right-width: 1em;border-left-color: transparent;}
#sidebar h3:after {right: -1.5em; border-left-width: 1em; border-right-color: transparent;}
#sidebar .twtr-widget h3:before, #sidebar .twtr-widget h3:after { content:none; border:none;}
#sidebar .twtr-widget h3 { display:none;}
#sidebar #fb_activity { border: 1px solid #ccc; margin: -14px 0 20px 6px; background:#fff;}
#sidebar .widget form{min-height:20px;}
#sidebar .widget label{display:none;}
#sidebar .widget input{float:left;max-width:120px;margin-right:8px;}
.wp-caption img p.wp-caption-text{font-style:italic;font-size:.9em;}
.aligncenter{text-align:center;margin-left:auto;margin-right:auto;}
.alignleft{float:left;margin:0 1.5em 1em 0;}
.alignright{float:right;margin:0 0 1em 1.5em;}
#main img{max-width:100%;height:auto;}
#main img.photoright { float:right; margin: 1em; box-shadow: 0px 2px 4px rgba(0,0,0,0.4); }
#main img.photoleft  { float:left; margin: 1em; box-shadow: 0px 2px 4px rgba(0,0,0,0.4); }
#sidebar ul.connect { list-style: none;}
#sidebar ul.connect { height: 65px; padding-left:54px;}
#sidebar ul.connect li { float: left; margin-right: 20px; }
#sidebar ul.connect li.facebook { margin-right: 0;}
#sidebar #need-help { width: 100%; text-align:center; display:block;}

/* Footer */
#footer{clear:both;width:960px;font:1.1em/1.4em Tahoma, Verdana, sans-serif;text-align:left;margin:0 auto;padding:50px 7px 30px;}
#footer .column{float:left;width:180px;margin-right:50px;}
#footer .sister-sites{width:135px;float:right;text-align:right;margin-right:0;}
#footer h4{font:bold italic 1.091em/1.3em Georgia, Times, serif;margin-bottom:8px;}
#footer .copyright strong{font-style:italic;}
#footer .copyright{margin-top:17px;}
#footer p{margin-bottom:8px;}
#footer ul{list-style:none;border-top:1px solid #cadbe4;}
#footer ul li a{display:block;border-bottom:1px solid #cadbe4;padding:8px 0;}
#footer .sister-sites ul li a{padding-top:0;}
#footer .sister-sites ul li strong{display:block;padding-top:8px;}

/* Related posts */
#related_posts_thumbnails {overflow:auto; margin:0 !important; padding: 0;}
#related_posts_thumbnails li{float:left;display:block;padding:6px; width: 180px; margin: 6px 8px 10px 0;}
#related_posts_thumbnails li img{box-shadow:0 1px 4px rgba(0,0,0,0.4);}
#related_posts_thumbnails li span{font-size:15px;display:block;text-align:left;margin:0 auto;}

/* Paging */
div.paging{float:left;width:230px;text-align:center;border:1px solid #ccc;}
div.paging.right{float:right;}
div.paging h4{background:url(images/header-bg.gif) repeat-x scroll center top #005CA0;color:#FFF;font-style:italic;}
.postnav{width:100%;text-align:center;font-size:22px;margin:10px 0;}
.postnav span{border:1px solid #ddd;font:italic 1em/1.5em Georgia, Times, serif;border-width:0 1px;margin:0 10px;padding:0 10px;}
.postnav a{padding:2px 5px; text-transform: lowercase;}
.postnav a:hover{text-decoration:none!important;background: #38889F; color:white;}
.postnav a.disabled{color:#888;}
.postnav a.disabled:hover{ color:#888; background:white;}
  .postnav a.previouspost:before,
  .postnav a.previouspost:after{
    border: 1em solid #BF202F;
    content: "";
    display: block;
    position: absolute;
    top: 0;
  }
  .postnav a.previouspost:before {
    border-left-color: transparent;
    border-right-width: 1em;
    left: -1.5em;
  }
  .postnav a.previouspost:after{
    border-left-width: 1em;
    border-right-color: transparent;
    right: -1.5em;
  }

/* Regform */
#sidebar #singlesReg{background:#D9DBDD;width:330px;margin: 10px auto 20px -10px;border-bottom:1px solid #bbb;}
#sidebar #singlesReg h3 { background-color:#BF202F; font-size:20px; width:100%; box-shadow: 2px 1px 4px #888; left:-1px;width:330px; /*font-family:Helvetica, Tahoma, sans-serif !important;*/ text-transform:none; }
#sidebar #singlesReg h3:before { display:none;}
#sidebar #singlesReg h3:after {
    border-color: #CF313F transparent;
    content: "";
    position: absolute;
    right: 0;
    border-width: 10px 19px 0 0;
    top: auto;
    bottom: -10px;
}

#sidebar #singlesReg p.instruct{display:none;}
#sidebar #singlesReg #reg input,#sidebar #singlesReg #reg select{border:1px solid #bbb;width:200px;padding:3px;}
#sidebar #singlesReg #reg .gender select{float:left;font-family:arial,sans-serif;width:80px;margin:0;}
#sidebar #singlesReg #reg .gender div{float:left;font-size:10px;padding-top:4px;text-align:center;width:50px;}
#sidebar #singlesReg #reg {width:315px;}
#sidebar #singlesReg #reg div.left{float:left;font-size:11px;font-weight:400;text-align:right!important;width:85px;padding:4px 5px 5px 0; }
#sidebar #singlesReg #reg div.right{float:left;text-align:left!important;padding:2px 2px 7px 5px; position:relative;}
#sidebar #singlesReg #reg div.right em{font-size:9px;}
#sidebar #singlesReg #reg #btnJoin { float:left;padding-left:85px;}
#sidebar #singlesReg #reg #btnJoin button{ background: url(images/get-started-yellow.png) no-repeat; cursor:pointer;display:block;border:none;font-size:20px;height:39px;line-height:1em;width:135px;margin:10px; color:transparent;}
#sidebar #singlesReg #reg #btnJoin button#loginBtn{ background: #38889F; color:white;}
#sidebar #singlesReg #reg font{font-size:12px;font-weight:700;}

/** Generated Errors **/
#sidebar #singlesReg #reg input.invalid, #sidebar #singlesReg #reg select.invalid { border: 1px solid #EB0D0D; background:#FCF9CF !important; -moz-transition: background 0.4s ease;-webkit-transition: background 0.4s ease;-ms-transition: background 0.4s linear;}
#sidebar #singlesReg #reg input.valid, #sidebar #singlesReg #reg select.valid { color: #222; border: 1px solid #8FB42C; }
#sidebar #singlesReg #reg input:focus,
#sidebar #singlesReg #reg input:active,
#sidebar #singlesReg #reg input.invalid:focus,
#sidebar #singlesReg #reg input.invalid:active,
#sidebar #singlesReg #reg dd select:focus,
#sidebar #singlesReg #reg select:active,
#sidebar #singlesReg #reg select.invalid:focus,
#sidebar #singlesReg #reg dd select.invalid:active
    { border: 1px solid #FBB025; }
#sidebar #singlesReg #reg .tip { padding: 0 4px; position: absolute; min-width: 200px; margin-top: -2px; white-space: nowrap; z-index: 10}
#sidebar #singlesReg #reg label[generated] { background: #BF202F; color: white;display: inline-block; font-size: 11px;height: 22px; line-height: 22px; box-shadow: 2px 1px 1px rgba(100,100,100,0.3); padding: 0 4px; }
#sidebar #singlesReg #reg label[generated]:before { content: ""; position:absolute; top: 0; left:-18px; border-style:solid; border-width: 11px; border-color: transparent #BF202F transparent transparent;}


/* Single */
.single #main .post{padding-bottom:0;border-bottom:none;margin-bottom:2.5em;}
#main .meta p,#main .post-footer p{margin:0;}
.post .single-thumb{text-align:center;width:90%;float:left;padding-bottom:10px;}
.post .single-thumb img {box-shadow:0 1px 4px rgba(0,0,0,0.4);}
/** Single page Slideshow ** I modified the div#information to be outside of div#fullsize */
#main #slideshow-wrapper { background:none; border: 0; overflow:hidden;}
#main #fullsize { border: none; }
#main #information { opacity: 1; overflow:visible; position:relative;}

/* All Teasers */
.teaser {width:47%;float:left;margin:1% 2.5% 1% 0;}
.teaser h3{font-size:20px;margin:6px auto;}
.teaser h5 a{font-size:14px;color:#BF2130;text-transform:uppercase;}
.teaser.odd{border-right:1px dashed #ccc;padding-right: 2.5%;}
.teaser.even{margin:1% 0; padding: 0;}
.teaser .excerpt { width: 100%; }
.teaser p{font-size:15px;}
.teaser .picture { width: 100%; }
.teaser .picture img{box-shadow:0 1px 4px rgba(0,0,0,0.4); width: 100%; }

/*pinteresty - only on category pages*/
.category #main { padding-left: 1%; }
.category #sidebar { border-width: 0 1px 1px 1px; box-shadow:0 3px 5px rgba(0,0,0,0.5);border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.category #content { background:none; border:none; box-shadow: none;}
.category #content .teaser { background:white; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); border: 1px solid #bbb;}
.category #content .teaser .picture img { box-shadow:none;}
.category #content .teaser.odd { margin-right: 5%; padding: 0;}
.category #content .teaser .excerpt { width: 250px; padding: 10px;}

/*** Homepage ***/
.home .column { width: 40%; float: left;}
.home .column .teaser { width: 100%; border: 0; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.home hr.dash.spacer { display:none; }
.home #ehslider { margin: 2.5em 0;}
#content h2.intro { font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #2797B9; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
#articles-column { width: 50%; float: left; border-left:1px dashed #ccc; padding-left: 20px; margin-left: 15px;}
#articles-column h2 a{ display:block; width: 100%; background: url(images/heading-advice.png) no-repeat 0 0; text-indent: -5000px; height:50px; margin-bottom: 0;}
#blog-column { float: left;  padding: 5px 0px; }
#blog-column h2 a { display:block; width: 100%; background: url(images/heading-blog.gif) no-repeat 0 0; text-indent: -5000px; height:50px; margin-bottom: 0;}
#blog-column .teaser { margin-right:0; border-bottom: 1px dashed #ccc;}
#blog-column .teaser .addthis_toolbox { float: right;}
#blog-column .teaser h3 { background: no-repeat left; }
#blog-column .teaser h3 a { color: #2086CF; font-size: 20px; line-height: 1.2em; }
#blog-column .teaser.category-dos h3 { background-image: url(images/icon-dos.gif);  background-position: 13px 3px;padding-left: 60px;}
#blog-column .teaser.category-beat h3 { background-image: url(images/icon-beat.gif);background-position: 7px 3px;padding-left: 60px;}
#blog-column .teaser.category-science h3 { background-image: url(images/icon-science.gif);padding-left: 60px;}
#blog-column .teaser.category-use-eh h3 { background-image: url(images/icon-use-eh.gif);background-position: 2px 3px;padding-left: 60px;}
#blog-column .teaser.category-success h3 { background-image: url(images/icon-success.gif);background-position: 2px 3px;padding-left: 60px;}
#blog-column .teaser.category-news h3 { background-image: url(images/icon-news.gif); background-position: 5px 3px;padding-left: 60px;}


/* Google analytics stuff */
#gapi h4 { height: 50px; font-size: 20px; font-family: Georgia, Times New Roman, serif; padding-left: 50px; background: url(images/tablet.png) no-repeat;}
#gapi h4 span { display:block; text-transform: uppercase; color: #4aba00; font-size: 15px; font-family:Helvetica, Arial, sans-serif}
#main #gapi ul { margin-left: 0; padding-left:1em;}
#main #gapi ul li { margin-bottom: 0.4em;}

/** Responsive stuff **/
/*@media screen and (max-width: 480px) {*/
@media screen and (max-width: 800px) {
  body { font-size: 16px; }
  #content #main h1 { font-size: 1.5em;  margin: 0 0 .5em}
  #content #main h2 { font-size: 1.35em; margin: .25em 0 .5em;}
  #content #main h3 { font-size: 1.25em; margin: .25em 0 .5em;}

  #page, #content { width: 100%; padding: 0; border:none; box-shadow:none; }
  #header .inner { width: 100%; min-height: 100px; height: auto; margin-bottom: -30px; }
  #header #logo { width: 20%; }
  #header .ad { display:none; }
  #header #logo img { max-width: 100%; }
  #sitemenu { width: 75%; background: none; margin:0; padding: 0 0 0 5%; float: right; clear:none; }
  #sitemenu li { margin: 0 1em 1em 1em; font-size:0.65em;}
  #sitemenu li.drop:hover div { display:none; }
  #sitemenu li.drop { padding: 0; }
  #sitemenu li.drop a { background:none; }
  #topheader { display:none; }

  #header, #footer{ width: 94%; padding: 1em 3%; }
  #sidebar, #main { width: 94%; padding: 1em 3% !important; float:none;}
  #footer .column { width: 33%; margin:0;}
  #footer .column.sister-sites { display:none;}

  .postnav span { display:none;}

  .postnav a[rel=next] { border-right: 1px solid #ccc; padding-right: 0.5em;}

  #sidebar, .category #sidebar { border-width: 1px 0; border-radius:0; }
  #sidebar #singlesReg h3 { width: 100%; }
  #sidebar #singlesReg h3:after { display:none;}
  #sidebar .widget { display: none; }

  .home #content #main h1 {  font-size: 1.2em }
  .home #content #main h2.intro { display:none; }
  .home #main #ehslider .panel { box-shadow:none; border-bottom: 1px solid #ccc;}
  .home #main #ehslider .excerpt { padding: 0; width: 35%;}
  .home .column { width: 100%; }
  .home .column h2 { background-position: 50% 50% !important; }
  .home #articles-column { width: 100%; border:none; padding: 0; margin: 0;}
  .home #articles-column, .home #blog-column { float:none; clear:both;}
  .home #articles-column #gapi { display:none; }
  .teaser { margin: 0 0 2em 0 !important; width: 100% !important; border:none !important;}
  .teaser .picture { width: 30%; float: left; padding: 1.5%;}
  .teaser .picture img { height: 100%; border: 1px solid; padding: 1%;}
  .teaser .excerpt { width: 60% !important; float: right;padding: 0 3% 1em; }
  .teaser .excerpt .more { display:none; }

  .single #content .addthis_toolbox { display: none; }
  .single .post .single-thumb { width: 95%; float: none; margin: 0 auto; }
  .single #related_posts_thumbnails li { padding: 0; width: 30%;margin: 1.5%;}

  hr.dash.spacer { display:none; }

  #main #ehslider { width: 100%; background:none; box-shadow:none; border:none; margin-bottom: -2em;}
  #main #ehslider .controls { display:none; }
  #main #ehslider .panels { height: auto; overflow:visible; width: 100%;}
  #main #ehslider .panel { display:block; width: 100%; padding: 0; margin-bottom: 2em; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); background:white; height: 280px;}
  #main #ehslider .panel a img { float:none; width: 100%;}
  #main #ehslider .fade { position: relative; background:none; color: #333; }
  #main #ehslider .excerpt { position: relative; width: 90%; }
  #main #ehslider .panel .fade h2 a { color: #115672;}

  .single #main #ehslider .controls { display:none; }
  .single #main #ehslider .panel { display:block; width: 100%; padding: 1.5em 0; border-top: 1px solid #ccc; box-shadow: none; height: auto; margin: 0; }
  .single #main #ehslider .excerpt { width: 100%; float:none;}

  #sidebar #singlesReg #reg { width: 100%; }
  #sidebar #singlesReg #reg div.left{width:20%;}
  #sidebar #singlesReg #reg div.right{width:75%;}
  #sidebar #singlesReg #reg div.right input,  #sidebar #singlesReg #reg div.right select  {width:100%;}
  #sidebar #singlesReg #reg .tip { min-width:10px; right:0;}
}

@media screen and (max-width: 480px) {
  #footer .column { display:none; }
  .single #comments { display:none; } /* Hide the comments on the really small pages */
  .teaser .picture { display:none; }
  .teaser .excerpt { width: 95% !important;}
  .teaser .excerpt .more { display:none; }

  .single #content .addthis_toolbox { display: none; }
  .single .post .single-thumb { width: 95%; float: none; margin: 0 auto; }
  .single #related_posts_thumbnails li { padding: 0; width: 30%;margin: 1.5%;}

  .home #main #ehslider .excerpt { float:none;}
  .home #main #ehslider .panel { height: auto; }
  .home #main #ehslider #panel1 a img,
  .home #main #ehslider #panel2 a img,
  .home #main #ehslider #panel3 a img  { display:none}
  .home #main #ehslider #panel1 .excerpt,
  .home #main #ehslider #panel2 .excerpt,
  .home #main #ehslider #panel3 .excerpt { width: 95%; }

}


/* Gender Overlay & Popup */
.genderpop{border:0;background:transparent url(http://static.eharmony.com/assets/corp/details/genderoverlay-2/cp_genderpop.png);margin:0;padding:0;}
.genderpop.cp_butnx{position:absolute;left:285px;top:30px;height:23px;width:25px;background-position:-6px -7px;margin:0;padding:0;}
.genderpop.cp_butnconfirm{position:relative;height:27px;width:233px;margin-left:10px;background-position:0 0;padding:0;}
.genderpop.cp_butncancel{position:relative;height:27px;width:60px;margin-left:10px;background-position:-241px 0;padding:0;}
.gender-overlay{height:171px!important;width:432px;background:transparent url(http://static.eharmony.com/assets/corp/details/genderoverlay-2/gendersplit.png);text-align:left;font-size:14px;color:#fff;margin:0 auto;padding:20px;}
.gender-overlay button,.gender-overlay a{display:block;float:right;text-decoration:none;cursor:pointer;}
.gender-overlay button{position:relative;border:0;cursor:pointer;overflow:visible;color:#1a468d;padding:0;}
.gender-overlay button span{position:relative;display:block;white-space:nowrap;color:#1a468d;} button::-moz-focus-inner{border:none;}
.gender-overlay .btn-confirm{background:url(http://static.eharmony.com/assets/images/btn-genderoverlay.png) right -64px no-repeat;margin-right:5px;text-align:center;font-size:12px;color:#1a468d;padding:0 15px 0 0;}
.gender-overlay .btn-confirm span{height:27px;line-height:27px;background:url(http://static.eharmony.com/assets/images/btn-genderoverlay.png) left top no-repeat;color:#1a468d;font-size:12px;font-weight:700;padding:0 0 0 15px;}
.gender-overlay .btn-cancel{background:url(http://static.eharmony.com/assets/images/btn-genderoverlay.png) right -95px no-repeat;margin-right:5px;text-align:center;font-size:12px;color:#1a468d;padding:0 15px 0 0;}
.gender-overlay .btn-cancel span{height:27px;line-height:27px;background:url(http://static.eharmony.com/assets/images/btn-genderoverlay.png) left -31px no-repeat;color:#1a468d;font-size:12px;font-weight:400;padding:0 0 0 15px;}
.gender-overlay br{clear:both;margin:0;padding:0;}
.gender-overlay div{padding:30px;}
.gender-overlay h1{font-size:18px;color:#fff;margin:0;padding:0;}
.gender-overlay p{font-size:12px;margin:0;padding:30px 0 15px;}
.ui-widget-overlay{background:none repeat scroll 0 0 #000;left:0;opacity:0.6;position:absolute;top:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);}
@media screen and -webkit-min-device-pixel-ratio0 { .gender-overlay button span{margin-top:-1px;} }
