/* CSS Document for Typewriter style of 
histrionicdowns.com */

* {margin: 0; padding: 0;}

body {background-image:url(cork.jpg);
		background-attachment:fixed;}

/*Background illustration images*/

#bgd11 {background-image:url(note_03.png);
		background-repeat:no-repeat;
		width:130px; height:220px;
		position:fixed !important;
		top:130px; left:860px;
		padding-top: 40px;
		z-index:2;}

#bgd12 {background-image:url(typewriter.png);
		background-repeat:no-repeat;
		width:950px; height:140px;
		position:fixed !important;
		bottom:0px; left:20px;
		z-index:10;}

#bgd13 {background-image:url(note_03.png);
		background-repeat:no-repeat;
		width:130px; height:220px;
		position:fixed !important;
		top:20px; left:20px;
		z-index:2;}
		
#bgd14 {background-image:url(note_03.png);
		background-repeat:no-repeat;
		width:130px; height:220px;
		position:fixed !important;
		top:240px; left:20px;
		z-index:2;}
		

/* Menus */

ul {font-family:"Courier New", Courier, mono;
			font-size:1em;
			font-weight:bold;
			font-stretch:extra-condensed;
			line-height: 1.4em;
			list-style: none;}

ul.mainmenu {list-style: none;
			font-family:"Courier New", Courier, mono;
			font-size:1em;
			font-weight:bold;
			font-stretch:extra-condensed;
			line-height: 1.4em;
			position:fixed !important;
			top:60px; left:40px ;
			z-index:7;}
			
ul.creativemenu {list-style: none;
			font-family:"Courier New", Courier, mono;
			font-size:1em;
			font-weight:bold;
			font-stretch:extra-condensed;
			line-height: 1.4em;
			position:fixed !important;
			top:300px; left:40px ;
			z-index:7;}
			
ul.styles {list-style: none;
			font-family:"Courier New", Courier, mono;
			font-size:0.9em;
			font-weight:bold;
			font-stretch:extra-condensed;
			line-height: 1.2em;
			/*position:fixed !important;
			top:220px; left:880px ;*/
			z-index:7;}
			
ul.content_links, ul.altcontent_links, .breadcrumbs {display:none;}

ul.worklinks {font-size: 0.7em;
			padding: 0px 10px 10px 15px;}
			
ul.read {font-size: 1em;
			text-indent: 10px;
			padding-top: 5px;}

			
li.home, li.cv, li.blog, li.podcasts, li.contact, li.links, li.writer, li.artist, li.designer, li.musician {font-style: oblique;}

/* Main content area */

#container {background-color:#FFFFFF;
			color:#000000;
			border:1px solid #999999;
			width:629px; min-height:6000px;
			position:absolute;
			top:60px; left:190px;
			z-index: 6;}

#alt_container {background-color:#FFFFFF;
			color:#000000;
			width:629px; min-height: 6000px;
			border: 1px solid #999999;
			position:absolute;
			top:60px; left:190px;
			z-index: 6;}

#maincontent, #alt_maincontent {background-color:#FFFFFF;
				width:500px; 
				position:relative;
				top:80px;
				margin:auto;
				z-index:6;
				}
				
#alt_worklinks { color:#660000;
				width:200px; 
				position:relative;
				top:50px; left:50px;
				float:right;
				z-index:1;}				
				
#logo { background-image:url(../portscape_images/logo.png);
		width:95px; height:95px;
		position:absolute;
		top: 80px; left:670px;
		z-index:100;}
		
span.logotext{display:none;}

a:link {color:#333333;
		text-decoration:none;
		font-weight: bold;} 
		
a:hover {color:#FF0000;
		text-decoration:underlined;}
		
a:visited {color:#666666;
		text-decoration:none;}

p {font-family:"Courier New", Courier, mono;
	color:#333333;
	font-size:0.9em;
	line-height: 1.6em;
	letter-spacing: 0.025em;
	text-align:justify;
	text-indent:1.5em;}

	
h2 {font-family:"Courier New", Courier, mono;
	color:#FF0000;
	text-align: center;}
	
h3 {font-family:"Courier New", Courier, mono;
	color:#FF0000;}
	
h3#switch {font-family:"Courier New", Courier, mono;
			font-size: 1em;
			color:#FF0000;
			position: absolute;
			top:40px; left: 20px;}
	
h4 {font-family:"Courier New", Courier, mono;
	color:#FF0000;
	font-size: 0.8em;
	text-align:center;}
	
h6 {font-family:"Courier New", Courier, mono;
	color:#FF0000;
	font-size: 0.7em;
	text-align:center;}
	
div#bgd00, div#alt_bgd00 {background-color:#FFFFFF;
			width:500px; max-height:300px;
			position:relative;
			top:200px;
			margin:auto;
			padding-bottom: 20px;
			border-bottom: red dashed thin;
			z-index:6;}

form {padding: 0.6em;}
			  
input.text, textarea.text {font-family:"Courier New", Courier, mono;
							color: #660000;
							border:1px solid #336633;
							padding:0.15em;
							width:90%;
							max-width: 90%;
							max-height: 10em;
							overflow:auto;}	
							
input.buttons {color:#FF0000;
			   font-family:"Courier New", Courier, mono;
			   margin: 1em 3em 1em 0;}
				
div#buttons { text-align:center;}				
							
input.text:focus, textarea:focus {border: 2px solid #660000;
									background-color:#FFFFA8;}
		  
label { color:#FF0000;
		font-family:"Courier New", Courier, mono;
		display: block;
  		float: left;
		clear: left;
		width: 40%;
		padding: 0.4em;}
		
/* BLOG... */

div.blogentry {margin:20px 0 0 0;}

h3.blogtitle {font-size: 1.3em;}

div.blogdate {	-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px;
				-moz-border-radius-topleft:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				background-color: #FF0000;
				width: 60px; height: 80px;
				float:left;
				margin:0 10px 0 0;
				padding-top: 5px;
				z-index: 10;}
				
p.day {font-family:"Courier New", Courier, mono;
		font-size: 2em;
		font-weight: bold;
		text-indent: 0;
		color: white;
		text-align: center;
		line-height: 1em;}

p.month, p.year {font-family:"Courier New", Courier, mono;
		font-size: 1em;
		font-weight: bold;
		text-indent: 0;
		color: white;
		text-align: center;
		line-height: 1.2em;}
		
p.blograph {text-indent:0;}


/* Misc Content */
		
p.signoff { color:#FF0000;
			text-align:right;
			font-style:italic;}		


a#bgd01, a#bgd02, a#bgd03, a#bgd04, a#bgd05 {display:none;}

img.rss {border:none;
		  position: absolute;
		  top: 60px; left: 40px;}
		  		  
		  
div.illustration {float:right;
				   padding: 0 0 0 20px;}
				   
div.alt_illustration {float:left;
				   padding: 0 0 0 20px;}
		  
div.caption {padding: 10px;
			 width: 150px;
			 margin: auto;
			 font-weight: bold;
			 font-size:0.8em;}
		  
p.quote {font-style: oblique;
		text-indent: 0;}

p.verse {text-align: center;}

p.chorus {text-align: center;
		  font-style: oblique;
		  text-indent: 0;}	

p.embed {text-align: center;}					

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

div#twitter_div {border-bottom: red dashed thin;
				border-top: red dashed thin;}

ul#twitter_update_list {padding: 10px 30px;
						text-align:justify;
				font-family:"Courier New", Courier, mono;
				font-size:0.9em;}

h2.sidebar-title {padding-top: 15px;}

a#twitter-link {display:block;
				text-align:center;
				font-family:"Courier New", Courier, mono;
				font-size:0.8em;}

ul#twitter_update_list {	list-style:none;}