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

  Copyright:

  Copyright (C) 2008 - 2012 IceTheme. All Rights Reserved

  

  License:

  Copyrighted Commercial Software 

  

  Author:

  IceTheme - http://wwww.icetheme.com

  

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





/* ---------------------- layout.css --------------------------

This CSS file contains the stylesheets that are needed to 

style the layout and the overwall design of the template.

You will find here all the styles to edit the header, columns,

etc. 

* This is the file that you need mostly to edit to change the look

of your website.

* Also, notice that to make different colors variations for the 

template a part of the styles found here need be changed 

through the styleX.css file (where "X" is the style number that 

you have chossen through the teplate paramters.





/* Note 

--------

Also remember you dont need to worry about the size of this 

CSS file when you see all this comments. The IceSpeed plugin 

that we provide inside the template package will strip all 

of this comments plus it will comprees all the CSS in you

site. For more information on how to use IceSpeed please view 

the Installation Guide in PDF inside the template package.

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







/* 

Accessibility Feature

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

Used in case if the user hase disabled the stylesheets and wants

to skip to the main parts of the website

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

#accessibility {
	display:none;
}
/* 

Site Main Wrapping

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

We use media queries technology to make your website looks great 

on almost all screen resolutions. Below its the widest width 

(1200px).

Please notice that the queries.css stylesheet the width for the 

wrapper changes according to the screen resolution of your users.



PLEASE BE CAREFUL WHEN WORKING WITH THE .wrapper property.

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

.wrapper {
	width:960px;
	margin:0 auto;
}
/* Header 

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

#header {
	position:relative;
	background:#252219;
	height:40px;
	margin:0;
	clear:both
}
/* Logo

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

#logo {
	background:#4A4436;
	background: -webkit-linear-gradient(top, #4C4738, #201D15);
	background: -moz-linear-gradient(top, #4C4738, #201D15);
	background: -ms-linear-gradient(top, #4C4738, #201D15);
	background: -o-linear-gradient(top, #4C4738, #201D15);
	background: linear-gradient(top, #4C4738, #201D15);
	position:absolute;
	margin:-15px 0 0 -130px;
	text-align:center;
	width:260px;
	height:110px;
	left:50%;
	z-index:999;
}
#logo:hover {
	background:#68604C;
	background: -webkit-linear-gradient(top, #6A634E, #3E3929);
	background: -moz-linear-gradient(top, #6A634E, #3E3929);
	background: -ms-linear-gradient(top, #6A634E, #3E3929);
	background: -o-linear-gradient(top, #6A634E, #3E3929);
	background: linear-gradient(top, #6A634E, #3E3929);
}
#logo:before {
	content:"";
	position:absolute;
	top: 0px;
	right: -15px;
	width: 15px;
	height: 15px;
	background-image:url(../images/module-triangels.png);
	background-position:0 -15px;
	background-repeat:no-repeat
}
#logo:after {
	content:"";
	position:absolute;
	top: 0px;
	left: -15px;
	width: 15px;
	height: 15px;
	background-image:url(../images/module-triangels.png);
	background-position:0 0;
	background-repeat:no-repeat
}
#logo:before,  #logo:after {
	z-index:960;
}
#logo p {
	margin-bottom:0;
	margin-top:30px;
}
#logo img {
}
#logo img {
}
#logo p > a {
	color: #f1f1f1;
	font-size:47px;
	text-shadow: 1px 1px 1px #000;
}
#logo p > a:hover {
	text-decoration:none;
}
#logo span {
	color: #B3AEAE;
	font-size: 16px;
	line-height: 45px;
	font-family:"Comic Sans MS", cursive;
}
/* donate link */

#donate_link {
	float:right;
	margin-top:130px;
}
#donate_link a {
	font-size:12px;
	margin: 10px 0 0;
	padding: 2px 12px;
	color:#ffffff;
}
#donate_link a:hover {
	background:#BA8A22
}
/* Promo

contain the CSS for the promo module positions

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

#promo,  #bottom {

	padding-bottom:0;
	margin:0 0 10px;
	clear:both;
}
/* Bottom

contain the CSS for the bottom module positions

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

#bottom {
	clear:both;
	margin-bottom:10px;
}
/* IceCarousel 

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

#icecarousel {
	position:relative;
	padding-top:23px;
	margin:-5px 0 10px;
}
/* -- Content --

Contain the CSS for the main and important part of the template

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

#content {
	clear:both;
	padding:10px 0 0;
}
/* Main Column Separator 

		This code separate the "left" and "right" module position from the content. */	

		#columns-container {
	clear:both;
	position:relative;
	margin:0px 0 10px;
}
#outer-column-container {
	position:relative;
	padding-bottom:0;
	border-style:solid;
	border-color:transparent;
	margin:0;
}
#inner-column-container {
	width: 100%;
	position:relative;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	margin-left:-1px;
}
#source-order-container {
	float: left;
	margin:0;
	width: 100%;
}
#middle-column {
	float: right;
	width: 100%;
}
#left-column {
	float: left;
}
#right-column {
	float: left;
}
.clear-columns {
	clear: both;
}
.inside {
	margin:0;
}
#middle-column .inside, .category-list {
	    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #97785C;
    border-radius: 8px 8px 8px 8px;
	min-height:200px;
	padding:10px;
	margin-right:10px !important;
	min-height:519px;
}
/* change for the content layout */

									body.com_content_featured #middle-column .inside,  body.com_content_category #middle-column .inside {
	border:none;
	padding:0;
	min-height:auto;
	background:none
}
div.items-leading .leading,  .items-row .item,  div.items-more {
   background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #97785C;
    border-radius: 8px 8px 8px 8px;
    margin: 0 1px 0px;
    padding: 15px;
	min-height:509px
}
div.items-leading .leading:last-child {
	margin-bottom:0
}
/* Banners

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

#banner {
	overflow:hidden;
	margin:0
}
/* -- IceSlideshow --

 contain the CSS to wrap the IceSlideshow module.

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

#iceslideshow {
	position:relative;
	margin-bottom: 0;
	background:url("http://www.evolveyourhealth.com.au/images/slide-shaddow.png") no-repeat scroll center center transparent;
	margin-left:-36px;
	width:1032px;
	height:234px;
}
#iceslideshow h1 {
	background:rgba(251, 255, 164, .8);
	position: absolute;
	color:#4F0E07;
	bottom: 66px;
	padding: 0 15px;
	margin-left:-20px;
	width: 930px;
	
}
/* -- Donate 

on homepage 

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

#donate_wrapper {
	background:#343023;
	padding:10px;
	position:relative;
	margin-bottom:60px;
}
#donate_wrapper:before {
	content:"";
	width:111px;
	height:87px;
	background:url(../images/donate.png) no-repeat center top;
	position:absolute;
	top: -15px;
	left: -21px;
}
#donate_wrapper:after {
	content:"";
	width:111px;
	height:87px;
	background:url(../images/donate.png) no-repeat center bottom;
	position:absolute;
	top: -15px;
	right: -21px;
}
#donate {
	background:#252219;
	padding:25px 15px 15px;
	font-size:2.25em;
	color:#ddd4c8;
	text-align:center;
	border:1px solid #4a4432
}
#donate span {
	padding-bottom:10px;
	background:url(../images/donate_span.png) no-repeat bottom left;
}
#donate a.button {
	background:#8e6a1a;
	background: -webkit-linear-gradient(top, #9b7a28, #8e6a1a);
	background: -moz-linear-gradient(top, #9b7a28, #8e6a1a);
	background: -ms-linear-gradient(top, #9b7a28, #8e6a1a);
	background: -o-linear-gradient(top, #9b7a28, #8e6a1a);
	background: linear-gradient(top, #9b7a28, #8e6a1a);
	font-size:18px;
	position:absolute;
	margin-left:-75px;
	left:50%;
	bottom:-10px;
	padding: 7px 18px;
}
#donate a.button:hover {
	background:#BA8A22;
	background: -webkit-linear-gradient(top, #C39A32, #BA8A22);
	background: -moz-linear-gradient(top, #C39A32, #BA8A22);
	background: -ms-linear-gradient(top, #C39A32, #BA8A22);
	background: -o-linear-gradient(top, #C39A32, #BA8A22);
	background: linear-gradient(top, #C39A32, #BA8A22);
}
#donate a.button:before {
	content:"";
	position:absolute;
	bottom: 0px;
	right: -10px;
	width: 10px;
	height: 10px;
	background-image:url(../images/module-triangels.png);
	background-position: -3px -43px;
	background-repeat:no-repeat
}
#donate a.button:after {
	content:"";
	position:absolute;
	bottom: 0px;
	left: -10px;
	width: 10px;
	height: 10px;
	background-image:url(../images/module-triangels.png);
	background-position: -3px -32px;
	background-repeat:no-repeat
}
/* -- IceScroller --

 contain the CSS to wrap the icescroller module.

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

#icescroller {
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 #444;
	margin:0 0 0 -4px;
}
/* -- Footer --

this wrap the footer module position plus the copyright and 

other elements that you may find on the footer

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

#footer {
	background:url(../images/footer-bg.jpg) no-repeat scroll center top #fff;
	padding:20px 0 0px 0;
	clear:both;
	margin:0 0 -2px;
	overflow:hidden;
	min-width:960px;
	color:#fff;
}
#footer_about {
	background:#3f3a2b;
	background: -webkit-linear-gradient(top, #5f5a46, #3f3a2b 35%);
	background: -moz-linear-gradient(top, #5f5a46, #3f3a2b 35%);
	background: -ms-linear-gradient(top, #5f5a46, #3f3a2b 35%);
	background: -o-linear-gradient(top, #5f5a46, #3f3a2b 35%);
	background: linear-gradient(top, #5f5a46, #3f3a2b 35%);
	padding:10px;
	border:1px solid #5E5846;
	border-bottom:none;
	float:left;
	min-height:400px;
	width: 260px;
	display:none;
}
#footer_about #footer-logo p {
	display:block;
	padding: 30px 30px 0;
}
#footer_about #footer-logo p a {
	color: #F1F1F1;
	font-size: 47px;
	text-shadow: 1px 1px 1px #000000;
}
#footer_about #footer-logo p a:hover {
	text-decoration:none;
}
#footer_about #footer-logo span {
	color: #B3AEAE;
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
	line-height: 45px;
}
#footer_about #mission {
	padding:5px;
	color:#8C8264;
	margin-top:-7px;
}
#footer_about #mission .moduletable {
	margin-right: 0;
	padding-right: 0;
	margin-bottom: 0;
}
#footer_about #mission .moduletable-header {
	background:#746b4f;
	margin:0 0 12px -25px;
	display: inline-block;
	position:relative;
	height:35px
}
#footer_about #mission .moduletable-header:before {
	content:"";
	position:absolute;
	bottom: -10px;
	left: -1px;
	width: 10px;
	height: 10px;
	background-image:url(../images/module-triangels.png);
	background-position: -3px -64px;
}
#footer_about #mission .moduletable-header h3 {
	line-height:35px;
	display:inline-block;
	padding:0 15px 0 25px
}
#footer a {
	color:#fff;
	text-decoration:underline
}
#footer .moduletable img {
	float:left;
	margin:0 20px 10px 0
}
/*  -- Copyright -- 

this contains the codes for the footer module position and 

icetheme copyright logo or also the "go to top" link 

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

#copyright {
	position:relative;
	padding:0 0 16px;
	margin:0;
	width: 100%;
	float: left;
	margin-right: 30px;
}
div#copytext {
	float:left;
	padding-top:15px;
	font-size:.9em;
}
div#copytext .footer2 {
	display:none;
}
div#icelogo {
	float:left;
	padding:18px 18px 0 0;
}
div#icelogo p {
	margin:0;
}
div#icelogo p a {
	display:block;
	background:url(../images/icetheme.png) no-repeat center center;
	width:140px;
	opacity:0.25;
	height:40px;
	margin:0 auto;
 -webkit-transition:all .5s ease-out;
 -moz-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 transition:all .5s ease-out;
}
div#icelogo p a:hover {
	opacity:.9;
}
div#icelogo p a span {
	display:none
}
/* Go to Top */

	a#go2top {
	background:url(../images/go2top.png) no-repeat top;
	bottom: 10px;
	right: 10px;
	width: 41px;
	height: 24px;
	padding:0;
	position: fixed;
	display: none;
 -webkit-transition:all .2s ease-out;
 -moz-transition:all .2s ease-out;
 -o-transition:all .2s ease-out;
 transition:all .2s ease-out;
}
a#go2top:hover {
	background-position:bottom;
}
a#go2top span {
	display:none
}
/* Miscellaneous CSS

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

List of CSS codes that can not be categorized above but they may

be need by Joomla to operate normally. This codes may be used 

rarely but we reccomend to keep them and to be careful when you

try to change them

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

		

/* Template Styles custom code */

div.ice-template-style {
	margin:0;
	padding:0;
}
div.ice-template-style p {
	float:left;
	width:185px;
	margin:0 0 25px;
	text-align:center;
	position:relative;
	padding:0;
}
 div.ice-template-style p:nth-child(5),  div.ice-template-style p:nth-child(6) {
 margin-bottom:8px
}
div.ice-template-style p span {
	display:block;
	color:#fff;
	position:absolute;
	top:40px;
	left:55px;
	background:rgba(0, 0, 0, .75);
	border:1px solid #fff;
	box-shadow:0 0 12px rgba(0, 0, 0, .5);
	padding:3px 10px;
	opacity:0;
	font-size:1.4em;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 transition:all .5s ease-out;
}
div.ice-template-style p:hover span {
	opacity:1
}
div.ice-template-style img {
	float:none!important;
	margin:0!important
}
#columns-container div.ice-template-style li img {
	width:218px
}
/* Template Styles custom page */

div.ice-template-style-page {
	margin:0;
	padding:0;
}
div.ice-template-style-page p {
	float:left;
	margin:0 0 25px 25px;
	text-align:center;
	position:relative;
	padding:0;
}
 div.ice-template-style-page p:nth-child(5),  div.ice-template-style-page p:nth-child(6) {
 margin-bottom:8px
}
div.ice-template-style-page p span {
	display:block;
	color:#fff;
	position:absolute;
	top:80px;
	left:90px;
	background:rgba(0, 0, 0, .75);
	border:1px solid #fff;
	box-shadow:0 0 12px rgba(0, 0, 0, .5);
	padding:3px 10px;
	opacity:0;
	font-size:1.4em;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 transition:all .5s ease-out;
}
div.ice-template-style-page p:hover span {
	opacity:1
}
div.ice-template-style-page img {
	float:none!important;
	margin:0!important
}
#columns-container div.ice-template-style-page li img {
	width:218px
}
/* 

Extensions Overwrites

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

Below you will find the CSS codes for the extensions that we

provide along with this template. Note that almost all the

extensions found here have their own CSS file on their 

respective folders. Also note that all the CSS codes here

overwrite the CSS code on the module folders. That's why we have

userd the !important feature many times below.

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



		

/* Tweet Display Back Module */

.twtr-widget .twtr-tweet {
	border-color:#666!important
}
/* Ace Poll */

div.ace-poll {
}
div.ace-poll h4 {
	font-size:1.25em;
	margin:8px 0
}
div.ace-poll .button {
	margin:5px 0 0
}
div.ace-poll a.poll_result_link {
	float:right;
	font-size:.9em;
	color:#999
}
/* Social Icons */

#social {
	z-index:999;
	position: absolute;
	top: 200px;
}
#social > div {
	background:#fff;
	min-height:220px;
	float: left !important;
}
#facebook_live_comment {
	float: left;
	width: 470px;
}
div#social ul {
	list-style:none;
	margin:0;
	background: #DCD3C4;
	background: rgba(255, 255, 255, .75);
	padding:6px;
	width: auto;
	float: left;
}
div#social ul li {
	padding:0;
	margin:0
}
div#social ul li a {
	height:22px;
	width:22px;
	display:block;
	margin-bottom:8px;
	background:url(../images/social.png) no-repeat;
	text-indent:-9999em;
}
div#social ul li:last-child a {
	margin-bottom:0
}
div#social ul li.social-twitter a {
	background-position:0 0
}
div#social ul li.social-facebook a {
	background-position:0 -22px
}
div#social ul li.social-youtube a {
	background-position:0 -44px
}
div#social ul li.social-linkedin a {
	background-position:0 -66px
}
div#social ul li.social-google a {
	background-position:0 -88px
}
div#social ul li.social-pinterest a {
	background-position:0 -110px
}
div#social ul li.social-livecomments {
	background:url(../images/social.png) no-repeat;
	background-position:center bottom;
	cursor: pointer;
	margin-bottom:7px
}
div#social .tooltip {
	width:22px;
	height:22px;
	border:none;
	display:block;
	text-indent:-9999em;
	cursor:pointer;
}
div#social .tooltip span {
	bottom:-50%;
	left:auto;
	right:40px;
	border:3px solid #CBE7EE;
	width: 280px;
	color:#666;
	height:auto;
	background-color: #fff;
	opacity:0;
	text-indent: 0;
	box-shadow:none!important;
	margin-right:30px;
 -webkit-transition:all .2s ease-out;
 -moz-transition:all .4s ease-out;
 -o-transition:all .4s ease-out;
 transition:all .4s ease-out;
	cursor:default
}
div#social .tooltip:hover span {
	margin-right:0;
	opacity:1;
}
 div#social .tooltip span::before {
 content: "";
 position: absolute;
 left: auto;
 right: -9px;
 z-index: 1000;
 bottom: auto;
 top: 50%;
 border:none;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #CBE7EE;
 margin-top: -7px;
}
 .tooltip span::after {
display:none
}
/* aligned left */

			div.social-left .tooltip span {
	right:0!important;
	left:40px!important;
	margin-right:0!important;
	margin-left:30px!important;
}
div.social-left .tooltip:hover span {
	margin-left:0!important
}
 div.social-left .tooltip span::before {
 right:auto!important;
 left: -3px!important;
 border-left:none!important;
 border-right: 8px solid #CBE7EE!important;
}
/* Share Feature

on articles and blog layout */

ul#sharebuttons {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 10px;
	width: 100%;
	display:none;
}
ul.sharebuttons-bottom {
	padding:10px 0 0!important
}
ul#sharebuttons li {
	float: left;
	margin: 0;
	width: 120px;
}
#iceShareFackebook {
	width: 103px !important;
	position: relative;
}
#iceShareFackebook a {
	position: absolute;
	top: 4px;
	left: 0;
}
#iceSharePinterest {
	width: 75px !important;
}
#iceShareGoogle {
	width:200px!important
}





/* Social icons */