/*
Theme Name: Matt Cutts Blog
Description: Genesis Child Theme for Matt Cutts Blog: http://www.mattcutts.com/blog/
Author: The Automattic Theme Team
Author URI: http://themeshaper.com/
Template: genesis
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, threaded-comments, translation-ready, microformats

This stylesheet provides both default layout and formatting for this child theme
as well as extra support for Genesis options such as six different layout choices,
author box, header widgets, and breadcrumbs.
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Main elements
-------------------------------------------------------------- */

body {
	background: #a9d0f5;
	color: #111;
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	min-height: 100%;
	position: relative;
	top: 0;
}
#wrap {
	background: #fff;
	border: .4em solid #3e3e3a;
	margin: 2em auto;
	padding: 1.6em;
	width: 98em;
}
#inner {
	margin: 0 auto;
	width: 100%;
}
#content {
	margin: 0;
	padding-top: 2em;
	width: 72em;
}
#sidebar, #sidebar-alt {
	padding: 2em 0;
	width: 20.5em;
}
#footer {
	clear: both;
	padding: .5em 0;
}


/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 1.5em 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 1.5em 1.5em;
}
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 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 1.3125em;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	margin: 0 0 1.571em 0.786em;
	padding-left: 0.786em;
}
pre {
	background: #f7f7f7;
	color: #222;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a {
	color: #2361a1;
	text-decoration: none;
}
input,
textarea {
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 1em;
}
hr {
	background-color: #E7E7E7;
	border: 0;
	height: 1px;
	margin-bottom: 18px;
	clear: both;
}


/* =Header
-------------------------------------------------------------- */
#header {
	border-bottom: 1px solid #ddd;
}
#title-area {
	clear: both;
	padding: 0 1em;
}
#title {
	font-size: 3.4em;
	line-height: 1.176em;
	margin: 0;
	padding: 1em 0;
}
#title a {
	color: #111;
	font-weight: bold;
	text-decoration: none;
}
#title a:hover {
	color: #2361a1;
}
#description {
	font-size: 1.2em;
	font-style: italic;
	margin: -2.4em 0 2.4em 0;
}


/* =Menu
-------------------------------------------------------------- */
#nav {
	position: relative;
}
#nav ul {
	background: #e7e7e7;
  	background-image: -moz-linear-gradient(top, #e7e7e7, #c9c9c9);
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e7e7e7),color-stop(1, #c9c9c9));
	padding-right: 1em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style: none;
	margin: 0;
}
#nav ul li {
	font-size: 1.1em;
	float: left;
}
#nav ul li a {
	color: #666;
	display: block;
	letter-spacing: 1px;
	line-height: 1em;
	padding: 1em;
	text-transform: uppercase;
}
#nav ul li:first-child a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
#nav ul li a:hover {
	color: #111;
}
#nav ul li.current_page_item a,
#nav ul li.current-cat a {
	background-color: #c9c9c9;
	color: #111;
	cursor: default;
}
#nav ul ul {
	display: none;
}
#nav .right {
	float: right;
}
#nav .right.rss a {
	background: url(images/rss-nav.png) 100% 50% no-repeat;
	padding-right: 1.8em;
}
#nav .right.twitter a {
	background: url(images/twitter-nav.png) 100% 50% no-repeat;
	padding-right: 1.8em;
}
#nav .right.date, #nav .right.search {
	padding: .66em .33em;
}

/* =Content
-------------------------------------------------------------- */
#content input,
#content textarea {
	color: #333;
	line-height: 1.5em;
}
#content p,
#content dd,
#content pre,
#content hr {
	font-size: 1.4em;
	line-height: 1.571em;
	margin-bottom: 1.571em;
}
#content ul,
#content ol {
	font-size: 1.4em;
	line-height: 1.571em;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content li p,
#content li ul,
#content li ol {
	font-size: 1em;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 1.5em;
	line-height: 2.1em;
}
#content code {
	font-size: 1.3em;
}
#content dt,
#content th {
	font-size: 1.6em;
	color: #111;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #111;
	margin: 0 0 1.25em 0;
	line-height: 1.5em;
}
#content h1 {
	font-size: 2em;
}
#content h2 {
	font-size: 1.8em;
}
#content h3 {
	font-size: 1.6em;
}
#content h4 {
	font-size: 1.4em;
}
#content h5 {
	font-size: 1.3em;
}
#content h6 {
	font-size: 1.2em;
}
#content table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 1.2em;
	font-weight: bold;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #F2F7FC;
}
.hentry {
	margin: 0 0 3.6em 0;
	padding-bottom: 1.6em;
	border-bottom: 1px solid #e7e7e7;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #111;
	padding: 2em;
	margin-left: 0;
	margin-right: 0;
}
.single .hentry, .page .hentry {
	padding-bottom: 0;
	border-bottom: 0;
}
#content .entry-title {
	font-size: 2.2em;
	line-height: 1.364em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #111;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #2361a1;
}
.post-info {
	color: #888;
	font-size: 1.1em;
}
span.date {
	cursor: help;
}
span.date:hover {
	border-bottom: 1px dotted #666;
}
.post-info .meta-sep,
.post-meta span {
	color: #b3b3b3;
}
.entry-content {
	clear: both;
	padding: 12px 0 0 0;
}
.entry-content fieldset {
	border: 1px solid #E7E7E7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 1.2em;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 1em;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.entry-content a {
	text-decoration: underline;
}
.entry-content a:hover {
	text-decoration: none;
}
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #000;
}
.entry-content a.post-edit-link {
	clear: both;
	display: block;
	font-size: 1.2em;
	color: #888;
	text-decoration: none;
}
a.post-edit-link:hover {
	color: #111;
	text-decoration: underline;
}
.post-meta {
	color: #888;
	font-size: 1.1em;
	clear: both;
}
.single .post-meta {
	display: none;
}
.post-info a,
.post-meta a {
	color: #555;
}
.post-info a:hover,
.post-meta a:hover {
	color: #111;
}
#content .video-player {
	padding: 0;
}
.post-comments {
	padding: .5em 0;
}
.post-comments a {
	color: #666;
	text-transform: uppercase;
}
.post-comments a:hover {
	text-decoration: underline;
}
.post-comments span {
	color: #666;
	font-size: 1.6363em;
}

/* Images
-------------------------------------------------------------- */
#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 1.2em;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: auto;
	padding-bottom: 1em;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 1.2em;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}


/* =Navigation
-------------------------------------------------------------- */
.navigation {
	clear: both;
	color: #888;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: -1.182em 0 0;
	text-transform: uppercase;
}
.single .navigation {
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 2em 0;
}
.navigation a:active,
.navigation a:hover {
	text-decoration: underline;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
    clear: both;
}
#comments .navigation {
    border: 0;
    margin: 18px 0;
    padding: 0 0 18px 0;
}
h3#comments-title {
    font-size: 1.8em;
    margin-top: 12px;
    margin-bottom: 0;
    padding: 24px 0 0;
}
#comments-title span.leavecomment {
    color: #666;
    font-size: .6666em;
    padding-left: .5em;
}
.leavecomment a {
    padding: 0 1px;
}
.comment-list {
    list-style: none;
    margin: 0;
}
.comment-list .comment {
    border-bottom: 1px solid #e7e7e7;
    margin: 12px 0;
    padding: 0;
    position: relative;
}
.comment-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#comments .comment-content {
    clear: both;
    line-height: 1.571em;
}
#comments .comment-content ul,
#comments .comment-content ol {
    margin-bottom: 18px;
}
#comments .comment-content p:last-child {
    margin-bottom: 12px;
}
#comments .comment-content blockquote p:last-child {
    margin-bottom: 24px;
}
.comment-list ol {
    list-style: decimal;
}
.comment-list .avatar {
    float: left;
    top: 4px;
    left: 0;
}
.comment-author {
    line-height: 1.7143em;
}
.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
}
.comment-list .comment-author cite {
    padding-left: 22px;
}
.comment-author .says {
    display: none;
}
.comment-meta {
    color: #888;
    font-size: .8571em;
    margin: 0 0 18px 0;
}
.comment-list .comment-meta {
    padding-left: 63px;
}
.comment-meta a:link,
.comment-meta a:visited {
    color: #888;
    text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
    color: #111;
    text-decoration: underline;
}
.comment-list .even {
}
.comment-list .comment-author-admin {
    background: #e7f8fb;
    border-color: #bde0e6;
    padding: .5em;
}
.comment-list .bypostauthor .avatar {
    padding: .25em 0 0 .75em;
}
.reply {
    font-size: .8571em;
    padding: 0 0 12px 0;
}
.reply a,
a.comment-edit-link {
    color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
    color: #111;
}
.ping-list .reply {
    display: none;
}
.comment-list .children {
    list-style: none;
    margin: 0;
    padding-left: 63px;
}
.comment-list .children li {
    border: none;
    margin: 0;
}
#comments .comment-content,
.reply {
    padding-left: 63px;
}
.nopassword,
.nocomments {
    display: none;
}
.pingback {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #e7e7e7;
}
.comment-list .comment+li.pingback {
    margin-top: -6px;
}
#content .pingback p {
    color: #888;
    margin-bottom: .5em;
}
.pingback .url {
    font-style: italic;
}

/* Comments form */
input[type=submit] {
    color: #333;
}
#respond {
    margin: 24px 0;
    overflow: hidden;
    position: relative;
}
#respond p {
    clear: both;
    margin: .25em 0;
}
#respond .comment-notes {
    margin-bottom: 1em;
}
.form-allowed-tags {
    line-height: 1em;
}
.children #respond {
    margin: 0 48px 0 0;
}
h3#reply-title {
    color: #000;
    font-size: 1.8em;
    margin: 18px 0;
}
#comments-list #respond {
    margin: 0 0 18px 0;
}
#comments-list ul #respond {
    margin: 0;
}
#cancel-comment-reply-link {
    font-size: .75em;
    font-weight: normal;
}
#respond .required {
    color: #8b0000;
}
#respond label {
    padding-left: .786em;
}
#respond input {
    margin: 0 0 9px;
    float: left;
    width: 40%;
}
.comment-form-comment label {
    display: none;
}
.comment-special-note { /* appears above comment textarea */
    color: #8b0000;
}
#respond textarea {
    width: 98%;
}
#respond .form-allowed-tags {
    color: #888;
    font-size: 1.2em;
}
#respond .form-allowed-tags code {
    font-size: 1.2em;
}
#respond .form-submit {
    margin: 12px 0;
}
#respond .form-submit input {
    width: auto;
    font-size: 1.4em;
}

/* Fix nesting em-based font sizes for comment replies */
ol.comment-list #respond {
    font-size: 70% !important;
}
#content ol.comment-list li #respond p {
    font-size: 140%;
}
#content ol.comment-list li #respond p.form-allowed-tags {
    font-size: 120%;
}

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area .widget {
	font-size: 1.3em;
	list-style: none;
	margin-left: 0;
	padding: 0 1em;
}
.widget-area .widget-wrap {
	margin: 0 0 18px 0;
}
.widgettitle {
	color: #555;
	font-size: .846em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.widget-area .widget ul {
	list-style: none;
	margin: 0;
}
.widget-area .widget ul li {
	margin: .25em 0;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-area .widget.widget_text .textwidget {
	margin-top: .25em;
	line-height: 1.5em;
}
.widget_text img {
	vertical-align: top;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size: .9em;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss h4 a.rsswidget {
	color: #000;
}
.widget_rss .widgettitle img {
	height: 11px;
	width: 11px;
}
.widget_categories,
.widget_archive {
	color: #888;
}
.widget-area .widget.featuredpost h2 {
	font-size: 1em;
}
.featuredpost .hentry {
	margin: .5em 0;
	padding: 0 .5em;
}


/* =Footer
-------------------------------------------------------------- */
#wpstats,
#site-generator,
#footer .gototop,
#footer .creds {
	display: none;
}


/* =Clear fix
-------------------------------------------------------------- */
#content-sidebar-wrap:after,
#nav ul:after,
.entry-content:after,
#footer:after,
.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Genesis options
-------------------------------------------------------------- */

/* Header with widgets */
#header {
	overflow: hidden;
}
#title-area {
	float: left;
	overflow: hidden;
	width: 400px;
}
#header .widget-area {
	float: right;
	width: 550px;
	padding-top: 1em;
}
#header .widget-area p {
	margin: 0;
	padding: 0 0 .5em;
}
#header .searchform {
	float: right;
	padding: 4em 0 0;
}

/* Header without widgets */
.header-full-width #header {
	overflow: visible;
}
.header-full-width #title-area {
	float: none;
	overflow: visible;
	width: auto;
}

/* Header with logo enabled */
.header-image #title-area {
	background: url(images/logo.png) 0 50% no-repeat;
	padding: 0;
}
.header-image #title {
	padding: 0;
	text-indent: -9999px;
}
.header-image #title a {
	display: block;
	width: 300px;
	height: 80px;
}

/* Breadcrumbs enabled */
.breadcrumb {
	color: #333;
	font-size: 1.2em;
	margin: 0 0 1em;
}

/* Author box */
.author-box {
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
	margin: 2em 0;
	overflow: hidden;
	padding: 10px;
}
#content .author-box p {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
#content .author-box p b {
	font-size: 1.4;
}
#content .author-box img {
	background: #fff;
	border: 1px solid #e6e6e6;
	display: block;
	float: left;
	margin: 0 1em 0 0;
	padding: 4px;
}

/*
Genesis child themes need to accomodate multiple layout structures
selected by the user from "Genesis > Theme Settings" in the dashboard
and the "Genesis Layout Options" module in the Post and Page Edit screens.
*/

/* Layout 1: Content, Sidebar (default) */
.content-sidebar #content {
	float: left;
	padding-left: 1em;
}
.content-sidebar #sidebar {
	float: right;
}

/* Layout 2: Sidebar, Content */
.sidebar-content #content {
	float: right;
	padding-right: 1em;
}
.sidebar-content #sidebar {
	float: left;
}

/* Layout 3: Content, Sidebar, Sidebar */
.content-sidebar-sidebar #content {
	float: left;
	padding-left: 1em;
	width: 51.5em;
}
.content-sidebar-sidebar #content-sidebar-wrap {
	float: left;
	width: 76.5em;
}
.content-sidebar-sidebar #sidebar {
	float: right;
	width: 20.5em;
}
.content-sidebar-sidebar #sidebar-alt {
	float: right;
	width: 20.5em;
}

/* Layout 4: Sidebar, Sidebar, Content */
.sidebar-sidebar-content #content {
	float: right;
	padding-left: 1em;
	width: 51.5em;
}
.sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
	width: 76.5em;
}
.sidebar-sidebar-content #sidebar {
	float: left;
}
.sidebar-sidebar-content #sidebar-alt {
	float: left;
	width: 20.5em;
}

/* Layout 5: Sidebar, Content, Sidebar */
.sidebar-content-sidebar #content {
	float: right;
	padding-right: 1em;
	width: 51.5em;
}
.sidebar-content-sidebar #content-sidebar-wrap {
	float: left;
	width: 74em;
}
.sidebar-content-sidebar #sidebar {
	float: left;
}
.sidebar-content-sidebar #sidebar-alt {
	float: right;
	width: 20.5em;
}

/* Layout 6: Full Width Content */
.full-width-content #content, .single-attachment #content {
	float: none;
	width: 100%;
}


/* =IE6 and IE7 fixes
-------------------------------------------------------------- */
#nav, #nav ul, .comment-list li.comment {
	zoom: 1; /* trigger hasLayout */
}