/*
Style Sheet for the overall site design

This should contain the general/default design styles for the site.
-------------------------------------------------------
Copyright (c) 2017, SyntaxNY.com

Last Updated: BJ Nguyen, 3/10/2017
 */
/*////////////////////////////////////////////////////////////////////////////////*/

/*#region Layout*/
html { background: #595959 url('../../habitatsuffolk/images/bg-html.jpg') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
body { text-align: left; font: normal 15px Arial, Helvetica, sans-serif; line-height: 1.3em; color:#414042; background: #fff !important;}
div#page { background: transparent none; }
div#branding { background: transparent url('../../HabitatSuffolk/Images/logo.png') no-repeat; cursor: pointer; }
div#header { background: #fff; border-bottom: 12px solid #404040; -webkit-box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, .5); box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, .5);}
div#content { background: #fff; }
div#layout { padding: 10px; }
div#main { min-height: 350px; }
div#local { }
div#clear { }
div#footer2, div#ctl00_ctl00_footer2 { background-color: #404040; color: #fff; text-align: center; padding-top: 5px; -webkit-box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, .5); box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, .5); }
div#footer2 p.syntaxMktg, div#ctl00_ctl00_footer2 p.syntaxMktg { padding-top: 10px; color: #005596; }
/*#endregion*/

/*#region Basic Styles */
p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1em; }
blockquote { margin-left: 10px; }
pre { font-family: monospace; font-size: 1.0em; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
code { font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre; }
/*#endregion*/

 /*#region HEADINGS */
h1 { font-size: 2em; line-height: 1.5em; margin: 0 0 0.5em; padding: 0; font-weight: bold; /*color: #00AFD7;*/ }
h2 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 0.5em; padding: 0; font-weight: bold; }
h3 { font-size: 1.4em; line-height: 1.5em; margin: 0 0 0.5em; padding: 0; }
h4 { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em; padding: 0; }
h5 { }
h6 { }
/*#endregion*/

/*#region SPECIAL CLASSES */
.jquery_button { cursor: pointer; color: #0065A5; }
.newIcon { color: Red; }
.center { text-align: center; }
.small { font-size: 8pt; }
.errorFormEntry { font-weight: bold; color: red; }
.requiredfield { font-weight: 700; color: Red; }
/*#endregion*/

/*#region Links */
a, a:link, a:active { text-decoration: none; /*color: #09367a;*/ }
a:visited { background-color: transparent; }
a:hover { text-decoration: underline; }
div#footer2 a, div#ctl00_ctl00_footer2 a { color: #fff; }
div#footer2 p.syntaxMktg a, div#ctl00_ctl00_footer2 p.syntaxMktg a { color: #005596; }
/*#endregion*/

/*#region LISTS */
ul { line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0px 0px .5em 0px; }
div#main .pnlContent ul { list-style-type: disc; margin-left: 15px; }
div#main .pnlContent ol { margin-left: 15px; list-style-type: decimal; }
div#local div#sideBar div#Links ul,
div#local div.contentDiv ul { list-style-type: disc !Important; line-height: 1em !Important; margin-left: 14px !Important; }
div#local div#sideBar div#Links .RadTreeView ul,
div#local div.contentDiv .RadTreeView ul { line-height: 1em !important; list-style-type: none !important; margin-left: 0px !important; }
div#local div#sideBar div#Links li,
div#local div.contentDiv li { padding: 0 0 0.5em; }
/*#endregion*/

/*#region Horizonatal Rules  */
hr { border-color: #adaba9; border-style: solid; border-width: 1px 0px 0px 0px; clear: both; margin: 0 0 10px; height: 0; }
/*#endregion*/

/*#region remember to define focus styles! */
:focus { outline: 0; }
/*#endregion*/

/*#region remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*#endregion*/

/*#region for inline colorbox modals (layout in global.css)*/
.colorbox-modal-container { color: #4c4d4e !Important; }
.colorbox-modal-container .article-image img { border: 1px solid #3d3d3d; }
.colorbox-modal-container .article-image img:hover { border: 1px solid #297d2e; }
.colorbox-modal-container h3,
.colorbox-modal-container h2 { color: #297d2e; }
/*#endregion*/


/*/////////////////////////////////////////////////////
CMS / BACK END
/////////////////////////////////////////////////////*/
.editor div#header {
	display: block;

	height: 115px;
	background-color: white;
	border-bottom: 5px solid #a13a39;
	background-image: url("../Images/logo-2.png");
	background-repeat: no-repeat;
}

.editor div#content {
	padding-top: 15px;
}

.editor div#local {
	display: inline-block;
	float: left;
	padding: 5px;

	box-shadow: 4px 0 0px 0 #ad955a;
	background: white;
}

.editor div#layout {
	display: inline-block;
	margin-top: 0;
}

.editor div#nav {
	display: none;
}

.editor div#footer {
	background: #ad955a;
}

.editor a {
	color: #981c26;
	text-decoration: underline;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
	font-family: 'Cormorant', Georgia, serif;
	color: black;
	font-weight: normal;
}