@charset "UTF-8";
/* CSS Document */

.DataInputTable
{
	width: 90%;
	font-size: 90%;
	line-height: 1.3rem;
	font-family: "Alegreya", Monaco, monospace, serif;
}

.DataInputTable tr
{
	font-size: 90%;
	height: 2rem;
	vertical-align: top;
}

.DataInputTable input, textarea
{
	width: 100%;
	font-size: 90%;
	line-height: 1.3rem;
	font-family: "Alegreya", Monaco, monospace, serif;
}

.PostNavigation
{
	float: left;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 3rem;
}

#post_title_len, #post_name_len, #meta_description_len, #page_title_len, #post_content_len
{
	width: 90%;
	padding-top: 3px;
	padding-left: 10px;
}

#linktextid
{
	width: 20%;
}

#boldtextid
{
	width: 20%;
}

file.LargeButtons
{
	width: 20%;
	font-size: 1.0rem;
	line-height: 1.0rem;
}

input.ImageInputs
{
	width: 80%;
}

input.LargeButtons
{
	width: 200px;
	font-size: 1.0rem;
	line-height: 1.0rem;
}

input.LargeButtons:hover
{
	cursor: pointer;
}

.ImageSection
{
	float: left;
	width: 90%;
	border: 1px solid grey;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 20px;
}

.ImageBox
{
	width: 300px;
	float: left;
}

.ImageButtons
{
	width: 100%;
	float: left;
}


/* Blog CSS */

.RedColor
{
	color: red;
	font-size: 200%;
}

.BlogText
{
	padding-top: 1rem;
	padding-left: 5%;
	width: 90%;
	float: left;
	font-size: 1.2rem;
}

.BlogText h1
{
	font-size: 1.2rem;
	padding-top: 1rem;
	color: #333;
	text-align: left;
	line-height: 1.3rem;
}

.BlogText h2
{
	font-size: 1.2rem;
	color: #333;
	text-align: left;
	padding-top: 1rem;
	padding-bottom: 0.3rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.BlogText h2 a
{
	font-size: 1.2rem;
	color: #333;
	text-decoration: underline;
	text-align: left;
	font-weight: 700;
	padding-top: 1rem;
	padding-bottom: 0.3rem;
	line-height: 1.5rem;
}

.BlogText ul
{
	padding-left: 20px;
	list-style-position:inside;
}

.BlogTextNumberList
{
	padding-left: 1rem;
	list-style-position:inside;
	list-style-type: decimal;
}

.BlogBlurbPicture
{
	float: left;
	width: 50%;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}

.ContinueReading
{
	font-size: 1.0rem;
	color: #666;
	padding-bottom: 1rem;
	line-height: 1.2rem;
	font-weight: 100;
}

.ContinueReading a
{
	color: #666;
	text-decoration: underline;
	font-weight: 100;
}

.BlogText hr
{
	width: 100%;
	height: 1px;
	color: #FFF;
	background-color: #999;
	border: none;
}

#BlogNavigation
{
	float: left;
	width: 17%;
	font-size: 1.0rem;
	color: black;
	padding-top: 1rem;
}

#BlogFooter
{
	width: 70%;
	float: right;
	color: #666;
	font-size: 0.8rem;
	text-align: center;
}

.BlogImage
{
	float: left;
	width: 50%;
	margin-right: 2.0rem;
	margin-bottom: 1.0rem;
}

.BlogImage img
{
	float: left;
	width: 100%;
}

.BlogImageSeconday
{
	float: left;
	width: 100%;
	margin-bottom: 2.0rem;
}

.BlogImageSeconday img
{
	float: left;
	width: 100%;
}

.BlogImageBox
{
	float: left;
	width: 100%;
}

.AuthorInfo
{
	float: left;
	width: 100%;
	padding-top: 3.0rem;
}

.BlogBannerAd
{
	float: left;
	width: 100%;
	padding-top: 5rem;
}

.BlogPageBannerAd
{
	float: left;
	text-align: center;
	width: 20%;
	padding-top: 1px;
	padding-left: 1%;
	padding-bottom: 1rem;
}

.BlogPageBannerAd img
{
	width: 100%;
	max-width: 200px;
	border: 2px #333333 solid;
}


.NormalColumn h3
{
	text-align: center;
}

.BlogHeader
{
	float: left;
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 2.0rem;
}

.AuthorAndDate
{
	font-size: 0.8rem;
	color: #666;
	text-align: left;
	padding-bottom: 1rem;
	line-height: 110%;
	font-weight: 100;
}

.AuthorAndDate a
{
	color: #666;
	text-decoration: underline;
	text-align: left;
	font-weight: 100;
}

.AboutTheAuther
{
	float: left;
	width: 100%;
	font-size: 0.8rem;
	margin-top: 3rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: solid 1px grey;
	background-color: #eeeeee;
}

.AboutTheAuther img
{
	float: left;
	width: 20%;
	max-width: 200px;
	margin-top: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.GreyText
{
	color: #666;
}

.BlogFooterText
{
	font-size: 0.8rem;
	color: #666;
	text-align: left;
	padding-bottom: 2.0rem;
	line-height: 1.0rem;
	font-weight: 100;
}

.BlogFooterText a
{
	color: #666;
	text-decoration: underline;
	text-align: left;
	font-weight: 100;
}

.video-container-blog
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    z-index: 400;
}

.video-container-blog iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}