/* [08/30/12]  [boB]  [Initial Setup]
[12/03/12]  [boB]  [ Now imports the global.css file for faster loads Additional styles for change to Editors' Corner  ]
[03/18/22]  [boB]  [Additional fixes for mobile]
*/

/* Loads the global.css file */
@import url("../common-css/global.css");

/* Sets up the page elements for editors-corner-index page */
/* Set up the background for all the pages in the Editors' Corner section */
.contact-page-width-background {
	background-image: url("editors-corner-pgart/contact-background3.jpg");
	background-repeat:repeat;
	border-radius: .1px;
	behavior: url(../js/pie/PIE.htc);
	}
/*
The above rule contains a hack to make the footer display on top of the page background, by using the border-radius and behavior.  Not sure why it works, but it does.
*/
.contact-index-border-round {
	border-radius: 20px 20px 20px 20px;
	behavior: url(../js/pie/PIE.htc);
	}
.contact-drop-cap-offset {letter-spacing:.070em;}

.contact-h2 {
	font-size:200%;
	text-decoration:underline;
	font-family:impress;
	margin-top:0px;
	margin-bottom:5px;
	}
.contact-h3 {
	font-family:impress;
	font-size:150%;
	text-decoration:underline;margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	}
p {text-indent:1.2em; margin:0px 5px 10px 5px;}
.indent {margin-left:25px;}
.contact-list {
	list-style-type:none;
	margin-left:1.8em;
	padding-left:0px;
	}

/* Mobile styles */
@media only screen and (max-width: 599px){
.main-heading-title {
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:block;
	margin: 50px auto 50px auto;
	text-align:center;
	font-size:255%;
	z-index:-1;
	line-height: 2em;} /* Line-height addition fixes the heading title from being cut off in IE 7 */}
}