/*Cascading Style Sheet for Fox Creek Photographic*/

/*The "body" rule applies to the entire page and is mostly inherited by nested elements
   unless otherwise over ruled by a more specific rule used to style a nested element.*/
body	{
	background-color: #0f0f0f;  	/*set page default color*/
	color: #ffffff;
	border: 0px solid #808080;
	margin: 0px;			/*similar result as padding*/
	padding: 10px;			/*nothing butts up to edge of page*/
	font-family: sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	text-align: center;		/*center main table on page*/
	text-decoration: none;
/*	width: 100%;
	cursor: pointer;  */
	}
/*Place comments here, between these comment indicators*/


.title1 {
        color: gray;
        border-bottom: 2px solid white;
        }


.title2 {
        border-bottom: 2px solid white;
        }


.blog1 {
       color: white;
       border-bottom: 1px solid white;
       }


.blog2 {
       color: gray;
       }


.left_table {
             position: absolute;
             top: 250px;
             left: 330px;
             width: 150px;
            }


.right_table {
             position: absolute;
             top: 250px;
             right: 330px;
             width: 150px;
            }


.table_price1 {
               border: thin solid white;
               border-collapse: collapse;
               caption-side: top;
              }


.th_price1 {
            border: thin solid gray;
            background-color: gray;
            color: black;
            padding: 8px;
            text-align: center;
           }


.td_price1 {
            border: thin dotted gray;
            padding: 8px;
            text-align: left;
           }


.td_price2 {
            border: thin dotted gray;
            padding: 8px;
            text-align: right;
           }



.caption_price1 {
                 font-style: italic;
                 padding-bottom: 8px;
                }
 

.main_table {
	background-color: #0a0a0a;
	color: #ffffff;
	border: 5px solid #141400;
	text-align: left;
	color: #fffffa;
	width: 916px;
	font-size: 13px;
	margin: 0%;
	padding: 0px;
	}

.menu_bar {
	width: 100%;
	background-color: #100000;
	border: solid 1px #141414;
	text-align: right;
	margin: 0px;
	font-size: 14px;
	padding: 0px;
/*	font-weight: bold; 		NOTE: controled by the a:link & a:hover rules, below
	text-decoration: underline; 	NOTE: controled by the a:link & a:hover rules, below
	color: #ffffff;			NOTE: controled by the a:link & a:hover rules, below	*/
	}

  /*CONTROLS HOW LINKED TEXT APPEARS ON PAGE*/
a:link, a:visited { font-weight: bold; text-decoration: underline; color: #ffffff; }

  /*TURNS LINK TO ALTERNATIVE COLOR WHEN CURSOR HOVERS ABOVE IT*/
a:hover {  font-weight: bold; color: #ffff66; text-decoration: none; } 


.footer_table { 
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align: center;
	color: #ffcc33;
	background-color: #1f0000;
	border: solid 0px #333333;
	}


.gallery_table {
	width: 100%;
	background-color: #0a0a0a;
	color: #ffffff;
	border: 0px solid #141400;
	text-align: center;
	color: #fffffa;
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0px;
	}


.text	{
	margin: 5px;
	padding: 5px;
	}


/*NOT SURE WHAT THIS RULE DOES*/
a, a:active { font-weight: normal; text-decoration: none; color: #ffffff; }


/*==============================================================================================================
START: Display Photo Showcase Gallery
==============================================================================================================*/
#gallery {width:870px; height:600px; padding:10px; border:8px solid #373737; background: #282828; position:relative; }
#gallery b.default {position:absolute; left:10px; top:35px; width:584px; height:550px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:7px solid #e1e1e1; 
		border-color: #646464 #d0d0d0 #e1e1e1 #555555;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; 
		font-weight:normal; font-size:12px; width:450px; margin:0 auto;}


#gallery ul {list-style:none; padding:0; margin-top:5px; width:240px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; 
		border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-604px; top:0; width:604px; height:520px; 
		text-align:center; background:#282828; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; 
		font-weight:normal; font-size:12px; width:450px; margin:0 auto;}
#gallery ul li a:hover img {margin:20 auto 10px auto; width:auto; height:auto; border:7px solid #e1e1e1; 		border-color:#646464 #d0d0d0 #e1e1e1 #555555;}


/* THIS SECTION IS COMMENTED OUT TO KEEP IMAGES FROM STICKING IN DISPLAY WINDOW WHEN CLICKED UPON
------------------------------------------------------------------------------------------------------------
#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-604px; top:0; width:604px; height:470px; text-align:center; background:#808080; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #e1e1e1; border-color:#646464 #d0d0d0 #e1e1e1 #555555;}	*/
/*==============================================================================================================
END: Display Photo Showcase Gallery
==============================================================================================================*/