/****************************
	Site Wide Styles
****************************/

body {background:url(../images/homepage.jpg) repeat #2b3a41; color:#000;font-family:arial,verdana,san-serif;font-size:12px;margin:0pt;padding:0pt;text-align:left;}
#wrapper {width:986px;margin:10px auto;padding:0px;}
#header, #footer, #content {width:986px;margin:0px;padding:0px;z-index:0;}
#header {background:url(../images/bg_topimage.png) no-repeat transparent top left;height:103px;position:relative;}
#content {background:url(../images/bg_content.png) repeat-y transparent top left;}
#footer {text-align:center;color:#9c9c88;background:url(../images/bg_footer.png) no-repeat transparent top left;padding-top:20px;}
#footer a {color:#9c9c88;padding:0px 15px;}

h1 span, h2 span, h3 span, h4 span, h5 span, a span {display:none;}
h1, h2, h3, h4 {color:#000;margin:0px;font-weight:normal;}
h1 {font-size:30px;}
h3 {font-size:17px;font-weight:bold;}
h4 {font-size:14px;color:#993300;font-weight:bold;}
.sharethis {position:relative; right:0; clear:both;}
/**************** Added by Natasha 11.6.2009 *********************/
.hidden {display:none;}

a {color:#993300;text-decoration:underline;cursor:pointer;}
p {margin:5px 0px 10px;line-height:1.5;}
a img {border:none;cursor:pointer;}
form, fieldset {border:none;padding:0px;margin:0px;}
img {padding:0px;margin:0px;}

.top {margin-top:0px;padding-top:0px;}
.bottom {margin-bottom:0px;padding-bottom:0px;}
.right {text-align:right;float:right;}
.left {text-align:left;float:left;}
.clear {clear:both;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:10px;}
.large {font-size:14px;}
.normal {font-size:12px;font-weight:normal;text-decoration:none;}
.dim {color:#999;}
.center {text-align:center;}
.black {color:#000;}
.red {color:#993300;}
.green {color:#669933;}
.blue {color:#264a82;}

ul.inline {margin:0px;padding:0px;}
ul.inline li {display:inline;list-style:none;}

/* page decoration */
.contentontop {background:url(../images/bottom-corner.jpg) no-repeat bottom right;padding-bottom:10px;}



/***************************
		Header
**************************/


form.search {padding-top:40px;}
form.search input.searchbar {border:1px solid #f8a311;color:#000;background:#fff;width:246px;padding:4px 2px;margin-bottom:6px;}
form.search input.searchradio {border:none;margin-right:5px;margin-left:35px;}
form.search input.first {margin-left:0px;}
form.search input.searchbutton {display:block;color:#fff;font-weight:bold;text-align:center;width:97px;height:28px;background:url(../images/searchbutton.png) no-repeat top left;border:none;padding-bottom:3px;cursor:pointer;}



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


.main_nav {background:url(../images/mainnav.gif) repeat-x top left;height:37px;width:870px;margin-left:4px;padding-top:5px;padding-left:100px;}
.main_nav ul {margin:0px;padding:0px;}
.main_nav ul li {display:inline;list-style:none;margin:0px 14px;float:left;}
.main_nav ul li a {font-size:14px;font-weight:bold;text-decoration:none;}

.main_nav ul li a .round-left, .main_nav ul li a .round-right {height:30px;width:auto;display:block;float:left;margin:0px;padding:0px;}
.main_nav ul li a span {height:0px;width:auto;background:none;display:block;float:left;margin:0px;padding:5px 10px 29px;color:#fff}

.main_nav ul li.blog-rss {padding-bottom:5px;}
.main_nav ul li.blog-rss a {diplay:block;background:url(../images/navrss.png) no-repeat top left;float:left;width:28px;height:28px;}
.main_nav ul li.blog-rss a:hover {background-position:bottom;}
.main_nav ul li.blog-rss a span {display:none;}

.main_nav ul li a:hover .round-left, .main_nav ul li a.on .round-left {height:30px;width:4px;background:url(../images/round-left.gif) no-repeat;display:block;float:left;margin:0px;padding:0px;}
.main_nav ul li a:hover .round-right, .main_nav ul li a.on .round-right {height:30px;width:4px;background:url(../images/round-right.gif) no-repeat;display:block;float:left;margin:0px;padding:0px;}
.main_nav ul li a:hover span, .main_nav ul li a.on span {height:0px;width:auto;background:url(../images/round-on.gif) no-repeat top center;display:block;float:left;margin:0px;padding:5px 10px 29px;color:#ffcc66;}

/*Social Media Icons - added by zach (zachalig@gmail.com) 9/25/2009 */

.socialMediaIcons{display:block;position:absolute; left:807px; top:60px; width:130px;height:30px;z-index:100;}
.socialMediaIcons ul li {list-style-type:none; float:left; margin-left: 5px;}
.socialMediaIcons ul li a {width:25px;height:25px;display:block;}
.socialMediaIcons ul li a.facebook {background:url(../images/facebookIcon.png) no-repeat bottom left;}
.socialMediaIcons ul li a.twitter {background:url(../images/twitterIcon.png) no-repeat bottom left;}
.socialMediaIcons ul li a.blog-rss-icon {background:url(../images/rssIcon.png) no-repeat bottom left;}
.socialMediaIcons ul li a:hover {background-position:top left;}

/*************************************************
					Main Page
*************************************************/

.flashholder {margin-bottom:5px;}
.box {float:left;width:205px;height:273px;margin-right:5px;color:#fff;overflow:hidden;}
.box a {color:#fff;font-weight:bold;}
.ways {background:url(../images/box-ways.png) no-repeat top left #e06400;}
.studying {background:url(../images/box-studying.png) no-repeat top left #7d1f09;}
.tellus {background:url(../images/box-tellus.png) no-repeat top left #54831d;}
.box p {padding:5px;}
.ways p.first, .studying p.first {margin-top:55px;}
.tellus p.first {margin-top:80px;}

.news {float:left;width:310px;margin-left:5px;height:273px;overflow-y:hidden;}
.news h3.fp_news, .news h3.fp_latest {display:block;height:16px;width:200px;margin:10px 0px;}
.news h3.fp_news {background:url(../images/fp-news.gif) no-repeat top left;}
.news h3.fp_latest {background:url(../images/fp-latest.gif) no-repeat top left;margin-top:20px;}
.news p, .title {/*margin-left:5px;  <-- taken out by ryan to fix indentation problem*/}
.news a {display:block;}


/*************************************************
			 	Page Elements
*************************************************/

/*** white boxes ***/

.whitebox-top, .whitebox-bottom {padding:0px;height:7px;width:268px;}
.whitebox-top {background:url(../images/white-box_top.png) no-repeat top left transparent;margin:0px;}
.whitebox-bottom {background:url(../images/white-box_bottom.png) no-repeat top left transparent;margin-bottom:15px;}
.whitebox {background:url(../images/white-box_mid.png) repeat-y top left transparent;width:268px;margin-top:0px;}
.whitebox .box-content {padding:10px 15px;}
.whitebox .box-content h4 {color:#000;font-weight:bold;border-bottom:1px solid #deded3;padding-bottom:2px;margin-bottom:5px;margin-top:0px;font-size:14px;padding-top:0px;}

/** whitebox form **/
.whitebox .box-content form p {height:18px;clear:left;}
.whitebox .box-content form label {width:95px;float:left;padding-top:3px;}
.whitebox .box-content form input, .whitebox .box-content form textarea {float:left;border:1px solid #9ccf4c;padding:2px;color:#333;}
.whitebox .box-content form input {width:137px;}
.whitebox .box-content form textarea {width:231px;height:50px;margin-bottom:5px;}
.whitebox .box-content form input.submit {float:none;border:1px solid #a8a8a0;color:#000;padding:2px 10px;width:auto;background:url(../images/gray-submit.gif) repeat-x bottom left #f3f3e7;cursor:pointer;}


/** image shadow holder **/

.shadow-holder {padding:0px 0px 20px;margin:0px 15px 10px 0px;background:url(../images/shadow-holder.gif) repeat-x bottom left transparent;float:left;width:auto;}
/*.shadow-top {padding:0px;background:url(../images/shadow-top.gif) no-repeat top left transparent;height:4px;width:308px;}
.shadow-bottom {padding:0px;background:url(../images/shadow-bottom.gif)  no-repeat top left transparent;height:4px;width:308px;margin-top:-3px;}
.shadow-holder img {background:url(../images/shadow-mid.gif) repeat-y top left transparent;padding:0px 4px;}*/
.shadow-holder .css-shadow {margin:0px;padding:0px;line-height:0px;}
.shadow-holder .one {border:1px solid #edede2;}
.shadow-holder .two {border:1px solid #deded3;}
.shadow-holder .three {border:1px solid #c8c8be;}
.shadow-holder .four {border:1px solid #ababa3;background:#ababa3;}


/** pagination **/

.pagination {height:40px;width:100%;padding:0px;background:url(../images/pagination-bg.gif) repeat-x top left #E9E7CF;}
.pagination ul {margin:0px;padding:0px;}
.pagination ul li {display:inline;list-style:none;float:left;text-align:center;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;border-right:1px solid #d4d2b6;}
.pagination ul li a {display:block;width:100%;height:27px;padding-top:11px;font-size:14px;color:#000000;font-weight:bold;text-decoration:underline;}
.pagination ul li span {display:block;padding-top:11px;font-weight:bold;}

.pagination ul li.round-left {display:block;width:6px;height:40px;background:url(../images/pagination_left.png) no-repeat;display:block;margin:0px;padding:0px;border:none;}
.pagination ul li.location {display:block;width:126px;height:38px;}
.pagination ul li.pagenumber {display:block;width:40px;height:38px;}
.pagination ul li.nextpage {display:block;width:31px;height:38px;}
.pagination ul li.lastpage {display:block;width:80px;height:38px;}
.pagination ul li.emptyspace {display:block;width:160px;height:38px;border-right:none;}
.pagination ul li.round-right {display:block;width:6px;height:40px;background:url(../images/pagination_right.png) no-repeat;margin:0px;padding:0px;border:none;float:right;}

.pagtop {margin:4px 0 30px;}
.pagbottom {margin:30px 0 40px;}
.pagination ul li a:hover, .pagination ul li a.on {background-color:#f4f3e7;}

.twocol {width:648px;}
.twocol ul li.emptyspace {width:150px;}


/*************************************************
			Specific Page Styles
*************************************************/


/** publication profile page **/

a.backtoall {position:absolute;margin-left:774px;margin-top:15px;display:block;height:33px;width:180px;background:url(../images/backtoall.png) no-repeat top left;}

.excerpt {width:100px;float:left;margin:5px 5px 5px 0px;}
.excerpt a.download {display:block;width:100px;height:100px;background:url(../images/excerpt.gif) no-repeat top left;margin-bottom:3px;}
.excerpt a.download span {display:none;}
a.audioversion {font-size:18px;font-weight:bold;color:#025387;text-decoration:underline;background:url(../images/cd.jpg) no-repeat left top;padding:10px 0px 13px 50px;margin:0px 0px 15px 10px;display:block;clear:left;}

/** publications page **/

h4.aboutthesebooks {background:url(../images/aboutthesebooks.jpg) no-repeat; display:block;height:20px;width:180px;margin:0px;}
.shadow-holder h3.primary-headline {margin-top:15px;}
a.purchase {border:none;display:block;width:151px;height:49px;background:url(../images/purchase.gif) no-repeat top left;float:right;padding-left:5px;}
.shadow-holder p.publications {padding-right:165px;padding-left:159px;}
.last {background:none;}


/** press page **/
a.contactus {display:block;height:35px;width:181px;background:url(../images/contactus_BTN.png) no-repeat top left;margin-left:-3px;}

h3.primary-headline {font-size:18px;font-weight:normal;color:#993300;text-decoration:underline;margin-top:30px;margin-bottom:3px;}
h3.secondary-headline {font-size:12px;font-weight:bold;color:#669933;}




/*** BLOG STYLES ***/
/*** Added by NAM 12.21.09 ***/
.box-content a{text-decoration:none;}

a.byemail, a.byRSS {height:53px;margin-top:12px;}
a.byemail {position:absolute;margin-left:708px;display:block;width:130px;background:url(../images/byemail.png) no-repeat;}
a.byRSS {position:absolute;margin-left:843px;display:block;width:108px;background:url(../images/byrss.png) no-repeat;}

.blogbox-top {background:url(../images/blogbox-top.gif) no-repeat top left transparent;margin:0px;width:649px;height:8px;}
.blogbox-bottom {background:url(../images/blogbox-bottom.png) no-repeat top left transparent;margin-bottom:15px;height:68px;} 
.blogbox-shortbottom {background:url(../images/blogbox-shortbottom.gif) no-repeat top left transparent;margin-bottom:15px;height:8px;margin-left:1px;} /* blog comments page */
.blogbox {background:url(../images/blogbox-mid.gif) repeat-y top left transparent;width:649px;margin-top:0px;}
.blogbox .box-content {padding:10px 15px;}
.blogbox .box-content h3 {font-size:28px;}
.blogbox .box-content hr {margin:3px 0px;background:#d6d5c5;}
span.comments {font-weight:bold;font-size:14px;float:left;margin:20px 0px 0px 80px;}
span.readfull {float:right;margin:20px 35px 0px 0px;}
span.readfull a {color:#000;font-weight:bold;font-size:14px;text-decoration:none;background:url(../images/arrow.png) no-repeat right;padding:6px 50px 6px 0px;}

.timebox-top {background:url(../images/timebox-top.gif) no-repeat top left transparent;width:748px;}
.timebox {background:url(../images/timebox-mid.gif) repeat-y top left transparent;width:748px;}
.timebox-shortbottom {background:url(../images/timebox-shortbottom.gif) no-repeat top left transparent;}

.darkbox {background:#e9e9dc;-moz-border-radius:5px;width:268px;margin-bottom:15px;}
.darkbox .box-content {padding:10px 15px;}
.darkbox .box-content ul {margin:0px;padding-left:15px;}
.darkbox .box-content ul li {list-style:none;}
.darkbox .box-content ul li a {font-weight:bold;}
.darkbox .box-content ul li a span {display:inline;}
.darkbox .box-content h4 {color:#000;font-weight:bold;border-bottom:1px solid #deded3;padding-bottom:2px;margin-bottom:5px;margin-top:0px;font-size:14px;padding-top:0px;}
.clearbox {background:none;}


.tagcloud {text-align:center;width:268px;margin-bottom:15px;}
.tagcloud a {text-decoration:none;font-weight:bold;vertical-align:middle;padding:0px 2px;white-space:nowrap;}
.tagcloud a.tag1 {color:#D0CDC2;font-size:12px;}
.tagcloud a.tag2 {color:#B7B1A7;font-size:13px;}
.tagcloud a.tag3 {color:#A29A92;font-size:14px;}
.tagcloud a.tag4 {color:#A29A92;font-size:15px;}
.tagcloud a.tag5 {color:#827670;font-size:18px;}
.tagcloud a.tag6 {color:#685954;font-size:18px;}
.tagcloud a.tag7 {color:#483532;font-size:20px;}
.tagcloud a.tag8 {color:#2F1A19;font-size:24px;}
.tagcloud a.tag9 {color:#627A32;font-size:28px;}
.tagcloud h4 {border-bottom:1px solid #DEDED3; color:#000000; font-size:14px; font-weight:bold; margin:5px 15px 5px 15px; padding-top:5px; text-align:left;}

.blog-pagination {margin:0px 0px 15px;}
.blog-pagination ul.inline {width:100%;}
.blog-pagination ul.inline li {width:33%;}
.blog-pagination ul.inline li.next {text-align:right;margin-left:100px;}
.blog-pagination ul.inline li.previous {text-align:left;margin-right:100px;}
.blog-pagination ul.inline li.back {text-align: center;margin:0px 58px;}
.blog-pagination ul.inline li a {color:#999;font-weight:bold;}
.blog-pagination ul.inline li a.next {background:url(../images/next.gif) no-repeat right;padding:5px 34px 5px 0px;text-align:right;}
.blog-pagination ul.inline li a.previous {background:url(../images/previous.gif) no-repeat left;padding:5px 0 5px 34px}
.blog-pagination ul.inline li a.back {text-align: center;}

h4.postacomment {background:url(../images/postacomment.gif) no-repeat bottom left;display:block;height:23px;margin:15px 0px 15px;border-top:1px solid #ddd;padding-top:10px;}

form.comment label {font-weight:bold;width:100px;float:left;font-size:14px;}
form.comment input.text, form.comment textarea {width:475px;padding:2px;border:1px solid #999;float:left;margin:0px 0px 5px 0px;}
form.comment textarea {height:100px;}
form.comment input.commentsubmit {background:url(../images/submitbutton.gif) no-repeat top left;color:#fff;padding:8px 38px;border:none;font-weight:bold;font-size:14px;float:right;margin-right:3px;cursor:pointer;}


/*** ABOUT THE AUTHOR ***/

/* about page timeline styles */

.timeline-top, .timeline-bottom, .timeline-mid, .timeline-details {margin-left:6px;}

.timeline-top {background:url(../images/timeline-top.png) top left no-repeat;height:28px;width:232px;color:#fff;font-size:19px;padding:7px 0px 0px 11px;margin-top:15px;}
.timeline-bottom {background:url(../images/timeline-bottom.png) top left no-repeat;height:7px;width:243px;}
.timeline-mid {background:url(../images/timeline-mid.png) top left no-repeat;height:auto;width:226px;color:#fff;font-weight:bold;padding:0px 10px;}
.timeline-details {padding:0px 21px 0px 8px;}

.timeline-top a {font-weight:bold;text-decoration:none;float:right;padding-left:25px;font-size:12px;padding-right:6px;}
.timeline-top a.read {background:url(../images/about_read.gif) no-repeat center left;}
.timeline-top a.video {background:url(../images/about_video.gif) no-repeat center left;}
.timeline-top a.photo {background:url(../images/about_picture.gif) no-repeat center left;}
.timeline-top a.pdf {background:url(../images/about_pdf.gif) no-repeat center left;}

/** timeline page styles **/

h3.timeline-header {background:url(../images/timeline-header.png) no-repeat top left;display:block;/*height:44px;width:646px;*/color:#fff;font-size:22px;padding:10px 0px 13px 12px;margin:0px 6px}
h3.timeline-header span {display:inline;color:#fff;font-size:16px;font-weight:normal;}
img.left {margin:5px 10px 10px 0px;}

/** studying the affluent timeline **/
.timeline-year {margin-top:0px;padding:0px;font-size:20px;font-weight:bold;}
.timeline-year a {font-weight:bold;font-size:16px;}
.timeline-year a:link, .timeline-year a:visited {color:#993300;text-decoration:none;}
.timeline-year a:hover, .timeline-year a:active {color:#7d2b01;}

ul.timeline-month {margin:0px;padding:0px;}
ul.timeline-month li {list-style:none;padding-left:20px;margin-bottom:7px;}
ul.timeline-month li a:link, ul.timeline-month li a:visited {font-size:12px;color:#000000;text-decoration:none;font-weight:normal;}
ul.timeline-month li a:hover, ul.timeline-month li a:active {color:#993300;}
ul.timeline-month li a.on {color:#993300;}
.month {font-size:13px;color:#6d9c29;text-decoration:underline;display:inline;font-weight:bold;}


/*** CONTACT FORMS ***/
iframe#taForm {height:820px;}
a.tellusyourstory {display:block;height:33px;width:179px;background:url(../images/tellyourstory.gif) no-repeat top left;}
a.contactus {display:block;height:33px;width:179px;background:url(../images/contactus.jpg) no-repeat top left;}
a.readotherstories {display:block;height:33px;width:179px;background:url(../images/readotherstories.jpg) no-repeat top left;}

.formtext {background:url(../images/head-bg.jpg) no-repeat bottom left transparent;height:600px;margin-bottom:100px;}


/*****************************************
		TIME LINE
*****************************************/

.horz-timeline {background:url(../images/timeline.png) no-repeat center;display:block;height:400px;width:860px;padding:0px 20px 0px 80px;margin:0px 0px 50px;}

.horz-timeline .timeline-upper, .horz-timeline .timeline-lower {height:170px;width:100%;padding:0px;display:block;}
.horz-timeline .timeline-dates {text-align:center;font-weight:bold;padding:5px 0px 3px;width:100%;margin:0px 0px 0px -30px;font-size:30px;font-family:"Times New Roman", Times, serif;color:#000;}


.horz-timeline .event {width:1px;position:relative;background:url(../images/event-line.gif) repeat-y top center;float:left;}
.horz-timeline .event a {font-weight:bold;}
.horz-timeline .event p {padding:3px;background:#f4f4e8;margin:0px 0px 0px -44px;display:block;width:120px;}

.horz-timeline .timeline-upper .near {height:115px;margin-top:62px;}
.horz-timeline .timeline-upper .far {height:178px;}

.horz-timeline .timeline-lower .near {height:55px;padding-top:55px;}
.horz-timeline .timeline-lower .far {height:56px;padding-top:115px;}

ul.timeline-years {list-style:none;margin:20px 0px 0px;padding:0px;}
ul.timeline-years li {display:block;font-size:14px;height:16px;padding-left:30px;margin:0px 0px 10px;font-weight:bold;}
ul.timeline-years li.on {background:url(../images/timeline-on.gif) no-repeat top left;}

/**************** Footer Styles - added 10.28.2009 by NAM ************************/

#footer a.jhouse {margin:15px 0px 10px 415px;display:block;width:136px;height:55px;background:url(http://www.thomasjstanley.com/images/jhouse-logo.gif) no-repeat top left;}

/* New J House SEO logo */
.jhouse-logo {position: relative; left: 320px; top: 0px; width: 16px; height: 16px; float: left; display: block; background: url(../images/jhouse-logo16px.png) no-repeat 0 0; margin: 0 auto;}
.jhouselink{padding: 0!important;}