/*----------------
		author: mark jenkins
		----------------*/
	
			html{ 
			font-size:100%; 
			}
			
			img {
				border:0;
			}
			
			body {
				background-color: #000;
				margin:0;
				padding: 0;
				font-size:62.5%;
			}
			
			p {
				font-size:1.9em;
			}
			
			}

			hr {
				border-style: dashed;
				color: #FFF;
				background-color: #000;
				height: 1px;
				width: 100%;
			}

			#wrapper {
				width: 680px;
				position: relative;
				left: 50%;
				margin-left: -340px;
			}

			#branding {
				background-color:#000;
				background-image: url(images/tape_roll.jpg);
				/*background-image: url(images/baby_branding.jpg);*/
				background-repeat: no-repeat;
				background-position: left center;
				padding-bottom: 20px;
				padding-top: 20px;
				margin-top: 20px;
				width: 720px;
			}

			#branding h1 {
				padding-left: 85px;
				margin-top: -20px;
				color: #FFF;
				font: 6.0em arial;
				font-weight: bold;
				display: inline;
			}

			.dotorg {
				font-size:0.3em;
			}
			
				.author {
				font-size:.7em;
			}
			
			#mainNav {
				width: 180px;
				float: left;
				padding-top: 20px;
				padding-bottom: 20px;
			}

			#mainNav ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				font: 1.85em arial;
				font-weight: bold;
			}

			#mainNav li {
				padding-left: 20px;
				padding-right: 20px;
			}

			#mainNav a:link, #mainNav a:visited {
				text-decoration: none;
				color:#FFF;
			}

			#mainNav a:hover, #mainNav a:active {
				text-decoration: underline;
				color:#FF0000;
			}

			/*highlights active page in main navigation*/
			body.tutorial #mainNav a#tutorial, body.about #mainNav a#about, body.faqs #mainNav a#faqs, body.links #mainNav a#links, body.workshops #mainNav a#workshops, body.gallery #mainNav a#gallery, body.contact #mainNav a#contact, body.video #mainNav a#video {
				color: #FF0000;
				text-decoration:none;
			}
			
			#subMainNav  ul {
				margin-left: 20px;
				_margin-left: 0px;
				padding: 0;
				list-style-type: none;
				font: .8em arial;
				font-weight: bold;
			}
			
			/*hides sublevel navigation when non-active*/
			 body.tutorial #subMainNav, body.about #subMainNav, body.faqs #subMainNav, body.links #subMainNav, body.workshops #subMainNav, body.gallery #subMainNav, body.contact #subMainNav, body.video #subMainNav  {	
				
				display: none;
			}
			
	 		/*highlights active page in sublevel navigation*/
			body.step1 #mainNav a#step1, body.step1 #mainNav a#tutorial, body.step2 #mainNav a#step2, body.step2 #mainNav a#tutorial, body.step3 #mainNav a#step3, body.step3 #mainNav a#tutorial, body.step4 #mainNav a#step4, body.step4 #mainNav a#tutorial, body.step5 #mainNav a#step5, body.step5 #mainNav a#tutorial {
				color: #ffff33;
				text-decoration:none;
			}

			#content {
				_padding-top:20px; /*IE hack*/
				padding-bottom:40px;
				width: 500px;
				float: right;
			}

			#content h2 {
				padding-right: 20px;
				color: #FFFFFF;
				font-family: arial;
				font-size: 2.0em;
			}

			#content p, #content ul, #content li{
				padding-right: 20px;
				color: #FFFFFF;
				font-family: arial;
				font-size: 1.2em;
			}

			#content a:link, #content a:visited {
				text-decoration: underline;
				color:#FFF;
			}

			#content a:hover, #content a:active {
				text-decoration: underline;
				color:#FFF;
			}
			
			.small {
				font-size: .6em;
				color: #FFFFFF;
				}
				
				
			#footer {
				clear:both;
				width: 720px;
			}

		
			#footer p {
				padding-bottom:10px;
				margin-left:550px;
				font-family: arial;
				font: .6em arial;
				color: #FFFFFF;
				margin-right:10px;
			}
		
			#footer a:link, #footer a:visited {
				text-decoration: none;
				color:#FFF;
			}

			#footer a:hover, #footer a:active {
				text-decoration: underline;
				color:#FFF;
			}