/* CSS Document */
/* Created by Gabrielle Lizette DuBois */
/* CSS level 2.1 */
body{
	/* margin:auto; */
	position:relative;
	margin-top:55px;
	margin-left:auto;
	margin-right:auto;
 	background-image:url(images/background01.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center top;
	font-size:10pt;
	color:#000000;
	font-family:sans-serif;
	width:717px;
}

h1{
	font-size:23pt;
	color:#000000;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;

}

h2{
	/* font-size:14pt; */
	color:#000000;
	font-weight:lighter;
	margin-bottom:0px;
}

h3{
	color:#000000;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;
}

div#content{
/* Internal content of each page */
	padding: 0 20px;
	padding-top:40px;
	/*padding-right: 20px;*/
}

.indent{
	padding-left:27px;
}


#squareLinkPlacement{
/*used for ALL grey square links to images*/
	float:left;
}
.squareIndent{
/*used for squares in arGallary.html*/
	padding-left:33px;
}


div#desc{
/* Description of images */
	font-size:10pt;
	position:absolute;
	left:10px;
	top:450px;
}
div.footer{
	top:475px;

}
#designedByFooter{
	font-size:7pt;
	position:absolute;
	left:4px;
	color:#E6E7E8;/*lightGrey*/
}
#copyrightFooter{
	font-size:7pt;
	position:absolute;
	left:528px;
	color:#E6E7E8;/*lightGrey*/
}



#indexPhotoLabel{
	padding-top:20px;
	font-size:7pt;
	color:#999999;
	text-align:right;
}
#contactPhotoLabel{
	padding-top:210px;
	font-size:7pt;
	color:#999999;
}
#showsPhotoLabel{
	padding-top:10px;
	font-size:7pt;
	color:#999999;
	text-align:right;
}


#blogLink{
/* used for "blog" link on bio.html & contact.html */
	float: right; 
    margin: 5px; 
}


/* Image stuff*/
img{
	border: 2px solid #FFFFFF;
	/*unvisted grey: 505050
	visted grey: 999999
	mouseover green: 669900*/
}

img.noBorder{
	border-style:none; /*keeps all images that are used as links from having that ugly blue border*/
	cursor:pointer;
}

img.floatRight{
	float: right; 
   margin: 5px;
}
img.floatLeft{
	float: left;
   margin: 5px; 
}

img#placeholder{
	float: right; 
   margin-left: 5px; 
}

/* Image HyperLink stuff */
a.squareLinks:link img {
	background: #505050 none repeat scroll 0%;/*darkGrey*/
	border-style:none;
}
a.squareLinks:visited img {
	background: #505050 none repeat scroll 0%;
	/*should be #999999 mediumGrey BUT currently not working because links aren't actually being visited in different windows*/
	border-style:none;
}
a.squareLinks:hover img {
	background: #669900 none repeat scroll 0%;/*oliveishGreen*/
	border-style:none;
}
/* END Image HyperLink stuff */

/* HyperLink stuff */
A:link{
	color:#333333;/*darkestGrey*/
} 
A:visited{
	color:#000000;/*black*/
} 
A:hover{
	color:#669900;/*oliveishGreen*/
} 
A:active{ /*active==link is currently open in another window*/
	color:#666600;
	text-decoration:none;/*"nasty"green*/
} 
/* END HyperLink stuff */


/*
ORDER OF GREYS LIGHT-->DARK
EEF0EF = lightestGrey 
E6E7E8 = lightGrey 
B8B8B8 = medLiteGrey
999999 = mediumGrey
505050 = darkGrey
333333 = darkestGrey
*/

/* MAIN MENU */
ul.mainMenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:absolute;
	top:0px;
	left:20px;
	display:block;
	width:100px;
	font-size:12px;
	font-family:Arial, sans-serif;
	border-top:thin solid #666666; border-bottom:thin solid #666666; 
	border-left:thin solid #666666; border-right:none;
}
ul#mainMenu1{
	left:10px;
}
ul#mainMenu2{
	left:120px;
}
ul.mainMenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul.mainMenu li a{
	display:block;
	float:left;
	color:#000000;
	height:22px;
	text-decoration:none;
	/*top right bottom left */
	padding:3px 15px 0 15px;
}
ul.mainMenu li a:hover{	
	color:#669900;
	background:transparent url(images/nav_bg.png) bottom no-repeat;
}
ul.mainMenu a.highlight{
	color:#669900;
}
/* NOT IN USE??
ul.mainMenu li a.current{
	display:inline; 
	background:transparent url(images/nav_bg.png) bottom no-repeat;	
	float:left;
}*/
/* END MAIN MENU */


/* INFO MENU CSS */
ul#infoMenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:absolute;
	top:30px;
	left:230px;
	display:block;
	width:70px;
	font-size:12px;
	font-family:Arial, sans-serif;
	border-top:thin solid #666666; border-bottom:thin solid #666666; 
	border-left:thin solid #666666; border-right:none;
}
ul#infoMenu li{
	float:left;
	margin:0;
	padding:0;

}
ul#infoMenu li a{
	float:left;
	color:#000000;
	height:22px;
	text-decoration:none;
	/*top right bottom left */
	padding:3px 15px 0 15px;

}
ul#infoMenu li a:hover{	
	color:#669900;
	background:transparent url(images/nav_bg.png) bottom no-repeat;
}
ul#infoMenu a.highlight{
	color:#669900;
}
/* END INFO MENU CSS */