/* CSS Document */

#cookbooks a:link{
text-decoration:none;
}

#cookbooks img{
border:#333333 medium solid;
}


/* page setup 
body div uses text-align center only to center the page on screen
wrapper div sets size of actual page and reverts text to left */
body {
	margin:0px;
	background:#000;
	text-align:center;
	/*
	background-image:url(images/parchmentBG.jpg);
	*/

	font-size: 14px;
}
p{
	padding:0px 12px 0px 12px;
}
#wrapper {
	margin:0px auto;
	top:0px;
	padding:0px;

	width:770px;
	text-align:left;

}


/* 
top, middle, and bottom divs
for white paper with shadow look - for background purposes only */
#top{
	margin:0px;

	padding:0px;
	height:10px;
	width:770px;
	/*
	background-image:url(images/shadowBGtopP.jpg);
	background-repeat:no-repeat;
	*/

}
#middle{
	margin-top:-1px;
	padding:0px;


	width:770px;
	/*
	background-image:url(images/shadowBGP.jpg);
	background-repeat:repeat-y;
	*/

}
#bottom{
	margin:0px;
	padding:0px;
	height:15px;
	width:770px;
	/*
	background-image:url(images/shadowBGbottomP.jpg);
	background-repeat:no-repeat;
	*/

}


/* container centers all page content onto the "shadowed paper" */
#container{
	margin-left:22px;
	padding:0px;	
	width:730px;
	height:100%;
}


/* header is outer div for logo & flash */
#header {
	width:100%;
	height:200px;
	background-color:#FFFFFF;
	z-index:auto;
}
#logo{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:225px;
	height:200px;	
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#flash{
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
	width:500px;
	height:200px;
	font-weight:bold;
	background-color: fff;
	
}



/* links discontinued */
#links{
	width:100%;
	height:35px;
	text-align:center;
	font-weight:bold;
	font-size:14px;


	border-top:2px solid #993333;
}
#links ul{
width:100%;
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding-left:100px;
		background: url(images/buttonBG.jpg) repeat-x;
}
#links li{
	list-style:none;
	display:block;
	float:left;
	width:125px;
	height:30px;
	background-image: url(images/buttonOFF.jpg);
}
#links a:link{

	text-decoration:none;
	color:#000;
}
#links a:hover{
	display:block;
	float:left;
	width:125px;
	height:30px;
	color:#fff;
	width:125px;
	height:30px;
	background-image: url(images/buttonON.jpg);
}
#links a:visited{
	text-decoration:none;
	color:#000;
}



/* FIREWORKS navigation bar -- NOT WORKING PROPERLY */
#bar{
	width:100%;
	height:32px;
	border-top:3px double #993333;
	border-bottom:3px double #993333;
	background-image:url(images/navBG.jpg);
	background-color:#666666;
}



#container2{
	width:100%;
	/*height:300px;*/
	background-color:#E8E8D0;

}
#columnLeft{
	background-color:#FFFFFF;
	font-family:arial;
	width:180px;
	height:100%;



}

#subNav{
	width:200px;
	padding-left:-20px;
	color:#993333;
}
#note{
	font-weight:bold;
	color:#993333;
}
#subNav li{
	list-style:none;
}
#subNav a:link{
	text-decoration:none;
	color:#ff9933;
}
#subNav a:visited{
	text-decoration:none;
	color:#999;
}


#content{
	/*position:relative;
	float:right;*/
	text-align:justify;
	padding:10px;
	margin:0px;
	width:534px;
	height:100%;
	font-weight:bold;

	/*background: #E0E0D1;*/

}






#menu{
	padding:20px;
}
#menu p{
	text-align:center;
}
.menuHeading{
	color:#993333;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #993333;
}
#contactInfo{
	text-align:center;
}
/*#contactForm{
	border-top:3px double #993333;
}*/
#footer1{

	padding:0px;
	text-align:center;
	height:3px;
	/*width:100%;*/
	font: 2px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:bold;
	background: #993333;
	border-top:3px double #993333;
}
#footer2{
	padding:10px;
	text-align:center;
	/*width:100%;*/
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	/*background: #4F4F4F;*/
	background-color:#333333;
}
#footer2 a:link{
	text-decoration:none;
	color:#FFCC33;
}
#footer2 a:hover{
	color:#fff;
	border-bottom:1px solid #993333;
	border-top:1px solid #993333;
}
#footer2 a:visited{
	text-decoration:none;
	color:#FFCC33;
}

#galleryContainer{

    position:relative; 
    width:100%;  
	
	margin:30px auto 20px auto;

   /* border:1px solid #aaa;               *************** remove this later ******************** */
 
   font-family: tahoma; arial, sans-serif;
   background-image:url(images/gallery/galleryBackground.jpg);
   left:3px;
   background-repeat:no-repeat;
   letter-spacing:0.05em;

}

#galleryContainer p {
	position:relative;
   text-align:center;
	color:#333333;
	top:5px;
}

#galleryContainer ul {

    padding:0px; 
    margin:5px; 
    list-style-type:none; 
	/*width:212px;*/
	width:318px;
	height:450px; 
    float:right;
    }
	
#galleryContainer li {

	float:right;
	background-color:#fff;
}

/* Remove the images and text from sight */
#galleryContainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:7px; 
    left:7px; 
    overflow:hidden; 
    background:#fff;
    }
	
	
/* styling the :hover span */
#galleryContainer a.gallery:hover span {
    position:absolute; 
    width:425px; 
    height:425px; 
    top:0px; 
    left:5px; 
    color:#000; 
    background:#fff;

    }

/* change the thumbnail border color */	

#galleryContainer a.gallery:hover{
	border:1px solid #fff;
}

#galleryContainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }



/* Adding the thumbnail images */
#galleryContainer a.gallery, #galleryContainer a.gallery:visited {

    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    /* text-align:left; */
    cursor:default;
    }
	

/*  GALLERY PAGE 1 (right to left) */	
	
#galleryContainer a.slideA {

    background:url(images/gallery/thumb01.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideB {
    background:url(images/gallery/thumb21.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideC {
    background:url(images/gallery/thumb03.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideD {
    background:url(images/gallery/thumb04.jpg);
    height:68px; 
    width:90px;
    }
/* html #galleryContainer a.slideD {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideE {
    background:url(images/gallery/thumb05.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideF {
    background:url(images/gallery/thumb30.jpg); 
    height:68px; 
    width:90px;
    }
/* * html #galleryContainer a.slideF {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideG {
    background:url(images/gallery/thumb20.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideH {
    background:url(images/gallery/thumb08.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideI {
    background:url(images/gallery/thumb09.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideJ {
    background:url(images/gallery/thumb22.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideK {
    background:url(images/gallery/thumb11.jpg); 
    height:68px; 
    width:90px;
    }
/* * html #galleryContainer a.slideK {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideL {
    background:url(images/gallery/thumb18.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideM {
    background:url(images/gallery/thumb24.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideN {
    background:url(images/gallery/thumb14.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideO {
    background:url(images/gallery/thumb17.jpg); 
    height:68px; 
    width:90px;
    }
	
	
	
/*  GALLERY PAGE 2 (right to left) */	
	
#galleryContainer a.slideAA {

    background:url(images/gallery/thumb23.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideBB {
    background:url(images/gallery/thumb32.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideCC {
    background:url(images/gallery/thumb13.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideDD {
    background:url(images/gallery/thumb26.jpg);
    height:68px; 
    width:90px;
    }
/* html #galleryContainer a.slideD {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideEE {
    background:url(images/gallery/thumb25.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideFF {
    background:url(images/gallery/thumb06.jpg); 
    height:68px; 
    width:90px;
    }
/* * html #galleryContainer a.slideF {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideGG {
    background:url(images/gallery/thumb07.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideHH {
    background:url(images/gallery/thumb16.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideII {
    background:url(images/gallery/thumb10.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideJJ {
    background:url(images/gallery/thumb22.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideKK {
    background:url(images/gallery/thumb11.jpg); 
    height:68px; 
    width:90px;
    }
/* * html #galleryContainer a.slideK {
    width:91px; 
    w\idth:93px;
    }
*/
#galleryContainer a.slideLL {
    background:url(images/gallery/thumb18.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideMM {
    background:url(images/gallery/thumb24.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideNN {
    background:url(images/gallery/thumb14.jpg); 
    height:68px; 
    width:90px;
    }
#galleryContainer a.slideOO {
    background:url(images/gallery/thumb17.jpg); 
    height:68px; 
    width:90px;
    }




/* for CREDENTIALS  */


/*
	Lightbox JS: Fullsize Image Overlays 
	by Lokesh Dhakar - http://www.huddletogether.com

	For more information on this script, visit:
	http://huddletogether.com/projects/lightbox/
	
*/

#lightbox{

	background-color:#CDCDCD;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;

	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(images/AboutJohn/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/AboutJohn/overlay.png", sizingMethod="scale");
	}


/*
original footer

#footer2{
	position:relative;
	float:left;
	padding:10px;
	text-align:center;
	width:100%;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #757575;
	border-top: 1px dotted #757575;	
}
#footer2 a:link{
	text-decoration:none;
	color:#ff9933;
}
#footer2 a:hover{
	color:#993333;
	border-bottom:1px solid #993333;
	border-top:1px solid #993333;
}
#footer2 a:visited{
	text-decoration:none;
	color:#ff9933;
}
*/