@charset "utf-8";

/*
	Cutscene
	Layout Style Sheet
	Trademark: CUTSCENE COMICS®. 2020. Shaun Chapman, Holley, NY, USA.
*/

/* Initialize */
	* {
		margin: 0;
		padding: 0;
	}

	body {
/* Background */
		background-color: rgb(0,51,0);
		background-image:url(images/cutscene_background_tile.gif);
	
/* Text */	
		color: #FFF;
		font-size: 1.25em;
		font-family:"Courier New", Courier, monospace;
	}

/* Links */
	a:link {
		color: lightskyblue;
		text-decoration: none;
		font-weight: bold;
	}
	a:visited {
		color: gold;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		text-decoration: underline;
		font-weight: bold;
	}
	a:active {
		color: orange;
		font-weight: bold;
	}

/* Container */
	#container {
		width: 1500px;
		margin: 0 auto;
		text-align: center;
		background-color: rgb(0,51,0);
		background-image:url(images/cutscene_background_tile.gif);
	}

/* Header */
	header {
		width: 1500px;
		margin: 0 0 10px 0;
		padding: 10px;
		text-align: center;
		background-color:#000;
;
	}
	
/* Header links */
	header a:link {
		color: rgb(0,54,255); /* Same color as background in "CUTSCENE" logo */
		text-decoration: none;
	}
	header a:visited {
		color: rgb(0,54,255);
		text-decoration: none;
	}
	header a:hover {
		text-decoration: underline;
	}
	header a:active {
		color: rgb(255,255,0);
	}

/* Side Bar (Temporary Nav Bar) */
	aside {
		width: 440px;
		margin-top: 10px;
		border-style: outset;
		border-color: lightgreen;
		padding: 10px;
		float: left;
	}
	aside ul {
		list-style: none;
		line-height: 1.5em;
	}

/* Main Column */
	#main {
		width: 1000px;
		margin-top: 10px;
		border-style: outset;
		border-color: lightgreen;
		padding: 10px;
		text-align: left;
		float: right;
	}
	#main h1 {
		text-align: center;
	}

/* Archive */
	#archive {
		margin: 10px;
		border-style: outset;
		border-color: lightgreen;
		padding: 10px;
	
	}

/* Comic Strip Viewing Content Box */
	#strip {
		margin: 10px;
		border-style: outset;
		border-color: lightgreen;
		text-align: center;
	
	}

/* comic Strip navigation buttons*/
	nav {
		background-color: transparent;
		padding-top: 20px;
		line-height: 200%;
		display: block;
	}
		nav li {
			display: inline;
			list-style-type: none;
			padding-right: 15px;
		}

/* Footer */
	footer {
		width: 1500px;
		margin-top: 10px;
		padding: 10px;
		text-align: center;
		background-color:black;
		clear: both;
	}
	
/* Footer links */
	footer a:link {
		color: rgb(0,54,255); /* Same color as background in "CUTSCENE" logo */
		text-decoration: none;
	}
	footer a:visited {
		color: rgb(0,54,255);
		text-decoration: none;
	}
	footer a:hover {
		text-decoration: underline;
	}
	footer a:active {
		color: rgb(255,255,0);
	}