/*

Theme Name: Westlake Recovery

Theme URI: http://wordpress.org/extend/themes/twentytwelve

Author: Webber Design

Author URI: http://webbersites.com/

Description: Custom designed wordpress theme for Westlake Recovery.

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */





	body {margin:0; padding:0; font-family: "nimbus-sans"; background-color:#eddecf !important;}

	body {background-image:url(images/FullBG.jpg); background-repeat:no-repeat; -moz-background-size: 100% auto; background-size: 100% auto;}

	#NavTop {position:absolute; z-index:3; top:0px; left:0; color:#FFF; width:100%; font-family:arial; text-align:center;}

	#Navigation {position:absolute; z-index:2; top:0 !important; left:0; width:100%;}

	

	body.admin-bar #Navigation {top:30px;}

	#NavigationBack {position:absolute; z-index:1; top:0; left:0; width:100%;}

	#NavigationBack img {height:auto; width:100%;}

	

	#container {position: relative; width:100%; height:auto; }

	#HeadRoom {margin-top:20px;}

	body #Slideshow {width:90%; min-height:400px; height:auto;  margin:0 auto;  padding:0px;}

	

	

	#Header {height:40px; color:#b8eae3; text-align:center; font-family:"adobe-caslon-pro", "Times New Roman", Times, serif; font-style:italic; font-size:35px; font-weight:bold;}

	#Footer a {color:#000;}

	#Footer {background-image:url(images/StoneBG.jpg); background-position:top center; height:402px; text-align:center; padding-top:30px; font-family:arial; font-size:13px;}

	#FooterTable {margin-top:30px; margin-bottom:30px; }

	

	

	body.page-id-9 #InTheSand {text-align:center;}

	body.page-id-9 #InTheSand a {display:inline-block; padding:5px; color:#000; text-decoration:none; background-color:#FFF; border:solid 1px #000;  font-weight:bold; margin:20px; font-size:22px;}

	body.page-id-9 #InTheSand strong {color:#528778; margin-top:20px; font-size:22px;}

	

	#HomepageMiddle {min-height:100px; height:auto; width:100%; margin:0 auto;}

	.HomeBoxes {width:30%; height:95%; overflow:hidden; float:left; margin-right:10px; background-color:#FFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}

	

	.HomeBoxes a {color:#959595 !important; text-decoration:none;}

	.HomeBoxes a:hover {text-decoration:underline; color:#42292a!important;}

	.imagearea, .scrollGallery2Head {width:75% !important; background-color:#000}

	.thumbarea {width:100% !important;}

	.ngg-gallery-thumbnail-box {width:16%!important; height:auto;}

	.ngg-gallery-thumbnail {width:90%!important; height:auto;}

	.ngg-gallery-thumbnail img {width:100%!important; height:auto; border:none !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}

	.ngg-imagebrowser h3 {}

	.pic img {width:100%; height:auto; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}



	#ContactForm {float:left; margin-right:25px;}

	

	#HomepageTop .pic {float:right; width:70%; margin-left:25px;}

	

	#HomepageTop .pic {padding-right:50px;}

	

	#HomepageBottom .pic {float:left; width:70%; margin-right:0px;}



	#HomepageTop h2 {color:#528778 !important; font-size:30px; line-height:50px; padding-top:30px;}

	

	



	#HomeSlideCaption {color:#63a692; }

	

	p {margin-top:0;}

	

	#InTheSand {min-height:80px; height:auto; width:100%; margin:0 auto;}

	

	div.HomeBoxes:nth-child(1) strong {color:#b9a487; font-size:22px;}

	div.HomeBoxes:nth-child(2) strong {color:#528778; font-size:22px;}

	div.HomeBoxes:nth-child(3) strong {color:#959595; font-size:22px ;}

	

#ngg-imagebrowser-1-5 {margin-top:-50px;}

 #ngg-imagebrowser-2-5 {margin-top:-30px;}



img {border:none;}

td {border-spacing:0 !important;}





.readmore-js-toggle {font-size:12px;}

a.readmore-js-toggle  {color:#999;}

#accordion {margin-top:20px;}







#StaffContent {width:100%; float:left;}

#secondary {width:25%; margin-top:20px; padding:20px; margin-left:20px; float:right; }

.ufo-form {background-color:#FFF; padding:20px;}

#secondary h3 {font-size:16px !important;  color:#528778 !important; }

#secondary h2 {font-size:22px !important;  color:#528778 !important;  font-family:"adobe-caslon-pro", "Times New Roman", Times, serif; font-style:italic;  font-weight:bold; margin:0 0 20px 0;}

.HomeBoxText {padding:10px;}

.next a, .back a, .counter {color:#528778 !important;}

.back, .counter {display:none;}

h3 {font-family: "nimbus-sans"; font-weight:bold !important; font-size:22px !important;}



.headliner {color:#528778 !important; margin-bottom:0; padding-bottom:0; font-family:"adobe-caslon-pro"; font-style:italic; font-weight:bold; font-size:25px; display:block; line-height::14px;}

.page-id-384 .ngg-slideshow, .page-id-383 .ngg-slideshow {float:right; margin-left:20px;}

.page-id-9 h2, .page-id-11 h2{color:#528778 !important; margin:0; padding:0; font-family:"adobe-caslon-pro"; font-style:italic; font-weight:bold; font-size:25px; display:block; line-height::14px;}



.page-id-11 h3,.page-id-11 #ContactForm h1 {color:#528778 !important;}



#HomepageBottom h2 {color:#3eaccb !important; padding-top:10px !important;}

.ngg-imagebrowser img {border:none !important; padding:0 !important;}



body.page-id-9 #ufo-form-id-2 {float:right; margin-left:30px; margin-right:10%;}

body.page-id-9 #ufo-form-id-2 h3 {color:#528778 !important;}


/*
h3.the145, .blue {color:#3eaccb !important; }

h3.the143, .green {color:#528778 !important;}

h3.the141, .gold {color:#b9a487 !important;}

h3.the139, .darkgray {color:#42292a !important;}

h3.the137 {color:#3eaccb !important;}

h3.the135, .lightgray {color:#959595 !important;}

h3.the133 {color:#528778 !important;}

h3.the131 {color:#b9a487 !important;}

h3.the129 {color:#42292a !important;}

h3.the127 {color:#959595 !important;}

*/

/*

h3.the418, h3.the405, h3.the125, h3.the115, h3.the100, h3.the90, h3.the70, h3.the58 {color:#3eaccb !important;}

h3.the422, h3.the408, h3.the123, h3.the113, h3.the98, h3.the88, h3.the68, h3.the50 {color:#528778 !important;}

h3.the424, h3.the410, h3.the121, h3.the111, h3.the96, h3.the84, h3.the66, h3.the48 {color:#b9a487 !important;}

h3.the434, h3.the414, h3.the119, h3.the109, h3.the94, h3.the77, h3.the64 {color:#42292a !important;}

h3.the416, h3.the117, h3.the102, h3.the92, h3.the73, h3.the62 {color:#959595 !important;}

*/













@media screen and (max-width: 1380px)  {

		

		#HomepageTop h2 { font-size:30px; line-height:40px;} 

		#secondary {width:22% !important;}

			input[type=text], textarea {width:150px !important;}

	}

	

	@media screen and (max-width: 1200px)  {.HomeBoxes {width:31%; }}

	

	@media screen and (max-width: 1100px)  {

		

		#HomepageTop h2 { font-size:24px; line-height:32px;}

		input[type=text], textarea {width:120px !important;}

		

	}

	

	.innercircle {float:left; width:70%;}

	@media screen and (max-width: 800px)  {

		

		#HomepageTop h2 { font-size:20px; line-height:auto;}

		.HomeBoxes {width:100%; margin:0 !important;}

		.innercircle {width:100% !important;}

		#secondary {display:none;}

	}

	

	

	

	@media screen and (max-height: 798px)  {

		

		.headliner {color:#2c7f96 !important; margin-bottom:0; padding-bottom:0; font-family:"adobe-caslon-pro"; font-style:italic; font-weight:bold; font-size:25px; display:block; line-height::14px;}



.page-id-9 h2, .page-id-11 h2 {color:#2c7f96 !important;}

		}

	

	





/* Images */

.alignleft {

	float: left;

	margin-right:10px;

	margin-left:10px;

}

.alignright {

	float: right;

	margin-left:10px;

	margin-right:10px;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.entry-content img,

.comment-content img,

.widget img,

img.header-image,

.author-avatar img,

img.wp-post-image {

	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	border-radius: 0px;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

	margin-bottom:10px;

}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

}