/* Pangea classic stylesheet */
/* This stylesheet somewhat emulates the look of the winter 2002 Pangea site */

@media screen {

/* This stylesheet controls how stuff is displayed on-screen ONLY */
/* These attributes are ignored when the document is printed. */
/* Why do this? Becuase the printouts use less ink & paper, and more readable. */


/* This adds the galaxy background, sets white font, also sets font to times-new-roman equivalent */
body	{
	background-image: url('galaxy.jpg');
	color: #FFFFFF;
	font-family: serif;
	}


/* Make links look pretty. Navigation links are overriden below */
a { color: #238e23; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Change color of header */
h1 { color: #ff0000; }

/* This funky code makes the navigation links under the banner look and act pretty! */

ul#nav li { display: inline;  font-style: italic; white-space: nowrap; font-size: 1.5em; }
ul#nav li a:hover { color: #238e23; }
ul#nav li a { color: #238e23; }

/* This makes the table the banner is in properly sized */
/* Add the background and pretty purple border! */
div#banner_container {
	text-align: left;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	border: thick solid #CCBBAA;
	}


/* Prevent nasty a-link border from appearing on images */
a img { border: none; }

}


@media all {

/* This affects all media, print and screen. Use with care. */

/* This intents text flagged as 'indented' by a half-inch */
.indented { text-indent: 0.5in; }

}

@media print {
/* This hides the banner when printed. On compatible browsers, it adds special text. */
img#banner_pangea { display: none; }
div#banner_container:before { content: 'Pangea: International Writers Magazine'; }
}