/*
Theme Name: Medicine Wheel at RedCliff	
Version: 1.0
Author: Eli Kirk
Author URI: http://www.elikirk.com
Template:   elikirk-parent
*/


@import url("../elikirk-parent/style.css");



/* Theme-specific styles */


body
{
	background-image: url('images/bg-body.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #D3D6D8;
}

body.lightbox
{
	background-image: none;
	background-color: #D3D6D8;
}

a:link,
a:visited
{
	color: #56789c;
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	text-decoration: underline;
}

div#page-content
{
	width: 928px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #56789c;
	background-image: url('images/bg-content.png');
	background-repeat: repeat-y;
	position: relative;
	padding: 0 3px 0 3px;
}


	/*
	div#page-border-outer
	{
		border-left: 1px solid #6983af;
		border-right: 2px solid #3a465c;
	}

	div#page-border-inner
	{
		border-left: 2px solid #3a465c;
		border-right: 1px solid #6983af;
	}

	div#page-border-outer,
	div#page-border-inner
	{
		height: 100%;
	}
	*/

	div#page-header 
	{
		height: 146px;
		position: relative;
		background-image: url('images/bg-header.jpg');
		background-repeat: no-repeat;
		z-index: 3;
	}
	
		div#page-header img.logo
		{
			width: 230px;
			height: 166px;
			position: absolute;
			top: 0px;
			left: 35px;
		}
		
		div#page-header div.phone
		{
			float: right;
			padding-right: 40px;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 25px;
			text-align: right;
			margin-top: 30px;
			line-height: 26px;
		}

			div#page-header div.phone div.details
			{
				font-size: 16px;
			}

		div#main-menu
		{
			position: absolute;
			left: 265px;
			top: 116px;
			font-size: 15px;
			color: #6983af;
			font-family: Arial, Helvetica, sans-serif;
			z-index: 10;
		}

			div#main-menu div.menu-main-menu-container
			{
				width: 640px;
			}
		
			div#main-menu a:link,
			div#main-menu a:visited
			{
				color: #90a3c3;
				text-decoration: none;
			}


			div#main-menu a:hover
			{
				color: #fff;
			}


			div#main-menu ul
			{
				position: absolute;
			}

			div#main-menu ul, 
			div#main-menu li
			{
				margin: 0; 
				padding: 0;
				list-style: none;
			}
			
			div#main-menu li
			{
				height: 22px;
				display: block;
				position: relative;
				float: left;
				padding: 0 12px 0 12px;
				border-left: 1px solid #576e96;
			}
			
				div#main-menu li:first-child
				{
					border-left: none;
				}

			div#main-menu ul.sub-menu
			{
				position: absolute;
				top: 22px;
				left: 0px;
				display: none;
				background-color: #1d2d46;
				padding: 16px 0 12px 0;
				font-size: 12px;
				border-bottom: 1px solid #6983af;
				opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=90); /* IE lt 8 */
				-ms-filter: "alpha(opacity=90)"; /* IE 8 */
				-khtml-opacity: .90; /* Safari 1.x */
				-moz-opacity: .90; /* FF lt 1.5, Netscape */					
				z-index: 10;
				
			}					

				
				div#main-menu ul.sub-menu li
				{
					display: block;
					margin: 0px;
					width: 160px;
					height: auto;
					padding: 6px 12px;
					position: relative;
					border-left: none;
				}	
				
				
					div#main-menu ul.sub-menu li a:link,
					div#main-menu ul.sub-menu li a:visited
					{
						color: #90a3c3;
					}
					
					div#main-menu ul.sub-menu li a:hover
					{
						color: #fff;
					}
					
					div#main-menu ul.sub-menu li ul
					{
						left: 174px;
						top: 0px;
					}		
					
					div#main-menu ul.sub-menu ul.sub-menu
					{
						top: -5px;
						left: 100%;
						opacity: 1 /* Standard: FF gt 1.5, Opera, Safari */
						filter: alpha(opacity=100); /* IE lt 8 */
						-ms-filter: "alpha(opacity=100)"; /* IE 8 */
						-khtml-opacity: 1; /* Safari 1.x */
						-moz-opacity: 1; /* FF lt 1.5, Netscape */					
					}


	body.lightbox div#page-content
	{
		width: auto;
		min-height: 0;
		background-color: inherit;
		background-image: none !important;
		position: relative;
		padding: 20px;
	}
	

	div#home-billboard
	{
		height: 300px;
		background-color: #000;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	
		#start-video-tour
		{
			display: block;
			position: absolute;
			width: 519px;
			height: 104px;
			top: 122px;
			left: 36px;
			z-index: 3;
			background-image: url('images/button-video-tour.png');
			background-repeat: no-repeat;
		}
		
		div#home-billboard div.nav
		{
			position: absolute;
			bottom: 0px;
			left: -31px;
			width: 960px;
			height: 37px;
			
		}
		
			div#home-billboard div.nav *
			{
				height: 37px;
				background-image: url('images/billboard-nav.png');
				background-repeat: no-repeat;
			}
			
			div#home-billboard div.nav .button
			{
				position: absolute;
				top: 0px;
				width: 263px;
				display: block;
				cursor: pointer;
				background-position: -14px 0;
			}
			
				div#home-billboard div.nav .button .label
				{
				}

			div#home-billboard div.nav div.endcap
			{
				width: 32px;
				height: 37px;
				float: right;
				z-index: 1;
			}


	div#page-sidebar
	{
		float: left;
		width: 305px;
		color: #6b0900;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		div#page-sidebar div.page-sidebar-inner
		{
			padding-top: 52px;
		}
		

		div#page-sidebar div.button-sidebar
		{
			width: 303px;
			margin-bottom: 8px;
			background-color: #d9d5d3;
			color: #6b0900;
		}


			div#page-sidebar div.button-sidebar-inner
			{
				position: relative;
				padding: 16px 0px 16px 34px;
				background-image: url('images/arrow-button.png');
				background-repeat: no-repeat;
			}
		
				div#page-sidebar div.button-sidebar div.top-row
				{
					font-family: alternate-gothic-no-1-d;
					font-size: 40px;
					line-height: 40px;
				}
	
				div#page-sidebar div.button-sidebar div.middle-row
				{
					font-family: alternate-gothic-no-1-d;
					font-size: 48px;
					line-height: 38px;
				}
	
				div#page-sidebar div.button-sidebar div.bottom-row
				{
					font-family: "Myriad", "Myriad Pro", "Myriad Roman", sans-serif;
					font-size: 17px;
					line-height: 19px;
				}


		div#page-sidebar div.contact-top
		{
			margin-top: 100px;
			margin-bottom: 35px;
			padding: 0 33px 0 33px;
			font-size: 19px;
			line-height: 1.1em;
		}

			div#page-sidebar div.contact-top div.phone
			{
				font-size: 24px;
				font-weight: bold;
				margin-top: 6px;
			}

		
		div#page-sidebar div.contact-bottom
		{
			margin-top: 60px;
			padding: 0 33px 0 33px;
			font-size: 16px;
			line-height: 1.1em;
		}
		
			div#page-sidebar div.contact-bottom div.phone
			{
				font-size: 20px;
				font-weight: bold;
				margin-top: 6px;
			}
	
		div#page-sidebar img.logos-organizations
		{
			margin-top: 100px;
			width: 178px;
			height: 114px;
			padding: 0 33px 0 33px;
		}

			div#page-sidebar.home img.logos-organizations
			{
				margin-top: 42px;
			}

		div#page-sidebar div.dhs
		{
			background-image: url('http://www.redcliffascent.com/wp-content/themes/red-cliff-ascent/images/dhs.png');
			background-repeat: no-repeat;
			font-size: 10px; 
			font-family: sans-serif; 
			padding-left: 82px; 
			width: 98px; 
			text-align: left; 
			line-height: 1.3em; 
			margin-top: 10px; 
			margin-left: 30px;
			min-height: 76px;
		}
	
	
	div#page-main
	{
		float: right;
		width: 623px;
		font-size: 13px;
		line-height: 1.7em;
		position: relative;
		font-family: "Myriad", "Myriad Pro", "Myriad Roman", sans-serif;
	}

		body.lightbox div#page-main
		{
			float: none;
			width: auto;
		}

		div#page-main img
		{
			margin: 12px;
			border: 1px solid #6b0900;
			background-color: #fff;
			padding: 2px; 
		}
		
	
		div#page-main div.header-image
		{
			float: right;
			width: 648px;
			height: 183px;
			border-top: 1px solid #7b7b7b;
			border-bottom: 1px solid #7b7b7b;
			border-left: 9px solid #6b0900;
			margin-top: 42px;
			background-color: #fff;
			background-repeat: no-repeat;
		}
		
	
		div#page-main div.social-links
		{
			position: absolute;
			top: 13px;
			right: 20px;
			padding-right: 48px;
			height: 20px;
			line-height: 20px;
			background-image: url('images/icons-social.png');
			background-position: top right;
			background-repeat: no-repeat;
			z-index: 2;
		}
	
		div#page-main div.sharing-options
		{
			margin-top: 30px;
			float: right;
			width: 150px;
			margin-bottom: 20px;
		}
	
		div#page-main div.page-main-inner
		{
			clear: both;
			padding: 20px 32px 52px 32px;
		}

			div#page-main.home div.page-main-inner
			{
				padding-top: 52px;
			}


		div#page-main h1,
		div#page-main h2,
		div#page-main h3,
		div#page-main h4,
		div#page-main h5
		
		{
			color: #6b0900;
			font-weight: bold;
			margin: 0.4em 0 0.4em 0;
		}

		
		div#page-main h1
		{
			font-size: 34px;
		}

		
		div#page-main h2
		{
			font-size: 20px;
		}
		
		div#page-main p
		{
			padding-bottom: 1em;
		}
		
	div#sister-programs
	{
		padding-left: 20px;
	}
		
		div#sister-programs h3
		{
			color: #fff;
			background-color: #6b0900;
			font-size: 22px;
			padding: 8px 8px 6px 8px;
		}
	

		div#sister-programs a:link,
		div#sister-programs a:visited,
		div#sister-programs a:hover
		{
			position: relative;
			display: block;
			float: left;
			margin-right: 20px;
			margin-top: 20px;
			background-image: url('images/family-logos.png');
			background-repeat: no-repeat;
			height: 65px;
			text-decoration: none;
		}
		
		a#logoOxbow:link
		{
			background-position: 0px 0px;
			width: 63px;
		}
		
		a#discoveryAcademyLogo:link
		{
			background-position: -63px 0px;
			width: 77px;		
		}
		
		a#redcliffLogo:link
		{
			background-position: -140px 0px;
			width: 73px;		
		}
		
		a#discoveryRanch:link
		{
			background-position: -214px 0px;
			width: 74px;		
		}	

			div#sister-programs div.tooltip
			{
				font-size: 13px;
				background: transparent url('images/tooltip.png') no-repeat top left;
				display: none;
				width: 204px;
				height: 114px;
				position: absolute;
				top: -140px;
				left: -60px;
				color: #291e11;
				padding: 10px;
				line-height: 15px;
			}					
		
			div#sister-programs div.tooltip h1 {
			  font-size: 17px; 
			  margin-bottom: 4px;
			  width: auto;
			  background-image: none;
			  margin: 0px 0px 8px 0px;
			  padding: 0px;
			  border: none;
			}
			
			div#sister-programs div.tooltip h2 { 
			  font-size: 14px; 
			  margin: 0px 0px 14px 0px; 
			  padding: 0px; 
			  background: transparent none; 
			  border: none;
			}			




div.video-link
{
	width: 120px; 
	height: 140px;
	float: left; 
	margin: 20px; 
	font-size: 11px;
	line-height: 1.2em;
}


	div.video-link img
	{
		margin: 0px !important;
		width: 120px;
		height: 90px;
	}
	
.addthis_toolbox.addthis_default_style { clear:both; }
div.contact-form
{
	margin-top: 12px;
}

	div.contact-form fieldset
	{
		border: 1px solid #ddd;
		padding: 20px 0 20px 58px;
		margin: 14px;
	}

	div.contact-form p 
	{
		clear: both;
		padding-bottom: 12px;
	}

	div.contact-form label
	{
		font-size: 12px;
	}

	div.contact-form input[type='text'],
	div.contact-form input[type='email'],
	div.contact-form textarea
	{
		padding: 3px;
		width: 394px;
	}

	div.contact-form input[type='text'],
	div.contact-form input[type='email'],
	div.contact-form textarea,
	div.contact-form select
	{
		display: block;
		border: 1px solid #90a3c3;
		font-size: 13px;
	}

	div.contact-form select
	{
		width: 400px;
	}
	
	div.contact-form textarea
	{
		height: 100px;
	}
	
	div.contact-form div.half
	{
		float: left;
		width: 212px;
	}

		div.contact-form div.half:first-child
		{
			margin-right: 6px;
		}

		div.contact-form div.half input[type='text']
		{
			width: 181px;
		}
		
		div.contact-form div.half select
		{
			width: 190px;
		}
	
	
	