/* TREATMENT 1 */

@charset "UTF-8";

/* 
	Custom Stylesheet: "Justin Jones, Psychologist, PhD"
	Author:    			Brandon Ashcraft 
	Last Revision:  	4/28/14
	
	Colors:
	
	Background:			gradient (see definition)
	Banner:				#C6C8C3
	Light Accent:		#724463
	Dark Accent / Text:	#161718
	

*/


/* -----------------------------------------------  RESET  ----------------------------------------------- */

* 							{ margin: 0; padding: 0; }

html 						{ height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; }  

body 						{ float: left; width: 100%; min-height: 100%; } 


a 							{ text-decoration: none; }
a img 						{ border: none; }

ul, ol 						{ list-style-position: inside }

li							{ list-style-type:none;  }

/* --  ensure that all images are elastic  -- */
img 						{ max-width:100%; } 


/* -------------------------------------------   IE8 ALERT   --------------------------------------------  */

#ie8alert 					{ clear: both; float: left; width: 100%; background: #000; opacity:0.8; 
							  border-top: 4px solid #000; line-height: 30px; font-size: 14px; margin: 0 auto;
							  padding: 40px 0 40px 0;   }
 
#ie8alert p 				{ display:block; width: 950px; padding: 5px 10px; text-align: center; margin: 0 auto; 
							  color: #FFF; }

#ie8alert a  				{ font-weight: bold; text-decoration: none; padding: 3px; color: #FFF; }
	
#ie8alert a:hover 			{ background-color: #e1e1e1; }



/* ----------------------------------------------  LAYOUT  ---------------------------------------------- */
 
/*.fixed-background-gradient	{
 
background-image: linear-gradient(top, rgb(84,123,75) 17%, rgb(255,255,255) 59%, rgb(255,255,255) 80%);
background-image: -o-linear-gradient(top, rgb(84,123,75) 17%, rgb(255,255,255) 59%, rgb(255,255,255) 80%);
background-image: -moz-linear-gradient(top, rgb(84,123,75) 17%, rgb(255,255,255) 59%, rgb(255,255,255) 80%);
background-image: -webkit-linear-gradient(top, rgb(84,123,75) 17%, rgb(255,255,255) 59%, rgb(255,255,255) 80%);
background-image: -ms-linear-gradient(top, rgb(84,123,75) 17%, rgb(255,255,255) 59%, rgb(255,255,255) 80%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, rgb(84,123,75)),
				  color-stop(0.59, rgb(255,255,255)),color-stop(0.8, rgb(255,255,255)));
				  
				  			height: 100%; width: 100%; position: absolute; z-index:0; top: 0px; left: 0px;  
				  
 							}
*/

.wrapper					{ float:left; width:100%;  
							  /* background:url(../image/background-repeat.png); background-repeat:repeat-x; */
							  background-color:#f7f7f7; }

	.header-wrapper			{ float:left; width:100%; margin:40px 0 10px 0;  }							  
		header				{ max-width: 980px; margin:0 auto; }
			.header-copy	{ float:left; width:100%; padding:5px 0 8px 0; }
			
	.main-wrapper			{ float:left; width:100%; margin-bottom:80px; }		

	.main					{ max-width: 980px; margin:0 auto; }
		.image-banner		{ float:left; max-width: 980px; margin:3.5% 0 3% 0; }
		.image-banner-bottom{ float:left; max-width: 980px; margin:0% 0 10% 0; }
			.banner-img		{ float:left; width:20%; }
			.banner-img-long{ float:left; width:100%; }

			
		.main-column-content{ float:left; width:100%;  }

		.nav-sidebar		{ float:left; width:18%; margin:2.5% 1% 0 1%; }
			.home-icon, 
			.map-icon,
			.message-icon	{ float:left; width:12%; margin:3% 8% 20px 10%; }
			.home-icon		{ margin-left:11%; }
			.map-icon		{ width:13%; }
			.message-icon	{ margin-right:6%; }
			.main nav		{ float:left; width:81%; margin:7% 15% 0 0; padding:2%; }
			.main nav ul    { padding-bottom: 15%; }
			.main nav ul li	{ display:inline-block; padding-bottom:10%; width:81%; }
			
		.center-content		{ float:left; width:58%; margin:3% 1% 1% 1%; }	
			.article-topic	{ float:left; width:100%; padding:.4% 0; color:#222;  background-color: #d1d1d1; font-size:115%; text-indent:1.5%;  }
			.article-copy   { float:left; display:block; width:86%; padding:0 9% 0 5%; background-color: #E9ece8; }

		.justin-photo		{ float:left; display:block; width:18%; margin:3% 1% 1% 1%;  } 

	.footer-wrapper 		{ position:fixed; left:0px; bottom:0px; height:50px; width:100%; }
		footer				{ max-width: 980px; margin:0 auto; overflow:hidden; }
			footer p		{ display:inline-block; float:left; width:100%; height:20px; padding-top:3px; }



/* --------------------------------------  LAYOUT : PAGE SPECIFIC  -------------------------------------- */

#home .retreat-line			{ display:inline-block; margin:3% 0 0 3%; }
#home .article-copy p 		{ float:left; display:block; margin:7% 2% 0% 2%;  }

.education-logos			{ float:left; width:94%; margin:7% 3% 3% 3%; }
.columbia-logo				{ float:left; width:13%; } 
.yale-logo					{ float:left; width:38%; margin:0 5%; } 
.emory-logo					{ float:left; width:20%; margin:2.75% 5% 0 0; }
.einstein-logo				{ float:left; width:14%; } 
.educational-institution	{ float:left; display:block; width:96%; margin:6% 2% 0 2%; }
#education .position		{ float:left; display:block; width:96%; margin:1.4% 2% 0 2%; }
#education 
	.article-subheader		{ float:left; display:block; width:96%; margin:9% 2% 0 2%; text-decoration:underline; }


#services 
	.article-subheader		{ float:left; display:block; width:96%; margin:7% 2% 0 2%; text-decoration:underline; }
#services
	.article-subsubheader	{ float:left; display:block; width:96%; margin:3% 2% 0 2%;  }
#services .article-para		{ float:left; display:block; width:96%; margin:2% 2% 2% 2%; }
#services .fees-label		{ float:left; display:block; width:96%; margin:7% 2% 0% 2%; }
#services .article-fees		{ float:left; display:block; width:88%; margin:0% 10% 2% 2%; }


#testing .article-copy p 	{ float:left; display:block; margin:7% 2% 0% 2%;  }
#testing .article-copy 
			p.last			{ margin-bottom:1%; }
#testing .article-copy ul	{ display:inline-block; float:left; width: 90%; margin: 0 0 0 7%; }

/*
#retreats .info-c1			{ width:13%; }
#retreats .info-c2			{ width:87%; }
#retreats .payment-link		{ display:inline-block; float:left; width: 80%; margin: 2% 12% 0 8%; }
#retreats .tagline			{ display:inline-block; float:left; width: 70%; margin: 2% 17% 0 13%; } */



/* ----------------------------------------------  STYLE  ----------------------------------------------- */

/*#retreats .wrapper 			{ background-color: #1b1b1b;
  							  background-image: -moz-linear-gradient(top, #ff9fae, #62afeb);
  							  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9fae), to(#62afeb));
  							  background-image: -webkit-linear-gradient(top, #ff9fae, #62afeb);
 							  background-image: -o-linear-gradient(top, #ff9fae, #62afeb);
 							  background-image: linear-gradient(to bottom, #ff9fae, #62afeb);
  							  background-repeat: repeat-x;
  							  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffff9fae', endColorstr='#ff62afeb',
							  		  GradientType=0); } */
	
body						{ font-family: 'Actor', Verdana, Arial, Geneva, sans-serif;  color:#161718;
							  letter-spacing:.5px; line-height:210%;  }
a:link, a:visited			{ color:#000; }
a:hover						{ color:#724463; }

.therapist-name				{ font-size: 260%; color:#161718; line-height:normal; text-align:center; }

.therapist-identity			{ font-family: 'Actor', serif; font-size: 130%; color:#161718; line-height:normal; text-align:center; }
.article-topic				{ font-family: 'Actor', serif; font-size: 130%; color:#161718; line-height:normal; }


article p, footer			{ font-size:  100%; color:#161718; line-height:210%;  }
.article-subheader			{ font-size:105%; line-height:normal;	 }

.main nav					{ font-size:  90%; text-align:right; line-height:normal;   }
.main nav a:link, 
.main nav a:visited			{ font-family: 'Cardo', serif;  color:#161718; }
.main nav a:hover			{ color:#724463; }

.footer-wrapper				{ background-color: #92A495; /*#829F7C;*/ }
	footer p				{ font-family: 'Cardo', serif;  color:#000; font-size: 90%; text-align:center; }
	footer a:hover			{ color:#724463 }
	footer p.copyright		{ font-size:80%; margin-top:-3px; }



/* --------------------------------------  STYLE : PAGE SPECIFIC  --------------------------------------- */

#home .article-copy,
#services .article-copy,
#testing .article-copy		{ line-height:250%; }

#education .article-copy	{ line-height:120%; }
#education .position		{ font-size:90%; color:#333; line-height:90%; }
.educational-institution	{ font-size:110%; color:#000; }
#education 
	.article-subheader		{ font-size:120%; }

#services
.article-subsubheader,
#retreats
.article-subsubheader,
#retreats .info-c2			{ font-family: 'Cardo', serif; font-style:italic; }
#services .article-fees		{ font-family: 'Cardo', serif; font-size: 80%; line-height:normal; }

#testing .article-copy ul	{ list-style-position:outside; font-size:94%; }
#testing .article-copy ul li{ list-style-type:circle; line-height:normal; margin-top:4%; }

#contact aside				{ width:0%; display:none; }
#contact article			{ width:72.75%; margin-right:0%; }
legend 						{ display:none; margin-left:4.2%; text-indent:1.4%; width:25%; font-weight:bold; }
label 						{ display:block; float:left; margin-left:5.6%; width:19.2%; cursor:pointer; font-size:100%;  }
input, textarea 			{ float:left; padding:0 0 0 2.8%; margin-bottom:2.8%; width:50%; }
input, textarea 			{ font-family: 'Cardo', serif; font-size:100%; }
.message_form 				{ width:100%; float: left; }
.message_form fieldset 		{ width:100%; } 
.message_form fieldset .name { margin-top:2.8%; }
.message_form fieldset 
	.message textarea 		{ width:65%; height:112px; } 
input[type="image"] 		{ float: right; margin:2.8% 2.8% 0 0; width: 5%; height: 5%; }
#contact button 			{ float: right; margin:2.8% 2.8% 0 0; width:14.1%;  }

/*
#retreats .header-wrapper   { background-color: #333333;  }
#retreats .therapist-name,
#retreats 
.therapist-identity			{color:#bbb; }
*/


/* #retreats article p			{ font-size:100%; } */
#retreats article p			{ line-height:195%; } 

#justin_thumbnail			{ float:left; width:15%; margin:1% 5% 0 0; }
.justin_text				{ float:left; width:80%; }
#sylvia_thumbnail			{ float:left; width:15%; margin:1% 5% 0 0; }
.sylvia_text				{ float:left; width:80%; }


/* #retreats .footer-wrapper	{ background-color: #333333; }
#retreats footer p			{ color:#bbb; }
#retreats footer a:link,
#retreats footer a:visited	{ color:#bbb; }
#retreats footer a:hover	{ color:#fff; }  */

#home .retreat-line a:link,
#home .retreat-line a:visited		{ color:#ee282d; }

#home .retreat-line,
#retreats .payment-link				{ text-align:center; }

#retreats .payment-link a:link,
#retreats .payment-link a:visited	{ color:#ee282d; }

#home .retreat-line a:hover,
#retreats .payment-link a:hover		{ color:#000; }

#retreats .payment-link		{ font-size:115%; }

#retreats .tagline			{ text-align:center; }