/*
Theme Name: eHarmony Labs
Theme URI:
Description:
Version: 1.0
Author: kucrut
Author URI: http://kucrut.org/
Tags:
License:

*/

/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

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


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button, textarea {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

h1,h2,h3,h4,h5,h6{font-weight:normal}

ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}
a{color:inherit;text-decoration:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub,sup {font-size:80%;line-height:0}
sub{vertical-align:sub}
sup{vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}


/* Start Here
 * ------------- */
body {
  background:#fff url(images/bg-body.png) repeat-x;
  color:#444;
  font:.625em/1 Verdana, Arial, Helvetica, sans-serif}

#page {
  background:url(images/bg-page.gif) no-repeat;
  margin:0 auto;
  width:760px}


/* Commons */
a {color:#085790}
.post .player {
  border:1px solid #3a393a;
  display:block;
  float:right;
  height:230px;
  margin-left:20px;
  width:280px}


/* Header */
#header {
  background:url(images/bg-header.gif) repeat-x;
  margin:0 auto;
  width:740px}
#logo {text-indent:-9999em}
#logo h1 {float:left}
#logo a {
  background:url(images/logo-uk.gif) no-repeat;
  float:left;
  height:71px;
  width:364px}

#menu-misc {
  float:right;
  padding:12px 16px;
  text-align:right}
#menu-misc li {
  display:inline;
  padding:0 6px}
#menu-misc li a:focus,
#menu-misc li a:hover {
  text-decoration:underline}
#menu-misc li.first {
  background:url(images/sep-menu-misc.png) no-repeat right center;
  padding-right:10px}


#nav {
  background:#e9f0f7;
  border-bottom:1px solid #bfd3e8;
  border-top:1px solid #bfd3e8;
  margin:0 auto;
  text-align:center;
  width:740px}
#nav li {
  display:inline;
  font-weight:bold}
#nav li a {
  display:-moz-inline-box;
  display:inline-block;
  padding:8px 14px}

#nav li a:focus,
#nav li a:hover,
#nav li.current_page_item a,
#nav li.current-cat a {
  background:#dae5ef}

/* Content */
#content {
  margin:0 auto;
  padding:20px 0;
  width:708px}
#content .banner {position:relative}
#content .banner .catdesc {padding:50px 230px 0 20px}
#content .banner p {
  color:#fff;
  font-family:Arial, Verdana, sans-serif;
  font-size:1.2em;
  line-height:1.3;
  margin-bottom:1em}

/* Main */
#main {
  background:url(images/bg-main2.png) repeat-x 0 bottom;
  float:left;
  padding-bottom:108px;
  width:483px}
#main .cat-title {
  background:#d0b286;
  color:#fff;
  font-family:'Trebuchet MS', Arial, 'Myriad Pro', sans-serif;
  font-size:1.4em;
  font-weight:bold;
  padding:15px 20px 5px;
  text-transform:uppercase}
#main .cat-title a {color:#fff}
#main .articles {
  background:#f1ede2;
  padding:16px 18px}
#main .post {
  background:url(images/bg-main-post.png) no-repeat;
  font-size:1.1em;
  padding:8px 8px 20px}
#main .post .title,
#main .post .subtitle {
  font-family:Arial, Verdana, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:1.1;
  padding-bottom:.2em}
#main .post .subtitle {
  font-size:1.2em;
  padding:.2em 0 1.2em}
#main .post .misc {padding:.5em 0 1em}
#main .post .content {
  line-height:1.4}
#main .post .more {
  font-weight:bold;
  padding:1em 0 1.5em;
  text-align:right}
#main .post .content p,
#main .post .content ol,
#main .post .content ul {
  margin-bottom:1.4em}
#main .post .content a:focus,
#main .post .content a:hover {
  text-decoration:underline}


/* Sidebar */
#sidebar {
  float:right;
  overflow:hidden;
  width:225px}
#sidebar .widget {
  line-height:1.3;
  margin-bottom:10px}
#sidebar .widget a {
  color:#0000ee;
  text-decoration:underline}
#sidebar .widget a:focus,
#sidebar .widget a:hover {
  text-decoration:none}
#sidebar .widget-title {
  background:#d0b286;
  color:#fff;
  font-family:'Trebuchet MS', Arial, 'Myriad Pro', sans-serif;
  font-size:1.4em;
  font-weight:bold;
  padding:5px 20px 4px}
#sidebar .widget-content {padding:10px 14px}
#sidebar .widget ul {
  list-style-type:disc;
  padding-left:30px}
#sidebar .widget p {margin-bottom:1em}
#sidebar .widget p:last-child {margin-bottom:0}


/* Footer */
#footer {
  color:#666;
  padding:20px 0;
  text-align:center}
#footer a {color:#666}
#footer a:focus,
#footer a:hover {
  text-decoration:underline}

#menu-foot {padding:1em 0}
#menu-foot li {
  background:url(images/sep-menu-misc.png) no-repeat 0 center;
  display:inline;
  font-size:1.1em;
  padding:0 .5em 0 1em;
  vertical-align:middle}
#menu-foot li.first {background:none}

#footer p {white-space:pre}


/*** Home Page ***/
.home #content {
  margin:0 auto;
  padding:10px 0;
  width:708px}
.home #main {
  padding:0;
  width:480px}
.home .banner {
  background:url(images/banner-home.gif) no-repeat;
  height:124px}
.home .banner p {
  color:#fff;
  font-family:Arial, 'Myriad Pro', sans-serif;
  font-size:1.2em;
  line-height:1.3;
  padding:54px 90px 0 13px}
.home #main .articles {
  background:#f1ede2;
  padding:0 12px}
.home .section {
  border-bottom:1px solid #dfd3bd;
  padding:12px 0}
.home .section .more {
  font-size:1.1em;
  font-weight:bold;
  padding:.5em 0 .2em}
.home .section-title {
  color:#cf2127;
  font-family:Impact, Arial, sans-serif;
  font-size:14px;
  line-height:1.1;
  margin-bottom:.2em}
.home #main .post {
  background:none;
  font-size:1.1em;
  padding:8px 0}
.home .section .post-title {
  font-family:Arial, 'Myriad Pro', Verdana, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:.2em}
.home .section .post-title a:focus,
.home .section .post-title a:hover,
.home .section .more a:focus,
.home .section .more a:hover,
.articles .more a:focus,
.articles .more a:hover,
.articles .title a:focus,
.articles .title a:hover {
  text-decoration:underline}

.home .section .post .thumb {
  border:1px solid #bcbcbc;
  float:left;
  margin-right:8px}
.home .section .post-content {
  line-height:1.4}
.home #section-videos {padding-top:0}
.home #section-videos .post-title {font-size:1.4em}


/** Homepage SideBar **/
#sidebar-home {
  background:url(images/bg-home-widget-content.gif) repeat-y;
  float:right;
  width:228px}
#sidebar-home a {
  color:#085790;
  text-decoration:none}
#sidebar-home .widgets {}
#sidebar-home .widget {}
#sidebar-home .widget-title {
  background:url(images/bg-home-widget-title.gif) no-repeat;
  color:#fff;
  font-family:Impact, Arial, sans-serif;
  font-size:18px;
  height:37px;
  line-height:48px;
  overflow:hidden;
  padding:0 12px;
  text-transform:uppercase}
#sidebar-home .widget-content {padding:14px 5px}
#sidebar-home .thebottom {
  background:url(images/bg-home-sidebar-bottom.gif) no-repeat 0 bottom;
  display:block;
  height:12px}

/* Follow Us */
#sidebar-home #twitter-n-feed .widget-title {background:url(images/bg-home-widget-title-top.gif) no-repeat}
#sidebar-home #twitter-n-feed li {
  font-size:1.1em;
  padding:5px 6px 5px 60px;
  line-height:1.2}
#sidebar-home #twitter-n-feed li a {color:#222}
#sidebar-home #twitter-n-feed li a:focus,
#sidebar-home #twitter-n-feed li a:hover {
  color:#786342}
#sidebar-home #twitter {
  background:url(images/icon-twitter.jpg) no-repeat 0 center;
  margin-bottom:10px}
#sidebar-home #feed {
  background:url(images/icon-feed.jpg) no-repeat 14px center}


/* Current Studies */
#sidebar-home #current-studies .intro {
  font-family:Arial, 'Myriad Pro', sans-serif;
  font-size:1.2em;
  line-height:1.2;
  padding:0 5px 5px}
#sidebar-home #current-studies .post {
  background:url(images/bg-home-widget-article-title.gif) no-repeat;
  font-size:1.1em;
  line-height:1.2;
  margin-top:10px;
  padding:12px 10px}
#sidebar-home #current-studies .post .thumb {
  float:left;
  padding:8px 10px 0 0}
#sidebar-home #current-studies .post .title {
  font-size:1em;
  font-weight:bold;
  margin-bottom:.5em}
#sidebar-home #current-studies .post .title a:focus,
#sidebar-home #current-studies .post .title a:hover {
  text-decoration:underline}

#sidebar-home #current-studies .more {
  background:none;
  border-top:1px dotted #d0b286}
#sidebar-home #current-studies .more .title {text-transform:uppercase}



/*** Categories ***/
.author #sidebar,
.category #sidebar {
  width:180px}

.author #main,
.category #main {
  width:515px}
.category-blog #main,
.in-category-blog #main {
  width:470px}
.category-blog #sidebar {width:225px}
.in-category-videos #main {width:470px}

.category #sidebar .widget-title {padding:5px 10px}
.category #searchform #s {
  background:url(images/input-search2.png) no-repeat;
  width:100px}



.category .banner {
  height:166px;
  margin-bottom:10px}
.category .banner a {color:#99ccff}
.category .banner a:focus,
.category .banner a:hover {
  text-decoration:underline}
.category-la-studies .banner {
  background:url(images/header-thin-la-studies.png) no-repeat;
  height:38px;
  margin:0}
.category-la-studies .post .content {padding:10px 0 0 80px}
/** Hot Science Blog **/
.category-hot-science #content .banner {background:url(images/header-science.png) no-repeat}
.category-blog #content .banner {background:url(images/header-blog.png) no-repeat}
.category-current-studies #content .banner {background:url(images/header-current-studies.png) no-repeat}

.category-videos #content .banner {background:url(images/header-videos.png) no-repeat}
/*
.category-videos #content .banner p {display:none}
*/
.category-pressroom #content .banner {background:url(images/header-pressroom.png) no-repeat}
.category-research-team #content .banner {
  background:url(images/header-research-team.png) no-repeat;
  margin:0}
.page-template-page-full-php #content #main,
.category-research-team #content #main,
.category-advisory #content #main,
.category-la-studies #content #main {
  float:none;
  width:100%}
.category-la-studies #content .articles h1 {
  font-family:Arial, sans-serif;
  font-size:22px;
  font-weight:bold;
  padding:.5em 0}
#content .team .photo {
  float:left;
  width:115px}
#content .team .photo .thumb {border:1px solid #ccc}
#content .team .title,
#content .team .subtitle,
#content .team .content {
  float:left;
  width:540px}
.category-advisory #content .banner {
  background:url(images/header-advisory-board.png) no-repeat;
  margin:0}
.category .catintro {
  font-size:1.1em;
  line-height:1.5;
  padding-bottom:1.4em}


.category .articles .thumb {
  float:left;
  margin-right:10px}

/*** Search Form ***/
#sidebar .widget_search .widget-content {padding:0}
.single #sidebar .widget_search .widget-content {padding:0 12px}
#searchform {padding:10px 0 10px 10px}
#searchform #s {
  background:url(images/input-search.png) no-repeat;
  float:left;
  font-size:12px;
  margin-top:2px;
  padding:5px 0;
  text-indent:5px;
  width:115px}
#searchform #searchsubmit {
  background:url(images/button-search.jpg) no-repeat;
  float:right;
  height:25px;
  width:61px}

#sidebar .widget_image img {
  display:block;
  margin:0 auto}

#sidebar .widget_la_labs .widget-content {
  background:#f1ede2;
  padding:2px 0 10px}
#sidebar .widget_la_labs .widget-content p {
  padding:5px 12px 0}

/*** Single Post Template ***/
/*
.single #main {border-right:1px solid #e4d5bd}
*/
.single .banner {height:38px}
.in-category-hot-science .banner {background:url(images/header-thin-science.jpg) no-repeat}
.in-category-press .banner {background:url(images/header-thin-pressroom.jpg) no-repeat}
.in-category-blog .banner {background:url(images/header-thin-blog.png) no-repeat}
.in-category-videos .banner {background:url(images/header-thin-videos.png) no-repeat}
.single #main .post .title,
.page #main .post .title {
  color:#005a9c;
  font-size:1.6em;
  line-height:1.1}
.single #main .post .content a:focus,
.single #main .post .content a:hover,
.page #main .post .content a:focus,
.page #main .post .content a:hover {
  text-decoration:underline}
.single #main .post .content h2,
.page #main .post .content h2 {
  font-size:1.4em;
  font-weight:bold;
  margin-bottom:.5em}
.single #main .post .content h3,
.page #main .post .content h3 {
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:.5em}
.single #main .post .content h4,
.page #main .post .content h4 {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:.5em}
.single #main .post .content p,
.single #main .post .content ol,
.single #main .post .content ul,
.page #main .post .content p,
.page #main .post .content ol,
.page #main .post .content ul {
  line-height:1.6;
  margin-bottom:1.4em}
.single #main .post .content li ol,
.single #main .post .content li ul,
.page #main .post .content li ol,
.page #main .post .content li ul {
  margin-bottom:0}
.single #main .post .content ol,
.page #main .post .content ol {
  list-style-type:decimal;
  margin-left:2em}
.single #main .post .content ul,
.page #main .post .content ul {
  list-style-type:disc;
  padding-left:1.8em}
.single .player {
  float:none;
  margin:20px auto}


.single #main .post .content img.aligncenter,
.page #main .post .content img.aligncenter {
  display:block;
  margin:0 auto}
.single #main .post .content img.alignleft,
.page #main .post .content img.alignleft {
  margin-right:1em}
.single .comm {
  color:#7c7c7c;
  font-family:Arial, Verdana, sans-serif;
  font-weight:bold;
  height:2.8em;
  line-height:2.8em;
  padding:0 0 1em .6em;}
.single .comm .curl {
  color:#c5c5c4;
  font-size:3em;
  font-weight:normal}
.single .comm .count {
  color:#48aa00;
  font-size:1.4em;
  padding-left:5px}
.single .comm a {
  padding-right:5px;
  text-decoration:underline}
.single .comm a:focus,
.single .comm a:hover {
  text-decoration:none}


/* Comments */
#comments h3.title {
  background:url(images/icon-bubble.png) no-repeat 30px 0;
  color:#085790;
  font-family:Arial, Verdana, sans-serif;
  font-size:1.6em;
  font-weight:bold;
  padding:10px 0 24px 86px}
.commentslist {
  background:#f7f7f7 url(images/bg-comment.png) repeat-x 0 bottom;
  border:1px solid #ccc;
  margin-bottom:26px;
  padding:12px}
.commentslist .comment {
  border-bottom:2px solid #dadada;
  margin-bottom:1.2em;
  padding-bottom:1.2em;
  overflow:hidden}
.commentslist .comment:last-child{
  border:0;
  margin-bottom:0;
  padding-bottom:0}
.commentslist .thumb {
  float:left;
  width:70px}
.commentslist .commententry {
  float:right;
  width:325px}
.commentslist .poster {padding-bottom:.6em}
.commentslist .author {
  font-family:Arial, Verdana, sans-serif;
  font-size:1.6em;
  font-weight:bold;
  padding-right:16px}
.commentslist .author a:focus,
.commentslist .author a:hover {
  color:#444}
.commentslist .datetime {
  color:#777;
  font-size:1em}
.commentslist .content {
  font-size:1.1em;
  line-height:1.4}



/* Form */
.zform {
  background:#fff;
  padding:12px 16px}
.zform div {
  margin-bottom:.6em;
  overflow:hidden}
.zform .registered {padding:.6em 0}
.zform .inputbox input,
.zform textarea,
.zform #captchaInputDiv input {
  background:#fff;
  border:1px solid #ccc;
  border-top-color:#808283;
  font-size:1.1em;
  padding:.2em}
.zform .inputbox input {
  float:left;
  margin-right:.6em;
  width:160px}
.zform textarea {
  font-size:9pt;
  width:98%}
.zform label {
  float:left;
  font-weight:bold;
  padding-top:.5em}
.zform #submit {
  background:#649d35;
  border:1px solid #085790;
  color:#fff;
  font-family:Arial, Verdana, sans-serif;
  font-size:1.4em;
  font-weight:bold;
  padding:.4em .5em}

.zform #captchaInputDiv label {display:none}

/* Social Buttons */
.social {padding-left:20px}
.social li {
  float:left;
  margin-right:20px}
.social a {
  border:1px solid #85b8e5;
  float:left;
  height:28px;
  text-indent:-9999em;
  width:29px}
.social .twitter {background:url(images/social-twitter.png) no-repeat}
.social .delicious {background:url(images/social-delicious.png) no-repeat}
.social .digg {background:url(images/social-digg.png) no-repeat}
.social .stumbleupon {background:url(images/social-stumbleupon.png) no-repeat}
.social .facebook {background:url(images/social-facebook.png) no-repeat}
.social .mail {background:url(images/social-mail.png) no-repeat}



/* Pages */
.page-template-page-full-php #content #main .post {
  background:none;
  padding:0}



/* Images */
img.alignright {margin-left:1em}
img.alignleft {margin-right:1em}