/* CSS Document */
/*	

	Notes:
	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #c02c95; }
a:visited { color: #c02c95; }
a:hover { color: #c02c95; text-decoration: underline;  }
h1 { font-size: 28px; text-transform:uppercase; font-weight: normal; text-align: center; margin-bottom: 10px; margin-top: 10px; }
h2 { font-size: 18px; color: #c02c95; text-transform:uppercase; font-weight: normal; text-align: center; margin-bottom: 10px; }
h3 { font-size: 24px; font-weight: normal; text-align: center; line-height: 28px; margin-bottom: 10px; margin-top: 10px; }
h4 { font-size: 18px; color: #c02c95; font-style: italic; font-weight: normal; text-align: left; }
h5 { font-size: 18px; color: #c02c95; font-style: italic; font-weight: normal; text-align: center; }
h6 { font-size: 16px; color: #c02c95; font-style: italic; font-weight: normal; text-align: center; }
.firstletter { font-size: 150%; }
.imagecenter { text-align: center;  border: 0; margin-bottom: 10px; }
div.pictureleft {float: left; margin: 0px 10px;}
div.pictureright {float: right; margin: 0 0px 0 20px;}
.alignright { text-align: right; }
.quote { font-style:italic; }
.center { text-align: center; }
.indent { margin-left: 30px; }
.italic { font-style:italic; }
.bold { font-weight: bold; }
.underline { text-decoration:underline; }
.lowercase { text-transform: lowercase; }
.caption { font-style:italic; text-align: center; font-size: 12px; }
.captioncenter { font-style:italic; text-align: left; font-size: 90%; line-height: 18px; margin-bottom: 5px; color: #006699; width: 400px; margin-left: 190px; }
.indent { margin-left: 150px; }
.uppercase { text-transform: uppercase; }
p.event {margin: 10px auto 10px auto; }
.sectiontitle { font-size: 24px; text-align: center; margin-bottom: 20px; line-height: 28px; }

html { font-size: 100.01%; }


body { background-color: #e4dcd7; font-family: Arial; Sans-Serif; font-size:14px; color: #ccc; line-height: 18px; }

/*  the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk.
	the "all" div is used to horizontally center the content in fullpage.
*/
div#all { width: 1000px; margin-left: auto; margin-right: auto; }
div#fullpage { margin-top: 50px; background-color: #47423f; border: 10px solid #ccc; position: relative; }

/*header is where the logo and the navigation live*/

div#header { margin-top: 20px; width: 100%; height: 72px; margin-bottom: 10px; position: relative; }

/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#logo { width: 335px; height: 72px; position: absolute; top: 0px; left: 25px; }

/*	the nav div is for the navigation elements. in this case, the section titles.

 
div#navigation { line-height: 16px; height: 14px; width: 400px; text-align: right; font-size:14px; position: absolute; right: 30px; bottom: 0px; }
div#navigation a { color: #ccc; }
div#navigation a:link { color: #fff; }
div#navigation a:visited { color: #ccc; }
div#navigation a:hover { color: #fc2cfc; }
 */
 
 

/* navigation drop down menu*/

#navigation
{	margin: 0;
    margin-bottom: 5px;
	
	z-index: 30;
	line-height: 16px; height: 14px; text-align: right; font-size:14px; position: absolute; right: 20px; bottom: 0px; }

#navigation li
{	margin: 0;
	list-style: none;
	float: left;
	 text-align: center; color:#fff; }

#navigation li a
{	display: block;
	margin: 0 1px 0 0;
	width: 80px;
	color: #ccc;
	text-align: center;
	text-decoration: none; }

#navigation li a:hover
{	color: #c02c95; }

#navigation div
{	position: absolute;
	visibility: hidden;
	border: 1px solid #000; }

	#navigation div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ccc;
		color: #c02c95;
		font-size: 12px; }
		
	* html #navigation div a
	{ width: 160px; }

	#navigation div a:hover
	{	background: #c02c95;
		color: #FFF; }



/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 880px; padding: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 30px; text-align: justify; line-height: 18px; background-color: #000; }
hr { background-color: #e4dcd7; height: 1px; width:95%; border: 0; }

div#sectiontitle { text-align: center; height: 55px; font-size: 200%; margin-bottom: 0px; line-height: 28px; }


/* bottominfo */

div#bottomline { width: 100%; margin-top: 20px; border-bottom: solid 1px #666; }

div#bottominfo { font-size: 90%; margin-top: 5px; text-align: center; }

div#copyright { text-align:right; font-size:12px; width: 995px; margin-left: auto; margin-right: auto; color: #333; }


div#trina { font-size: 80%; text-align: center; }


/* photo pages */

#photopickerouter { cursor: pointer; }
#mainphoto { }
#mainphoto img { border: 1px solid #000; }
#photopicker { }
/* opacity: 'opacity' is W3C; 'filter: alpha(opacity)' is IE */
.photonav img { opacity: 0.7; filter: alpha(opacity=70); }
.photonav img:hover { opacity: 1.0; filter: alpha(opacity=100); }
.selectedPhoto { border: solid 1px #c2bcb8; }
.nonSelectedPhoto { } /* border: solid 1px #363230; */

.photocursor { color: #b33; float: right; font-size: 1.5em; }
#photocontrol { text-align: center; font-size: 1.5em; }
#photonav { }
#photonav a { cursor: pointer; }

.photo_portfolio_name { font-size: 24px; text-align: center; margin-bottom: 10px; line-height: 28px; width: 680px; }
.photo_portfolio_name_second { font-size: 14px; text-align: center; color: #c02c95; margin-bottom: 20px; line-height: 14px; width: 680px; text-transform: uppercase; }



/* photo positioning */
/* border hack is used to keep margins from collapsing. border takes the background color. */
.borderhack { border: solid 1px; }
#mainphoto { float: left; width: 65em; margin: 1em 2em; height: 550px; text-align: center; }
#photopickerouter { overflow: hidden; height: 550px; }
#photopicker { overflow: hidden; text-align: center; border-left: 1px solid #333; padding-left: 10px; }
.photonav { margin: 2em 0; }
#photonav { margin-left: 75em; width: 12em; }
#photocontrol { margin-top: .5em; }

.photocaptions { color: #ccc; font-size: 16px; font-style:italic; text-align: center; line-height: 16px; margin-top: 10px; }

#prev { font-size: 12px; }
#next { font-size: 12px; }

/*testimonials*/

.testimonials { margin: 30px 70px 0px 70px; font-style: italic; text-align: justify; }
.cite { font-size: 12px; margin-right: 70px; text-align: right; }

  img.jacket {float: right; margin: 25px 0px 5px 10px; border: 5px solid white;}
  img.portrait {float: left; width: 160px; height: 212px; margin: 5px 10px 5px 0px; border: 5px solid white;}
  img.composits {margin: 10px; width: 253px; height: 200px;}

  img.book_thumbs {width: 471px; height: 290px;}