/*This is the CSS file for jeanhirons site*/

/*The first styles are for body and wrapper.*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #ffffdb;
	float: none;
	text-align: left;
	line-height: 1.5em;
	font-weight: 550;
}

a img { outline: none;
		border: none;
}

#wrapper {
	width: 752px;	
	position: relative;
	left: 50%;
	margin-left: -376px;
}
/*The following styles govern the masthead.*/
#masthead {
	height: 118px;
	width: 750px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 28px;
	font-weight: bold;
	overflow: visible;
	background-color: #000000;
}

h1#logo {
	text-indent: -5000px;	 
}

#pagetitle {
	position:absolute;
	width:318px;
	height:117px;
	z-index:1;
	left: 320px;
	top: 1px;	
}

/*The following govern the content area of most pages.*/
#div-content {
	text-align: center;
	float: right;
	width: 520px;
	padding-top: 30px;
	padding-bottom: 0px;
}

#home {
	text-align: left;
}

#div-footer {
	font-size: 12px;
	text-align: center;
	clear: both;
	padding-top: 5px;
}

#div-footer a {
	color: #3300FF;
}

#div-content a {
	color: #3300FF;
	text-decoration: underline;
}

/*These are for the Gallery-More pages.*/
#content2 {
	text-align: center;
	float: right;
	width: 752px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#footer2 {
	font-size: 12px;
	text-align: center;
	clear: both;
	padding-top: 15px;
}
#content2 a {
	color: #3300FF;
	text-decoration: underline;
	text-align: right;
}

/*Following are styles for the div-nav*/
#div-nav {
	float: left;
	width: 220px;
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1.6em;
	text-align: left;
	overflow: hidden;
	color: #000000;
}


#div-nav ul {
	list-style-type: none;
	left: -40px;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
}
#gal-detail li{
	font-size: 14px;
	padding-left: 30px;
	
}

/*Here follows styles for the nav buttons.  */

#div-nav a {
	line-height: 30px;
	color: #000000;
	display: block;
	height: 30px;
	width: 170px;
	padding-left: 0px;
	text-decoration: none;
	
	background-position:  left 0%;
	margin-bottom: 4px
}
#div-nav a:hover {
	text-decoration: none;
	color: #3300FF;
	
}
#div-nav a:active {
	text-decoration: underline;
	color: #3300FF;
	
}

#gal-detail a {
	width: 120px;
}
#div-nav li {
	overflow: visible;
	left: 0px;
}
li #archive {
	margin-bottom: 8px;
}


/*These apply to content area of gallery pages.*/
#thumbholder {
	float: right;
	width: 500px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align: center;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	padding: 0px;
	border-top-color: #cc0066;
	border-right-color: #cc0066;
	border-bottom-color: #cc0066;
	border-left-color: #cc0066;
}

#thumbholder2 {
	float: right;
	width: 750px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align: center;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	padding: 0px;
	border-top-color: #cc0066;
	border-right-color: #cc0066;
	border-bottom-color: #cc0066;
	border-left-color: #cc0066;
}


#gal-title {
	font-family: Bookman Old Style, Garamond, serif;
	text-align: center;
	letter-spacing: 0.12em;
}
.thumb {
	float: left;
	height: 123px;
	width: 124px;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-size: 10px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
	vertical-align: text-bottom;
	padding-top: 5px;
	border-top-color: #cc0066;
	border-right-color: #cc0066;
	border-bottom-color: #cc0066;
	border-left-color: #cc0066;
}

.thumbimage {
	line-height: 100px;
	float: none;
	height: 90px;
	text-align: center;
	margin: auto;
	vertical-align: middle;
}

#thumbholderp {
	clear: both;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 5px;
}

/*These apply to the Products page.*/

#cards {
	width: 520px;
	height: 20px;
	clear: both;	
}

#prodtitle {
	font-family: "Bookman Old Style", Garamond, serif;
	text-align: center;
	letter-spacing: 0.12em;
	font-weight: bolder;
	width: 178px;
	height:27px;
	color: #FFFFFF;
	background-color: #000000;
	position: absolute;
	z-index: 2;
	left: 84px;
	top: 50px;
}



#picbook {
	float: left;
	padding-right: 5px;
	width: 300px;
	height: 241px;
}

#prodleft {
	float: left;
	width: 259px;
	padding-right: 0px;
}
#prodright {
	float: right;
	width: 250px;
	padding-left: 0px;
}

/*These apply to the content area of the News page.*/
#news {
	text-align: left;
	float: left;
	width: 520px;
	padding-top: 0px;
	padding-bottom: 20px;
	background-image: url('pastelimages-masthead/newsright.gif');
	background-repeat: repeat-y;
	background-position: right top
}

#newsleft {
	float: left;
	width: 320px;
}
#newsright {
	float: right;
	width: 180px;
	margin-left: 10px;
	color: #000000;
	font-size: small;
	padding-right: 3px;
}

#newsright h4 {
	font-size: medium;
}

#newsfooter {
	text-align: center;
	clear: both;
	padding-top: 10px;
}

#newsfooter a {
	color: #FFFF99;
	text-decoration: underline;
}

#picleft {
	float: left;
	padding-right: 5px;
	
}

#picright {
	float: right;
	padding-left: 5px;
	
}

/*The following affects Artist's Statement*/	
#pastelbox {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#jeancat {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

	


/*The following govern the largeimage pages.*/

#lgimage {
	/*background-image: url('pastelimages-masthead/grey.gif');
	background-repeat: repeat;*/
	
	color: #000000;
	width: 750px;
	
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

#lgimage a {
	color: #3300FF;
}

#title {
	text-align: left;
	width: 300px;
	color: #000000;
	font-size: small;
	font-weight: bold;
	float: left;
	margin-bottom: 20px;
}


#describe {
	margin: 20px;
	width: 225px;
}
#nav {
	float: right;
	width: 440px;
	text-align: center;
	font-size: small;
	font-weight: bold;
	margin-bottom: 20px;
}

#pond {
	clear: both
}


#wraptitle {
	float: left;
	width: 750px;
}
#fullimage img {
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#fullimage {
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
 
#title h1 {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 24px;
}

#cardleft {
	float: left;
	width: 360px;
}
#cardright {
	float: right;
	width: 360px;
	margin-left: 10px;
	padding-right: 3px;
}


/*Styles for Splash Page*/

}
#splash {
	background-color: #ffffdb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	position: absolute;
	z-index: 1;
}

h1 {
	font-size: 30px;
	font-weight: normal;
}
#splashtitle {
	text-align: center;
	width: 400px;
	/*height: 30px;*/
	color: #000000;
	background-color: #CCCCCC;
	z-index: 4;
	left: 200px;
	top: 270px;
	position: absolute;
	padding-top: 15px;
	padding-bottom: 8px;
	/*line-height: 35px;*/
}





#enter {
	font-size: large;
	color: #000000;
	
	
	position: absolute;
	z-index: 2;
	
}
#one {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index: 3;
	left: 310px;
	top: 80px;
	position: absolute;
	width: 300px;
}
#two {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index: 2;
	left: 599px;
	top: 146px;
	position: absolute;
}
#three {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	position: absolute;
	left: 270px;
	top: 320px;
	z-index: 3;
}
#enter {
	width: 120px;
	position: absolute;
	z-index: 4;
	left: 620px;
	top: 80px;
}

#splashtitle a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*styles for show page*/
#showcolleft {
	text-align: left;
	float: left;
	width: 360px;
	padding-left: 12px;
	padding-top: 12px;
}
#showcolright {
	text-align: left;
	float: right;
	width: 360px;
	padding-left: 12px;
	padding-top: 12px;
}