/*-----------------------------------------------------------------------------
Theme Name: Habits & Habitats
Theme URI: www.habitsandhabitats.com/habitswp
Description: Custom Theme for Habits & Habitats
Author: Angelia Baladon
Author URI: www.10sexyapples.com
Version: 1.0
-----------------------------------------------------------------------------*/


/*Reset-----------------------------------------------------------------------------*/

 * {
	padding:0;
	margin:0;
	}
	
* :focus { outline: 0; }

html, body { height: 100%; }

body {
	font-size: 1em;
	text-align: center;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Removes fieldset borders. Even on Opera 7 */
fieldset { border: 1px solid transparent; }

img {
	border: 0pt none;
	}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
	}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	}

caption, th {
	text-align: left;
	}

a {
	text-decoration: none;
	}


/* Begin Structure */

body {
	font-family: Arial, Verdana, Sans-Serif;
	background: #fff url('http://habitsandhabitats.com/wp-content/themes/habits/images/bg.gif')repeat;
	color: #2d2f2f;
	}

#wrapper_home {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 782px;
	height: 490px;
	max-height: 490;
	margin-top: -245px;
	margin-left: -391px;
	text-align: center;
	}
	
#wrapper_intro {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 400px;
	margin-top: -200px;
	margin-left: -300px;
	text-align: center;
	}
	
#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 782px;
	height: 566px;
	max-height: 566;
	margin-top: -283px;
	margin-left: -391px;
	text-align: center;
	}

/* Begin Header Home */

#header_home {
	background-color: #fff;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 782px;
	position: relative;
	}

/* Begin Header Pages */
	
#header {
	background-color: #fff;
	margin: 0;
	padding: 0;
	height: 116px;
	width: 782px;
	position: relative;
	}

/* Begin Branding Home */
	
#branding_home {
	position: relative;
	width: 236px;
	height: 75px;
	padding: 12px 0;
	}

#branding_home h1 {
	margin: 0 auto;
	width: 160px;
	height: 75px;
	background: url(http://habitsandhabitats.com/wp-content/themes/habits/images/habitslogo.png) no-repeat; text-indent: -9999px;
	}

#branding_home h1 a, #branding_home h1 a:visited, #branding_home h1 a:hover, #branding_home h1 a:active {
	margin: 0 auto;
	color: #d45a31;
	width: 160px;
	height: 75px;
	border: none;
	text-decoration: none;
	display: block;
	cursor: pointer;
	}

/* Begin Branding Pages */

#branding {
	position: relative;
	width: 180px;
	height: 56px;
	padding: 15px 0;
	}
	
#branding h1 {
	margin: 0 auto;
	width: 160px;
	height: 56px;
	background: url(http://habitsandhabitats.com/wp-content/themes/habits/images/habitslogo_pages.png) no-repeat; text-indent: -9999px;
	}

#branding h1 a, #branding_home h1 a:visited, #branding_home h1 a:hover, #branding_home h1 a:active {
	margin: 0 auto;
	color: #d45a31;
	width: 160px;
	height: 56px;
	border: none;
	text-decoration: none;
	display: block;
	cursor: pointer;
	}

/* ---- Begin Navigation Home---- */

#head_newsletter_flash {
	position: absolute;
	bottom: 28px;
	right: 10px;
	}

/* ---- Begin Navigation Home---- */
	
#navcontainer_home {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 546px;
	height: auto;
	padding: 0;
	margin: 0;
	}
	
#navcontainer_home ul {
	list-style: none;
	text-transform: none;
	display: inline;
	}

#navcontainer_home li:last-child {
	border-right: none;
	}
		
#navcontainer_home li {
	display: inline;
	}  /*margin-bottom: 10px; necessary for IE6 to keep link margins from collapsing on hover*/  
		
#navcontainer_home li:hover {
	border-top: 2.5px solid #d45a31;
	}

/* ---- Begin Navigation Pages---- */

#navcontainer {
	position: relative;
	height: 30px;
	width: 782px;
	background-color: #4b4b4b;
	padding-bottom: 2px;
	}
		
#navcontainer ul {
	position: absolute;
	bottom: 12px;
	right: 0;
	list-style: none;
	text-transform: none;
	font-size: .625em;
	word-spacing: 1em;
	letter-spacing: .125em;
	width: 782px;
	text-align: right;
	}
	
#navcontainer li {
	margin: 0 0 10px 0;
	padding: 0 15px 0 3px;
	display: inline;
	//border-right: 1px solid #000;
	}  /*margin-bottom: 10px; necessary for IE6 to keep link margins from collapsing on hover*/

#navcontainer li a {
	text-decoration: none;
	color: #fff;
	}
	
#navcontainer li a:hover {
	color: #fff;
	border-top: 1px solid #A6C249;
	}

#navcontainer .current_page_item a {
	color: #A6C249;
	border-top: 1px solid #fff;
	}

/* ---- Begin Content Home---- */

#content_home {
	margin: 0 auto;
	padding: 0;
	width: 782px;
	height: 270px;
	text-align: left;
	}
	
#main_home {
	position: relative;
	width: 782px;
	min-height: 270px;
	max-height: 270px;
	overflow: hidden;
	}
	
#main_home .post {
	margin: 0;
	padding: 0;
	}

/* ---- Begin Content Pages---- */
#content {
	margin: 0 auto;
	padding: 0;
	width: 782px;
	height: 400px;
	min-height: 400px;
	max-height: 400px;
	text-align: left;
	}
	
#main {
	position: relative;
	width: 782px;
	background-color: #fff;
	}
	
#copy {
	min-height: 400px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 1.25em;
	}
	
#copy_in {
	margin: 10px;
	padding-top: 30px;
	}
	
#side {
	float: left;
	margin: 0;
	padding: 0;
	width: 256px;
	height: 400px;
	max-height: 400px;
	min-height: 400px;
	overflow: hidden;
	}


/* ---- Begin Footer Home---- */

#footer_home {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 782px;
	height: 120px
	clear: both;
	}

#footer_home p {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#footer_home span {
	color: #FB9268;
	}
	
#footer_home span:hover {
	color: #fff;
	}
	
	
#bucket_left {
	position: relative;
	float: left;
	min-height: 120px;
	width: 256px;
	background: #ff0000;
	background: #d45a31  url(images/bucket_left.gif) no-repeat;
	}

	
#bucket_right {
	position: relative;
	float: right;
	min-height: 120px;
	width: 526px;
	overflow: hidden;
	background-color: #A6C249;
	}	

#bucket_left p {
	text-align: left;
	margin: 25px 30px 0 30px;
	color: #fff;
	font-size: .825em;
	}

#bucket_center p, #bucket_right p {
	text-align: right;
	margin: 25px 30px 15px 30px;
	color: #2d2f2f;
	font-size: .750em;
	font-style: italic;
	font-weight: 100;
	letter-spacing: .125em;
	}
	
#bucket_left a, #bucket_center a, #bucket_right a {
	color: #2d2f2f;
	position: absolute;
	bottom: 10px;
	right: 40px;
	font-size: .750em;
	}
	
#bucket_left a:hover, #bucket_center a:hover, #bucket_right a:hover {
	text-decoration: none;
	color: #000;
	}


/* ---- Begin Footer Pages---- */
	
#footer {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 782px;
	height: 50px
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
	clear: both;
	background-color: #CFEB80;
	}

#footer p {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
/* End Structure */



/* Begin Typography & Colors */

#main {
	font-size: .725em;
	}
	
#copy_in {
	line-height: 1.5em;
	//letter-spacing: .075em;
	}
	
.post {
	//margin: 10px 10px 40px 10px;
	text-align: left;
	}

.post hr {
	display: block;
	}
	
.contact_info {
	margin: 25px 0 0 25px;
	line-height: 1.75em;
	}
	
.contact_info a {
	text-decoration: underline;
	}

h2.pagetitle {
	font-size: 1.15em;
	width: 210px;
	background-color: #d45a31;
	padding: 5px 0 5px 10px;
	margin: 2px 0 0 2px;
	float: left;
	word-spacing: .125em;
	letter-spacing: .125em;
	}
	
h2.spacer {
	font-size: 1.15em;
	width: 265px;
	background-color: #A6C249;
	padding: 5px 0 5px 10px;
	margin: 2px 0 0 2px;
	float: left;
	text-align: right;
	padding-right: 10px;
	}
	
h2.spacer_full {
	font-size: 1.15em;
	width: 280px;
	background-color: #A6C249;
	padding: 5px 0 5px 10px;
	margin: 2px 0 0 2px;
	float: left;
	text-align: right;
	padding-right: 10px;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #fff;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	font-weight: normal;
	}
	
h2.error {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #d45a31;
	text-align: center;
	}
	
h3 {
	padding: 0;
	margin: 30px 0 0;
	font-size: 1.3em;
	}
	
h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	font-weight: normal;
	color: #2d2f2f;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

.entry p a:visited {
	color: #2d2f2f;
	}
	
.entry p {
	margin-bottom: 25px;
	}

#main_home .entry p {
	margin: 0;
	padding: 0;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

h2 a:hover, h3 a:hover {
	color: #a6c349;
	text-decoration: none;
	}

a {
	color: #2d2f2f;
	text-decoration: none;
	}
	
a:hover {
	color: #A6C249;
	text-decoration: underline;
	}
	
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 0;
	padding: 10px;
	background-color: #d45a31;
	color: #fff;
	font-weight: normal;
	min-height: 72px;
	}
	
blockquote#thanks {
	margin: 0;
	padding: 10px;
	background-color: #d45a31;
	color: #fff;
	font-weight: normal;
	min-height: 72px;
	text-align: center;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
p.error {
	background: transparent url('http://habitsandhabitats.com/wp-content/themes/habits/images/bg.gif')repeat;
	text-align: center;
	width: 100%;
	padding-top: 100px;
	}

/* End Typography & Colors */



/* Begin Images */

#main_home img {
	margin: 0;
	padding: 0;
	}

#side img {
	margin: 2px 0;
	padding: 0;
	}	
	
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.center {
	text-align: center;
	}
	
a img {
	border: none;
	}

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 50px;
	//list-style: none;
	list-style: disc url(bullet.gif) inside;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 50px;
	}

//.entry ul li:before, #sidebar ul ul li:before {
	content: "\00B0";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

/* End Entry Lists */



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
/* End Form Elements */




/* Clearing-------------------------------------- */
.clear {
	clear:both;
	font-size:0%;
	line-height:0%;
	}

.clearfix:after {   /* fixes FF (applies background color regardless of height of left content or sidebar) */

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

	}

.clearfix { display: inline-block; }


/* pdf download-------------------------------------- */

#pdf_download {
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 170px;
	height: 35px;
	padding: 12px 0;
	}

#pdf_download h1 {
	margin: 0 auto;
	width: 170px;
	height: 35px;
	background: url(http://habitsandhabitats.com/wp-content/themes/habits/images/pdf_icon.png) no-repeat; text-indent: -9999px;
	}

#pdf_download h1 a, #pdf_download h1 a:visited, #pdf_download h1 a:hover, #pdf_download h1 a:active {
	margin: 0 auto;
	color: #d45a31;
	width: 170px;
	height: 35px;
	border: none;
	text-decoration: none;
	display: block;
	cursor: pointer;
	}
	
/* ---- Flash insert on home page not using now---- */

//#content_home {
	margin: 0 auto;
	padding: 0;
	width: 782px;
	height: 300px;
	text-align: center;
	}
	
//#main_home {
	position: relative;
	width: 782px;
	height: 300px;
	min-height: 300px;
	max-height: 300px;
	overflow: hidden;
	background-color: #000000;
	text-align: center;
	}
	
//#main_home object.flashmovie {
	position: relative;
	margin: 0 auto;
	}
	
//#bucket_left {
	position: relative;
	float: left;
	min-height: 100px;
	width: 456px;
	background-color: transparent;
	overflow: hidden;
	}
	
//#bucket_center {
	position: relative;
	float: left;
	min-height: 60px;
	width: 288px;
	overflow: hidden;
	background-color: #d9ed9e;
	}
	
//#bucket_right {
	position: relative;
	float: right;
	min-height: 100px;
	width: 326px;
	overflow: hidden;
	//background-color: #a6c349;
	background-color: #000000;
	}

//#footer_home {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 782px;
	height: 100px
	clear: both;
	background-color: #000;
	}
	
/* ---- Home Nav before Sifr---- */

//#navcontainer_home {
	position: absolute;
	bottom: 10px;
	right: 0;
	list-style: none;
	text-transform: none;
	font-size: .625em;
	word-spacing: 1em;
	letter-spacing: .125em;
	width: 546px;
	text-align: right;
	}
	
//#navcontainer_home li {
	//margin: 0 0 10px 0;
	//padding: 0 15px 0 3px;
	display: inline;
	//border-right: 1px solid #ccc;
	//font-size: .625em;
	}  /*margin-bottom: 10px; necessary for IE6 to keep link margins from collapsing on hover*/  

//#navcontainer_home li a {
	text-decoration: none;
	color: #2d2f2f;
	}
	
//#navcontainer_home li a:hover {
	color: #000;
	border-top: 2.5px solid #d45a31;
	text-shadow: #191919 .1em .1em 15px;
	}

//#navcontainer_home .current_page_item a {
	color: #D9ED9E;
	border-top: 1px solid #fff;
	text-shadow: #191919 .1em .1em 15px;
	}