/*
Theme Name: Matchstic
Theme URI: http://matchstic.com/blog
Description: The Matchblog website.
Author: brandon@bottlecapdev.com
Version: 1.0
Tags: awesome
*/


/* ******************************************
 * Eric Meyer Reset CSS
 ****************************************** */
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;
	outline: 0;
	font-size: 100%; font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ******************************************
 * Page Layout
 ****************************************** */
body {
	width: 1105px;
	margin: 0 auto;
	padding: 19px 20px 60px 20px;

	background: #f5f2ed;
}

#sidebar { width: 225px; float: left; }
#articles { width: 864px; float: right; }


/* ******************************************
 * Base Styles
 ****************************************** */
body {
	font-family: Courier,monospace;
	font-size: 12px; line-height: 20px;
	color: #666666;
}
a { color: inherit; text-decoration: none; }
p { margin-bottom: .7em; }
ul { margin-bottom: 1em; }
.clear { clear: both; }


/* ******************************************
 * Text Replacement
 ****************************************** */
.text-replaced { display: inline-block; text-indent: -99999px; background-repeat: no-repeat; background-position: 0 0; }
.icon-twitter { background-image: url(img/twitter.gif); width: 21px; height: 21px; }
.icon-facebook { background-image: url(img/facebook.gif); width: 21px; height: 21px; }
.icon-vimeo { background-image: url(img/vimeo.gif); width: 23px; height: 21px; }
.icon-rss { background-image: url(img/rss.gif); width: 22px; height: 21px; }

.btn-continue_reading { background-image: url(img/btn-continue_reading.gif); width: 145px; height: 30px; }
.btn-back_to_blog { background-image: url(img/btn-back_to_blog.gif); width: 142px; height: 32px; }
.btn-add_comment { background-image: url(img/btn-add_a_comment.gif); width: 146px; height: 23px; margin-bottom: 10px; }

.title-recent { background-image: url(img/title-recent.gif); width: 46px; height: 9px; }
.title-contributors { background-image: url(img/title-contributors.gif); width: 95px; height: 9px; }
.title-recommended { background-image: url(img/title-recommended.gif); width: 96px; height: 9px; }
.title-archives { background-image: url(img/title-archives.gif); width: 61px; height: 9px; }



/* ******************************************
 * Header Content
 ****************************************** */
#page-header { height: 111px; }
#home-link {
	text-align: right;
	margin: 0 0 32px 0;

	font-family: Courier, monospace;
	font-size: 13px; line-height: 13px;

	color: #dc251b;
}
.matchstic { display: inline-block; padding-left: 17px; background: url(img/flame.gif) 0 0 no-repeat; }

#logo {
	width: 521px; height: 27px;
	margin: 0 0 38px 0;

	background: url(img/logo.gif);
	text-indent: -99999px; overflow: hidden;

	float: left;
}



/* Search Form */
#search {
	width: 225px; height: 27px;
	border: solid 1px #c4c2be;
	float: right;
}
#search-query {
	border: 0; margin: 0; background: transparent;
	
	float: left;
	width: 191px; height: 19px;
	padding: 4px 0 4px 4px;

	font-size: 12px; line-height: 19px;
	font-family: inherit;

}
#search-submit { width: 28px; float: left; }


/* Syndication Links */
#syndication {
	width: 98px; margin: 8px 14px 0 0;
	float: right;
}
#syndication li { float: left; margin-left: 2px; }
#syndication li .text-replaced { display: block; }




/* ******************************************
 * Articles
 ****************************************** */
.article {
	border-top: solid 1px #999;
	margin-bottom: 10px;
	position: relative;
	
	font-family: Georgia, 'Times New Roman', Times, serif;
}

.addthis_toolbox {
	position: absolute;
	right: 0; top: 7px;

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px; line-height: 15px;
	color: #333;
}

.article strong, .article b { font-weight: bold; }
.article em, .article i { font-style: italic; }
.article blockquote { margin: 0 30px; }
.article ul, .article ol { padding-left: 30px;  }
.article ul li { list-style: disc; }
.article ol li { list-style: decimal; }

.article a { color: #dc251b; text-decoration: underline; }
.article a:hover { text-decoration: none; }

.article h2 { 
	font-size: 40px; line-height: 54px; 
	margin: 7px 0; 
	color: #dc251b; 
}
.article h2 a { text-decoration: none; }

.article .meta {
	position: relative;
	border-top: solid 1px #ccc;
	margin-bottom: 13px;
	
	font-family: Courier, monospace;
	font-size: 12px;
	color: #333;
}
.article .meta img {
	margin: -1px 10px 0 0;
	vertical-align: top;
}

.article .content { 
	width: 591px; float: left; 
	color: #5c5c5c; 
	font-size: 16px; line-height: 24px;
}
.article .wide_content { width: 600px; }

.article .content .teaser {
	font-size: 25px; line-height: 30px;
	color: #5f5f5f;
}

.article .comments { 
	float: right;
	width: 225px; 
	padding-top: 6px;
	
	color: #666666;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 20px;
}

h3.comments-title {
	position: relative;
	border-top: solid 1px #ccc;
	padding: 12px 0 18px 0;

	font-size: 11px; line-height: 11px;
	color: #333;
}

h3.comments-title .see_comments-link { position: absolute; right: 0; top: 11px; }

.comment {
	background: #fff;
	padding: 6px 10px 1px 10px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 20px;
	color: #999;
}
.comment p { margin-bottom: 2px; }
.comment-top {
	width: 224px; height: 6px;
	background: url(img/comment_top.gif);
}
.comment-bottom {
	width: 224px; height: 25px;
	background: url(img/comment_bottom.gif);
	margin-bottom: 23px;
}
.comment-top-wide {
	width: 583px; height: 7px;
	background: url(img/comment_top_wide.gif);
}
.comment-bottom-wide {
	width: 583px; height: 20px;
	background: url(img/comment_bottom_wide.gif);
	margin-bottom: 23px;
}


.single_comments {
	padding: 24px 12px 14px 12px; 
	background: url(img/hr.gif) repeat-x 0 0;
	width: 583px;
}
.single_comments h3 {
	font-family: 'Helvetica Neue LT Std', Helvetica, Arial, sans-serif;
	font-size: 16px; line-height: 16px;
	color: #5f5f5f;
	margin-bottom: 16px;
}

.single_comments .comment {
	font-style: italic;
}


.pagination {
	border-top: solid 3px;
	padding-top: 4px;

	font-size: 23px; line-height: 30px;
	color: #333;
}
.pagination .divider {
	display: inline-block;
	width: 0; height: 30px;
	margin: 0 3px;
	vertical-align: middle;
	
	border-left: solid 1px #ccc;
}

.article p.continue { margin-bottom: 1.2em; }


/* ******************************************
 * Comment Form 
 ****************************************** */
#comment_form {  
	padding: 18px 12px 14px 12px; 
	background: url(img/hr.gif) repeat-x 0 0;
	overflow: hidden; position: relative; 
	width: 586px;  
}
#comment_form textarea,
#comment_form input { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
}
	
	#leave_a_comment { width: 165px; height: 21px; background: url(img/leave_a_comment.gif); text-indent: -9999px; margin-bottom: 12px; }
	
	#comment_form .input-text { width: 550px; height: 20px; padding: 7px 16px; background: url(img/input.gif); margin-bottom: 6px; }
		#comment_form .input-text input { background: none transparent; border: 0 none; padding: 0; margin: 0; width: 100%; height: 20px; font-size: 13px; color: #adadad; }
	#comment_form .input-textarea { width: 550px; height: 54px; padding: 7px 16px; background: url(img/textarea.gif); margin-bottom: 6px; }
		#comment_form .input-textarea textarea { background: none transparent; border: 0 none; padding: 0; margin: 0; width: 100%; height: 54px; font-size: 13px; color: #adadad; }

	#comment_form .input-submit { float: right; margin: 6px 12px 0 0; } 


/* ******************************************
 * Sidebar
 ****************************************** */
#sidebar {
	font-family: Courier, monospace;
	font-size: 12px; line-height: 20px;
}

.sidebar-widget {
	border-top: solid 1px #999;
}

.sidebar-widget h3 {
	margin: 13px 0 16px 0;
	height: 9px;
}
.sidebar-widget ul { margin-bottom: 20px; }

.recent-list { width: 232px; line-height: 16px; }
.recent-list li { margin-bottom: 8px; }
.recent-list li a { text-decoration: underline; }
.recent-list li a:hover { text-decoration: none; }

.contributors-list {
	font-family: Gerogia, 'Times New Roman', Times, serif;
	font-size: 14px; font-style: italic;
	margin-bottom: 30px;
}
.contributors-list li { margin-bottom: 9px; }
.contributors-list img { margin-right: 8px; vertical-align: middle; }