/*
 * GoodBlogs 2.0, Type styles
 * Author: Nathan Dirks, DriftlessDesign.com
 *
 */

/***********************************************************
 
 TABLE of CONTENTS
 
	1. TAGS
	2. WEIGHT
	3. SIZE
	4. TEXT DECORATION 
	5. ALIGN
	6. WHITE SPACE
	7. LISTS
	8. MEDIA QUERIES
	
***********************************************************/


body,
textarea {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.3;}


/* 1. TAGS
*******************************/
em {font-style: italic; font-weight: 300;}
strong em {font-weight: 400;}


/* 2. WEIGHT
*******************************/

/* Open Sans names and weight:
 *
 * Book 300, Book 300 italic
 * Normal 400, Normal 400 italic
 * Semi-bold 600
 * Bold 700
 * Extra-Bold 800
 * 
 */

/* thin */
.sidebar-section #search input[type="text"],
#site-intro .pitch {font-weight: 300;}

.sidebar-section #search input[type="text"] {color: #000;}

/* book */
h1, h2, h3, h4, h5,
.top-posts h1,
#category-nav h2,
h1.section-title .category-name,
.external-signup,
.external-signup a {font-weight: 400;}

/* semi-bold */
h1.section-title,
.new-posts h1,
h1.post-title,
h1.page-title,
h3.top-posts,
strong,
#site-footer h4,
.load-more a {font-weight: 600;}

/* bold */
strong {font-weight: 700;}



/* 3. SIZE (and spacing)
*******************************/

/* Headings (in text blocks) */
	
.full-post h1,
.info h1,
.content-block h1 {font-size: 2.125em; margin-bottom: .5em;}
h1.section-title {padding-right: 1em;}
.full-post h2
.info h2,
.content-block h2 {font-size: 1.85em; margin-bottom: .65em;}
.full-post h3
.info h3,
.content-block h3 {font-size: 1.25em; margin-bottom: 1em;}
.full-post h4
.info h4,
.content-block h4 {font-size: 1em; margin-bottom: 1em;}

/* H1, specific */

.top-posts h1,
h1.post-title,
h1.page-title {font-size: 2.125em; margin-bottom: .5em; line-height: 1.2;}

#form-template h1.page-title  {margin-left: 0;}

/* H2, specific */
h2.author,
h2.comments,
.fieldset-info h2 {font-size: 1.85em; margin-bottom: 0;}

.fieldset-info h2 {margin-bottom: .75em;}
.fieldset-info .note {margin-top: -1.25em;}

#category-nav .category h2 {font-size: 18px; padding: 0 1.45em 1em 1.45em; padding: 0 0 1em 0;}

/* H3, specific */
.full-post .comment address,
ol.terms h3 {font-size: 1.25em; margin-bottom: 1em;}

/* H4, specific */
#payment-preferences h4 {margin-bottom: .5em;}

/* 1em */
.new-posts h1,
h1.section-title,
.sidebar-section #search input[type="text"] {font-size: 1em;}

/* .9em */
.login-link {font-size: .9em;}

/* .85em */
#category-nav .category-top-post li {font-size: .85em;}

/* .8em */
.post-meta,
h1.section-title .category-name,
.comments time,
.comments .comment-functions {font-size: .8em;}
 
/* .75em */
.post-image figcaption.post-category a {font-size: .75em;}

/* Special margins */
.section-title {margin-bottom: 1em; display: inline-block;}

.fieldset-info .note,
.page-intro {margin-bottom: 2em;}
h1 + .page-intro {margin-top: -.5em;}
#form-template h1 + .page-intro {margin-left: 0;}



/* 4. TEXT DECORATION 
*******************************/

a:link {text-decoration: none;}
.full-post .post-body a:link,
.login-link a {text-decoration: underline;}


/* 5. ALIGN
*******************************/
.center {text-align: center;}



/* 6. WHITE SPACE
*******************************/
.comments time {white-space: nowrap;}



/* 7. TRANSFORM
*******************************/


/* 7. LISTS
*******************************/
.full-post .post-body .text ul,
.full-post .post-body .text ol,
.info ul,
.info ol,
.content-block ul,
.content-block ol {margin-left: 2em; margin-bottom: .5em;}

.author-box ul,
.author-box ol {margin: 0;}

.full-post .post-body .text li,
.info li,
.content-block li {padding-bottom: .5em;}

.author-box li {padding-bottom: 0;}

.full-post .post-body .text ul,
.info ul,
.content-block ul {list-style-type: disc;}
.full-post .post-body .text ol,
.info ol,
.content-block ol,
ol.decimal {list-style-type: decimal;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-roman {list-style-type: lower-roman;}

ol.terms li {padding-bottom: 2em;}
ol.terms .upper-alpha li {padding-bottom: 0;}
ol.terms .upper-alpha .lower-roman {padding-bottom: 1em;}

ul.login-links,
ul.external-logins {margin: 0; list-style-type: none;}



/* 8. MEDIA QUERIES STYLES
***********************************************************/

/* Tablet & Above */

@media only screen and (min-width: 601px) {

	#user-nav li {font-weight: 600;}
	
}