/* CSS Document for High Contrast style of 
histrionicdowns.com*/

* {margin: 0; padding: 0;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
	
body {background-color:#000000;
		color:#FFFFFF;}

/* There are no Background illustration images*/

/* Menus */

ul.mainmenu {list-style: none;
			font-size:1.6em;
			line-height: 1.2em;
			border-left: 0.5em solid #0099FF;
			padding-left:0.3em;
			position:fixed !important;
			top:60px; left:0px;}
		
li.home, li.cv, li.blog, li.podcasts, li.contact, li.links, li.artist, li.writer, li.designer, li.musician,
			{color:#0099FF;
			display:block;
			width:auto; height:auto;
			}


ul.creativemenu {list-style: none;
			font-size:1.6em;
			text-align:right;
			line-height: 1.2em;
			padding-right:0.3em;
			border-right: 0.5em solid #0099FF;
			position:fixed !important;
			top:60px; right:0px ;}	
			
ul.styles {list-style: none;
			font-size:1.2em;
			text-align:left;
			line-height: 1.2em;
			/*padding-right:0.3em;
			border-right: 0.5em solid #0099FF;
			position:fixed !important;
			top:260px; right:0px ;*/}	

/*h3#switch {text-align: right;
			position: fixed !important;
			top:220px; right: 0px;
			padding-right:0.5em;
			border-right: 0.65em solid #0099FF;}*/


/* Main content area */

#maincontent, #alt_maincontent 
			{font-size:1.6em;
			max-width: 900px;
			width: 50%;
			position:relative;
			top:2em;
			margin: 0 auto;}
				
#logo { background-image:url(HDLogo.png);
		background-repeat:no-repeat;
		width:142px; height:141px;
		position:relative;
		top:10px;
		margin:auto; 
		}
		
span.logotext{display:none;}

a:link {color:#FFFF00;
		text-decoration:underline;} 
		
a:hover {color:#0099FF;
		text-decoration:underline;
		}
		
a:visited {color:#FFFF00;
		text-decoration:none;}

p {font-size:0.8em;
	line-height: 1.8em;
	letter-spacing: 0.025em;
	text-align:justify;
	text-indent:1.5em;}
	
h2 {color:#0099FF;
	text-align:center;
	font-size:1.5em;}
	
h3 {color:#0099FF;
	text-align:left;
	font-size:1.2em;}
	
h4 {color:#0099FF;
	text-align:center;
	font-size:0.6em;}
	
h6 {color:#0099FF;
	text-align:center;
	font-size:0.5em;}

div#bgd00 {position:relative;
			top:200px;
			margin:auto;}
	
/*img.thumbnail {float:left;
			padding:0 1em 0 0;
			}

a#default img, a#retro img, a#accessibility img {height: 0; width: 0; border-width: 0;}

a:hover#default img, a:hover#retro img, a:hover#accessibility img {position: absolute;
    															   top: 10px; left: 80px; height: 50px; width: 75px;
																   border: 2px solid #0099FF;}*/
		  
input.text, textarea.text { background-color:#000000;
							font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
							font-size: 0.8em;
							color:#FFFFFF;
							border:2px solid #FFFFFF;
							padding:0.3em;
							width:100%;
							max-width: 100%;
							max-height: 7em;
							overflow:auto;}	
							
input.buttons {color:#FFFFFF;
			   background-color:#000000;
			   font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
			   font-size: 0.8em;
			   margin: 1em 3em 1em 0;
			   padding: 0.3em;}
				
div#buttons { text-align:center;}				
							
input.text:focus, textarea:focus {border: 4px solid #0099FF;}
		  
label { color:#0099FF;
		font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
		display: block;
  		float: left;
		clear: left;
		width: 40%;
		padding: 0.4em;}
		
/* BLOG... */
		
div.blogentry {margin:30px 0 0 0;}

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

div.blogdate {width: 80px; height: 80px;
				float:left;
				margin:0 30px 0 0;
				z-index: 10;
				border-left: 10px solid #0099FF;}

p.day, p.month, p.year {font-family:"Courier New", Courier, mono;
		font-size: 1em;
		font-weight: bold;
		color: yellow;
		text-indent: 5px;
		line-height: 1em;}


/* Misc Content */
		
p.signoff { text-align:center;
			font-style:italic;}		

ul.content_links, ul.altcontent_links, div#bgd21, a#bgd01, a#bgd02, a#bgd03, a#bgd04, a#bgd05 {display:none;}

div#bgd11 { text-align:right;
			line-height: 1.2em;
			padding-right:0.3em;
			border-right: 0.5em solid #0099FF;
			position:fixed !important;
			top:250px; right:0px ;}
		 	
img.rss {border:none;}

ul.worklinks {list-style: none;
			font-size:1.6em;
			text-align:right;
			line-height: 1.2em;
			padding-right:0.3em;
			border-right: 0.5em solid #0099FF;
			position:fixed !important;
			top:260px; right:0px ;}	
			
ul.read {list-style: none;
		 padding: 20px;}
		 
#bgd00, #alt_bgd00 {width:500px; max-height:300px;
			position:relative;
			top:200px;
			margin:auto;
			padding-bottom: 20px;}


div.illustration, div.alt_illustration {/*background-color: white;
					-moz-border-radius-bottomleft:20px;
				-moz-border-radius-bottomright:20px;
				-moz-border-radius-topleft:20px;
				-moz-border-radius-topright:20px;
				-webkit-border-bottom-left-radius: 20px;
				-webkit-border-bottom-right-radius: 20px;
				-webkit-border-top-left-radius: 20px;
				-webkit-border-top-right-radius: 20px;*/
				float: left;
				margin: 20px 20px 5px 0px;
				padding: 5px;
				border: 3px solid #0099FF;}
				

div.caption {padding: 5px;
			 color: #0099FF;
			 width: 150px;
			 margin: auto;
			 font-weight: bold;
			 font-size:0.6em;}
		  
p.quote {font-style: oblique;
		  text-align: right;
		  font-size: 0.6em;}
					
p.verse {text-align: center;
		  font-size: 0.6em;}

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

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