/* 		   Old title colors. */
/*         background-color: rgb(230,230,240); */
	
	
    body
        { 
        font: 9px/14px geneva, sans-serif; 
        
        color: rgb(0,0,0); 
        background-color: rgb(180,180,190);
        background: rgb(180,180,190) url('./images/background/project_book_003.jpg') fixed 0px 0px;

        margin: 22px 0px 0px 0px; 
        }
        
    body.intro
    	{
        background-image: url('./images/background/project_book_027.jpg');
    	}

    body.past_works
    	{
        background-image: url('./images/background/project_book_028.jpg');
    	}

    body.current
    	{
        background-image: url('./images/background/project_book_008.jpg');
    	}

    body.in_progress
    	{
        background-image: url('./images/background/project_book_039.jpg');
    	}

    a
        {
        color: rgb(0,0,0); 

        text-decoration: none;
        
        }

    a:hover
        {
        background: transparent; 
        
        text-decoration: underline;
        }

    a:active
        {
        text-decoration: underline;
        }

    a.noline:hover, a.noline:active
        {
        text-decoration: none;
        }

    #title
    	{
    	width: 100%;
    	height: 10px;
    	
        display: block;
        position: fixed;
        
        background-color: rgb(230,230,240);

        top: 0px;
        left: 0px;
        
        padding: 10px 21px 10px 21px;
        
        border-top: solid 1px rgb(0,0,0);
        border-bottom: solid 2px rgb(0,0,0);
        
        z-index: 1;
    	}

	#content
		{
    	width: 700px;
    	height: 300px;
		
        display: block;
        position: relative;
        
        top: 30px;
        left: 0px;

        margin: 20px;
        padding: 0px;
        
        border-top: solid 2px rgb(0,0,0);
        
        z-index: 0;
		}
		
	#photo
		{
    	width: 282px;
    	height: 282px;
		
        display: block;
        position: relative;
        
        background-color: rgb(230,230,240);

        padding: 10px;
        
        border-left: solid 2px rgb(0,0,0);
        border-right: solid 2px rgb(0,0,0);
        border-bottom: solid 2px rgb(0,0,0);
        }


	#text, #indent, #indent_bot, #indent_top, #single_text
		{
        font: 9px/14px geneva, sans-serif; 
		
    	width: 360px;
		
        display: block;
        position: relative;
        
        background-color: rgb(230,230,240);

		top: -2px;
        left: 20px;

        padding: 1.25px 10px 1.25px 10px;
        
        border-left: solid 2px rgb(0,0,0);
        border-right: solid 2px rgb(0,0,0);
		}

	#text
		{
        padding: 9px 10px 1.25px 10px;
        
        border-top: solid 2px rgb(0,0,0);
    	}
    	
	#indent, #indent_bot, #indent_top
		{
        text-indent: 10px;
		}

	#indent_bot
		{
        border-bottom: solid 2px rgb(0,0,0);
        
        padding: 1.25px 10px 12px 10px;
		}

	#indent_top
		{
        padding: 8px 10px 0px 10px;
		
        border-top: solid 2px rgb(0,0,0);
		}

	#single_text
		{
        text-indent: 10px;
		
        padding: 9px 10px 12px 10px;
        
        border: solid 2px rgb(0,0,0);
    	}

	img
		{
        border: solid 1px rgb(0,0,0);
		}

	#qed
		{
    	width: 5px;
    	height: 5px;
		
		position: relative;
        display: inline;
        
        left: 5px;
		}
		
	#eof
		{
    	height: 28px;
		
		position: relative;
        display: block;
		}

	#eof_qed
		{
        display: none;
		}
		
	#revision
		{
        padding: 0px 1px 0px 1px;
    	}
    	
	#content_table
		{
    	width: 700px;
		
        display: block;
        position: relative;
        
        top: 30px;
        left: 0px;

        margin: 20px;
        padding: 0px;

        border-top: solid 2px rgb(0,0,0);
        
        z-index: 0;
		}
		
	#comment
		{
		color: rgb(80,80,80);
		}
		
	#useless_comment
		{
		cursor: pointer;	
		}
		
	#are_here
		{
		text-decoration: underline;
		}
		
	span.bit
		{
		padding: 0px 1px 0px 0px;
		}