/* css file for www.scottpearson.net */
/* created by www.crashpaddesign.com */

@import url(../css/reset.css);
@import url(../css/960-24-col.css);
@import url(../css/slimbox2.css);

/*
--------------------------------------------------
SETUP
--------------------------------------------------
*/

body {
	background: #3e9eae;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #454545;
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.replaced {
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: none;
	text-decoration: none;
	outline: none;
}

/*
--------------------------------------------------
LINKAGE
--------------------------------------------------
*/

a {
	color: #29533f;
	text-decoration: underline;
}

a:hover {
	color: #000; /* hover color requested */
}

a.cta {
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	background: #55b8cd;
	padding: 2px 6px;
	text-decoration: none;
}

a.cta.small {
	font-size: 11px;
}

a.cta.large {
	font-size: 13px;
}

a.cta:hover {
	background: #76a27f;
}

/*
--------------------------------------------------
LAYOUT
--------------------------------------------------
*/

div#outer-wrap {
	background: url(/images/layout/bg-outer-wrap.jpg) repeat-y 50% 0;
}

div#inner-wrap {
	background: url(/images/layout/bg-inner-wrap.jpg) no-repeat 50% 0;
	padding-bottom: 20px;
}

div#header {
	position: relative;
	height: 370px;
	margin-bottom: 30px;
}

#header div#logo {
	position: absolute;
	top: 29px;
	left: -80px;
}

div#sub-header {
	position: relative;
	width: 1110px;
	height: 352px;
	margin: 0 auto 30px auto;
	background-position: -1px 0; /* odd 1px issue on BG image */
	background-repeat: no-repeat;
	background-color: transparent;
}

#sub-header.bio {
	background-image: url(/images/layout/bg-sub-header-bio.jpg);
}


#sub-header.music {
	background: url(/images/layout/bg-sub-header-photos.jpg);
}

#sub-header.photos,
#sub-header.links {
	background-image: url(/images/layout/bg-sub-header-links.jpg);
}

#sub-header.videos,
#sub-header.contact,
#sub-header.news {
	background-image: url(/images/layout/bg-sub-header-videos.jpg);
}

#sub-header.pearson-studios {
	background-image: url(/images/layout/bg-sub-header-studios.jpg);
}

#sub-header div#logo {
	position: absolute;
	top: 79px;
	left: 51px;
}

body#page-studios #sub-header div#logo {
	top: 29px;
	left: 51px;
}

div#headshot {
	position: absolute;
	top: 0;
	right: -79px;	
}

div#top-nav {
	position: absolute;
	z-index: 1;
	left: -85px;
	bottom: 0;
	background: url(/images/layout/bg-topnav.png) no-repeat 50% 100%;
	width: 700px;
	padding-bottom: 2px;
}

body.sub div#top-nav {
	left: -5px;
	bottom: 44px;
}

div#main {
	width: 650px;
}

div#side {
	margin-top: -10px;
}

body.home div#side {
	margin-top: 100px;
}

/*
--------------------------------------------------
TYPE / GENERAL DECLARATIONS
--------------------------------------------------
*/

h1, h2, h3 {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

h1 {
	font-size: 24px;
	color: #29533f;
	padding-bottom: 5px;
	border-bottom: 1px solid #50afc3;
}

body.sub h1 {
	margin-top: -53px;
	padding-bottom: 52px; /* 1px less due to border-bottom */
	border-bottom: 1px solid #50afc3;
	height: 23px;
}	

body#page-bio h1,
body#page-press h1 {
	margin-top: 0;
	padding-bottom: 0;
	border-bottom: none;
}

h4 {
	font-size: 14px;
	margin-bottom: 20px;
}

p, ul, ol {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}

p.intro {
	font-size: 12px;
	line-height: 18px;
}

hr {
	border: none;
	border-top: 2px dashed #777;
	margin: 0 0 20px 0;
}

.green {
	color: #29523e;
}

/*
--------------------------------------------------
HEADER REPLACEMENTS
--------------------------------------------------
*/

#news-updates h2 {
	height: 23px;
	background: url(/images/layout/bg-hdr-news-updates.png) no-repeat 0 0;
}

body#page-bio h1 {
	background: url(/images/layout/bg-hdr-bio.png) no-repeat 0 0;
}

body#page-press h1 {
	background: url(/images/layout/bg-hdr-press.png) no-repeat 0 0;
}

body#page-links h1 {
	background: url(/images/layout/bg-hdr-links.gif) no-repeat 0 0;
}

body#page-photos h1 {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: none;
	background: url(/images/layout/bg-hdr-photos.gif) no-repeat 0 0;
}

body#page-music h1 {
	background: url(/images/layout/bg-hdr-music.gif) no-repeat 0 0;
}

body#page-videos h1 {
	background: url(/images/layout/bg-hdr-videos.gif) no-repeat 0 0;
}

body#page-news-updates h1 {
	background: url(/images/layout/bg-hdr-news-updates.gif) no-repeat 0 0;
}

body#page-studios h1 {
	height: auto;
	background: none;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 40px;
}

/*
--------------------------------------------------
CONTENT PHOTO'S/CAPTION'S
--------------------------------------------------
*/

p.photo {
	width: 134px;
	padding: 10px;
	background: url(/images/layout/bg-cell.png) repeat 0 0;
	font-size: 9px;
	color: #595959;
	margin-bottom: 0;
}

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

.photo.left {
	float: left;
	margin: 0 10px 10px 0;
}

.photo img {
	display: block;
}

/*
--------------------------------------------------
TOP-NAV
--------------------------------------------------
*/

#top-nav ul {
	width: 526px;
	margin: 0 auto;
}

#top-nav li {
	position: relative;
	float: left;
	margin-right: 5px;
}

#top-nav li.last {
	margin-right: 0;
}

#top-nav li a {
	border-top: 5px solid #55b7cc;
	text-decoration: none;
	color: #589666;
	display: block;
	padding: 5px 10px;
	background: #fff;
}

#top-nav li a.current,
#top-nav li a:hover {
	color: #fff;
	border-top-color: #76a27f;
	background-color: #2a5440;
}

#top-nav li a.replaced {
	border-top: none;
	background-image: url(/images/layout/bg-top-nav.gif);
	padding: 0;
	height: 41px;
}

/*
--------------------------------------------------
TOP-NAV IMAGE SPRITES
--------------------------------------------------
*/

li#top-nav-home a {
	width: 55px;
	background-position: 0 0;
}

li#top-nav-home a:hover {
	background-position: 0 -41px;
}

li#top-nav-bio a {
	width: 96px;
	background-position: -60px 0;
}

li#top-nav-bio a.current,
li#top-nav-bio a:hover {
	background-position: -60px -41px;
}

li#top-nav-photos a {
	width: 70px;
	background-position: -161px 0;
}

li#top-nav-photos a.current,
li#top-nav-photos a:hover {
	background-position: -161px -41px;
}

li#top-nav-music a {
	width: 63px;
	background-position: -237px 0;
}

li#top-nav-music a.current,
li#top-nav-music a:hover {
	background-position: -237px -41px;
}

li#top-nav-videos a {
	width: 71px;
	background-position: -305px 0;
}

li#top-nav-videos a.current,
li#top-nav-videos a:hover {
	background-position: -305px -41px;
}

li#top-nav-links a {
	width: 64px;
	background-position: -381px 0;
}

li#top-nav-links a.current,
li#top-nav-links a:hover {
	background-position: -381px -41px;
}

li#top-nav-contact a {
	width: 76px;
	background-position: -450px 0;
}

li#top-nav-contact a.current,
li#top-nav-contact a:hover {
	background-position: -450px -41px;
}

/*
--------------------------------------------------
TOP-NAV DROPDOWNS
--------------------------------------------------
*/

#top-nav li ul {
	display: none;
	position: absolute;
	left: -5px;
	font-size: 10px;
}

#top-nav li.hover ul {
	display: block;
}

#top-nav li li {
	margin-top: 2px;
	float: none;
}

#top-nav li li a {
	border-top: none;
	border-left: 5px solid #55b6cb;
	padding-left: 5px;
}

#top-nav-bio li a {
	width: 81px;
}

#top-nav li li a.current,
#top-nav li a:hover {
	border-left-color: #76a27f;
}

div#content {
	position: relative;
	margin-bottom: 20px;
}

/*
--------------------------------------------------
PAGE-NAV
--------------------------------------------------
*/

div#page-nav {
	position: absolute;
	left: 68px;
	bottom: -3px;
}

#page-nav ul {
	margin-bottom: 0;
}

#page-nav li {
	float: left;
	margin-right: 5px;
}

#page-nav li a {
	display: block;
	height: 37px;
	overflow: hidden;
	text-indent: -9999px;
}

#page-nav li#page-nav-biography a {
	width: 157px;
	background: url(/images/layout/bg-page-nav-bio.gif) no-repeat 0 0;
}

#page-nav li#page-nav-biography.current a,
#page-nav li#page-nav-biography a:hover {
	background-position: 0 -37px;
}

#page-nav li#page-nav-press a {
	width: 178px;
	background: url(/images/layout/bg-page-nav-press.gif) no-repeat 0 0;
}

#page-nav li#page-nav-press.current a,
#page-nav li#page-nav-press a:hover {
	background-position: 0 -37px;
}


/*
--------------------------------------------------
NEWS UPDATES
--------------------------------------------------
*/

div#news-updates {
	margin-bottom: 20px;
}

div.news-update {
	width: 530px;
	border-bottom: 1px dashed #777;
	margin-bottom: 20px;
}

div.news-update.last {
	margin-bottom: 0;
	border-bottom: none;
}

body#page-news-updates div.news-update {
	width: auto;
}

p.news-update-post-date {
	font-size: 10px;
	text-transform: uppercase;
	color: #454545;
	margin-bottom: 5px;
}

h2.news-update-title {
	text-transform: none;
	font-size: 28px;
	color: #264f3a;
	margin-bottom: 10px;
}

h3.news-update-title {
	text-transform: none;
	font-size: 20px;
	color: #264f3a;
	margin-bottom: 10px;
}

h3.news-update-title a {
	text-decoration: none;
	color: #264f3a;
}

h3.news-update-title a:hover {
	color: #53b4c7;
}

.news-update-summary a {
	text-decoration: none;
	color: #55b8cd;
}

.news-update-summary a:hover {
	color: #264f3a;
}

/*
--------------------------------------------------
HEADSHOTS
--------------------------------------------------
*/

div#headshots {
	background: url(/images/layout/bg-cell.png) repeat 0 0;
	padding: 10px;
	margin-bottom: 10px;
}

body.home #headshots {
	padding: 10px 20px;
}

#headshots-header {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9ea9ac;
}

#headshots-header h2 {
	float: left;
	font-size: 20px;
	color: #29523e;
	width: 65px;
	height: 16px;
	background: url(/images/layout/bg-hdr-headshots.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0;
	margin-left: 10px;
}

body.home #headshots-header h2 {
	margin-left: 0;
}

div.grid-7 #headshots-header h2 {
	font-size: 16px;
}

#headshots-header p {
	float: right;
	margin-bottom: 0;
}

#headshots ul {
	padding: 0 10px;
	margin-bottom: 0;
}

body.home #headshots ul {
	padding: 0;
}

#headshots li {
	float: left;
	margin: 0 10px 10px 0;
}

#headshots li a {
	border: 5px solid #fff;
	display: block;
}

#headshots li a:hover {
	border-color: #e8f3f7;
}

#headshots li a img {
	display: block;
}

#headshots li.row-last {
	margin-right: 0;
}

/*
--------------------------------------------------
STUDIO SHOTS
--------------------------------------------------
*/

div#studio-shots {
	background: url(/images/layout/bg-cell.png) repeat 0 0;
	padding: 10px;
	margin-bottom: 20px;
}

#studio-shots-header {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9ea9ac;
}

#studio-shots h2 {
	float: left;
	font-size: 20px;
	color: #29523e;
	width: 92px;
	height: 18px;
	background: url(/images/layout/bg-hdr-studio-shots.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0;
	margin-left: 10px;
}

#studio-shots ul {
	padding: 0 10px;
	margin-bottom: 0;
}

#studio-shots li {
	float: left;
	margin: 0 10px 10px 0;
}

#studio-shots li a {
	border: 5px solid #fff;
	display: block;
}

#studio-shots li a:hover {
	border-color: #e8f3f7;
}

#studio-shots li.row-last {
	margin-right: 0;
}

#studio-shots li a img {
	display: block;
}

/*
--------------------------------------------------
STUDIO RATES
--------------------------------------------------
*/

div#studio-rates {
	background: url(/images/layout/bg-cell.png) repeat 0 0;
	padding: 10px;
	margin-bottom: 10px;
}

#studio-rates-header {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #9ea9ac;
}

#studio-rates-header h2 {
	float: left;
	font-size: 20px;
	color: #29523e;
	width: 90px;
	height: 18px;
	background: url(/images/layout/bg-hdr-studio-rates.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0;
	margin-left: 10px;
}

#studio-rates-info {
	padding: 0 10px;
}

#studio-rates-info h4 {
	font-size: 12px;
	margin-bottom: 0;
}

ul.offering {
	list-style-position: inside; 
	list-style-type: disc; 
	float: left; 
	width: 140px;
}

/*
--------------------------------------------------
PRESS QUOTES
--------------------------------------------------
*/

div#press-quote {
	position: absolute;
	left: -23px;
	top: 145px;
	width: 560px;
	background: url(/images/layout/bg-press-quote-top.png) no-repeat 0 0;
	padding: 30px 0 0 0;
}

div.press-quote {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dashed #777;
}

div.press-quote.last {
	border-bottom: none;
	margin-bottom: 0;
}

.press-quote h2,
#press-quote h3 {
	font-family: Arial, Verdana, sans-serif;
	text-transform: none;
	color: #454545;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 10px;
}

.press-quote p,
#press-quote p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
}

#press-quote p img {
	vertical-align: baseline;
}

.press-quote cite,
#press-quote cite {
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: #48845a;
	margin-bottom: 0;
}

div#press-quote-wrap {
	padding: 0px 20px 0px 24px;
	background: url(/images/layout/bg-press-quote-wrap.png) repeat-y 0 0;	
}

div#press-quote-inner {
	padding: 10px 20px;
	background: #f6f9f9 url(/images/layout/bg-press-quote-inner.png) repeat-x 0 0;	
}

div#press-quote-bottom {
	width: 560px;
	height: 60px;
	background: url(/images/layout/bg-press-quote-bottom.png) no-repeat 0 100%;
}

/*
--------------------------------------------------
STUDIOS
--------------------------------------------------
*/

body#page-studios h2 {
	height: 23px;
}

h2.offerings {
	background: url(/images/layout/bg-hdr-offerings.png) no-repeat 0 0;
}

h2.coaching {
	background: url(/images/layout/bg-hdr-coaching.png) no-repeat 0 0;
}

h2.recording {
	background: url(/images/layout/bg-hdr-recording.png) no-repeat 0 0;
}

/*
--------------------------------------------------
STUDIOS INTRO (SIDEBAR'S)
--------------------------------------------------
*/

div#studios-intro {
	margin: 10px 0 20px 0;
	padding: 20px 0;
	background: url(/images/layout/bg-studios-intro.png) no-repeat 0 0;
	min-height: 226px;
}

div.grid-7 #studios-intro {
	background: url(/images/layout/bg-studios-intro-sub.png) no-repeat 0 0;	
}

#studios-intro p {
	font-size: 11px;
	margin-bottom: 10px;
}

/*
--------------------------------------------------
MUSIC
--------------------------------------------------
*/

div.music-track {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dashed #777;
}

.music-track.last {
	border-bottom: none;
	margin-bottom: 0;
}

.music-track h2 {
	font-family: Arial, Verdana, sans-serif;
	text-transform: none;
	color: #454545;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 10px;
}

div.album-art {
	float: left;
	width: 84px;
}

.album-art img {
	display: block;
	border: 2px solid #48845a;
}

div.album-info {
	float: right;
	width: 550px;
}

.music-track h3 {
	text-transform: none;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	color: #48845a;
	margin-bottom: 10px;
}

p.music-track-player {
	margin-bottom: 0;
}

/*
--------------------------------------------------
LINKS
--------------------------------------------------
*/

div.links-list {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dashed #777;
}

.links-list.last {
	border-bottom: none;
	margin-bottom: 0;
}

.links-list h2 {
	font-family: Arial, Verdana, sans-serif;
	text-transform: none;
	color: #454545;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 10px;
}

.links-list ul {
	margin-bottom: 0;
}

/*
--------------------------------------------------
PHOTOS
--------------------------------------------------
*/

ul#photos-accordion {
	font-size: 13px;
}

ul#photos-accordion,
#photos-accordion ol,
#photos-accordion ul {
	margin-bottom: 0;
}

#photos-accordion li a {
	display: block;
	text-decoration: none;	
	color: #454545;	
	padding: 4px 10px;
	border-bottom: 2px solid #092d22;
	background: #d5dee1 url(/images/layout/bg-accordion-item.gif) repeat-y 0 0;
}

#photos-accordion li a.active,
#photos-accordion li a:hover {
	background-color: #abdfe9;
}

#photos-accordion li.last ul {
	border-top: 2px solid #092d22;
}

#photos-accordion li.last a {
	border-bottom: 0;	
}	

#photos-accordion li ul li {
	border-top: 0;
	padding: 20px 20px 5px 20px;
	background: #e7eeef;
}

#photos-accordion li ul li a {
	display: block;
	float: left;
	width: 100px;
	border: 0;
	padding: 5px;
	margin: 0 15px 15px 0;
	background: #fff;
}

#photos-accordion li ul li a:hover {
	background: #e8f3f7;
}

#photos-accordion li ul li a.last {
	margin-right: 0;
}	

#photos-accordion li ul li a img {
	display: block;
}

/*
--------------------------------------------------
CONTACT
--------------------------------------------------
*/

form#contact-form {
	margin: 0 0 20px 0;
}

#contact-form label {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: normal;
	color: #7b7b7b;
	font-weight: normal;
}

#contact-form input.text {
	border: 1px solid #7f9db9;
	width: 156px;
	padding: 4px;
}

#contact-form textarea {
	border: 1px solid #7f9db9;
	width: 625px;
	height: 150px;
	padding: 4px;
}

p.captcha input,
p.captcha img {
	display: inline;
	vertical-align: middle;
}

/*
--------------------------------------------------
NEWS
--------------------------------------------------
*/

div#monthly-archives {
	background: url(/images/layout/bg-cell.png) repeat 0 0;
	padding: 10px;
	margin-bottom: 10px;
}

#monthly-archives h2 {
	height: 18px;
	background: url(/images/layout/bg-hdr-monthly-archives.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #9ea9ac;
}

#monthly-archives-content {
	padding: 10px;
}

#monthly-archives-content ul {
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 14px;	
	margin-bottom: 0;
}

#monthly-archives-content li {
	margin-bottom: 5px;
}

#monthly-archives-content li a {
	text-decoration: none;
}


/*
--------------------------------------------------
FOOTER
--------------------------------------------------
*/

div#footer {
	width: 1110px;
	padding-top: 40px;
	margin: 0 auto 40px auto;
	background: url(/images/layout/bg-footer.png) no-repeat 50% 0;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: normal;
}

#footer p, #footer ul {
	margin-bottom: 0;
}

div#footer-wrap {
	padding: 10px 0 0 0;
	background: url(/images/layout/bg-footer-wrap.gif) repeat-y 50% 0;
}

div#footer-nav {
	text-align: right;
}

#footer-nav ul {
	float: right;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0;
}

#footer-nav li {
	float: left;
	border-right: 1px solid #acc3c8;
	padding-right: 5px;
	margin-right: 5px;
}

#footer-nav li.last {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#footer a {
	color: #454545;
	text-decoration: none;
}

#footer a.current,
#footer a:hover {
	color: #53b4c7;
}

a.facebook {
	display: inline-block;
	width: 58px;
	height: 13px;
	background: url(/images/layout/bg-btn-facebook.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 15px;
}

a.facebook:hover {
	background-position: 0 -13px;
}

a.youtube {
	display: inline-block;
	width: 41px;
	height: 16px;
	background: url(/images/layout/bg-btn-youtube.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 15px;
}

a.youtube:hover {
	background-position: 0 -16px;
}

a.kta {
	float: right;
	display: inline-block;
	width: 40px;
	height: 18px;
	background: url(/images/layout/bg-btn-kta.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

a.kta:hover {
	background-position: 0 -18px;
}

p.fineprint {
	font-size: 10px;
	line-height: 18px;
	color: #9fb9bf;
}

.grid-4 p.fineprint {
	width: 124px;
}