/*   
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;
}

/* =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 }

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: 100px; }

div#header a.logo {
	height: 100px;
	background: url(images/logo.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
}

div#header .info { height: 100px; }

div#header .social {
	height: 24px;
	margin-top: 56px;
}

div#header .social ul {
	float: right;
	list-style: url(none) none;
	background: url(images/social.png) no-repeat 24px top;
	height: 24px;
	/*	width: 136px;	*/
	width: 157px;
}

div#header .social ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

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 { }

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; }

div#header .social ul li a.s2:hover { background: url(images/social.png) no-repeat -26px -24px; }

div#header .social ul li a.s3 { }

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; }

div#header .social ul li a.s4:hover { background: url(images/social.png) no-repeat -79px -24px; }

div#header .social ul li a.s5 { }

div#header .social ul li a.s5:hover { background: url(images/social.png) no-repeat -106px -24px; }

div#header .social ul li a.s6 { }

div#header .social ul li a.s6:hover { background: url(images/social.png) no-repeat -132px -24px; }

/* cu3er */
div#cu3er-container {
	width: 960px;
	height: 354px;
	outline: 0;
}

/* nav_main */
div#nav_main {
	width: 960px;
	background: #333333;
	height: 55px;
	overflow: hidden;
	margin-top: -5px;
}

div#nav_main ul {
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
	height: 55px;
	background: url(images/nav.png) no-repeat left top;
}

div#nav_main ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

div#nav_main ul li a {
	text-indent: -9999px;
	display: block;
	height: 55px;
	margin: 0px;
	padding: 0px;
}

div#nav_main ul li a.about {
	width: 298px;
	margin-right: 46px;
}

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: 155px;
	margin-right: 49px;
}

div#nav_main ul li a.buy:hover { background: url(images/nav.png) no-repeat -343px -55px; }

div#nav_main ul li a.events {
	width: 125px;
	margin-right: 42px;
}

div#nav_main ul li a.events:hover { background: url(images/nav.png) no-repeat -546px -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 -715px -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; }

#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;
}

#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;}