/* Global Styles */

html
{
	background-color: #FFFFFF;
	margin: 0em 0em 0em 0em;
}

body
{
	background-color: #FFFFFF;
	margin: 0em 0em 0em 0em;
	font-size: 62.5%;		/* Changes browser default font from 16px to 10 px. Sets 1em = 10px font */
}

@font-face
{
	font-family: Pacifico;
	src: url(/fonts/pacifico.ttf);
	font-size: 2em;		/* 2.6em = 26px = 20pt */
	color: #000000;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

@font-face
{
	font-family: Nevis;
	src: url(/fonts/nevis.ttf);
	font-size: 3em;		 /* 2.6em = 26px = 20pt */
	color: #000000;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

h1
{
	font-size: 2.6em;		/* 2.6em = 26px = 20pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

.SerifHeader1Text
{
	font-family: serif,sans-serif;
}

.ArticleCategoryHeader
{
	font-family: Pacifico;
}

.EndOfTheWorld
{
	font-size: 2.5em;		/* 2.6em = 26px = 20pt */
	font-family: Nevis;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

h2
{
	font-size: 2.3em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

.SerifHeader2Text
{
	font-family: serif,sans-serif;
}

h3
{
	font-size: 2em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

h4
{
	font-size: 1.7em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

a
{
	text-decoration: none;
	color: #FF0000;
}

a:hover
{
	text-decoration: underline;
}

p
{
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: normal;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

.SerifPageText
{
	font-family: serif,sans-serif;
	color: #000000;
}

p.HalfLineHeight
{
	line-height: 1;
}

.GreyPageText
{
	font-size: 1.2em;		/* 1.4em = 14px = 10.5pt */
	color: #666666;
	
}

sup
{
	font-size: 0.6em;		/* 1.4em = 14px = 10.5pt */
}

.FormText
{
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: normal;
}

.FadedFormText
{
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #9792A1;
	font-weight: normal;
}

.Shaded
{
	background-color: #EEEEEE;
}

.AlignRight
{
	text-align: right;
}

.AlignCenter
{
	text-align: center;
}

img, object
{
	
	max-width: 100% !important;
	border-width: 0em 0em 0em 0em;
}

#BreadCrumbNavigation
{
	padding: 0em 0em 2em 0em;
}

#PageFooter
{
	width: 100%;
	max-width: 100em;
	height: auto;
	padding: 3em 1em 1em 1em;
	margin-left: auto;
	margin-right: auto;
}

#GenericPageMargins
{
	width: 90%;
	max-width: 100em;
	height: auto;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

/* Site Header Styles */

#SiteHeader
{
	width: 100%;
	height: 10.6em;
	background-color: #000000;
	background-image:url(https://preview.cornerbarpr.com/images/site-elements/header-background.png);
	background-repeat: repeat-x;
	box-shadow: 0em 0.5em 0.5em 0.5em #EEEEEE;
}

#SiteID
{
	float: left;
	width: 18.7em;
	height: 10.6em;
}

#SiteSearchBox
{
	float: right;
	width: 41.5em;
	height: 2.5em;
	margin-top: 2.5em;
}

#SearchCriteria
{
	width: 25em;
	height: 1.5em;
	border-top-left-radius: 10em;
	border-top-right-radius: 10em;
	border-bottom-left-radius: 10em;
	border-bottom-right-radius: 10em;
	padding-left: 1em;
	padding-right: 2em;
	background-image:url(https://preview.cornerbarpr.com/images/site-elements/magnifier.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

@media (min-width: 800px)
{
	#SearchNavBox
	{
		float: right;
		width: 43em;
		height: 11em;
	}
}

@media (max-width: 799px)
{
	#SearchNavBox
	{
		display: none;
	}
}

/* Site Header Navigation Styles */

#MainNav
{
	float: right;
	width: 65em;
	height: 3.2em;
	margin-top: 2.6em;
	text-align: right;
}

#MainNav > ul
{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

#MainNav > ul > li
{
	display: inline-block;
}

#MainNav > ul > li a:link, #MainNav > ul > li a:visited
{
	display: block;
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0.4em 1.5em 0.5em 1.5em;
	border-right: 0.1em solid #666666;
	background-color: #a5c03a;
}

#MainNav > ul > li:first-child
{
	border-left: 0.1em solid #666666;
}

#MainNav > ul > li a:hover
{
	background-color: #425106;
}

.SubNavMenu
{
	position: absolute;
	width: 25.5em;
	height: auto;
	background-color: #677D13;
	border-left: 0.1em solid #000000;
	border-right: 0.1em solid #000000;
	border-bottom: 0.1em solid #000000;
	box-shadow: 0.5em 0.8em 0.5em #CCCCCC;
	display: none;
	top: 0em;
	left: 0em;
}

@media (max-width: 799px)
{
	.SubNavMenu
	{
		display: none;
	}
}

.SubNavMenu > ul
{
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.8em 0.8em 0.8em;
}

.SubNavMenu > ul > li
{
	padding-top: 0.8em;
	line-height: 1.4;
}

.SubNavMenu > ul > li > a:link, .SubNavMenu > ul > li > a:visited
{
	display: block;
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0.6em 1.5em 0.7em 1.5em;
	z-index: 10;
}

.SubNavMenu > ul > li a:hover
{
	background-color: #a5c03a;
}

/* Mobile Navigation Styles */

@media (min-width: 800px)
{
	#MobileNavMenu
	{
		display: none;
	}

	#MobileSearchNavBox
	{
		display: none;
	}
}

@media (max-width: 799px)
{
	#MobileNavMenu
	{
		float: right;
		width: 15em;
		height: 2.8em;
		margin-top: 7.6em;
		text-align: right;
	}

	#MobileNavMenu a
	{
		display: inline-block;
	}

	#MobileNavMenu a:link, #MobileNavMenu a:visited
	{
		display: inline-block;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		background-color: #a5c03a;
	}

	.MobileNavImg
	{
		padding: 0.4em 0.5em 0em 0em;
		vertical-align: bottom;
		max-width: 100%;
		border-width: 0em 0em 0em 0em;
	}

	.MobileNavText
	{
		padding: 0em 1.5em 0em 0em;
		vertical-align: middle;
	}

	#MobileSearchNavBox
	{
		display: none;
		position: fixed;
		top: 10%;
		left: 50%;
		width: 30em;
		height: auto;
		background-color: #a5c03a;
		margin-left: -15em;
		z-index: 10;
		outline: 9999em solid rgba(0,0,0,0.5);
	}
	
	#MobileMainNav > ul
	{
		list-style-type: none;
		margin: 0em 0em 0em 0em;
		padding: 0em 0em 0em 0em;
	}

	#MobileMainNav > ul > li
	{
		border-bottom: 0.1em solid #666666;
	}
	
	#MobileMainNav > ul > li:first-child
	{
		border-top: 0.1em solid #666666;
	}

	#MobileMainNav > ul > li a:link, #MobileMainNav > ul > li a:visited
	{
		display: block;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		padding: 1em 1.5em 1em 1.5em;
	}

	.MobileSubNavMenuItem
	{
		display: none;
		padding-left: 3.5em;
	}

	.MobileMainNavCloseText
	{
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #FFFFFF;
		font-weight: normal;
		text-align: right;
		padding: 0.4em 0.4em 0em 0em;
	}

	.MobileMainNavCloseText a:link, .MobileMainNavCloseText a:visited
	{
		display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}

	#MobileSiteSearchBox
	{
		width: 95%;
		height: 2.5em;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
	}

	#MobileSearchCriteria
	{
		width: 19em;
		height: 1.5em;
		border-top-left-radius: 10em;
		border-top-right-radius: 10em;
		border-bottom-left-radius: 10em;
		border-bottom-right-radius: 10em;
		background-image:url(https://preview.cornerbarpr.com/images/site-elements/magnifier.png);
		background-repeat: no-repeat;
		background-position: 98% 50%;
	}
}

/* Home Page Body Styles */

#HomeBreadCrumbNavigation
{
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 2.5em 0em 1.5em 1em;
}

#HomeContent
{
	display: table;
	border-collapse: collapse;
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 800px)
{
	#HomeContent main section
	{
		display: table-cell;
		width: 80%;
		max-width: 80em;
		height: auto;
		padding: 1em 3em 1em 1em;
		vertical-align: top;
	}

	#HomeContent #HomeSideBar
	{
		display: table-cell;
		width: 20%;
		max-width: 15em;
		height: auto;
		padding: 1em 1em 1em 1em;
		vertical-align: top;
	}
}

@media (max-width: 799px)
{
	#HomeContent main section
	{
		display: table-cell;
		width: 80%;
		max-width: 35em;
		height: auto;
		padding: 1em 3em 1em 1em;
		vertical-align: top;
	}

	#HomeContent #HomeSideBar
	{
		display: none;
	}
}











/* Article Category Styles */

#ArticleCatContent
{
	display: table;
	border-collapse: collapse;
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#ArticleCatContent section
{
	display: table-cell;
	width: 80%;
	max-width: 80em;
	height: auto;
	padding: 1em 3em 1em 1em;
	vertical-align: top;
}

@media (min-width: 800px)
{
	#ArticleCatContent #SideBar
	{
		display: table-cell;
		width: 20%;
		max-width: 20em;
		height: auto;
		padding: 1em 1em 1em 1em;
		vertical-align: top;
	}
}

@media (max-width: 799px)
{
	#ArticleCatContent #SideBar
	{
		display: none;
	}
}

#ArticleCategorySection article
{
	margin-top: 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	display: block;
}

#ArticleCategorySection article h2
{
	font-size: 2em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

#ArticleCategorySection article .CategoryContentRow
{
	display: table;
	border-collapse: collapse;
}

#ArticleCategorySection article .CategoryContent
{
	display: table-cell;
	vertical-align: top;
	padding: 0em 0em 0em 1.5em;
}

/* Article Body Styles */

#ArticleBodyContent
{
	display: table;
	border-collapse: collapse;
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

#ArticleBodyContent article
{
	display: table-cell;
	width: 80%;
	max-width: 80em;
	height: auto;
	padding: 1em 3em 1em 1em;
	vertical-align: top;
}

#ArticleBodyContent aside
{
	display: table-cell;
	width: 20%;
	max-width: 20em;
	height: auto;
	padding: 1em 1em 1em 1em;
	vertical-align: top;
}

.ArticleAuthor
{
	margin-top: 3em;
}

.AboutAuthorHeader, .VisitorCommentsHeader
{
	font-size: 2em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #425106;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
	clear: both;
}

.AuthorName
{
	font-size: 1.7em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: bold;
	line-height: 1.4;
	margin: 0em 0em 1em 0em;
}

.ArticleBioBox
{
	margin: 1em 0em 0em 0em;
}

#JoinTheDiscussionBox
{
	margin: 3em 0em 3em 0em;
}

.CommentFieldLabel
{
	display: inline-block;
	width: 10em;
	text-align: right;
	margin: 0.5em 0.5em 0em 0em;
}

@media (min-width: 800px)
{
	#VisitorCommentsBox
	{
		width: 99%;
		height: auto;
	}

	#CommentEditor
	{
		width: 98%;
		height: 95%;
	}

	#CommentFieldsBox
	{
		width: 40em;
		height: auto;
		padding: 1.5em 0em 1.5em 0em;
	}

	.ArticleCommentFields
	{
		display: inline-block;
		width: 15em;
		margin-top: 0.5em;
	}
}

@media (max-width: 799px)
{
	#VisitorCommentsBox
	{
		width: 99%;
		height: 100%;
	}

	#CommentEditor
	{
		width: 100%;
		height: 10em;
	}

	#CommentFieldsBox
	{
		width: 30em;
		height: auto;
		padding: 1.5em 0em 1.5em 0em;
	}

	.ArticleCommentFields
	{
		display: inline-block;
		width: 10em;
		margin-top: 0.5em;
	}
}

#ArticleCommentsBox
{
	margin-top: 1.5em;
}

#CommentSubmitBtn
{
	margin: 0.5em 0em 0em 10.5em;
}

#ArticleCommentsBox article li, #JoinTheDiscussionBox li, #VisitorProfileContent article li
{
	font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: normal;
	line-height: 1.4;
}

.VisitorPosterInfo
{
	display: table;
	border-collapse: collapse;
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

.VisitorPosterInfo div
{
	display: table-cell;
	width: 50%;
	max-width: 50em;
	height: auto;
	vertical-align: top;
}

.CommentSeparator
{
	margin: 2.5em 0em 1em 0em;
}

#CommentsFavColorBox
{
	display: none;
}

.ArticleCommentReplyIndent
{
	margin-left: 4em;
}

#ArticleCommentsErrorBox
{
	width: 100%;
	height: auto;
	border: 0.2em solid #F00F00;
}

/* Visitor Profile Page Styles */

#VisitorProfileContent
{
	display: table;
	border-collapse: collapse;
	width: 100%;
	max-width: 100em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#VisitorProfileContentCol1
{
	display: table-cell;
	width: 80%;
	max-width: 80em;
	height: auto;
	padding: 1em 3em 1em 1em;
	vertical-align: top;
}

@media (min-width: 800px)
{
	#VisitorProfileContentCol2
	{
		display: table-cell;
		width: 20%;
		max-width: 20em;
		height: auto;
		padding: 1em 1em 1em 1em;
		vertical-align: top;
	}
}

@media (max-width: 799px)
{
	#VisitorProfileContentCol2
	{
		display: none;
	}
}

/* Send A Message To An Author Styles */

@media (min-width: 800px)
{
	#ContactAnAuthor
	{
		width: 50em;
		height: auto;
		margin-top: 2em;
		margin-left: auto;
		margin-right: auto;
	}

	.ToAuthor
	{
		width: 20.5em;
		height: auto;
		padding-left: 13em;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #000000;
		font-weight: normal;
	}

	#ContactAnAuthor label
	{
		display: inline-block;
		width: 14.25em;
		height: auto;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #000000;
		font-weight: normal;
		text-align: right;
		padding: 0.8em 0.5em 0em 0em;
		vertical-align: top;
	}

	.AuthorLargeFormField
	{
		width: 18em;
		height: auto;
	}

	.AuthorMessageTextArea
	{
		width: 50%;
		height: 7em;
	}
}

@media (max-width: 799px)
{
	#ContactAnAuthor
	{
		width: 15em;
		height: auto;
		margin-top: 2em;
		margin-left: auto;
		margin-right: auto;
	}

	.ToAuthor
	{
		width: 17em;
		height: auto;
		padding-left: 5em;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #000000;
		font-weight: normal;
	}

	#ContactAnAuthor label
	{
		display: inline-block;
		width: 6.25em;
		height: auto;
		font-size: 1.4em;		/* 1.4em = 14px = 10.5pt */
		font-family: arial,Arial,helvetica,Helvetica,sans-serif;
		color: #000000;
		font-weight: normal;
		text-align: right;
		padding: 1.2em 0.5em 0em 0em;
		vertical-align: top;
	}

	.AuthorLargeFormField
	{
		width: 14em;
		height: auto;
	}

	.AuthorMessageTextArea
	{
		width: 14em;
		height: 7em;
	}
}

#ContactAnAuthor legend
{
	font-size: 2em;
	font-family: arial,Arial,helvetica,Helvetica,sans-serif;
	color: #000000;
	font-weight: normal;
	line-height: 1.4;
	margin: 0em 0em 0em 0em;
}

#ContactAnAuthor input[type="text"], #ContactAnAuthor textarea
{
	display: inline-block;
	margin-top: 1em;
}

#AuthorMessageSubmitBox
{
	width: 8em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}