/* CSS vor vamcdonald.com
   By: Nick Kempinski
*/

		body {
			font-family: arial,helvetica,sans-serif;
			background-image: url(img/bg.jpg); 
			background-color: #FFFEF9;
			background-repeat: repeat;
			margin: 0px;
			padding: 0px;
		}
		
		:focus {
			-moz-outline: none;
		}
	
		#container {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			overflow: auto;
		}
	
		#gallery {
			z-index: 80;
			margin: 0px;
			padding: 0px;
			width: 10750px;
			overflow: none;
		}
		
		#intro {
			position: relative;
			background-color: #FFFEF9;
			background-image: url(img/line.jpg);
			background-repeat: repeat-y; /*no-repeat;*/
			background-position: top right;
			padding: 100px 50px 0px 50px; /*150px; 176px*/
			width: 375px; /*335px; 321px*/
			margin-top: /*70px; */
			margin-left: 0px; /*130px;*/
			margin-bottom: -150px;/*0px;*/
			margin-right: 0px; /*20px;*/
			font-size: 11px;
			display: inline;
			float: left;
			
			/* playing */
			border-right: #d9d9d9 solid 20px; 
			/* end play */
		}
		
		.sig {
			margin-left: 25px;
			margin-bottom: -25px;
		}
		
		#corner {
			position: absolute;
			bottom: -53px;
			right: -20px;
		}
		
		.wallfooter {
			margin-top: 100px;
			margin-right: -75px;
			margin-bottom: -40px;
			margin-left: -75px;
			border-top: #d9d9d9 solid 1px; 
			background: #FFFEF9 url(img/fade.jpg) repeat-x; 
			height: 40px; 
			width: 500px;
		}
		
		#intro a {
			color: #333;
		}
		
		.title {
			font-weight: bold;
			text-align: center;
			font-size: 12px;
			padding-bottom: 0px;
		}
		
		.title2 {
			text-align: center;
			font-size: 11px;
			padding-bottom: 7px;
			color: #333;
		}
		
		.item {
			display: inline;
			margin: 0px;
			overflow: none;
			float: left;
		}
		
		#footer {
			/* In some instances,  this needs to be recreated
			   becuase the images don't have the page load it.
				 As a solution I'm going to try and put this
				 inliny with style
			*/
			border-top: #d9d9d9 solid 1px; 
			clear: both;
			background-image: url(img/fade.jpg);
			background-color: #FFFEF9;
			background-repeat: repeat-x;
			margin-top: 0px;
			padding-top: 0px;
			padding-left: 10px;
			padding-bottom: 40px; /*117px*/
			font-size: 5px;
			color: #333;
		}
		
		/* override lightbox overlay to forced page width */
		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			background-color: #FFF;
			filter:alpha(opacity=95);
			-moz-opacity: 0.95;
			opacity: 0.95;
		}
		
		#overlay2 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			background-color: #000;
			filter:alpha(opacity=95);
			-moz-opacity: 0.95;
			opacity: 0.95;
		}
		
		/* CSS for the CV */
		
		#cv {
			z-index: 99;
			margin: 0px;
		}
		
		#cvintro {
			margin: 20px 0px 10px 20px;
			background-image: url(img/logo.jpg); 
			background-color: #FFFEF9;
			background-repeat: no-repeat;
			padding-left: 350px; /*176px*/
			width: 400px; /*321px*/
			height: 170px;
			font-size: 11px;
		}
		
		#cv a {
			color: #666;
		}
		
		#cv dl {
			padding-left: 370px;
			background-image: url(img/fade.jpg);
			border-top: #d9d9d9 solid 1px;
			background-color: #FFFEF9;
			background-repeat: repeat-x;
			/*border-top: #999 solid 2px;*/
		}
		
		#cv dt {
			color: #DDD;
			font-size: 6em;
			margin-bottom: -0.5em;
		}
		
		#cv dd {
			margin-left: 6em;
			padding-bottom: 20px;
			text-indent: -10px;
		}
		
		#cv dd:first-line {
			font-size: 1.5em;
			font-weight:bold;
		}
		
		#cv .solo {
			font-size: 0.6em;
			font-weight: normal;
		}
		
		#cv .nobold {
			font-weight: normal;
			font-style: italic;
		}
		
		#ieshadow {
			height: 0px;
		}