@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Yeardley Smith Site Style Sheet 

Features: Centered layout,

version:   1.0
author:    max herholz
email:     max@soulsun69.com
website:   http://www.soulsun69.com/
last update: 09/15/09
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin:0;
}

body {
	background: #D3EEFF url(../images/skyBack.jpg) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


a:focus, a:hover, a:active {
	outline:none;
	text-decoration: none;
}


#wrapper {
	width: 980px;
	margin: 20px auto;
}

#contentBack {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 980px;
	min-height: 540px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a40014;
}

*html #contentBack {
	height: 540px;  /*IE ADJUSTMENTY */
}

#botCorner { 
	width: 100%;
	height: 30px;
	clear: both;
}

/* INDIVIDUAL PAGE ADJUSTMENTS */
#homePage #contentBack {height: 556px; background: #3caffc url(../images/home/yeardleyHomeBack.jpg) no-repeat top left;}
#homePage #botCorner { height: 35px; background: #d3eeff url(../images/home/homeBotCorner.jpg) no-repeat bottom right;}


#workPage #contentBack {background: #9de5e5 url(../images/work/yeardleyWorkBack.jpg) no-repeat top left;}
#workPage #botCorner {height:0;}


#booksPage #contentBack {background: #b8c3ef url(../images/books/yeardleyBooksBack.jpg) no-repeat top left;}
#booksPage #botCorner {background: #b8c3ef url(../images/books/booksBotCorner.jpg) no-repeat bottom right;}


#charityPage #contentBack {background: #fbf696 url(../images/charity/yeardleyActivistBack.jpg) no-repeat top left;}
#charityPage #botCorner {background: #fbf696 url(../images/charity/charityBotCorner.jpg) no-repeat bottom right;}


#newsPage #contentBack {background: #a40014 url(../images/news/yeardleyNewsBack.jpg) no-repeat top left;}
#newsPage #botCorner {background: #a40014 url(../images/news/newsBotCorner.jpg) no-repeat bottom right;}


/* =header
-----------------------------------------------------------------------------*/
#header {
	width: 980px;
	height: 94px;
	text-align: left;
}

#workPage #header {background: #69a4bb url(../images/work/workTopCorner.jpg) no-repeat left top;}
#booksPage #header {background: #935fa1 url(../images/books/booksTopCorner.jpg) no-repeat left top;}
#charityPage #header {background: #fad44a url(../images/charity/charityTopCorner.jpg) no-repeat left top;}
#newsPage #header {background: #ce0513 url(../images/news/newsTopCorner.png) no-repeat left top;}


h1 {
	text-align: left;
	position: relative;
	top: 0;
	left: 181px;
	width: 760px;
	height: 94px;
	font-size: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

h1 span {
	position: absolute;
	width: 100%;
	height: 94px;
}

#homePage h1 {width: 980px; left:0;}
#workPage h1 {width: 770px;}
#booksPage h1 {width: 785px;}
#charityPage h1 {width: 795px;}

#homePage h1 span {background: url(../images/home/homeHeader.jpg) no-repeat;}
#workPage h1 span {background: url(../images/work/workHeader.jpg) no-repeat;}
#booksPage h1 span {background: url(../images/books/booksHeader.jpg) no-repeat;}
#charityPage h1 span {background: url(../images/charity/activistHeader.jpg) no-repeat;}
#newsPage h1 span {background: url(../images/news/newsHeader.jpg) no-repeat;}

/* =navigation
-----------------------------------------------------------------------------*/

/* =newsMenu */
#mainNav {
	position:absolute;
	top: 0px;
	left: 231px;
	width: 215px;
	height: 286px;
}

#homePage #mainNav { background: url(../images/home/homeMenu.jpg) no-repeat;}
#workPage #mainNav { background: url(../images/work/workMenu.jpg) no-repeat;}
#booksPage #mainNav { background: url(../images/books/booksMenu.jpg) no-repeat;}
#thoughtsPage #mainNav { background: url(../images/thoughts/thoughtsMenu.jpg) no-repeat;}
#charityPage #mainNav { background: url(../images/charity/charityMenu.jpg) no-repeat;}
#newsPage #mainNav { background: url(../images/news/newsMenu.jpg) no-repeat;}

#mainNav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute;
	display: block;
	
}

#mainNav a {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
}

#work {top: 0; left: 0; width: 182px; height: 92px;}
#books {top: 64px; left:22px; width: 155px; height: 68px;}
#thoughts {top: 120px; left:20px; width: 200px; height: 58px;}
#charity {top: 170px; left:40px; width: 145px; height: 62px;}
#news {top: 215px; left: 50px; width: 140px; height: 67px;}

#work a {height: 92px;}
#books a {height: 68px;}
#thoughts a {height: 58px;}
#charity a {height: 62px;}
#news a {height: 67px;}


/* WORK PAGE MENU SETTINGS */
#workPage #work a:hover {cursor: default;}
#workPage #books a:hover {background: url(../images/work/workMenuOver.jpg) -22px -64px no-repeat;}
#workPage #thoughts a:hover {background: url(../images/work/workMenuOver.jpg) -20px -406px no-repeat;}
#workPage #charity a:hover {background: url(../images/work/workMenuOver.jpg) -40px -170px no-repeat;}
#workPage #news a:hover {background: url(../images/work/workMenuOver.jpg) -50px -501px no-repeat;}


/* BOOKS PAGE MENU SETTINGS */
#booksPage #work a:hover {background: url(../images/books/booksMenuOver.jpg) 0 0 no-repeat;}
#booksPage #books a:hover {cursor: default;}
#booksPage #thoughts a:hover {background: url(../images/books/booksMenuOver.jpg) -20px -406px no-repeat;}
#booksPage #charity a:hover {background: url(../images/books/booksMenuOver.jpg) -40px -170px no-repeat;}
#booksPage #news a:hover {background: url(../images/books/booksMenuOver.jpg) -50px -501px no-repeat;}


/* CHARITY PAGE MENU SETTINGS */
#charityPage #work a:hover {background: url(../images/charity/charityMenuOver.jpg) 0 0 no-repeat;}
#charityPage #books a:hover {background: url(../images/charity/charityMenuOver.jpg) -22px -350px no-repeat;}
#charityPage #thoughts a:hover {background: url(../images/charity/charityMenuOver.jpg) -20px -120px no-repeat;}
#charityPage #charity a:hover {cursor: default;}
#charityPage #news a:hover {background: url(../images/charity/charityMenuOver.jpg) -50px -501px no-repeat;}


/* NEWS PAGE MENU SETTINGS */
#newsPage #work a:hover {background: url(../images/news/newsMenuOver.jpg) 0 0 no-repeat;}
#newsPage #books a:hover {background: url(../images/news/newsMenuOver.jpg) -22px -350px no-repeat;}
#newsPage #thoughts a:hover {background: url(../images/news/newsMenuOver.jpg) -20px -120px no-repeat;}
#newsPage #charity a:hover {background: url(../images/news/newsMenuOver.jpg) -40px -456px no-repeat;}
#newsPage #news a:hover {cursor: default;}


/* HOME PAGE MENU SETTINGS */
#homePage #mainNav {
	position:absolute;
	top: 0px;
	left: 226px;
	width: 220px;
	height: 286px;
	z-index: 0;
}

#homePage #work {top: 0; left: 0px; width: 188px; height: 92px;}
#homePage #books {top: 64px; left:22px; width: 160px; height: 68px;}
#homePage #thoughts {top: 120px; left:20px; width: 200px; height: 58px;}
#homePage #charity {top: 170px; left:0px; width: 200px; height: 62px;}
#homePage #news {top: 210px; left: -5px; width: 200px; height: 72px;}

#homePage #news a {height: 72px;}

#homePage #work a:hover {background: url(../images/home/homeMenuOver.jpg) 0 0 no-repeat;}
#homePage #books a:hover {background: url(../images/home/homeMenuOver.jpg) -22px -354px no-repeat;}
#homePage #thoughts a:hover {background: url(../images/home/homeMenuOver.jpg) -20px -120px no-repeat;}
#homePage #charity a:hover {background: url(../images/home/homeMenuOver.jpg) 0 -460px no-repeat;}
#homePage #news a:hover {background: url(../images/home/homeMenuOver.jpg) 5px -210px no-repeat;}

/* =content
-----------------------------------------------------------------------------*/

h2 {font-size: 17px; font-weight: normal;}

p {
	font-size: 24px;
	padding-bottom: 10px;
	color: #036;
	font-weight: bold;
}

a:hover {color:#FFF;}


#leftContent {
	float: left;
	width: 430px;
	height: 290px;
}

#rightContent {
	float: right;
	width: 460px;
	margin-right: 30px;
	margin-top: 35px;
}



/* HOME PAGE */
#homePage #rightContent {position:relative; top:230px; right: 79px;}
*html #homePage #rightContent {right:40px;}


#video {width: 400px; height:250px; background:#000; margin-top: 5px;}

/* =indexMenu */
#homeNav {
	width: 400px;
	height: 27px;
	background: url(../images/home/homeNav.png) no-repeat;
	text-align: left;
	font-family:"Times New Roman", Times, serif;
}


#homeNav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute;
	top: 0;
}

#homeNav li, #homeNav a {
	height: 27px;
	display: block;
	font-size: 18px;
	line-height: 27px;
	text-decoration: none;
	padding-right: 5px;
	color: #FFF;
	text-indent: -5000px;
}

#homeNav a:hover { color:#f41a17;}

/* Link Positions */
#homeWork { left: 0px; width: 85px; height: 27px;}
#homeCharity { left: 85px; width: 110px; height: 27px;}
#homeThoughts { left: 195px; width: 205px; height: 27px;}


/* Hover Positions */
#homeWork a:hover { background: transparent url(../images/home/homeNav.png) 0 -27px no-repeat; }
#homeCharity a:hover { background: transparent url(../images/home/homeNav.png) -85px -27px no-repeat; }
#homeThoughts a:hover { background: transparent url(../images/home/homeNav.png) -195px -27px no-repeat; }


/* END HOME PAGE ADJ ------------------------------------------------------------------------------------- */



/* WORK PAGE */
#workMenu {
	z-index: 9999999;
}

#workPage #flashContent {
	margin-top: 20px;
	float:left;
	width: 980px;
	z-index: -1;
}


/* END BOOKS PAGE ADJ ------------------------------------------------------------------------------------- */



/* BOOKS PAGE */
#booksPage h2 {color: #802fa4; font-weight: bold;}
#booksPage h3 {color: #000; font-family:"Times New Roman", Times, serif; font-weight: normal;}

#booksPage p {color: #000; line-height: 150%;}

#booksPage a {color: #802fa4; text-decoration: none;}
#booksPage a:hover {color: #FFF;text-decoration: none;}


#booksPage #leftContent {
	margin-top: 350px;
	margin-left: 200px;
	width: 190px;
}

*html #booksPage #leftContent {
	margin-left: 105px;
}

#booksPage #leftContent p {
	padding: 0;
	margin: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 100%;
}

#listen1 p {
	position: relative;
	height: 55px;
	width: 210px;
}

#listen1 p span {
	position: absolute;
	width: 100%;
	height: 55px;
	background: url(../images/books/listen1.jpg) no-repeat;
}

#listen2 p {
	position: relative;
	height: 55px;
	width: 210px;
}

#listen2 p span {
	position: absolute;
	width: 100%;
	height: 55px;
	background: url(../images/books/listen2.jpg) no-repeat;
}

.audio {margin-left: 8px; margin-bottom: 10px;}


#booksPage #rightContent {width: 470px;}

.bookLinks {padding:0; margin-top:20px;}
.hcLogo {margin-top: -57px; text-align: right;}
/* END BOOKS PAGE ADJ ------------------------------------------------------------------------------------- */



/* CHARITY PAGE */
#charityPage #leftContent {
	position: relative;
	margin-top: 251px;
	z-index: 999;
}

#charityPage #charityMenu {
	position: relative;
	z-index: 0;
}

#charityPage h2 {color: #308a9a; font-weight: bold;}
#charityPage h3 {color: #008c9c; font-size: 14px; font-weight: bold;}
#charityPage p {color: #000; padding-bottom: 5px; line-height: 150%;}
#charityPage a {color: #00275C; text-decoration: none;}
#charityPage a:hover { color:#308a9a;}


#charityPage .caption {font-size: 10px; color: #FFF; padding-left: 5px;}
#charityPage .caption2 {font-size: 9px; color: #000;}



#charityPage #leftContent h2{
	width: 420px;
	height: 26px;
	line-height: 24px;
	color: #005385;
	font-family:"Times New Roman", Times, serif;
	background: #f2bf1e;
	/*padding-left: 15px;*/
	position: relative;
}

#charityPage #leftContent h2 span {
	position: absolute;
	width: 100%;
	height: 20px;
	background: url(../images/charity/otherCharities.jpg) no-repeat;
}

#charityPage #leftContent img {float: left; padding: 0 10px 0 10px;}

#charities {width: 420px; background: #FFD426;margin-top: 5px;}

#charities a, #charities p {font-size: 11px; padding: 0; margin: 0; line-height: 100%;}


.charity {width: 410px; height: 60px; padding-top: 10px; margin-bottom:5px;}
#charities  .clickHere { margin-top:5px;}
#charities  .clickHereBold {font-weight: bold;}

.charityLast { padding-bottom: 10px;}

.video {margin-bottom: 30px;}

#photoArea {width: 420px; margin-top:15px;}
.photo1 {width: 180px; float: left;}
.photo2 {width: 209px; float: right;}
/* END CHARITY PAGE ADJ ------------------------------------------------------------------------------------- */



/* NEWS PAGE */
#newsPage img { padding: 0 10px 10px 10px;}

#newsPage #leftContent {
	margin-top: 340px;
	height: 260px;
	background: url(../images/news/newsLeftBack2.jpg) no-repeat;
}

#newsPage #leftContent h2 {
	height: 35px;
	width: 370px;
	margin-left: 5px;
	margin-top: 15px;
	text-align: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

#newsPage #leftContent span {
	position: absolute;
	width: 100%;
	height: 35px;
	background: url(../images/news/favLinks.jpg) no-repeat;
}

#newsPage #leftContent ul {margin-left: 40px; margin-top: 5px;list-style: none;}

#newsPage #leftContent a, #newsPage #leftContent li { color: #FFF; text-decoration:none; font-size: 14px;}
#newsPage #leftContent a:hover {color: #f78719;}


#newsPage h2 a, #newsPage h2  {color: #f78719; text-decoration: none;}
#newsPage h2 a:hover {color:#FFF;}

.newsStory {margin-bottom: 15px; border-bottom: #f97efd 1px solid;}
.newsStory.lastNews {border:none;}

.readMore {color: #f78719; text-decoration: none;}
.readMore a:hover {color: #FFF;}

.date { font-size: 10px; padding-bottom: 5px; padding-left: 5px;}
.bold {font-weight: bold;}
/* END NEWS PAGE ADJ ------------------------------------------------------------------------------------- */



/* =footer
-----------------------------------------------------------------------------*/
#footer {
	width: 980px;
	margin-bottom: 30px;
	text-align: left;
}

#footer p {
	float: right;
	margin-right: 25px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #666666;
}

#homePage #footer { margin-top: -35px;}
#homePage #footer p { margin-right: 150px;}

*html #workPage #footer { margin-top: -17px;}
*html #homePage #footer p {margin-right: 80px;}


/* =subNavigation
-----------------------------------------------------------------------------*/
#subNav {
	float: left;
	list-style: none;
	width: 400px;
}

#subNav li{float: left;}

#subNav a {
	float: left;
	font-family:"Times New Roman", Times, serif;
	font-size:9px;
	display: block;
	height: 11px;
	line-height: 11px;
	margin-top: 6px;
	padding-right: .5em;
	padding-left: .5em;
	border-right: #8b8888 1px solid;
	color: #000;
	text-decoration: none;
}

#subNav a:hover {color: #d43117;}
#subNav .lastNav {border: none;}


/*
#homePage #subNav a {color: #3caffc;}
#homePage #subNav a:hover {color: #d43117;}

#workPage #subNav a {color: #69a4bb;}
#workPage #subNav a:hover {color: #D20012;}

#booksPage #subNav a {color: #935EA2;}
#booksPage #subNav a:hover {color: #E40021;}

#thoughtsPage #subNav a {color: #cb2f11;}
#thoughtsPage #subNav a:hover {color: #5f94a5;}

#charityPage #subNav a {color: #308a9a;}
#charityPage #subNav a:hover {color: #E4841B;}

#newsPage #subNav a {color: #c30519;}
#newsPage #subNav a:hover {color: #f78619;}
*/
#homePage p {
	font-size: large;
}