/* CSS Document */

/* ******************** Quick Link Area. ******************** */
	.myBandQuickLink {
		border-top: 6px #FFFFFF solid;
		border-bottom: 6px #FFFFFF solid;
		background-color:#F2F2F2;
	}

	.myContainerQuickLink {
		padding-top:24px;
	}

		.myContainerQuickLink a {
			color:#353432;
			text-decoration: underline;
		}

	.myQuickLinkBucketSpacer {
	}

	.myQuickLinkBucket {
		margin-bottom:12px;
		text-align: center;
	}

		.myQuickLinkBucket span {
			font-size: .80em;
		}

		.myQuickLinkBucket b {
			text-transform: uppercase;
		}

		.myQuickLinkBucket i {
			padding-bottom:12px;
			text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
		}

			.myQuickLinkBucket i a {
				text-decoration: none;
			}

/* ******************** Quick Link Area tiny. ******************** */
	.myBandQuickLinkTiny {
		border-bottom: 6px #FFFFFF solid;
		background-color:#F2F2F2;
	}

	.myContainerQuickLinkTiny {
		padding-top:6px;
		padding-bottom:12px;
		
		color:#353432;
	}

		.myQuickLinkTinyIdentity {
			font-size:14px;
			text-transform: uppercase;
		}

		.myQuickLinkTinyIcons {
			text-align: right;
			font-size:12px;
			text-transform: uppercase;
		}

			/* ********** XS, SM, MD. ********** */	
			@media screen and (max-width: 991px) {
				.myQuickLinkTinyIcons {
					text-align: center;
					font-size:12px;
					text-transform: uppercase;
				}
			}

			.myContainerQuickLinkTiny i {
				margin-left:3px;
				font-size:16px;
			}

			.myContainerQuickLinkTiny a {
				color:#353432;
				text-decoration: none;
			}

/* ******************** Content Area. ******************** */
	.myBandContent {
		border-top: 6px #F2F2F2 solid;
		background-color:#FFFFFF;
	}

	.myWrapperContent {
		margin-left: 20px;
		margin-right: 20px;
	}

	.myContainerContent {
		padding-top:36px;
		padding-left:0;
		padding-right:0;
		padding-bottom:36px;
		
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	.myContainerColumn {
		line-height:1.25em;
	}

	/* Default unordered lists. */
	.myContainerColumn ul {
		margin-left:0;
		padding:0;
		list-style-position: inside;
		list-style-type: disc;
	}

		.myContainerColumn ul li {
			margin:0;
			padding:0;
		}

	/* Default ordered lists. */
	.myContainerColumn ol {
		margin-left:15px;
		padding:0;
		list-style-position: outside;
		list-style-type:decimal;
	}

		.myContainerColumn ol li {
			margin:0;
			padding:0;
		}

	/* Content blockquotes. */
	.myContainerColumn blockquote {
		margin-top:25px;
		margin-bottom:25px;
		padding:20px;
		
		color:#FFF;
		font-style:italic;
		
		background-color:#2E4E74;
		border-left:15px solid #294668;
		border-radius:6px;
	}
		
		.myContainerColumn blockquote a {
			color:#97B95F;
			text-decoration:underline;
		}
		
		.myContainerColumn blockquote a:hover {
			color:#97B95F;
			text-decoration:underline;
		}
		
		.myContainerColumn blockquote a:visited {
			color:#97B95F;
			text-decoration:underline;
		}
	
	/* Content iframe. Resizes larger iframe in small viewports. */
	.myContainerColumn iframe {
		max-width: 90vw;
    	max-height: 56.25vw; 
	}
	
	/* Content images. Resizes larger image in small viewports. */
	.myContainerColumn img {
		max-width: 100%;
    	height:auto; 
	}

	/* ********** Page container. ********** */
	.myContainerPage {
		margin-bottom:12px;
	}

	.myWrapperPage {
		padding:24px;
	}

	.myPageContent {
	}
	
	ul.myMonthlyArchive {
		margin:0;
		padding:0;
		list-style:none;
	}

	ul.myMonthlyArchive li {
		width:100px;
		height:100px;
		margin:5px;
		padding-top:24px;
		padding-left:12px;
		padding-right:12px;
		float:left;
		list-style-type:none;
		
		font-size:14px;
		text-align:center;
		
		background-color:#F2F2F2;
		border:1px solid #CCCCCC;
		border-radius:2px;
	}

	/* ********** Post container. ********** */
	.myContainerPost {
		margin-bottom:12px;
		border:1px solid #CCCCCC;
		border-radius:3px;
	}

	.myWrapperPost {
		padding:24px;
	}

	.myPostContent {
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	/* Title. */
	.myPostContent h3 a {
		text-decoration: none;
	}

		/* ********** XS, SM. ********** */	
			@media screen and (max-width: 767px) {
				.myPostContent h1 {
					font-size:1.75em;
				}
			}

	/* Post divider. */
	.myPostDivider {
		margin-top:12px;
		margin-bottom:24px;
		clear:both;
	}

	.myPostDividerThick {
		margin-top:12px;
		margin-bottom:48px;
		border-bottom: 3px #3590B2 solid;
	}

	/* Byline + comments + tags. */
	.myPostContentByline {
		font-size:14px;
		font-style:italic;
	}

	.myPostContentComments {
		font-size:14px;
	}

	.myPostContentComments i {
		color:#3590B2;
	}
	
	.myPostContentTags {
		font-size:14px;
	}

	.myPostContentTags i {
		color:#3590B2;
	}

	/* Categories. */
	.myPostContentCategories {
		font-size:14px;
	}

	/* ********** Post date block. ********** */
	.myPostDateSummary {
		/*height:170px;*/
		height:100px;
		margin-right:24px;
		margin-bottom:24px;
		float:left;
	}

		.myPostDateSummary p {
			margin-bottom:10px;
		}

	.myPostDate {
		margin-right:24px;
		/* margin-bottom:24px; */
		/* min-height:200px; Forces thumb to its own column. */
		float:left;
	}

	.myPostDateSquare {
		margin:0;
		padding:0;
		width:100px;
		height:100px;
		
		background-color:#97B95F;
		border-radius:12px;
		
		position:relative;
	}

		/* Modified version for Sticky Posts. */
		.sticky .myPostDateSquare {
			margin:0;
			padding:0;
			width:100px;
			height:100px;

			background-color:#3590B2;
			border-radius:12px;

			position:relative;
		}

	.myPostDateSquareMonth {
		padding-top:18px;
		color:#FFFFFF;
		font-size:40px;
		font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		text-align: center;
		text-transform: uppercase;
	}

	.myPostDateSquareDay {
		padding-top:6px;
		color:#FFFFFF;
		font-size:40px;
		font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		text-align: center;
	}

	.myPostDateSquareProng {
		margin-top:3px;
		margin-right:18px;
		float:right;
		
		position: absolute;
		right:0;
		bottom:-16px;
		background-image:url(../images/date_prong.png);
		background-repeat:no-repeat;
	}

		/* Modified version for Sticky Posts. */
		.sticky .myPostDateSquareProng {
			margin-top:3px;
			margin-right:18px;
			float:right;

			position: absolute;
			right:0;
			bottom:-16px;
			background-image:url(../images/date_prong_sticky.png);
			background-repeat:no-repeat;
		}

		/* ********** XS, SM. ********** */	
		@media screen and (max-width: 767px) {
			.myPostDateSummary {
				margin-right:12px;
				margin-bottom:12px;
				min-height:100px; /* Forces thumb to its own column. */
				float:left;
			}
			
				.myPostDateSummary p {
					margin-bottom:5px;
				}
			
			.myPostDate {
				margin-right:12px;
				margin-bottom:12px;
				min-height:100px; /* Forces thumb to its own column. */
				float:left;
			}
			
			.myPostDateSquare {
				margin:0;
				padding:0;
				width:70px;
				height:70px;

				background-color:#97B95F;
				border-radius:6px;
				
				position:relative;
			}
			
				/* Modified version for Sticky Posts. */
				.sticky .myPostDateSquare {
					margin:0;
					padding:0;
					width:70px;
					height:70px;

					background-color:#3590B2;
					border-radius:6px;

					position:relative;
				}

			.myPostDateSquareMonth {
				padding-top:9px;
				color:#FFFFFF;
				font-size:22px;
				font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
				text-align: center;
			}

			.myPostDateSquareDay {
				padding:0;
				margin:0;
				
				color:#FFFFFF;
				font-size:22px;
				font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
				text-align: center;
			}

			.myPostDateSquareProng {
				position: absolute;
				right:0;
				bottom:-16px;
				background-image:url(../images/date_prong.png);
				background-repeat:no-repeat;
			}
			
				/* Modified version for Sticky Posts. */
				.sticky .myPostDateSquareProng {
					position: absolute;
					right:0;
					bottom:-16px;
					background-image:url(../images/date_prong_sticky.png);
					background-repeat:no-repeat;
				}
		}
	
	/* ********** Post author. ********** */
	.myPostAuthor {
		min-height:160px;
		margin-top:36px;
		padding:24px;
		
		font-size:13px;
		
		background-color:#F2F2F2;
		border-radius:3px;
	}

	.myPostAuthorThumb {
		width:110px;
		height:110px;
		margin-left:12px;
		float:right;
		
		border-radius:100px;
		border:4px solid #3590B2;
	}

	.myPostAuthorDetailed {
		min-height:160px;
		margin-bottom:24px;
		padding:24px;
		
		font-size:13px;
		
		background-color:#F2F2F2;
		border-radius:3px;
	}

	.myPostAuthorTitle {
		text-transform: uppercase;
	}

	.myPostAuthorContacts i {
		font-size:18px;
		color:#3590B2;
	}

	.myPostAuthorContacts {
		font-size:14px;
	}
	
	/* ********** Post buttons. ********** */
	.myPostButtons {
		margin-top:24px;
		padding-top:12px;
		padding-bottom:36px;
	}
	
		.myPostButtons a {
			color:#353432;
			text-decoration:none;
		}
		
		.myPostButtons a:hover {
			color:#353432;
			text-decoration:underline;
		}
		
		.myPostButtons a:visited {
			color:#353432;
			text-decoration:none;
		}
	
	.myPostButtonPrev {
		width:224px;
		float:left;
		margin-right:12px;
		padding:12px;
		
		color:#353432;
		text-align:center;
		
		background-color:#97B95F;
		border-radius:3px;
	}
	
	.myPostButtonNext {
		width:224px;
		float:left;
		padding:12px;
		
		color:#353432;
		text-align:center;
		
		background-color:#97B95F;
		border-radius:3px;
	}

	.myPostButtonMore {
		width:294px;
		float:left;
		padding:12px;
		
		color:#353432;
		text-align:center;
		
		background-color:#97B95F;
		border-radius:3px;
	}

		/* ********** XS, SM. ********** */	
			@media screen and (max-width: 767px) {
				.myPostButtonPrev {
					width:100%;
					float:left;
					margin-right:12px;
					margin-bottom:6px;
					padding:12px;

					color:#353432;
					text-align:center;

					background-color:#97B95F;
					border-radius:3px;
				}

				.myPostButtonNext {
					width:100%;
					float:left;
					padding:12px;

					color:#353432;
					text-align:center;

					background-color:#97B95F;
					border-radius:3px;
				}
				
				.myPostButtonMore {
					width:100%;
					float:left;
					padding:12px;

					color:#353432;
					text-align:center;

					background-color:#97B95F;
					border-radius:3px;
				}
			}
	
	/* ********** Post comments. ********** */
	.myPostComments {
		padding-top:12px;
		padding-bottom:12px;
		border-top:6px solid #3590B2;
	}
	
		.myPostComments h3 {
			padding-bottom:24px;
			color:#3590B2;
		}
		
	.myPostCommentThoughts {
		font-size:16px;
		color:#353432;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	/* ********** Post comment row. ********** */
	
	.myPostCommentRow {
		margin:0;
		padding-top:12px;
		padding-bottom:12px;
		
		font-size:12px;
		
		border-top:1px solid #CCCCCC;
	}
	
	.myPostCommentRowAuthor {
		font-size:13px;
	}

	/* ********** Post replies. ********** */
	.myPostReply {
		padding-top:12px;
		padding-bottom:12px;
		border-top:6px solid #3590B2;
		
		font-size:16px;
		color:#353432;
	}
	
		.myPostReply h3 {
			padding-bottom:24px;
			color:#3590B2;
		}

	p.comment-form-comment label {
		width:100%;
		height:15px;
		
		font-size:13px;
		font-weight:bold;
		color:#353432;
		text-transform: uppercase;
	}

		p.comment-form-comment textarea {
			width:100%;
			padding:3px;
			
			font-size:13px;
			border:1px solid #CCC;
		}

	p.comment-form-author label {
		width:100%;
		height:15px;
		
		font-size:13px;
		font-weight:bold;
		color:#353432;
		text-transform: uppercase;
	}

		p.comment-form-author input {
			width:100%;
			
			font-size:13px;
		}

	p.comment-form-email label {
		width:100%;
		height:15px;
		
		font-size:13px;
		font-weight:bold;
		color:#353432;
		text-transform: uppercase;
	}

		p.comment-form-email input {
			width:100%;
			
			font-size:13px;
		}

	p.comment-form-url label {
		width:100%;
		height:15px;
		
		font-size:13px;
		font-weight:bold;
		color:#353432;
		text-transform: uppercase;
	}

		p.comment-form-url input {
			width:100%;
			
			font-size:13px;
		}

	p.form-submit #submit {
		width:294px;
		margin-top:24px;
		float:left;
		padding:12px;
		
		color:#353432;
		text-align:center;
		
		background-color:#97B95F;
		border-radius:3px;
		border:0;
	}

		/* ********** XS, SM. ********** */	
			@media screen and (max-width: 767px) {
				p.form-submit #submit {
					width:100%;
					float:left;
					padding:12px;

					color:#353432;
					text-align:center;

					background-color:#97B95F;
					border-radius:3px;
					border:0;
				}
			}

/* ******************** Customized Search Area / Search Box. ******************** */

.mySearchBoxContainer {
	padding:24px;
	
	background-color:#F2F2F2;
	border-radius:3px;
}

.mySearchBoxDivider {
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid #F2F2F2;
}

/* ******************** Comments. ******************** */

	/* Alternating rows. */
	.thread-odd {
		padding:12px;
		background-color:#FFFFFF;
	}

	.thread-even {
		padding:12px;
		background-color:#F2F2F2;
	}

	/* Alternating comments within a row. */
	.comment .even {
		margin-top:6px;
		margin-bottom:6px;
		padding-left:50px;
		padding-top:12px;
		padding-right:12px;
		padding-bottom:12px;
		border-top:2px dotted #CCC;
		border-bottom:2px dotted #CCC;
	}

	.comment .odd {
		padding-left:50px;
		padding-top:12px;
		padding-right:12px;
		padding-bottom:12px;
	}