/* CSS stylesheet for COMIC style*/

/*We begin, as they say, at the beginning. Here's a little global reset (not the most popular one
these days, but one that seems to serve me well...) */

* {margin: 0; padding: 0;}

body {	background-image:url(../portscape_images/red_leather.png);
		font-family:"Comic Sans MS" "Arial Rounded MT Bold" arial, helvetica;
		font-variant: small-caps;}

/* BACKGROUND IMAGES...
It's nice to be able to work on a fully functional background, so here are the Background illustration images
as a starter for ten. In the HTML, they're at the foot of the page, after all the important stuff...*/


#bgd00 {width:100%;
		position:absolute;
		padding: 5px;
		text-align: center;
		bottom:5px;}
		
#bgd02, #bgd03, #bgd04, #bgd05 {display: none;}

#bgd12 {background-image:url(legend.png);
		background-repeat:no-repeat;
		width:546px; height:90px;
		position:absolute;
		top:80px; left:430px;
		z-index:5;}
		
#bgd13 {background-image:url(bgdleft.png);
		background-repeat:no-repeat;
		width:197px; height:1331px;
		position:absolute;
		top:1px; left:10px;
		z-index:5;}	
		
#bgd14 {background-image:url(bgdright.png);
		background-repeat:no-repeat;
		width:99px; height:1161px;
		position:absolute;
		top:0px; left:955px;
		z-index:5;}	

#bgd15 {background-image:url(bgdbottom.png);
		background-repeat:no-repeat;
		width:846px; height:171px;
		position:absolute;
		top:1161px; left:207px;
		z-index:5;}	
			
		 
span.logotext {display: none;}

/*div#book {background-image:url(../site_images/nostradormouselogo.png);
		 background-repeat:no-repeat;
		 width:200px; height:23px;
		 position:relative;
		 top:10px; left:130px;
		 padding-bottom: 30px;
		 z-index:4;}
		 
div#band {background-image:url(../site_images/woodsmith/woodsmithlogo.png);
		 background-repeat:no-repeat;
		 width:292px; height:49px;
		 position:relative;
		 top:10px; left:80px;
		 padding-bottom: 30px;
		 z-index:4;}

		 
span.booklogotext{display:none;}*/

/* MENUS...

1. MAIN MENU.*/

ul.mainmenu {list-style: none;
			position:absolute;
			background-color:silver;
			border: 3px solid black;
			font-size: 14px;
			top:20px; left:240px;
			z-index: 4;}

ul.mainmenu li {float:left;}

/* 2. CREATIVE MENU...*/

ul.creativemenu {	list-style: none;
					position:absolute;
					border: 3px solid black;
					background-color:silver;
					font-size: 14px;
					top:20px; left:619px;
					z-index: 4;}

ul.creativemenu li {float:left;}
					
ul.read {	list-style: none;
			position: absolute;
		  	text-align: center;}

ul.read li {float: left;}					

/* MAIN CONTENT AREA...
Including p, h1, h2, h3, a, and form styling. */

#container, #alt_container {	background-color: white;
								color: black;
								width:748px; height:1161px;
								position:absolute;
								top:1px; left:207px;}

#maincontent, #alt_maincontent  { 	background-color: white;
									border: 3px solid black;
									color:black;
									width:702px; height:930px;
									overflow: auto;
									position:relative;
									top:170px; left:0px;
									margin:auto;}
				
				
#work, #alt_work { 	color:black;
					width:600px;
					padding: 20px; 
					position:relative;
					margin: auto;}	
				
									
#worklinks, #alt_worklinks {color:black;
							width:150px; 
							position:relative; 
							float:right;
							text-indent: 0;
							z-index:1;
							}	

ul.worklinks, ul.alt_worklinks {font-size:0.8em;
								list-style:none;
								width:130px;
								margin: 10px auto;
								border: 3px solid black;
								background-color: silver;}
						  																				
a:link {text-decoration:none;
		color:red;} 
		
a:hover {text-decoration:none;
		color:red;}

a:visited {text-decoration:none;
			color:gray;}

p	 {	font-size:1.2em;
		line-height: 1.2em;
		text-align:justify;}
		
li {	display: block;
		text-align:center;
		color:black;
		border: 3px solid black;
		background-color: white;
		padding: 0.22em;
		margin:0.25em;}
		
li:hover {	display: block;
			text-align:center;
			color:white;
			border: 3px solid black;
			background-color: black;}

h2 {font-size:24px;
	text-align:center;
	font-variant:small-caps;
	color:black;}
	
h3 {font-size:18px;
	font-weight:bold;
	color:black;}
	
h4 {font-size:14px;
	text-align:center;
	color:black;}
	
h6 {font-size:12px;
	text-align:center;
	color:black;}
	
acronym, abbr {color:#0000FF;}

/*span.cap {float:left;
		width:1em;
		font-size:200%;
		line-height:75%;
		text-align: center;}*/

.current {font-style: oblique;}
		
/*img.thumbnail {float:left;
			padding:1.2em;
			vertical-align:text-bottom;}
			
a#default img, a#typewriter img, a#contrast img {height: 0; width: 0; border-width: 0;}

a:hover#default img, a:hover#typewriter img, a:hover#contrast img 
		{position:absolute;
    	 top:20px; left:520px; 
		 height:100px; width:150px;
		 border: 2px solid #336633;}*/
		 
/* CONTACT PAGE FORM... */

div.info, form {border: 3px solid black;
				margin: auto;
			  	padding: 0.6em;}
			  
input.text, textarea.text { background-color: silver;
							color: black;
							font-family:"Comic Sans MS" "Arial Rounded MT Bold" arial, helvetica;
							font-variant: small-caps;
							font-size: 18px;
							border:3px solid black;
							padding:0.1em;
							width:90%;
							max-width: 90%;
							max-height: 10em;
							overflow:auto;}	
							
input.buttons {margin: 1em 3em 1em 0;}
				
div#buttons { text-align:center;}				
							
input.text:focus, textarea:focus {border: 5px solid black;}
		  
label { color:black;
		display: block;
  		float: left;
		clear: left;
		width: 40%;
		padding: 0.3em;
		margin: 1em 5px 0 0;}
		
/* BLOG... */

div.blogentry {margin: 20px auto;
				padding: 5px;
				border: 3px solid black;}

h3.blogtitle {	font-size: 1.5em;
				border: 3px solid black;
				padding: 3px;
				width: 480px;
				text-align: center;}

div.blogdate {	border: 3px solid black;
				width: 61px; height: 82px;
				float:right;
				margin:0 0 0 10px;
				z-index: 10;}

p.day {font-size: 2.2em;
		font-weight: bold;
		color: red;
		margin: 0;
		text-align: center;
		line-height: 1.4em;}
				
p.month {font-size: 0.5em;
		margin: 0;
		font-weight: bold;
		text-align: center;
		line-height: 1.3em;}
		
p.year {font-size: 0.5em;
		margin: 0;
		font-weight: bold;
		text-align: center;
		line-height: 1.3em;}

/* SIDEBAR...
Mainly used for lists of links etc. */

div#bgd11 {	position:absolute;
			width:170px; height: 68px;
			overflow-y: scroll;
			border: 3px solid black;
			top:80px; left:228px;
		 	z-index:3;
		 	text-align: center;}
		 	
ul.styles {	list-style:none;
			position: relative;
			width: 110px;
			margin: auto;
			top:-20px;
			border: 3px solid black;
			background-color: silver;}

img.rss {	border:3px solid black;
			position: relative;
			top:3px;
			padding:3px;
			margin: auto;}

/*miscallaneous styles */

p.signoff {	text-align:center;
			border: 3px solid black;
			width: 180px;}

p.quote {font-style: oblique;}

p.verse {text-align: center;
			font-size: 1em;}

p.chorus {text-align: center;
		  font-style: oblique;
		  font-size: 1em;}

div.illustration {padding: 0 0 0 20px;
				  float: right;}
				  
div.alt_illustration {padding: 0 20px 0 0 ;
				  float: left;}
				  
div.caption {padding: 0;
			 color:#336633;
			 width: 150px;
			 margin: auto;
			 font-weight: bold;
			 font-size:0.8em;}	

img {border:none;}

div#flashPlayer {position:relative;
				margin:auto;
				text-align:center;}


div.comingsoon {background-image: url(../site_images/comingsoon.png);
				background-repeat: no-repeat;
				background-position: center;
				border: 3px solid black;
				margin: auto;
			 	 padding: 0.6em;}


q:hover {color:red;
		cursor: help;}


h3.link {	font-size: 1.5em;
			border: 3px solid black;
			padding: 3px;
			width: 300px;
			text-align: center;}