@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. */
/* See also: pangea_main.css */

/* This adds the pretty pawprint border, and makes it repeat down the y (vertical) axis */
/* While we're at it, we set the body font too */
body	{
	background-image: url('pinkpaws3.gif');
	background-repeat: repeat-y;
	font-family: sans-serif;
	margin-left: 105px;
	}

/* The pawprint border adds the need to indent our text to compensate. */
.indented { margin-left: 104px; margin-right: 104px; }

/* Make links look pretty. Navigation links are overriden below */
a { color: rgb(102, 0, 204); text-decoration: none; }
a:hover { text-decoration: underline; }


/* 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: rgb(108, 163, 144); }
ul#nav li a { color: rgb(102, 0, 204); }

/* This makes the table the banner is in properly sized */
/* Add the background and pretty purple border! */

div#banner_container {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	border: thick solid rgb(102, 0, 204);
	background-color: rgb(0, 0, 0);
}

/* 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'; }
}