/*   
Theme Name: Echoleaf
Theme URI: http://www.echoleaf.com
Description: custom theme for Kill Cliff
Author: Arp Laszlo
Version: 1.0
*/

/*
960px grid system ~ Core CSS.
3 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.02
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers

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

.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global

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

.grid_1, .grid_2, .grid_3 {
	display: inline;
	float: left;
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
	width: 300px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)

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

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* =Grid >> 3 Columns

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

.container_3 .grid_1 {
	width: 300px;
}
.container_3 .grid_2 {
	width: 620px;
}
.container_3 .grid_3 {
	width: 940px;
}
/* =Prefix Extra Space >> 3 Columns

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

.container_3 .prefix_1 {
	padding-left: 320px;
}
.container_3 .prefix_2 {
	padding-left: 640px;
}
/* =Suffix Extra Space >> 3 Columns

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

.container_3 .suffix_1 {
	padding-right: 320px;
}
.container_3 .suffix_2 {
	padding-right: 640px;
}
/* `Push Space >> 3 Columns

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

.container_3 .push_1 {
	left: 320px;
}
.container_3 .push_2 {
	left: 640px;
}
/* `Pull Space >> 3 Columns

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

.container_3 .pull_1 {
	left: -320px;
}
.container_3 .pull_2 {
	left: -640px;
}
/* `Clear Floated Elements

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

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/* text */

body {
	font:13px/1.5 Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}
a:focus {
	outline:1px dotted invert
}
hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
h2 {
	font-size:23px
}
h3 {
 font-size:21px height: 43px;
	margin-bottom: 10px;
}
h4 {
	font-size:19px
}
h5 {
	font-size:17px
}
h6 {
	font-size:15px
}
ol {
	list-style:decimal
}
ul {
	list-style:square
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:20px
}
h1 {
	font-size:25px;
	margin-bottom: 0px;
}
/* CUSTOM */

body {
	background: #000 url(images/bg_page.png) repeat-x;
}
a {
	text-decoration: none;
	color: #f36e39;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/* header */

div#header {
	height: 89px;
}
div#header a.logo {
	height: 89px;
	background: url(images/logo.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
}
div#header .info {
	height: 89px;
}
div#header .social {
	height: 24px;
	margin-top: 56px;
}
div#header .social ul {
	float: right;
	list-style: url(none) none;
	height: 24px;
	/*	width: 136px;	*/

	width: 200px;
}
div#header .social ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
div#header .social ul li.fblike {
	width: 90px;
}
div#header .social ul li a {
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 24px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}
div#header .social ul li a.s1 {
	background: url(images/social.png) no-repeat left top;
}
div#header .social ul li a.s1:hover {
	background: url(images/social.png) no-repeat left -24px;
}
div#header .social ul li a.s2 {
	margin-right: 3px;
	background: url(images/social.png) no-repeat -26px top;
}
div#header .social ul li a.s2:hover {
	background: url(images/social.png) no-repeat -26px -24px;
}
div#header .social ul li a.s3 {
	background: url(images/social.png) no-repeat -53px top;
}
div#header .social ul li a.s3:hover {
	background: url(images/social.png) no-repeat -53px -24px;
}
div#header .social ul li a.s4 {
	margin-right: 3px;
	background: url(images/social.png) no-repeat -79px top;
}
div#header .social ul li a.s4:hover {
	background: url(images/social.png) no-repeat -79px -24px;
}
div#header .social ul li a.s5 {
	background: url(images/social.png) no-repeat -106px top;
}
div#header .social ul li a.s5:hover {
	background: url(images/social.png) no-repeat -106px -24px;
}
div#header .social ul li a.s6 {
	background: url(images/social.png) no-repeat -132px top;
}
div#header .social ul li a.s6:hover {
	background: url(images/social.png) no-repeat -132px -24px;
}

.entry-content {
	font-family: arial, san-serif;
	margin: 20px 15px 15px 0px; 
}

div.widgets {
	margin: 0px auto;
	width: 960px;
}

body.home .container_3 object {
	margin-bottom: -5px;
}
/* nav_main */
div#nav_main {
	background: #929191 url(none);
	height: 55px;
}
body.home div#nav_main {
	width: 910px;
}
body.page div#nav_main {
	width: 960px;
}
div#nav_main ul {
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
	height: 55px;
}
div#nav_main ul li {
	float: left;
	margin: 0px 12px;
	padding: 0px;
	height: 55px;
}
div#nav_main ul li:hover {
	background: #FFF;
}
div#nav_main ul li a {
	display: block;
	height: 30px;
	margin: 5px 20px 0px 0px;
	padding: 0px;
	color: #000;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: bold;
}
div#nav_main ul li a:hover {
	color: #fff;
}
div#nav_main ul#menu-wdd-primary-navigation li a:hover {
	text-decoration: none;
	color: #F26532;
}
#DropDownMenuNav ul.sub-menu li, #DropDownMenuNav ul.children li {
	padding-top: 10px;
	padding-bottom: 0px;
	margin: -10px 0px 0px;
	height: 45px;
}

div.menu-wdd-primary-navigation-container {
	margin: 0px auto;
}
/*

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

 */
 
/************************************************
* Play with it at you own risk =)				*
************************************************/

/************************************************
*	General stuff								*
************************************************/

#DropDownMenuNav a, #DropDownMenuNav a:link, #DropDownMenuNav a:visited, #DropDownMenuNav a:hover {
	margin-right: 0px;
	margin-left: 0px;
	background-color:transparent;
	padding: 5px 11px 0 11px;
	display: block;
}
#DropDownMenuNav ul {
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
#DropDownMenuNav li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
	display: inline;
	font-weight: bold;
	padding: 0;
}
#DropDownMenuNav ul.sub-menu, #DropDownMenuNav ul.children {
	visibility: hidden;
	z-index: 10;
	background:none;
	/*Here is some magic*/
  position: absolute;
	/* makes the frame more pretty*/
  padding: 1px;
}
#DropDownMenuNav ul.DropDownMenu li:hover>ul {
	visibility: visible;
	top: 100%;
}
#DropDownMenuNav ul.DropDownMenu li:hover {
	z-index: 10000;
	white-space: normal;
}
#DropDownMenuNav ul.DropDownMenu li li:hover>ul {
	top: 0;
	left: 100%;
}
#DropDownMenuNav ul.DropDownMenu:after, #DropDownMenuNav ul.sub-menu:after, #DropDownMenuNav ul.children:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/************************************************
*	Menu structure								*
************************************************/
#DropDownMenuNav {
	padding: 0px;
	z-index: 100;
}
#DropDownMenuNav ul.DropDownMenu {
	padding: 0;
}
#DropDownMenuNav a:hover {
/*background-position: left -30px;*/
}
#DropDownMenuNav li:hover a {
/*background-position: left -30px;*/ 
}
#DropDownMenuNav a.active {
/*background-position: left -60px;*/
}
/************************************************
*	Menu separator								*
************************************************/
#DropDownMenuNav .separator {
	display: block;
	width: 1px;
}
/************************************************
*	sub-menu item								*
************************************************/
#DropDownMenuNav ul.sub-menu li, #DropDownMenuNav ul.children li {
	clear: both;
	margin:-2px 0px 0px -2px;
	float:left;
	text-align: left;
	width: 250px;
}
#DropDownMenuNav ul.sub-menu li {
	background: #333;
}
#DropDownMenuNav ul.sub-menu li:hover {
	background: #000;
}
#DropDownMenuNav ul.sub-menu a, #DropDownMenuNav ul.children a {
	display: inline;
	float: none;
	letter-spacing: 1px;
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	color: #fff;
}
#DropDownMenuNav ul.sub-menu li.current-menu-item, #DropDownMenuNav ul.sub-menu li:hover, #DropDownMenuNav ul.children li.current-menu-item, #DropDownMenuNav ul.children li.current_page_item, #DropDownMenuNav ul.children li:hover {
	background-image:none;
}
/****************************************
* Corrects bugs in IE 					*
****************************************/

#DropDownMenuNav * {
	padding: 0;
	margin: 0;
}
div#nav_main ul li a.about {
	width: 319px;
}
div#nav_main ul li a.about:hover {
	background: url(images/nav.png) no-repeat left -55px;
}
div#nav_main ul li a.buy {
	width: 179px;
}
div#nav_main ul li a.buy:hover {
	background: url(images/nav.png) no-repeat -319px -55px;
}
div#nav_main ul li a.faq {
	width: 78px;
}
div#nav_main ul li a.faq:hover {
	background: url(images/nav.png) no-repeat -498px -55px;
}
div#nav_main ul li a.events {
	width: 140px;
}
div#nav_main ul li a.events:hover {
	background: url(images/nav.png) no-repeat -576px -55px;
}
div#nav_main ul li a.testimonials {
	width: 236px;
}
div#nav_main ul li a.testimonials:hover {
	background: url(images/nav.png) no-repeat -716px -55px;
}
/* buynow */

a#buynow {
	background: #000 url(images/buy-now-link.png) no-repeat left top;
	height: 77px;
	width: 960px;
	display: block;
	vertical-align: middle;
	text-indent: -9999px;
}
a#buynow:hover {
	background: url(images/buy-now-link.png) no-repeat left -77px;
}
/* content */

div#why, div#page_content {
	padding-bottom: 1px;
	background: #000;
	padding-top: 23px;
	color: #CCCCCC;
}
h2.t_why {
	background: url(images/title_why-kill-cliff.png) no-repeat left center;
	height: 43px;
	width: 153px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
h2.entry-title {
	margin-bottom: 0px;/*	margin-left: 10px;	*/
}
div#why img, div.entry-content img {
	background: #e6e6e6;
	padding: 5px;
}
div.entry-content .grid_1 {
	margin-left: 0px;
	margin-right: 20px;
}
div.entry-content .grid_2 {
	margin-left: 0px;
	margin-right: 0px;
}
div#why .grid_2 {
	font-size: 15px;
	font-style: italic;
}
/* widgets */

.widgets {
	padding-bottom: 56px;
	font-style: italic;
	color: #cccccc;
	background: #000;
}
.widgets img {
	background: #e6e6e6;
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.widgets h3 img, div#why h2 img {
	background: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.widgets h3 {
	height: 43px;
	width: 300px;
	margin-bottom: 10px;
	text-indent: -9999px;
	text-transform: uppercase;
}
.widgets h3.news {
	background: url(images/title_news-feed.png) no-repeat left center;
}
.widgets h3.partners {
	background: url(images/title_partners.png) no-repeat left center;
}

li.wp-cpl {
border-bottom: 1px solid #616161;
padding: 5px !important;
}

#pageexcerptmulti-3 h3 {
	visibility: hidden;
	height: 0px;
	width: 0px;
}
#pageexcerptmulti-3 h3.giving {
	height: 43px;
	width: 300px;
	margin-bottom: 10px;
	visibility: visible;
}
.widgets h3.giving {
	background: url(images/title_giving-back.png) no-repeat left top;
	margin-top: -15px;
}
.widgets h3.giving:hover {
	background: url(images/title_giving-back.png) no-repeat left -43px;
}
.widgets h3.contact-us {
	background: url(images/title_contact-us.png) no-repeat left center;
}
.widgets h3.affiliate {
	background: url(images/title_affiliate.png) no-repeat left top;
}
.widgets h3.affiliate:hover {
	background: url(images/title_affiliate.png) no-repeat left -43px;
}
.widgets h3.distributor {
	background: url(images/title_distributor.png) no-repeat left top;
}
.widgets h3.distributor:hover {
	background: url(images/title_distributor.png) no-repeat left -43px;
}
.widgets ul, .widgets ul li {
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
}
ul li.widget-container {
	margin-bottom: 20px;
}
.widget_recent_entries ul li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;
}
.widget_recent_entries a {
	color: #f36e39;
	text-decoration: none;
}
.widget_recent_entries a:hover {
	color: #FFF;
	text-decoration: none;
}
a.read-more {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	font-style: normal;
}
/* footer */

div#footer {
	padding-top: 20px;
	border-top: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#footer ul {
	float: right;
	list-style: url(none) none;
}
div#footer ul li {
	float: left;
}
div#footer a {
	color: #FFF;
	text-decoration: none;
}
div#footer a:hover {
	color: #f36e39;
	text-decoration: none;
}
/* more stuff */

p.nocomments {
	visibility: hidden;
}
.page, .post, #comments {
	margin-right: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}
#comments {
	margin-bottom: 23px;
	margin-top: 20px;
}
.page .entry-content p img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.event-info {
	float: left;
}
.event-map {
	float: right;
}
.connect_widget_not_connected_text {
	color: #ccc;
}
h4.faq-header {
	visibility: hidden;
	height: 0px;
}
#post-123 h1.entry-title {
	margin-bottom: -20px;
}
.commentlist {
	margin-left: 10px;
}
/* catalog */
table#catalog thead {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 18px;
}
.catcolumn {
	width: 227px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.lastcol {
	margin: 0px 0px 10px;
}
.catcolumn img {
	background: #e6e6e6;
	padding: 5px;
	margin: 5px 0px;
}
p.faq-question {
	font-weight: bold;
}
.catpage-title {
	margin-left: 10px;
	margin-bottom: 20px;
}
.athletes h1.catpage-title {
	background: url(images/title_athletes.gif) no-repeat left top;
	text-indent: -9999px;
	height: 31px;
	width: 267px;
}
.drinks h1.catpage-title {
	background: url(images/title_drinks.gif) no-repeat left top;
	text-indent: -9999px;
	height: 31px;
	width: 267px;
}
/* menus */
ul#menu-footer-menu {
	text-transform: lowercase;
}
ul#menu-primary-navigation {
	text-transform: uppercase;
}