/*============ Chunky Theme // GOOGLE WEBFONT - Bevan & Open Sans =============================*/
@import url(http://fonts.googleapis.com/css?family=Bevan|Open+Sans:400,700,400italic,700italic);


/*============ Chunky 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);


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

a { text-decoration: none; color: #426AA5; }
a:hover { color: #333; }

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


/*============ Chunky Theme // FRAME - COLUMNS =============================*/

/* Page Width */
#container, #container-inner { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
}

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


/*---Column Adjustments for Chunky Theme--------------------*/

	/*---2COL-Left--------------------*/
	.layout-two-column-left #alpha { width: 280px; }
	
		/* Shift Sidebar Down 20px */
		.layout-two-column-left #alpha { padding-top: 20px; }
	
	.layout-two-column-left #beta { width: 670px; }
	
	
	/*---2COL-Right-------------------*/
	.layout-two-column-right #alpha { width: 670px; }
	.layout-two-column-right #beta { width: 280px; }
	
		/* Shift Sidebar Down 20px */
		.layout-two-column-right #beta { padding-top: 20px; }
	
	
	/*---3COLUMN----------------------*/
	.layout-three-column #alpha { width: 200px; }
	
		/* Shift Left Sidebar Down 20px */
		.layout-three-column #alpha { padding-top: 20px; }
	
	.layout-three-column #beta { width: 540px; }
	.layout-three-column #gamma { width: 200px; }
	
		/* Shift Right Sidebar Down 20px */
		 .layout-three-column #gamma { padding-top: 20px; }
	
	
	/*---3COL-Right-------------------*/
	.layout-three-column-right #alpha { width: 570px; padding: 0px; margin: 0px; }
	.layout-three-column-right #beta { width: 200px; margin: 0 0 0 5px; padding: 0; }

		/* Shift Sidebar Down 20px on 1st of 2 Sidebars */
		.layout-three-column-right #beta-inner { padding: 20px 0 0 0; margin: 0px }
	
	.layout-three-column-right #gamma { width: 200px; margin: 0 0 0 5px; padding: 0; }
	
		/* Shift Sidebar Down 20px on 2nd of 2 Sidebars */
		.layout-three-column-right #gamma-inner { margin: 0; padding-top: 20px; }


/*============ Chunky Theme // BANNER ======================================*/

/* Banner Container --------*/
#banner { 
	width: 1000px; 
	height: auto; 
	margin: 0 auto; 
	padding: 40px 0 10px; 
	}

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

		/* Blog Title Positioning --------*/
		#banner-header {
			margin: 0; 
			padding: 0; 
			}

			/* Blog Title Font */
			#banner-header a { 
				font-family: 'Bevan', serif;
				font-size: 310%; 
				color: #333; 
				text-transform: capitalize; 
				}
			
			#banner-header a:hover { color: #333; }

		/* Blog Description Positioning --------*/
		#banner-description {
			margin: 0 0 0 2px;
			padding: 0 0 10px 0;
			}

			/* Blog Description Font */
			#banner-description {
				font-family: 'Open Sans', sans-serif;
				font-size: 100%; 
				color: #333;
				text-transform: uppercase; 
				}

			/* Blog Description - Hide it by Default */
			#banner-description { display: none; }


/*============ Chunky Theme // NAVBAR & BLOG FOOTER ======================================*/
/* Set Width and Position for Navigation Bar --------*/
#nav { 
	width: 100%;
	margin: 0;
	padding: 5px 0; 
	background-color: #ddd; 
	}

	/* Set Width and Position of Inner Containers for Navigation Bar and Blog Footer */
	#nav-inner, #footer-inner {
		width: 1000px; 
		margin: 0 auto; 
		}

		/* Set Width and Position for Navigation Bar List and Blog Footer List */
		.nav-list, .footer-list { 
			width: 1000px; 
			margin: 0 0 0 -5px;
			padding: 0; 
			}
	
			/* Set Position and Font for List Items in Navigation Bar and Blog Footer */
			.nav-list-item, .footer-list-item { 
				margin: 0;
				padding: 0 10px 0; 
				text-transform: uppercase; 
				font-size: 100%; 
				font-weight: 600; 
				}
	
				/* Set Link Color for Navigation Bar and Blog Footer */
				.nav-list-item a, .footer-list-item a { 
					color: #333; 
					font-weight: 600 !important;
					}
	
				/* Set Link Hover Color for Navigation Bar and Blog Footer */
				.nav-list-item a:hover, .footer-list-item a:hover { color: #426AA5; }
	

/* Set Width and Position for Blog Footer --------*/
#footer {
	width: 100%;
	margin: 0;
	padding: 10px 0; 
	background-color: #ddd; 
	}

/*============ Chunky Theme // POSTS ===========================*/
/* Date Header --------*/
.date-header { 
	text-transform: uppercase; 
	font-size: 90%; 
	color: #c0c0c0; 
	}

/* Post Title and Title Link --------*/
.entry-header { 
		font-size: 140%; 
		padding: 0 0 5px 0; 
		margin: 0; 
		}

	/* 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; 
	}

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

	/* Featured Post Title */
	.entry-featured h3.entry-header { 
		font-family: 'Bevan', 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 - Link */
	.entry-featured .entry-header a { margin: 0; padding: 0; }

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


/* Comment Headers */
.comments-header, h2.comments-open-header { color: #444; }


/*============ Chunky Theme // SIDEBAR =========================*/

/* Module Header --------*/
.module-header { 
	font-family: 'Bevan', 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: 0px; }

/* Module Content - List Items - Add Chevrons */
.module-content li:before { 
	content: ">>"; 
	font-size: 7pt; 
	padding-right: 5px; 
	vertical-align: top; 
	line-height: 2em; 
	}

	/* Module Content - List Items - Remove Chevrons from Lists that Shouldn't Have Them */
	.typelist-plain li:before, 
	.module-category-cloud li:before, 
	.typelist-thumbnailed li:before { 
		content: ""; 
		padding: 0; 
		}

/* Module - RSS Subscribe Link */
.module-syndicate {
	margin: 15px 0px 15px 10px;
	padding: 0px;
	background: url(http://mustbetuesday.typepad.com/feed-icon-14x14.png) no-repeat 0 2px;
	line-height: 1.25em;
	} 

	.module-syndicate a { padding: 0 0 0 20px; display: block; }

	/* Syndicate Link Position in 1-COL Layout */
	.layout-one-column .module-syndicate a { padding: 0 0 0 20px; display: block; margin-top: -20px; }


/* Module - Powered By TypePad */
.module-powered .module-content {
	font-size: 90%; 
	text-transform: capitalize; 
	}

/* Module - Calendar Spacing */ 
.module-calendar .module-content table { margin-top: 5px; }

	.module-calendar .module-content table th { padding-right: 3px; }

/* Module - Mini Follow Profile */
.module-miniprofile { margin-bottom: 10px; }


/*============ Chunky 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: 'Bevan', 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; 
	}


/*============ Chunky Theme // MOBILE - IPAD & IPHONE =========================*/
@media only screen 
 and (max-device-width: 980px) {

	/* Tell Safari to increase font size */
	body {
		width: 100%; 
		min-width: 980px;
		margin: 0 auto;
		padding: 0;
		-webkit-text-size-adjust: 200%;
	}

	/* Set Container to full width of Safari browser */
	#container {
		width: 100%;
		min-width: 980px;
		float: none;
		margin: 0 0 0 40px; /* push container off left margin by 40px */
		padding: 0;
	}

		/* Set Container-Inner to full width of Safari browser */
		#container-inner { width: 100%; margin: 0px; padding: 0px; }

	/* Set Pagebody to full width of Safari browser */
	#pagebody {
		width: 100%;
		min-width: 980px;
		float: none;
		margin: 0;
		padding: 0;
	}

		/* Set Pagebody-Inner to full width of Safari browser */
		#pagebody-inner { width: 100%; margin: 0px; padding: 0px; }

	/* Set banner, banner-inner and navigation bar to full width of container */
	#banner, #banner-inner, #nav, #nav-inner {
		width: 100%;
	}

	/* Navigation Bar Width */
	#nav { width: 100%; min-width: 980px; }

	/* Increased font size in Safari creates additional space at bottom of navigation bar so increase top padding */
	#nav .nav-list-item { padding-top: 2px; }

	/* If search module is placed in navigation bar then make sure it's not touching borders of navigation bar list-items */
	#nav .nav-search { padding: 0px 5px; }

		/* One-Column Layout - Hide all columns except one with entries */
		.layout-one-column #alpha {
			width: 100%;
			min-width: 980px;
			float: none;
			margin: 0 auto;
		}

			/* One-Column Layout - Hide Modules */
			.layout-one-column #alpha-inner .module { display: none; }
			

		/* Two-Column-Left Layout - Hide all columns except one with entries */
		.layout-two-column-left #alpha { display: none; }
		.layout-two-column-left #beta { 
			width: 100%;
			min-width: 980px;
			float: none;
			margin: 0 auto;
		}

		/* Two-Column-Right Layout - Hide all columns except one with entries */
		.layout-two-column-right #alpha { 
			width: 100%;
			min-width: 980px;
			float: none;
			margin: 0 auto;
		}
		.layout-two-column-right #beta { display: none; }

		/* Three-Column Layout - Hide all columns except one with entries */
		.layout-three-column #alpha { display: none; }
		.layout-three-column #beta { 
			width: 100%;
			min-width: 980px;
			float: none;
			margin: 0;
		}
		.layout-three-column #gamma { display: none; }

		/* Three-Column-Right Layout - Hide all columns except one with entries */
		.layout-three-column-right #alpha { 
			width: 100%;
			min-width: 980px;
			float: none;
			margin: 0;
		}
		.layout-three-column-right #beta { display: none; }
		.layout-three-column-right #gamma { display: none; }


	/* Hide date-header as it disrupts spacing between posts in mobile view */
	.date-header {
		display: none; 
	}

	/* Add space between, and pad left-right sides of, posts */
	.entry {
		width: 100%;
		min-width: 950px;
		clear: both;
		margin: 20px 0px 20px -10px;
		padding: 10px 0;
	}

		.entry-featured { width: 930px; padding: 10px 15px; margin: 20px 0 20px -10px; }

	/* Hide author photos from post title and post footer since they don't scale */
	.entry .author-photo { display: none; }

	/* Set images inside posts to 100% width of post column, scaled height to match; can set max-width (e.g. max-width: 480px;) if necessary */
	.entry-content img {
		width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	/* Set embedded content inside posts to 100% width of post column; can set max-width (e.g. max-width: 480px;) if necessary */
	.entry-content iframe, .entry-content embed, .entry-content object {
		width: auto\9; /* ie8 */
	}


	/* Increased font size in Safari makes a mess of the post footer buttons; reset font size to original 100% */
	.entry-footer-share-buttons span a { 
		-webkit-text-size-adjust: 100%;
	}

	/* Reblog Button */
	.entry-footer-share-buttons .share-link-reblog { display: none !important; }

	/* Digg Button */
	.entry-footer-share-buttons .share-link-digg { display: none !important; }

	/* Delicious Button */
	.entry-footer-share-buttons .share-link-delicious { display: none !important; }

	/* Tweet Button */
	.entry-footer-share .entry-footer-links-twitter iframe { width: 60px !important; }

}