/****** Stylesheet for CSS Ninja Garden Web site by Jolene Belanger ******
* Based on Version 1.5, modified by Jon Ippolito to add comments and extract stylesheet.
*/
/* ________ Containers, Headings, and Navigation. ________ */
body {
	background-color: rgb(70%, 30%, 10%) ;
	text-align: center;
	min-width: 750px;
    font-family: Gill Sans, Arial ;
    font-size: 16px;
    color: #FFF; 
}
a {
    text-decoration:  none ;
  	color: rgb(80%, 10%, 15%) ;
}
a:hover {
    text-decoration:  underline ;
}
#main-container {
	width: 580px;
	height: 770px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background: #FFF;
	min-height: 325px;
}
	#logo {
		position: relative ;
                top: 50px ;
                left: 35px ;
     	float: left;
		height: 197px ;
      width: 550px ;
		 background-repeat: no-repeat;
		 background-image: url(../media/ninja_turtles.jpg);
	}
	#watermark {
	    position: absolute ;
            background-color:  DarkKhaki;
       margin-top: 190px;
       margin-left: 10px;
	    height: 340px ;
	    width: 205px ;
		background-image: url(../media/cleanmark.png) ;
	    background-repeat: no-repeat ;
	    -moz-opacity:.50;
	    _filter: alpha(opacity=50) ; /* Hack for IE. */
	}
	.global-navigation {
	    position: absolute ;
	    margin-top: 10px;
            top: 0px ; 
	    height: 35px ;
	    width: 580px ;
	}
		.navigation-link, .navigation-link-over {
		    position: relative ;
		    float: left ;
                    top: 0px ;
		    width: 28% ;
		    margin-left: 2% ;
			margin-top: 10px ;
			 padding:  .3em;
		    border: solid 1px rgb(50%,10%,10%) ;
		    text-align: center ;
			 font-size:  15px ;
			 color: DarkKhaki ;
		}
		.navigation-link-over {
			cursor:  pointer ;
			background-color:  rgb(50%,10%,10%);	
		}
		#nav-menu-1 {
			margin-left: 16px ;
		}
	/* ________ Description ________ */
	#description-container {
	    position: relative;
            left: 215px;
            top: 246px;
	    width: 49%;
	    height: 460px;
		 padding: 1em 1.5em ;
	    font-family: Gill Sans, Verdana ;
	    border:3px solid rgb(32,32,32);
	    background-color: DarkKhaki;
	    font-size: 14px ;
		_font-size: 14px ; /* Hack for IE (Windows fonts are bigger). */
	}
		#description-container p {
			margin-top: 0em ;
			margin-bottom: .5em;
			padding-top: 1px;
			position: relative;
            		left: 0px;
            		top: -183px;
		}
		#description-container em {
			font-style:  normal ;
			padding-top: -10px;
			
		}
/* ________ Links to Other Projects ________ */
	#other-projects {
		position: absolute ;
                top: 200px ;
                width: 188px ;
                height: 322px ;
		margin-left:  1em ;
		margin-right:  1em ;
		margin-bottom: 20px ;
		padding:  4px ;
		border: dotted 1px red;
		font-size:  14px ;
		_height: 116px ; /* Hack for IE. */
	}
		.other-project, .other-project-over {
			position:  relative ;
			float:  left ;
			width: 150px ;
			height:  40px ;
			margin: 4px ;
			padding-left:  30px ;
			padding-top: .4em;
			background-repeat: no-repeat;
			background-color: rgb(30%,10%,3%) ;
			color:  rgb(70%, 30%, 10%) ;
		}
		.other-project-over {
			background-image:  url(../media/triskelian_light.gif);
			background-color:  rgb(70%, 30%, 10%) ;
			color:  rgb(30%,10%,3%) ;
		}
.footer{
		border-top: 5px solid black;
		background-image: url('../media/css.jpg');   
   	background-attachment:fixed;
  		background-position:left;
   	background-repeat:no-repeat; 
   	height: 180px;
   	width: 220px;
}