/****** Stylesheet for CSS Ninja Garden Web site  ******
* Version 1.5, modified by Jon Ippolito to add comments and extract stylesheet.*/
/* ________ Containers, Main Headings, and Navigation. ________ */

body {
	background-color:  rgb(15%,10%,10%) ;
        background-image: url(../media/backgroundbg.gif) ;
	background-repeat: repeat;
        text-align: center;
	min-width: 750px;
    font-family: Gill Sans, Arial ;
    font-size: 16px;
    color: green ;
}
a {
    text-decoration:  none ;
  	color: rgb(80%, 10%, 15%) ;
}
a:hover {
    text-decoration:  underline ;
}
#main-container {
	position: relative;
	background-color:  rgb(20%,10%,10%) ;
        background-image: url(../media/backgroundp.gif) ;
	text-align: left;
	width: 750px ;
        top: 40px ;
        height: 750px ;
	margin: 0 auto ;
	overflow:  hidden ;
}
	#logo {
		position: relative ;
                top: 20px ;
		height: 95px ;
                background-color: blue ;
		background-image: url(../media/spinning.gif) ;
	
	    _filter: alpha(opacity=70) ; /* Hack for IE. */
		z-index: 1;
	}
	#watermark {
	    position: absolute ;
            background-color: rgb(20%,10%,10%) ;
            height: 513px ;
	    width: 350px ;
		background-image: url(../media/backgroundlines.gif) ;
	    _filter: alpha(opacity=50) ; /* Hack for IE. */
	}
	.global-navigation {
	    position: absolute ;
            top: 700px ; 
	    height: 100px ;
	    width: 750px ;
	}
		.navigation-link, .navigation-link-over {
		    position: relative ;
                    float: left ; 
                    top: 0px ;
		    width: 210px ;
		    margin-left: 3% ;
			padding:  .3em;
                     
                    background-color: yellow ;
                    border: solid 1px green ;
		    text-align: center ;
			font-size:  14px ;
			color: rgb(60%,40%,40%) ;
		}
		.navigation-link-over {
			cursor:  pointer ;
			background-color:  blue  ;	
		}
		#nav-menu-1 {
			margin-left: 16px ;
		}
	/* ________ Description ________ */
	#description-container {
	    position: relative;
            left: 350px ;
            height: 450px ;
            color: green ;
            background-color: yellow ;
	    width: 46% ;
		padding: 2em 1.5em ;
	    font-family: Gill Sans, arial ;
	    font-size: 16px ;
		_font-size: 14px ; /* Hack for IE (Windows fonts are bigger). */
	}
		#description-container p {
			margin-top: 0em ;
			margin-bottom: .5em;
		}
		#description-container em {
			font-style:  normal ;
			color:  green
		}
/* ________ Links to Other Projects ________ */
	#other-projects {
		position: absolute ;
                top: 200px ;
                width: 240px ;
                left: 50px; 
                height: 300px ;
		margin-left:  1em ;
		margin-right:  1em ;
		margin-bottom: 20px ;
		padding:  4px ;
		border: solid 1px;
		font-size:  14px ;
		_height: 116px ; /* Hack for IE. */
	}
		.other-project, .other-project-over {
			position:  relative ;
			float:  left ;
			width: 200px ;
			height: 40px ;
                        left: 2px ;
                        top: 5px ;
			margin: 1px ;
			padding-left:  30px ;
			padding-top: .4em;
			background-image:  url(../media/triskelian_dark.gif);
			background-repeat: no-repeat;
			background-color: limegreen ;
			color: blue ;
		}
		.other-project-over {
			background-image:  url(../media/triskelian_light.gif);
			background-color: pink ;
			color:  yellow ;
		}
.footer { /* When nesting divs inside a relatively positioned div, this footer stretches the border and background to fit. */
	clear: both ;