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

		Style Guide for Lara Jill Miller

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



@import "reset.css";
@import "layout.css";


/* General content styles - used on all pages
------------------------------------------------ */

p {
	line-height: 1.25em;
	padding: .75em 0;
}

.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.center { text-align: center; }
.clear {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
}

.endnote {
	width: 532px;
	display: table;
	text-align: center;
	color: gray;
	padding: 0;
}

.endnote-padded {
	width: 532px;
	display: table;
	text-align: center;
	color: gray;
	padding: 0;
	margin-left: 20px;
}

a.largelink { font-size: 1.25em; padding-top: 6px; }

a:link { color: #660000; }
a:visited { color: #660000; }
a:hover { text-decoration: none; color: #E7A73E; }
a:active { text-decoration: none; color: #E7A73E; }

a:hover.sbv { color: #E70502; }



/* Page headers
--------------------------------- */

.bio-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/bio-header.png') no-repeat;
}

.credits-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/credits-header.png') no-repeat;
}

.contact-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/contact-header.png') no-repeat;
}

.gallery-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/gallery-header.png') no-repeat;
}

.storage-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/storage-header.png') no-repeat;
}

.voiceover-header {
	width: 532px;
	height: 120px;
	margin: 0 auto;
	background: url('../template/assets/voiceover-header.png') no-repeat;
}

.approved {
	width: 180px;
	height: 70px;
	position: absolute;
	top: 70px;
	right: 20px;
	background: url('../template/assets/approved.gif') no-repeat;
}



/* Credits Page
------------------------------------------- */

.credits {
	border: 1px solid gray;
	background: url('../template/assets/credits-bkgd.png') repeat;
	margin: 1em auto;
}

.credits h2 {
	font-size: 1.25em;
	text-decoration: underline;
	text-transform: uppercase;
	padding: 10px 0 0 10px;
	font-weight: bold;
}

.credits ul {
	padding: 10px;
}

.credits ul li {
	list-style-type: none;
	line-height: 1.5em;
}


/* Contact Page
------------------------------------------- */

.contact {
	border: 1px solid gray;
	background: url('../template/assets/credits-bkgd.png') repeat;
	margin: 1em auto;
	text-align: center;
	padding: 10px 0;
}

.contact img { display: block; margin: 20px auto; }

.contact h2 {
	font-size: 1.25em;
	text-decoration: underline;
	text-transform: uppercase;
	padding: 10px 0 0 10px;
	font-weight: bold;
}

.contact ul {
	padding: 10px;
}

.contact ul li {
	list-style-type: none;
	line-height: 1.5em;
}

.contact p { padding: 0 10px; }



/* Voiceover Page
------------------------------------------- */

.voiceover {
	border: 1px solid gray;
	background: url('../template/assets/credits-bkgd.png') repeat;
	margin: 1em auto;
	text-align: center;
	float: left;
	width: 304px;
	padding: 4px;
	margin-left: 110px;
}

*html .voiceover {
	width: 316px;
	w\idth: 304px;
}

a.animation { 
	display: block;
	float: left;
	width: 152px;
	height: 186px;
	background: url('../template/assets/animation.png') 0 0 no-repeat;
}

a.animation:hover { background: url('../template/assets/animation.png') 0 -186px no-repeat; }

a.commercial { 
	display: block;
	float: left;
	width: 152px;
	height: 186px;
	background: url('../template/assets/commercial.png') 0 0 no-repeat;
}

a.commercial:hover { background: url('../template/assets/commercial.png') 0 -186px no-repeat; }

a.promos { 
	display: block;
	float: left;
	width: 152px;
	height: 186px;
	background: url('../template/assets/promos.png') 0 0 no-repeat;
}

a.promos:hover { background: url('../template/assets/promos.png') 0 -186px no-repeat; }

a.singing { 
	display: block;
	float: left;
	width: 152px;
	height: 186px;
	background: url('../template/assets/singing.png') 0 0 no-repeat;
}

a.singing:hover { background: url('../template/assets/singing.png') 0 -186px no-repeat; }



/* Storage Page
------------------------------------------- */

.gallery-storage {
	border: 1px solid gray;
	background: url('../template/assets/credits-bkgd.png') repeat;
	margin: 3em auto 0 auto;
	text-align: center;
	padding: 10px 8px;
	float: left;
	margin-left: 44px;
	margin-bottom: 30px;
}

a.press { 
	display: block;
	float: left;
	width: 211px;
	height: 244px;
	background: url('../template/assets/press.png') 0 0 no-repeat;
}

a.press:hover { background: url('../template/assets/press.png') 0 -244px no-repeat; }

a.vintage-photos { 
	display: block;
	float: left;
	width: 211px;
	height: 244px;
	background: url('../template/assets/vintage-photos.png') 0 0 no-repeat;
}

a.vintage-photos:hover { background: url('../template/assets/vintage-photos.png') 0 -244px no-repeat; }

.gallery:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: " ";
	font-size: 0;
	height: 0;
}


/* Gallery Page
------------------------------------------- */

a.video { 
	display: block;
	float: left;
	width: 211px;
	height: 244px;
	background: url('../template/assets/videos.png') 0 0 no-repeat;
}

a.video:hover { background: url('../template/assets/videos.png') 0 -244px no-repeat; }

a.photos { 
	display: block;
	float: left;
	width: 211px;
	height: 244px;
	background: url('../template/assets/photos.png') 0 0 no-repeat;
}

a.photos:hover { background: url('../template/assets/photos.png') 0 -244px no-repeat; }

.storage:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: " ";
	font-size: 0;
	height: 0;
}