/* Styles to be used for Michael Thompson Ph. D. at http://www.michaelthompson-phd.com */

/* Overwrites default browser settings 
--------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #464848	 /*Main text color*/
}

/* Body 
--------------------------------------------------------------------*/
html, body {
	background-color: #847E6B;
	background-image: url(images/fade.gif);
	background-repeat: repeat-x;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: arial, verdana, helvetica, sans-serif; 
	color:#464848;
	font-size: 80%;
}

/* General 
--------------------------------------------------------------------*/
img {
	border:0;
}

p {	
	margin: 10px 0 0 0;
}

/* Links 
--------------------------------------------------------------------*/
a, a:visited {
	color: #002B5C;
	text-decoration: none;
}

a:hover, a:active {
	color: #007cc2;
}
	
/* Container Styles 
--------------------------------------------------------------------*/

#container {
	width:844px; 
	margin: 0 auto 3em auto; 
	background: #d6d2b9;
	border:1px solid #333333;
}

#outer_container {
	width: 844px;
	background: white;
	text-align: left; 
	top: 10px;
	margin: auto;
	border:1px solid #333333;
	padding: 6px;
	position: relative;
    background-color: #d6d2b9;
}

/*Top Banner  Styles 
--------------------------------------------------------------------*/
#top_container {
	height: 125px;
	background-color:#fff;
	background-image:url(images/banner_fade.gif);
	background-repeat:repeat-y;
}

#banner_container {
	height:94px;
	padding:0px;
}

/* Navigation Bar Styles 
--------------------------------------------------------------------*/
#hor_nav_container {
	z-index: 2;
	background-image:url(images/nav_fade.gif);
	background-repeat:repeat-x;
	background-color: #000;
	height:31px;
	padding:0px;
	position:relative;
	top:0px;
	width:842px;
}

#nav, #nav ul{
	float: left;
	list-style-type: none;
	line-height: 1.5;
	padding: 0;
	border-width: 1px 0;
	margin: 0 0 0 0;
}

#nav a {
	color: #002b5c;
	font-size: 15px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: .25em 1em;
}
#nav a:hover {
	color: #007cc2;
	font-size: 15px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: .25em 1em;
}
#nav li {
	padding: 0;
	float: left;
}


/* Hacks
--------------------------------------------------------------------*/
/*Hides h1 for background image */
h1 span { 
	text-indent: -5000px;
	display: block;
	background-repeat: no-repeat;
}

/*
h2 span { 
	text-indent: -5000px;
	display: block;
	background-repeat: no-repeat;
	height:25px;
}
*/

/*Allows inline images */
#main_content .books_row .workshop .no_border, #main_content #books_row_last .workshop .no_border {
	margin:0 0 0 2px;
	padding:0;
	float:none;
	border:none;
}

#lower_content #lower_content_teezer_left #lower_content_event .no_border, #lower_content #lower_content_teezer_right .lower_content_wide .no_border {
	margin:0 0 0 5px;
	padding:0;
	float:none;
	border:none;
}

#main_content #questions_and_answers #links_right .no_border {
	margin:0 0 0 5px;
	padding:0;
	float:none;
	border:none;
}

/* Headers
--------------------------------------------------------------------*/
h1 {
	font-size: 16px;
	margin:0 0 0 0;
	color: #CC3300;
	height:55px;
	background-repeat:no-repeat;
}

h2 {
	font-size: 150%;
	margin: 0 0 10px 0;
}

#main_content h2 {
	margin-top:.5em;
}

h3 {
	font-size: 125%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h4 {
	font-size: 100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h5 {
	font-size: 100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#page_contact h1 {
	background-image: url(images/h1/contact_h1.gif);
}

#page_books h1 {
	background-image: url(images/h1/books_h1.gif);
}

#page_about h1 {
	background-image: url(images/h1/about_h1.gif);
}

#page_questions h1 {
	background-image: url(images/h1/questions_and_answers_h1.gif);
}

#page_media h1 {
	background-image: url(images/h1/media_h1.gif);
}

#page_workshops h1 {
	background-image: url(images/h1/workshops_h1.gif);
}

#page_international h1 {
	background-image: url(images/h1/international_h1.gif);
}

/* Container Styles
--------------------------------------------------------------------*/

#main_container {
	width: 842px;
	background-color: #ececec;
	font-size: 9pt;
	border:1px solid #333333;
}

#main_content_container {
	border-top: 1px solid #948E7B;
	/* background-image:url(images/flash_fade.gif); 
	background-repeat:repeat-x; */
}

#main_content {
	width:826px;
	padding:8px;
}

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

#main_content img {
	border:1px solid #948E7B;
	margin:0px 10px 10px 0px;
	background-color:white;
	padding:1px;
}

.wide_main_content {
	margin:0;
	width:842px;
	background-image:url(images/main_content_fade.gif);
	background-repeat:repeat-x;
}
	
/* Flash Related Styles
--------------------------------------------------------------------*/
#flash_container {
	height: 216px;
	/*background-image:url(images/flash_fade.gif);
	background-repeat:repeat-x; */
	float:left;
}
	
#flash_extra {
	margin: 10px;
	font-size: 90%;
	width: 372px;
	height:216;
	float:left;
}

#flash_image {
	float:left;	
}

#flash_menu {
	float:left;
}

/* Flash Hover Menu...
--------------------------------------------------------------------
#flash_nav, #flash_nav ul {
	list-style-type: none;
	line-height: 2;
	padding: 0;
	margin: 20px 20px;	
}

#flash_nav li, #flash_nav li:hover {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#flash_nav li {
	background-image: url(images/arrow2.gif);
}

#flash_nav li:hover {
	background-image: url(images/arrow3.gif);
}

#flash_nav a {
	color: #000;
	display: block;
	text-decoration: none;
}

#flash_nav a:hover {
	color: #3E3931;
	display: block;
	text-decoration: none;
}
*/

/* Footer 
--------------------------------------------------------------------*/
#footer_container {
	clear:both;
	background-image:url(images/footer_fade.gif);
	background-repeat:repeat-x;
	margin-top:20px;
	padding:5px 0;
	text-align:center;	
}

/* Boxes
--------------------------------------------------------------------*/
.box {
	border: solid 1px #948E7B;
	padding:5px;
	background-color: #FFFFFF;
	margin-bottom: 7px;
}

.gray-quote {
	background-color: #ececec;
	padding:.25em;
	border:solid 1px #948E7B;
}

/* Lower Content
--------------------------------------------------------------------*/
#lower_content {
	margin: 5px;
}

#lower_content img {
	float:left;
	border:1px solid #948E7B;
	margin:0 10px 10px 0px;	
	background-color:white;
	padding:1px;
	
}

#lower_content_teezer_left {
	float:left;
	width:275px;
	margin:5px;
	background:transparent url(images/gray-dot.gif) repeat-y scroll right center;
	padding-right:4px;
}

#lower_content_event {
	padding:10px 15px 20px 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom left;	
}

/* reserve in case you want to add a second line under event  */

#lower_content_about {
	padding:10px 15px 20px 0; 
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom left;	
}



.lower_content_wide {
	margin:0px 10px 20px 10px;
	padding:15px 0 0 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll top center;
}

#lower_content_event h3 {
	color: #2F2E43;
}

#lower_content_facebook {
	padding:10px 15px 10px 0;
}

#lower_content #lower_content_teezer_left #lower_content_facebook img {
	border:none;
	background:none;
}

#lower_content_teezer_right {
	float:left;
	width:510px;
	margin:0 5px 10px 10px;	
}

.lower_content_teezer {
	float:left;
}

.lower_content_teezer h3 {
	margin-top:.25em;
}

.lower_content_teezer h4 {
	font-size:115%;
	margin-top:.25em;
}

.lower_content_teezer h5 {
	margin-top:.5em;
}

.lower_content_book {
	margin:20px 10px 0 10px;
	padding:0 0 15px 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom center;
}

#lower_content_qa {
	margin: 0 0 0 10px;
	width:230px;
	padding:15px 10px 30px 0;
	background:transparent url(images/gray-dot.gif) repeat-y scroll right center;
}

#lower_content_cain {
	margin: 0 10px 0 0;
	width:230px;
	padding:15px 0 15px 10px;
}


/* Books Page
--------------------------------------------------------------------*/
#book_copy {
	margin:0 5px;
}

.books_row {
	width:794px;
	margin:0 10px;
	padding:0 0 2px 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom center;
}

#books_row_last {
	width:794px;
	margin:0 10px 20px 10px;
}

.book {
	width:375px;
	float:left;
	margin:0;	
}

#book_front {
	padding: 10px 10px 10px 0;
}

#book_back {
	padding: 10px 0 10px 10px;
}

#book_back p {
	margin-bottom:0;
	margin-top:.5em;
}

#book_back p span {
	margin-left:10px;
	font-style:italic;
	font-weight:bold;
}

/* 
#book_back img {
	float:right;
	margin:0 -20px 0 10px;	
}

*/

.book_both {
	padding:10px 0;
	margin:0;
	width: 794px;
}

.book li {
	list-style:none;
}

.book h4 {
	font-style:italic;
	margin-bottom:.25em;
}

.book h5 {
	font-size:90%;
	font-style:none;
	margin-bottom:1em;
}

.book h6 {
	font-size:100%;
	margin-top:15px;
	font-weight:normal;
}

.book img {
	float:left;
}

.book_left {
	background:transparent url(images/gray-dot.gif) repeat-y scroll bottom right;
	padding:10px 10px 10px 0;
}

.book_right {
	padding:10px 0 10px 10px;
}	

/* SlideShow
--------------------------------------------------------------------*/
#slide_show { 
	height: 216px; 
	width: 450px; 
}

#slide_show .big_image { 
	position: absolute; 
}

#slide_show img { 
	display: block; 
}

.slide_show_top { 
	float: left; 
	width: 450px; 
	padding-right: 0px; 
}

.slide_show_topper {
	min-height: 216px; 
	float:left;
}

/* Questions Page
--------------------------------------------------------------------*/
#questions_and_answers {
	margin-bottom:25px;
}

#floated_text {
	width:440px;
	margin:5px 20px 30px 10px;
	float:left;
}

#submit_question {
	width:325px;
	float:right;
	font-size:90%;
	margin-top:30px;
	margin-right:10px;
}

#submit_question h2 {
	margin:0;
}

input.q-text, select.q-select, textarea.q-textarea {
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#333333;
	font-family:Verdana,Arial;
	font-size:9px;
	width:225px;
}

#questions_and_answers h3 {
	margin-bottom:5px;
}

#you_asked ul {
	margin-left:25px;
}

#you_asked ul li {
	font-size:100%;
	margin-bottom:3px;
}	

.question_row ol {
	margin-left:25px;
}

.question_row ol li {
	font-size:100%;
	margin-bottom:3px;
}


.question_answer_format li, .question_answer_format li:hover {
	list-style:none;
	margin-left:8px;
	margin-bottom:10px;
	background-repeat: no-repeat;
}	

.question_from {
	font-weight:bold;
}

.question_from li, .question_from li:hover {
	background-image: url(images/icons/comment.png);
	padding-left:25px;	
}

.answer_from li, .answer_from li:hover {
	padding-left:75px;		
}

#answer-18 li {background-image: url(images/icons/boy-father-sit.jpg);}
#answer-17 li {background-image: url(images/icons/boy-drop.jpg);}
#answer-16 li {background-image: url(images/icons/boy-rush.jpg);}
#answer-15 li {background-image: url(images/icons/boy-8.jpg);}
#answer-14 li {background-image: url(images/icons/man-jump.jpg);}
#answer-13 li {background-image: url(images/icons/college-girl.jpg);}
#answer-12 li {background-image: url(images/icons/prom.jpg);}
#answer-11 li {background-image: url(images/icons/child-gun.jpg);}
#answer-10 li {background-image: url(images/icons/graduate.jpg);}
#answer-9 li {background-image: url(images/icons/read.jpg);}
#answer-8 li {background-image: url(images/icons/8.jpg);}
#answer-7 li {background-image: url(images/icons/7.jpg);}
#answer-6 li {background-image: url(images/icons/steal.jpg);}
#answer-5 li {background-image: url(images/icons/baby-boy.jpg);}
#answer-4 li {background-image: url(images/icons/chalkboard.jpg);}
#answer-3 li {background-image: url(images/icons/father-son-silhouette.jpg);}
#answer-2 li {background-image: url(images/icons/young-man.jpg);}
#answer-1 li {background-image: url(images/icons/child-cry.jpg);}

.answer_from li ul {
	margin:5px 0 5px 15px;
}

#answer-3 li ul li, #answer-3 li ul li:hover, #answer-6 li ul li, #answer-6 li ul li:hover {
	background-image:none;
	list-style:disc;
	padding-left:5px;
	margin-bottom:3px;
	font-size:100%;
}

#links_right h3 {
	margin:10px 0;
}


#links_right {
	float:right;
	width:175px;
	margin-right:15px;
	background-color: #ececec;
	padding:.25em .75em;
	border:solid 1px #948E7B;
}

#links_right li {
	background-image: url(images/icons/arrow_slant.png);
	margin-left:0px;
	padding-left:16px;
	
}

#links_right ul {
	margin:10px 0;
}

#links_right p {
	font-size:95%;
	font-style:italic;
}
	
.question_row {
	width:550px;
	margin:10px 10px;
	padding:0 0 10px 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom center;
}

.question_row li {
	font-size:90%;
}

.question_row h4 {
	margin-bottom:5px;
	font-size:125%;
}

.back_to_top {
	float:right;
}

/* Workshops Page
--------------------------------------------------------------------*/
#workshop_info {
	width: 465px;
	float:left;
	margin:0 30px 20px 10px;
}

#workshop_right {
	width: 305px;
	float:left;
	margin-top: 10px;
}

#workshop_right ul, #workshop_right li {
	font-size:85%;
	list-style:none;
	margin:0;
	padding:0;
}

#workshop_right ul ul li {
	margin-left:5px;
}

.workshop_pricing {
	/* 
	padding-left:10px;
	background:transparent url(images/gray-dot.gif) repeat-y scroll bottom left;
	*/
	background-color: #ececec;
	padding:.25em .75em;
	border:solid 1px #948E7B;
}

#slide_show_w { 
	height: 225px; 
	width: 300px; 
}

#slide_show_w .big_image { 
	position: absolute; 
}

#slide_show_w img { 
	display: block; 
}

.slide_show_w_top { 
	float: left; 
	width: 300px; 
}

.slide_show_w_topper {
	min-height: 225px; 
	float:left;
	margin-bottom:25px;
}

.workshop {
	width:375px;
	float:left;
}

.workshop h3 {
	margin:0px 0 10px 0;
}

.workshop p {
	font-size: 90%;
}

.workshop img {
	float:left;
}

.workshop_list li {
	margin: 0 0 5px 20px;
	/* margin-left: 15px;
	margin-bottom: 2px; */
	font-size: 90%;
	list-style: disc;
}

/* Media Page **NEW**
--------------------------------------------------------------------*/	
#media_left  {
	margin:10px 30px 10px 10px;
	width:530px;
	float:left;
}

#media_left ul {
	margin: 0 10px 10px 25px;
}

#media_left li, #media_left li:hover {
	list-style:none;
	line-height:1.5em;
	padding-left:25px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: 0 .5em;	
}

#media_left li span {
	display:block;
	margin-left:15px;
	font-size:90%;
}

.audio_player {
	margin-left:25px;
}

/* #media_left h2 {background-repeat:no-repeat;}
#recent_writings_left h2 {background-image: url(images/recent_writings_h2.gif);}
#audio_clips_left h2 {background-image: url(images/audio_clips_h2.gif);}
#video_clips_left h2 {background-image: url(images/video_clips_h2.gif);}
*/

#recent_writings_left li {background-image: url(images/icons/document-blue.png);}
#recent_writings_left li:hover {background-image: url(images/icons/document-blue-gray.png);}
#audio_clips_left li {background-image: url(images/icons/ipod.png);}
#audio_clips_left li:hover {background-image: url(images/icons/ipod-gray.png);}
#video_clips_left li {background-image: url(images/icons/movie.png);}
#video_clips_left li:hover {background-image: url(images/icons/movie-gray.png);}

#media_right {
	margin-top:35px;
}

.audio_player {
	margin-bottom:10px;
}



/* Autoclear
--------------------------------------------------------------------*/
.autoclear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.autoclear {
	display:inline-block;
}

.autoclear {
	display:block;
}

/* International page
--------------------------------------------------------------------*/
#international_text {
	margin:0 10px;
}

.highslide_row {
	min-height:270px;
	margin:0 15px 15px;
	padding:0 0 20px 0;
	background:transparent url(images/gray-dot.gif) repeat-x scroll bottom center;
}

.intl_image {
	float:left;
	width:242px;
	margin:0 9px;
}

.intl_image img {
	float:left;
}

.highslide_row h5 {
	font-style:italic;
	font-weight:normal;
	margin-top:.25em;
}


/* About page
--------------------------------------------------------------------*/
#mt_bio_image {
	width:304px;
	float:left;
	margin:10px 20px 10px 0px;
}

#mt_bio_image img {
	display:block;
	margin-bottom:0;
}

#mt_bio_image a {
	font-size:85%;
	float:right;
}

/* Contact page
--------------------------------------------------------------------*/
#contact_text {
	float:left;
	margin-left:50px;
}

#contact_list {
	margin:10px 0;
}

#contact_list ul {
	list-style-type: none;
	margin-left:25px;
}

#contact_list li {
	line-height:1.25em;
	margin-bottom:5px;
}

#contact_list span li  {
	list-style:none;
	padding-left:25px;
	background-repeat: no-repeat;
	line-height:1.5em;
}

#c-phone li, #c-phone li:hover {background-image: url(images/icons/phone.png);}
#c-fax li, #c-fax li:hover {background-image: url(images/icons/fax.png);}
#c-email li, #c-email li:hover {background-image: url(images/icons/email.png);}


input.text, select.select, textarea.textarea {
	background-color:#ececec;
	border:1px solid #666666;
	color:#333333;
	font-family:Verdana,Arial;
	font-size:9px;
	width:300px;
}

textarea.textarea {
	width:400px;
}

#contact_form h2 {
	margin:0;
}