/*============ Element Theme // GOOGLE WEBFONT =============================*/
@import url(//fonts.googleapis.com/css?family=Patua+One|Open+Sans:400,700,600,400italic,600italic,700italic);


/*============ Element Theme // FRAMEWORK CSS =============================*/
@import url(/.shared/themes/common/framework/typepad-theme-frame-default.css);
@import url(/.shared/themes/common/framework/typepad-theme-frame-columns.css);
@import url(/.shared/themes/common/framework/typepad-theme-fontbase.css);
@import url(/.shared/themes/common/framework/typepad-theme-banner.css);
@import url(/.shared/themes/common/framework/typepad-theme-navbar.css);
@import url(/.shared/themes/common/framework/typepad-theme-structure-posts.css);
@import url(/.shared/themes/common/framework/typepad-theme-share-buttons.css);
@import url(/.shared/themes/common/framework/typepad-theme-structure-comments.css);
  @import url(/.shared/css/atp-comments.css);
@import url(/.shared/themes/common/framework/typepad-theme-structure-sidebar.css);
@import url(/.shared/themes/common/framework/typepad-theme-structure-archives.css);
@import url(/.shared/themes/common/framework/typepad-theme-mobile.css);


/*============ Element Theme // FRAME - DEFAULT =============================*/
body {  
	margin: 0; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 90%;
	width: 100%;
}

a { text-decoration: none; }

h1 { font-size: 145%; }
h2 { font-size: 135%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/*============ Element Theme // FRAME - COLUMNS =============================*/

/* Page Width */
#container, #container-inner { 
	width: 930px; 
	margin: 0 auto; 
	padding: 0; 
	}

#container { padding-top: 50px; }

/*------ALL LAYOUTS - Set margins for main column ------*/
#pagebody { 
	width: 930px; 
	margin: auto auto 0 -10px ; 
	padding: 0; 
	}

#alpha {
	width: 100%;
	margin: 0;
	padding: 0;
	}

	#alpha-inner {
		width: 100%;
		padding: 0;
		}

/*============ Element Theme // BANNER ======================================*/

/* Banner Container --------*/
#banner { 
	position: relative;
	width: 900px; 
	margin: 0 auto; 
	padding: 5px; 
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	}

	/* Banner Title Container */
	#banner-inner { 
		position: static;
		margin: 0 auto; 
		padding: 0; 
		height: auto; 
		}

		/* Blog Title Positioning --------*/
		#banner-header {
			height: auto;
			text-align: center;
			padding: 30px 0;
			}

			/* Blog Title Font */
			#banner-header a { 
			height: auto; 
			width: 900px; 
			text-align: center;
			font-family: 'Patua One', cursive;
			font-size: 200%; 
			color: #333; 
			}
			
			#banner-header a:hover { color: #fff; }

		/* Blog Description Positioning --------*/
		#banner-description {
			background-color: #fff;
			padding: 10px 15px 0px;
			text-align: left;
			}

			/* Blog Description Font */
			#banner-description {
				font-size: 100%; 
				color: #333;
				text-align: center; 
				}


/*============ Element Theme // NAVIGATION BAR ======================================*/
/* Nav Bar */
#nav { 
	width: 910px; 
	height: auto; 
	margin: 25px auto; 
	*margin: 25px auto 0; 
	_margin: 25px auto 0; 
	padding: 1px 0 5px;
	background-color: #202020; 
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	border-top: 3px solid #333; 
	}

.nav-list { display: block; margin: 0; }

.nav-list-item a { 
	font-size: 80%;
	color: #f9f9f9;
	font-weight: 600;
	text-transform: uppercase;
	}

.nav-list-item a:hover {
	background-color: #fff;
	color: #202020;
	}

	
/*============ Element Theme // CONTENT & ARCHIVE NAVIGATION =========================*/
/* Content Navigation */
.content-nav { text-align: center; }

	/* Content Navigation Link */
	.content-nav a { 
		color: #202020; 
		font-weight: 600; 
		}
	
		/* Content Navigation Link - Hover */
		.content-nav a:hover { color: #fff; }

/* Archive Navigation - Hide It */
.content-header { display: none; }



/*============ Element Theme // POSTS ===========================*/
/* Entries */
.entry {
	background-color: #fff; 
	padding: 15px; 
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	}

/* Date Header --------*/
.date-header { 
	text-transform: uppercase; 
	font-size: 80% !important; 
	color: #c0c0c0; 
	background-color: #fff;
	margin: 0;
	padding: 10px 5px 5px !important;
	width: 250px;
	text-align: center !important;
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	}

/* Post Title and Title Link --------*/
.entry-header { 
		font-size: 140%; 
		padding: 0 0 5px 0; 
		margin: 0; 
		font-family: 'Patua One', serif; 
		}

	/* Entry Header and Entry Header Link - Color */
	.entry-header, .entry-header a { color: #333; }

/* Photo Wrap for Aviary Images */
.photo-wrap { padding: 5px 5px 12px; }

	/* Scale full-size images */
	.photo-full {
		display: block;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		}

	/* Font Styles for Photo Captions */
	.photo-caption { 
		font-size: 75%; 
		text-transform: uppercase; 
		}

/* Split Extended Entry - "Continue Reading" Link */
p.entry-more-link {
	background-color: #ddd;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 4px 5px;
	}


/* Split Extended Entry - Set Color of Link */
p.entry-more-link a { color: #333; margin: 0 10px; display: block; }


	/* Split Extended Entry - When Hovered Change Background Color */
	p.entry-more-link:hover { 
		background-color: #f9f9f9; 
		cursor: pointer; 
		}


/* Post Footer */
.entry-footer { 
	font-size: 90%; 
	padding: 5px 0; 
	border-top: 1px dotted #ccc; 
	}

	/* color of text in buttons */
	.entry-footer-share-buttons a { color: #888; }


/* Featured Post Container */
.entry-featured { padding: 20px 15px 5px; }

	/* Featured Post Title */
	.entry-featured h3.entry-header { 
		font-family: 'Patua One', serif; 
		font-size: 200%; 
		width: 100%; 
		padding: 0; 
		margin: 0; 
		*margin-bottom: 10px; 
		_margin-bottom: 10px;
		*padding-bottom: 10px;
		_padding-bottom: 10px; 
		}

/* Featured Post Title - Hide Author Image */
.entry-featured .author-photo { display: none; }

	/* Featured Post Title - Link */
	.entry-featured .entry-header a { margin: 0; padding: 0; }

	/* Featured Post Footer - Hide It */
	.entry-featured .entry-footer { display: none; }


/*============ Element Theme // PAGINATION =========================*/
/* Blog Pagination --------*/
.pager-bottom, .pager-entries, .pager { 
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 22px 0;	
	}

	/* Blog Pagination - Font */
	.pager a { 
		color: #333; 
		font-family: 'Patua One', serif; 
		font-size: 200%; 
		text-transform: uppercase; 
		}

	/* Blog Pagination - Hide Separator */
	.pager .separator { display: none; }

/* Pagination - Left Pager Position */
.pager-left { 
	display: block; 
	float: left; 
	margin: 0; 
	}

/* Pagination - Right Pager Position */
.pager-right { 
	display: block; 
	float: right; 
	margin: 0; 
	}


/*============ Element Theme // SIDEBAR =========================*/
/* Module --------*/
.module { 
	width: 390px !important;
	background-color: #fff !important; 
	margin: 10px 10px 10px 20px !important;
	padding: 10px 15px !important;
	-webkit-box-shadow: 0px 4px 3px #333 !important;
	-moz-box-shadow: 0px 4px 3px #333 !important;
	box-shadow: 0px 4px 3px #333 !important;
	float: left !important; 
	font-size: 100% !important;
}

	/* Font size for modules */
	.module, .module a, .module .typelist-note { font-size: 100%; }

/* Module Headers --------*/
.module-header { 
	font-family: 'Patua One', serif; 
	font-size: 175%; 
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0; 
	}

	/* Module Header - Font & Link Color */
	.module-header, 
	.module-header a { 
		color: #333; 
		}

	/* Search Module Header */
	.module-search .module-header { margin-bottom: 5px; padding-bottom: 5px; }


/* Mini Profile Module --------*/
.module-miniprofile { text-align: center !important; }

	/* Mini Profile Module Width Adjustment */
	.module-miniprofile .mp-container { width: auto !important; }
	
	/* Mini Profile Follow/Follower Avatar Adjustment */
	.module-miniprofile .mp-connections span,
	.module-miniprofile .mp-connections a,
	.module-miniprofile .mp-connections img {
		padding: 0 1px 1px 0 !important;	
		}


/* Other Accounts ---------------------------- */
.module-elsewhere .module-list-item { 
	display: block; 
	line-height: 0em; 
	margin: 0px auto 5px; 
	padding: 0; 
	color: #202020 !important;
	}

	.module-elsewhere .module-list-item a { 
		display: inline-block; 
		padding: 0; 
		margin: 0; 
		}
	
	.module-elsewhere .module-list-item img { 
		display: block; 
		padding: 0 5px; 
		}


/* Books Typelist --------*/
/* Adjust Thumbnail Images */
.typelist-thumbnail img { padding: 0 5px 5px;  }


/* Calendar --------*/
.module-calendar .module-content { font-size: 80%; }

	.module-calendar .module-content table td a { font-size: 100%; }

	.module-content table th {
		font-weight: 600;
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		padding: 0 5px;
		}


/*============ Element Theme // ARCHIVES =========================*/
/* Archives --------*/
.archive-date-based, .archive-categories {
	background-color: #fff; 
	padding: 0 0 25px; 
	margin: 0 0 25px 0;
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	}

	h2.archive-header { 
		padding: 15px 15px 0; 
		font-family: 'Patua One', serif; 
		font-size: 200%; 
		color: #202020;
		}

	.archive-content { padding: 0 15px; }



/*============ Element Theme // BLOG FOOTER =========================*/
/* Blog Footer */
#footer { 
	width: 900px !important;
	background-color: #202020; 
	margin: 30px auto 0 !important;
	}

	.footer-list-item a { 
		font-size: 80% !important;
		color: #f9f9f9;
		font-weight: 600 !important;
		text-transform: uppercase;
		padding: 4px 15px !important;
		}

		.footer-list-item a:hover {
			background-color: #fff;
			color: #202020;
			}
			


/*============ Element Theme // COMMENTS =========================*/
/* Comment Headers */
h3.comments-header, .comments-header {
	font-family: 'Patua One', cursive;
	font-size: 150%; 
	color: #000; 
	}

	h2.comments-open-header, #comment-title, .comments-open-header {
		font-family: 'Patua One', cursive;
		font-size: 150%; 
		color: #000; 
	}

/* Comment List Position */
.comments { padding: 0 20px; }

	.comments-open { padding: 0 20px; }


/* Style Comments */
.comment { 
	background-color: #fff !important; 
	margin: 0 auto 20px;
	color: #202020;
	font-size: 100%;
	-webkit-box-shadow: 0px 4px 3px #333;
	-moz-box-shadow: 0px 4px 3px #333;
	box-shadow: 0px 4px 3px #333;
	}

	/* Adjust Font Weight of Open Data */
	#comments-open-data { font-weight: 600; }

/* Adjust font size of comments */
#all-comments { font-size: 90%; }

/* Add border to comment avatar */
.comment-avatar { border: 2px solid #fff; }

/* Adjust style of comment footer */
.comment-footer { 
	border-top: 1px solid #ccc; 
	padding-top: 2px; 
	font-weight: 600; 
	}

#disqus_thread {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

/*============ Element Theme // MOBILE VIEW =========================*/
/* Mobile Styles for Screens Less than 950px */
@media only screen 
 and (max-device-width: 950px) {

	/* Date Header has space between bottom and top of entry; remove it */
	.date-header { margin-bottom: -2px !important; }
}