/* Pangea-black stylesheet: This gives the page a more gothic look */

@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, and trim the margins */
body {
	background-image: url('blackpaws.png');
	background-repeat: repeat-y;
	margin-left: 104px;
	margin-top: 0em;
	font-family: sans-serif; }


/* Make links look pretty. Navigation links are overriden below */
a { color: rgb(176, 46, 14); text-decoration: none; }
a:hover { color: rgb(247, 112, 38); text-decoration: underline; }

/* Make headings a certain color */
h1 { color: rgb(48, 48, 144); }

/* 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(247, 112, 38); }
ul#nav li a { color: rgb(176, 46, 14); }

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

/* Add the background and pretty purple border! */
div#banner_container {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: thin solid rgb(8, 8, 8);
	background-image: url('galaxy.jpg');
	}


}

@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'; }
}