/* Jessica Hart -------------------------------------------- */

/* Reset -------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
blockquote, q {	quotes:'' ''; }

.clearfix { clear:both; }
.clearfix:after { content:'.'; display:block; clear:both; visibility:hidden; line-height:0; height:0; }



/* Type -------------------------------------------- */

body { font-family:tahoma,sans-serif; font-size:14px; color:#454045; line-height:20px; background:#FDFAEC url('pictures/gs_webgraphics/bodybg.png'); }

a { color:#0066FF; }
a:visited { color:#0033FF; }
a:hover { color:#C3115B; }

h1 { margin:20px 0;         padding:0; line-height:40px; font-size:30px; font-weight:normal; font-family:georgia,serif; color:#4E2648; font-style:italic; }
h2 { margin:20px 0;         padding:0; line-height:30px; font-size:24px; font-weight:normal; font-family:georgia,serif; color:#4E2648; clear:right; }
h3 { margin:-20px 0 20px 0; padding:0; line-height:20px; font-size:14px; font-weight:normal; font-family:georgia,serif; color:#C3115B; text-transform:uppercase; }
h4 { margin:10px 0 10px 0; padding:0; line-height:20px;  font-size:15px; font-weight:bold;   font-family:georgia,serif; color:#C3115B; }

p { margin:20px 0; }

ul { margin:20px 0 20px 0; list-style:outside disc; }
ol { margin:20px 0 20px 0; list-style:outside decimal; }
li { margin:0 0 0 20px; }
ul ul { margin:0 0 0 20px; }

strong { font-weight:bold; }
em { font-style:italic; }

sub { font-size:11px; }

blockquote { }

hr { border:none; border-top:1px dotted #4E2648; margin:30px 0; clear:both; }

abbr, acronym { }

.fb-like-box { background:white; }

a.Button,
a.button { display:inline-block; padding:15px 30px; background:#C3115B; text-align:center; color:white; text-decoration:none; font-family:georgia,serif; font-size:22px; border-radius:3px; box-shadow:0 5px 10px #CAC8BD; }

a.Button:hover,
a.button:hover { background:#A80F50; box-shadow:0 2px 5px #CAC8BD; }

.copyright { clear:both; font-size:11px; line-height:16px; }

.credit { width:260px; margin:0 0 0 40px; float:right; clear:both; font-size:11px; line-height:16px; }


/* ------------------------------------------------------------------ Misc */

.rosette { float:right; margin:0 0 0 10px; }

.map { width:350px; height:175px }

.order { padding:1px 20px; margin:20px 0; background:#F0ECD6; border-radius:3px; box-shadow:0 5px 10px #CAC8BD; }
.order h2, .order h3, .order h1 { padding:10px 20px; margin:0 -20px; background:#C3115B; color:white; border-top-left-radius:3px; border-top-right-radius:3px; }



/* ------------------------------------------------------------------ Main Elements */

#Wrapper { width:960px; margin:0 auto; }

#Container { position:relative; }

#PageHeader { }

#MainArea { padding:0 15px; margin:0 -15px; clear:both; background:url('pictures/gs_webgraphics/shadow_down.png') top center no-repeat; }
#MainAreaBottom { clear:both; }
#MainAreaTop { }

#PageContent { }

#flashcontent { display:none; }
#MainImage    { display:none; }



/* ------------------------------------------------------------------ Main Nav */

#PageHeader { height:150px; }

#PageHeader .PageMenu { float:right;  }
#PageHeader .PageMenu .Alignment {margin:60px 10px 30px 0; overflow:auto; }
#PageHeader .PageMenu .MenuItem { float:left; }

#PageHeader a { display:block; padding:0; margin:0 20px; color:#B3A388; text-decoration:none; line-height:40px; font-size:16px; }
#PageHeader a:hover { color:#C3115B; }

body.BOOK #PageHeader .aid_BOOKS a,
#PageHeader a.Selected { border-bottom:5px solid #C3115B; color:#C3115B; }


.MenuHeader {margin-top:60px;}
/* Logo link */

#LogoLink { display:block; width:335px; height:70px; padding:0; margin:40px 30px; position:absolute; top:0; left:0; text-indent:-999em; overflow:hidden; outline:0; background:url('pictures/gs_webgraphics/jessicahart_logo.png') center center no-repeat; outline:none; }
#LogoLink:hover { }


#PageContent .buybox { width:100%; clear:both; float:left; margin:20px 0; }

#PageContent a.buynow { display:block; padding:0; margin:0 20px 10px 0; border:1px solid #f0e5af; float:left;
-webkit-box-shadow:  5px 5px 0px 0px rgba(0, 0, 0, 0.1); box-shadow:  5px 5px 0px 0px rgba(0, 0, 0, 0.1); }

#PageContent a.buynow:hover { margin:5px 15px 5px 5px; box-shadow:none; }

#PageContent a.buynow img { display:block; float:left; clear:none; padding:0; margin:0 !important; }


/* ------------------------------------------------------------------ PageContent */

/* Default */

#PageContent { padding:0; margin:0; }

#PageContent .Content { width:260px; padding:20px 30px; float:left; }

#PageContent .Content.A { }
#PageContent .Content.B { }
#PageContent .Content.C { }

#PageContent .cover { padding:40px 15px; margin:0 -15px; overflow:auto; position:relative; background:url('pictures/gs_webgraphics/shadow_up.png') bottom center no-repeat; }

#PageContent .cover .main      { width:340px; padding:0 30px; float:left; }
#PageContent .cover .secondary { width:120px; padding:80px 20px 0 20px; float:left; font-size:12px; }



/* Standard: 1/3 + 2/3 */

body.STANDARD #PageContent .Content { width:260px; padding:20px 30px; float:left; }

body.STANDARD #MainArea #PageContent .Content.A { width:580px; }
body.STANDARD #MainArea #PageContent .Content.B {  }
body.STANDARD #MainArea #PageContent .Content.C { display:none; }

body.STANDARD #MainArea #PageContent .Content.A img { float:right; clear:right; margin:0 0 20px 30px; }



/* Full width */

body.FULL #PageContent .Content { width:260px; padding:20px 30px; float:left; }

body.FULL #MainArea #PageContent .Content.A { width:900px; }
body.FULL #MainArea #PageContent .Content.B { display:none; }
body.FULL #MainArea #PageContent .Content.C { display:none; }



/* Book pages: 1/2 + 1/2 */

body.BOOK #PageContent .Content { width:420px; padding:20px 30px; float:left; }

body.BOOK #MainArea #PageContent .Content.A { }
body.BOOK #MainArea #PageContent .Content.B { }
body.BOOK #MainArea #PageContent .Content.C { display:none; }

body.BOOK #MainArea #PageContent .Content.A img { float:right; clear:right; margin:0 0 20px 30px; }



/* Alt (Contact page) */

body.ALT #PageContent .Content { width:260px; padding:20px 30px; float:left; }

body.ALT #MainArea #PageContent .Content.A { width:580px; }
body.ALT #MainArea #PageContent .Content.B { float:right; }
body.ALT #MainArea #PageContent .Content.C { display:none; }




/* ------------------------------------------------------------------ homepage book cover */

#PageContent .cover { overflow:hidden; }

#HomeGallery { width:380px; height:500px; float:right; margin:0 0 -40px 0; overflow:visible; position:relative; }

#HomeGallery .id,
#HomeGallery .caption { display:none; }

#HomeGallery .slideshowimage { position:absolute; bottom:0; right:0; }

#HomeGallery .slideshowimage img { width:auto; height:auto; position:relative; overflow:hidden; z-index:-1;
	
	display:block; margin:0 45px 0 0; float:right; 

	-moz-transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(10deg);

	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	box-shadow:
		 2px   0px 0 #EEEEEE,
		 2px  -1px 0 #FFFFFF,
		 4px  -1px 0 #EBEBEB,
		 4px  -2px 0 #F8F8F8,
		 6px  -2px 0 #EEEEEE,
		 6px  -3px 0 #FFFFFF,
		 8px  -3px 0 #EBEBEB,
		 8px  -4px 0 #F8F8F8,
		10px  -4px 0 #EEEEEE,
		10px  -5px 0 #FFFFFF,
		12px  -5px 0 #EBEBEB,
		12px  -6px 0 #F8F8F8,
		14px  -6px 0 #EEEEEE,
		14px  -7px 0 #FFFFFF,
		16px  -7px 0 #EBEBEB,
		16px  -8px 0 #F8F8F8,
		18px  -8px 0 #EEEEEE,
		18px  -9px 0 #FFFFFF,
		20px  -9px 0 #EBEBEB,
		20px -10px 0 #F8F8F8,
		22px -10px 0 #EEEEEE,
		22px -11px 0 #FFFFFF,
		24px -11px 0 #EBEBEB,
		24px -12px 0 #F8F8F8,
		26px -12px 0 #EEEEEE,
		26px -13px 0 #FFFFFF,
		28px -13px 0 #EBEBEB,
		28px -14px 0 #F8F8F8,
		30px -14px 0 #EEEEEE,
		30px -15px 0 #FFFFFF,
		32px -15px 0 #EBEBEB,
		32px -16px 0 #F8F8F8,
		34px -16px 0 #EEEEEE,
		34px -17px 0 #FFFFFF,
		36px -17px 0 #EBEBEB,
		36px -18px 0 #F8F8F8,
		38px -18px 0 #EEEEEE,
		38px -19px 0 #FFFFFF,
		40px -19px 0 #EBEBEB,
		40px -20px 0 #F8F8F8, 
		40px -20px 30px #CAC8BD; 

}


/* .image .dustjacket */

.cover .image { width:100%; height:100%; position:absolute; bottom:0; right:0; overflow:hidden; z-index:-1; }

.cover .image .dustjacket img { 
	
	display:block; margin:40px 55px 0 0; float:right; 

	-moz-transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(10deg);

	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	box-shadow:
		 2px   0px 0 #EEEEEE,
		 2px  -1px 0 #FFFFFF,
		 4px  -1px 0 #EBEBEB,
		 4px  -2px 0 #F8F8F8,
		 6px  -2px 0 #EEEEEE,
		 6px  -3px 0 #FFFFFF,
		 8px  -3px 0 #EBEBEB,
		 8px  -4px 0 #F8F8F8,
		10px  -4px 0 #EEEEEE,
		10px  -5px 0 #FFFFFF,
		12px  -5px 0 #EBEBEB,
		12px  -6px 0 #F8F8F8,
		14px  -6px 0 #EEEEEE,
		14px  -7px 0 #FFFFFF,
		16px  -7px 0 #EBEBEB,
		16px  -8px 0 #F8F8F8,
		18px  -8px 0 #EEEEEE,
		18px  -9px 0 #FFFFFF,
		20px  -9px 0 #EBEBEB,
		20px -10px 0 #F8F8F8,
		22px -10px 0 #EEEEEE,
		22px -11px 0 #FFFFFF,
		24px -11px 0 #EBEBEB,
		24px -12px 0 #F8F8F8,
		26px -12px 0 #EEEEEE,
		26px -13px 0 #FFFFFF,
		28px -13px 0 #EBEBEB,
		28px -14px 0 #F8F8F8,
		30px -14px 0 #EEEEEE,
		30px -15px 0 #FFFFFF,
		32px -15px 0 #EBEBEB,
		32px -16px 0 #F8F8F8,
		34px -16px 0 #EEEEEE,
		34px -17px 0 #FFFFFF,
		36px -17px 0 #EBEBEB,
		36px -18px 0 #F8F8F8,
		38px -18px 0 #EEEEEE,
		38px -19px 0 #FFFFFF,
		40px -19px 0 #EBEBEB,
		40px -20px 0 #F8F8F8, 
		40px -20px 30px #CAC8BD; 

}



/* ------------------------------------------------------------------ homepage column headings */

body.HOMEPAGE .Content.A h2 { padding-left:25px; background:url('pictures/gs_webgraphics/heading_about.png') top left no-repeat; }
body.HOMEPAGE .Content.B h2 { padding-left:25px; background:url('pictures/gs_webgraphics/heading_books.png') top left no-repeat; }
body.HOMEPAGE .Content.C h2 { padding-left:25px; background:url('pictures/gs_webgraphics/heading_facebook.png') top left no-repeat; }



/* ------------------------------------------------------------------ latest releases albumlist */

.Content.B #QuickAlbumList { margin:20px 0; }

.Content.B #QuickAlbumList .Row { padding:0; margin:10px 0; cursor:pointer; color:#C3115B; }

.Content.B #QuickAlbumList .Title { font-family:georgia,serif; font-style:italic; font-size:18px; color:#C3115B; }
.Content.B #QuickAlbumList .Row:hover { text-decoration:underline; }

.Content.B #QuickAlbumList .Description { display:none; }
.Content.B #QuickAlbumList .Thumbnail   { display:none; }
.Content.B #QuickAlbumList .Button      { display:none; }



/* ------------------------------------------------------------------ Footer */

#PageFooter { display:none; }

#Footer { padding:40px 45px; margin:0 -15px; overflow:auto; background:url('pictures/gs_webgraphics/shadow_down.png') top center no-repeat; color:#B3A388; font-size:12px; }

#Footer a { color:#B3A388; text-decoration:none; }
#Footer a:hover { text-decoration:underline; }

#Footer .Nav { float:left; }
#Footer .Meta { float:right; }

#Footer #QuickAlbumList { margin:0 -10px; }

#Footer #QuickAlbumList .Row { padding:0; margin:0 10px; cursor:pointer; float:left; }

#Footer #QuickAlbumList .Title { }
#Footer #QuickAlbumList .Row:hover { text-decoration:underline; }

#Footer #QuickAlbumList .Description { display:none; }
#Footer #QuickAlbumList .Thumbnail   { display:none; }
#Footer #QuickAlbumList .Button      { display:none; }



/* ------------------------------------------------------------------ Books albumlist */

.Content.A #QuickAlbumList { margin:40px 0; }

.Content.A #QuickAlbumList .Row { padding:0; margin:20px 0; cursor:pointer; clear:both; border-bottom:1px dotted #E3D9B0; position:relative; }
.Content.A #QuickAlbumList .Row:last-child { border:none; }
.Content.A #QuickAlbumList .Row:after { content:'.'; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.Content.A #QuickAlbumList .Title          { margin:10px 0 10px 270px; padding:0; line-height:40px; font-size:30px; font-weight:normal; font-family:georgia,serif; color:#4E2648; font-style:italic; }
.Content.A #QuickAlbumList .Description    { margin:10px 0 10px 270px; }
.Content.A #QuickAlbumList .Description em { display:block; margin:-15px 0 15px 0; padding:0; font-style:normal; font-weight:normal; text-transform:uppercase; color:#C3115B; }
.Content.A #QuickAlbumList .Button         { margin:10px 0 10px 270px; color:#0066FF; text-decoration:underline; }
.Content.A #QuickAlbumList .Button:hover   { color:#C3115B; }

.Content.A #QuickAlbumList .ThumbTable { width:240px; float:left; margin-bottom:20px; }
.Content.A #QuickAlbumList .ThumbTable td { text-align:center; }

.Content.A #QuickAlbumList .ThumbTable img 
{
	display:block;
	margin:0 auto;

	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	transform:rotate(-10deg);

	box-shadow:
		 2px   0px 0 #EEEEEE,
		 2px  -1px 0 #FFFFFF,
		 4px  -1px 0 #EBEBEB,
		 4px  -2px 0 #F8F8F8,
		 6px  -2px 0 #EEEEEE,
		 6px  -3px 0 #FFFFFF,
		 8px  -3px 0 #EBEBEB,
		 8px  -4px 0 #F8F8F8,
		10px  -4px 0 #EEEEEE,
		10px  -5px 0 #FFFFFF,
		12px  -5px 0 #EBEBEB,
		12px  -6px 0 #F8F8F8,
		12px -6px 15px #CAC8BD; 
}

.Content.A #QuickAlbumList .Row .rosette  { width:70px; height:100px; position:absolute; bottom:-30px; left:150px; background:center center no-repeat; } 
.Content.A #QuickAlbumList .Row .winner   { background-image:url('pictures/gs_webgraphics/rosette_winner.png'); } 
.Content.A #QuickAlbumList .Row .finalist { background-image:url('pictures/gs_webgraphics/rosette_finalist.png'); } 



/* ------------------------------------------------------------------ Galleriffic */

/* Main Image */

#gallery { width:420px; height:600px; margin:40px 0 60px 0; overflow:visible; position:relative; }
#gallery .slideshow-container .image-wrapper { position:absolute; top:0; left:0; }

#gallery a.advance-link { display:block; vertical-align:bottom; }

#gallery .slideshow a.advance-link { display:block; width:420px; height:600px; line-height:0px; font-size:0; }
#gallery .slideshow a.advance-link img { display:block; margin:30px auto; }

#caption .imagefilename { display:none; }
#caption .imagecaption { width:180px; position:absolute; bottom:-10px; left:0; font-size:10px; line-height:12px;  }

#gallery .slideshow-container .image-wrapper img { 

	-moz-transform:rotate(10deg) translate(-30px,0);
	-webkit-transform:rotate(10deg) translate(-30px,0);
	-ms-transform:rotate(10deg) translate(-30px,0);
	-o-transform:rotate(10deg) translate(-30px,0);
	transform:rotate(10deg) translate(-30px,0);

	box-shadow:
		 2px   0px 0 #EEEEEE,
		 2px  -1px 0 #FFFFFF,
		 4px  -1px 0 #EBEBEB,
		 4px  -2px 0 #F8F8F8,
		 6px  -2px 0 #EEEEEE,
		 6px  -3px 0 #FFFFFF,
		 8px  -3px 0 #EBEBEB,
		 8px  -4px 0 #F8F8F8,
		10px  -4px 0 #EEEEEE,
		10px  -5px 0 #FFFFFF,
		12px  -5px 0 #EBEBEB,
		12px  -6px 0 #F8F8F8,
		14px  -6px 0 #EEEEEE,
		14px  -7px 0 #FFFFFF,
		16px  -7px 0 #EBEBEB,
		16px  -8px 0 #F8F8F8,
		18px  -8px 0 #EEEEEE,
		18px  -9px 0 #FFFFFF,
		20px  -9px 0 #EBEBEB,
		20px -10px 0 #F8F8F8,
		22px -10px 0 #EEEEEE,
		22px -11px 0 #FFFFFF,
		24px -11px 0 #EBEBEB,
		24px -12px 0 #F8F8F8,
		26px -12px 0 #EEEEEE,
		26px -13px 0 #FFFFFF,
		28px -13px 0 #EBEBEB,
		28px -14px 0 #F8F8F8,
		30px -14px 0 #EEEEEE,
		30px -15px 0 #FFFFFF,
		32px -15px 0 #EBEBEB,
		32px -16px 0 #F8F8F8,
		34px -16px 0 #EEEEEE,
		34px -17px 0 #FFFFFF,
		36px -17px 0 #EBEBEB,
		36px -18px 0 #F8F8F8,
		38px -18px 0 #EEEEEE,
		38px -19px 0 #FFFFFF,
		40px -19px 0 #EBEBEB,
		40px -20px 0 #F8F8F8, 
		40px -20px 30px #CAC8BD; 

}

/* Thumbnails */

#thumbs .thumbs { padding:0; margin:-30px -10px 40px -10px; list-style:none; }
#thumbs .thumbs li { width:auto; height:auto; padding:0; margin:10px; float:left; list-style:none; }

#thumbs .thumbs li.selected { border:2px solid #C3115B; margin:8px; }

#thumbs .thumbs .thumb img { display:block; }




/* ------------------------------------------------------------------ Contact form */

#ContactForm { width:580px; padding:0 30px; margin:-20px 0 40px 0; float:left; }

#ContactForm .Row { display:block; padding:10px 0; }

#ContactForm .Row#ContactForm_Item_contact_name  { float:left; clear:none; margin-right:30px; }
#ContactForm .Row#ContactForm_Item_contact_email { float:left; clear:none; }

#ContactForm .Row#ContactForm_Item_contact_query { float:none; clear:both; }

#ContactForm .Row .Label { display:block; }
#ContactForm .Row .Field {  }

#ContactForm .Row input    { width:240px; padding:5px; }
#ContactForm .Row textarea { width:542px; padding:5px; height:120px; }

#ContactForm .Row input,
#ContactForm .Row select,
#ContactForm .Row textarea { padding:7px; font-size:14px; font-family:courier,mono; color:#404040; }

.VAMRequiredFieldMarker { display:inline-block; width:15px; height:20px; background:url('pictures/gs_webgraphics/required.png') center center no-repeat; }
.VAMRequiredFieldMarker img { display:none; }

#ContactForm .Footer { clear:both; margin:10px 0; }



/* ------------------------------------------------------------------ */







// from System Meta Data