/*	Ancalagon: BlackBars CascadingStyleSheet */

/*=============
	DEFAULT				
=============*/
BODY
	{
		background-repeat: repeat-x;
    	background-attachment:fixed;
    	background-color: black;/*#c3c2ed;*/
    	background-position: bottom:right;
		color: black;
		font: normal 12pt Arial;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
h1
	{
		font:bold 24pt Arial;
		margin: 0px;
		padding: 0px;
	}
		    
hr
	{
		color:black;
	}

span.header
	{
		font:bold 8pt Arial;
		line-height:7pt;
	}

span.subheader
	{
		font:bold 8pt Arial;
		/*line-height:7pt;*/
		color:#575042;
	}

A:link
	{
		color: black;
		font-style:italic;
		font-weight:bold;
	}
		
A:visited
	{
		color: black;
		font-style:italic;
		font-weight:bold;
	}
		
A:hover
	{
		color: coral;
		font-style:italic;
		font-weight:bold;
	}

A:link img
	{ 
		border-color: #51c8ff #0000ff #0000ff #51c8ff;
	}

A:visited img
	{ 
		border-color: #51c8ff #0000ff #0000ff #51c8ff;
	}

A:hover img
	{ 
		border-color: #0000ff #51c8ff #51c8ff #0000ff;
	}

/*==========
	MENU	
==========*/
		
div.whatsnew
	{
		font:bold 8pt Arial;
		z-index: 3;
		position:absolute;
		border: none;
		margin: 0px;
		padding: 24px 0px 0px 8px;
	    background:no-repeat url(/menu/stickynotenew.gif);
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.9)";
		opacity:0.9;
	}
div.randomimg
	{
		font:bold 8pt Arial;
		z-index: 3;
		position:absolute;
		border: none;
		margin: 0px;
		padding: 24px 0px 0px 8px;
	    background:no-repeat url(/menu/stickynoterandom.gif);
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.9)";
		opacity:0.9;
	}
div.menu
	{
		font:bold 8pt Arial;
		z-index: 3;
		position:absolute;
		border: none;
		margin: 0px;
		padding: 0px;
		color: #575042;
	}
	
div.topbar
	{
		margin:0;
		padding:0;
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:128;
		background:repeat-x url(/pics/topbar.jpg);
	}
	
div.newsitem
	{		
		border-top-color:#575042;
		border-left-color:white;
		border-width: 2px 2px 0px 0px;
		background-repeat: repeat-x;
		background-color:transparent;
	    background-position: top left;
		margin: 0px;
		padding: 23px 16px 16px 44px;
	}

A:link.menu
	{
		color: black;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	
A:visited.menu
	{
		color: black;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	
A:hover.menu
	{
		color: coral;
		font-style:normal;
		font-weight:bold;		
		text-decoration:underline;
	}
	
hr.menu
	{		
		color: #575042;
	}
	
/* GalleryMenu is the class used to the "What's New" and "Random Image" screenshots */
A:link img.gallerymenu	
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.92)";
		opacity:0.92;
	}

A:visited img.gallerymenu
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.92)";
		opacity:0.92;
	}

A:hover img.gallerymenu
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=1.0)";
		opacity:1.0;
	}

/*====================
	Content DIVs		
====================*/	

div.invisible
	{
		background-color:transparent;
		border:none;
		color: black;
		font: normal 12pt Arial;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;		
	}
div.pagetitle
	{
		/*font:bold 8pt Arial;*/
		z-index: 3;
		position:absolute;
		border: thin solid;
		border-width: 1;
		border-top-color: black; /*gray;*/
		border-left-color: black; /*gray;*/
		border-right-color: black;
		border-bottom-color: black;
		margin: 0px;
		padding: 4px 4px 4px 6px;
		background-color:#f9f4e7;/*#51c8ff;*/
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.9)";
		opacity:0.9;
	}
div.ringsTop
    {
	    /*background-image:url(http://www.ant3d.com/pics/padrings.jpg);*/
	    background-repeat: repeat-x;
		background-color:transparent;
	    background-position: top left;
		margin: 0px;
		padding: 23px 16px 16px 44px;
    }
	
div.ringsJoin
    {
	    /*background-image:url(http://www.ant3d.com/pics/padrings2.jpg);*/
		background-color:transparent;
	    background-repeat: repeat-x;
	    background-position: top left;
		margin: 0px;
		padding: 28px 16px 16px 44px;
    }
	
div.tornpaper
    {
	    /*background-image:url(http://www.ant3d.com/pics/padtearnew.gif);*/
		background-color:transparent;
	    background-repeat: repeat-x;
	    background-position: top left;
		margin: 0px;
		padding: 21px 16px 16px 44px;
    }


/*====================
	NEWS \ ARCHIVE		
====================*/
    
hr.news
	{
		/*color:#ffc0c0;*/
	}

span.ooh /* used for slight emphasis*/
    {
        /*)letter-spacing: 0.5pt;*/
    }
	
span.news-content
	{
		font:normal 10pt Arial;
	}
	
span.news-summary
	{
		font:bold 10pt Arial;
	}
	
span.news-summarymark
	{
		font:normal 10pt Arial;
		font-style:italic;
		color:blue;
	}

/*====================
	IMAGE GALLERY		
====================*/
    
hr.gallery
	{
		/*color:#000000;*/
	}
span.gallerycopyright
	{
		font:italic 8pt Arial;
		color: gray;
	}
span.imgNavigation
	{
		font:bold 8pt Arial;
		line-height:7pt;
	}
hr.imgDescription
	{
		/*color:#000000;*/
	}	
span.imgDescription
	{
		font:italic 8pt Arial;
		color: black;
	}
div.imgDescription
	{		
		position:absolute;
	    /*left: 560;*/
	    right: -206;/*-232;*/
	    bottom: -4;
	    width: 320;
		z-index: 6;
		background-color:#f9f4e7;/*#51c8ff;*/
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.9)";
		opacity:0.9;
		border: thin solid;
		border-width: 1;
		border-top-color: black; /*gray;*/
		border-left-color: black; /*gray;*/
		border-right-color: black;
		border-bottom-color: black;
		padding: 4px 4px 4px 6px;
	}
div.viewImage
    {
	    border:none;
	    background-color: transparent;
		padding: 0px 0px 0px 0px;
		z-index: 1;
		position:absolute;
		left:40;
    }
img.viewImage
	{
		border-width: 1px 1px 1px 1px;
		border-top-color: gray;
		border-left-color: gray;
		border-right-color: black;
		border-bottom-color: black;
		/*margin-left: 24;*/
		max-width:640px;
		max-height:640px;
		/* IE ignores max-width */
		/* and seems to scale portraits up so that the width is 640 >.< // width: expression(Math.min(parseInt(this.offsetWidth), 640 ) + "px");*/
	}

/* Thumbnail Images */
A:link img.gallery
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.75)";
		opacity:0.75;
	}

A:visited img.gallery
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=.75)";
		opacity:0.75;
	}

A:hover img.gallery
	{ 
		border-color: black;
		filter:"progid:DXImageTransform.Microsoft.BasicImage(opacity=1.0)";
		opacity:1.0;
	}
	
/*====================
	DOWNLOADS		
====================*/
    
td.download
	{
		border-color: black;
		border-width: 0px 0px 0px 2px;
		width: 240;
	}
span.downloadlink
	{
		font:normal 8pt Arial;
		color: black;
	}
span.downloaddesc
	{
		font:normal 8pt Arial;
		color: black;
	}
span.filesize
	{
		margin-top:-5px;
		margin-bottom:-5px;
		font:italic 8pt Arial;
		color: black;
	}
p.filesize
	{
		margin-top:0px;
		margin-bottom:16px;
	}
	
/*====================
	LINKS		
====================*/
    
hr.links
	{
		/*color:#000000;*/
	}
span.link
	{
		font:normal 8pt Arial;
		color: black;
	}
span.linkdesc
	{
		font:normal 8pt Arial;
		color: black;
	}
A:link.links
	{
		font-weight: bold;
	}	
A:visited.links
	{
		font-weight: bold;
	}	
A:hover.links
	{
		font-weight: bold;
	}    
	
/*====================
	DEMOREEL		
====================*/
    
hr.demoreel
	{
		/*color:#000000;*/
	}
span.demoreellink
	{
		font:normal 8pt Arial;
		color:black;
	}
span.demoreeldesc
	{
		font:normal 8pt Arial;
		color:black;
	}
A:link.demoreel
	{
		font-weight: bold;
	}	
A:visited.demoreel
	{
		font-weight: bold;
	}	
A:hover.demoreel
	{
		font-weight: bold;
	} 

/*===================
	ABOUT ME
===================*/	

span.bioLabel
	{
		font:bold 8pt Arial;
		color:black;
	}
	
span.bioText
	{
		font:normal 8pt Arial;
		color:black;
	}

/*===================
	MISCELLANEOUS	
===================*/	
   		
div.content
    {
	    background: repeat-x url(/pics/botbar.jpg);
	    background-position: bottom left;
    	background-color: #c3c2ed;
    	position:absolute;
    	z-index:1;
		border: none;
		left:0;
		top:128;
		min-height:300;
		height:expression(300); /*Fire Fox will ignore 'expression()'. Used since Fire Fox interprets width:300 as an absolute size, whereas IE treats it like a minimum value (yet ignores min-height)*/
		padding: 0px;
		padding-left:104px;
		padding-bottom:72px;
    }
	
span.copyright
	{
		font:italic 8pt Arial;
		color: white;
		margin-right: 16px;
	}
	
span.description
	{
		font:normal 12pt Arial;
		color: black;
	}
	
span.error
	{
		font:normal 8pt Arial;
		font-weight: bold;
		color: red;
	}
	
span.success
	{
		font:normal 8pt Arial;
		font-weight: bold;
		color: green;
	}
	
table.webring
	{
		color: clear;
		margin: default;
	}