/*======================================================================

  Theme:   Earth Elements
  Author:  Allie Rice
           Pink Elephant Communications
           http://pinkelephantcommunications.com

           Pink Elephant Communications CSS
           Copyright 2013 Pink Elephant Communications.
           More info at: http://pinkelephantcommunications.com

======================================================================*/


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

html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, img,
a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 0;
}


/*----------------------------------------------------------------------
    Base
----------------------------------------------------------------------*/

body {
	color: #5b5b5b;
	font: .625em/1.5em Helvetica, Arial, Tahoma, sans-serif; /* 1em = 10px */
}

a {
	color: #ba5545;
	text-decoration: none;
	outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*----------------------------------------------------------------------
    Layout
----------------------------------------------------------------------*/

body {
	background: #f5f2ee url("https://i.imgur.com/AsScVxD.jpeg") repeat fixed center top; /* texture.jpg */
	text-align: center;
}

#container {
	background: transparent url("https://i.imgur.com/1nEx8nL.jpg") no-repeat fixed center top; /* layered.jpg */
}

#container-inner {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header-container {
	padding: 80px 0 34px 0;
}

#header a {
	display: block;
	float: left;
	width: 230px;
	height: 68px;
	background: transparent url("https://i.imgur.com/ZqExKSu.png") no-repeat left top; /* logo.png */
	text-indent: -5000px;
}

#menu {
	float: left;
	position: relative;
	top: 16px;
	color: #8e8b89;
	font: 1.3em/1em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-left: 1px solid #e2dfdd;
	padding: 24px 0 16px 10px;
	margin-left: 30px;
}

	#menu ul {
		list-style: none;
	}
	
		#menu ul li {
			display: inline;
			margin-left: 20px;
		}
		
			#menu ul li a {
				color: #8e8b89;
			}
			
			#menu ul li a:hover {
				border-bottom: 2px solid #e3e1e3;
			}

#content-container {
	clear: both;
}

#content {
	background-color: #fff;
	padding: 25px;
}

	#content #main {
		width: 600px;
		float: left;
	}
	
	#content #sidebar {
		width: 265px;
		float: right;
	}

#footer {
	color: #aaa;
	font: italic 1.3em/1em Cardo, Times, serif;
	text-align: right;
	padding: 10px 0;
}

	#footer .copyright {
		display: block;
		float: left;
		padding-top: 8px;
	}
	
	#footer .linkback {
	}
	
	#footer img {
		vertical-align: bottom;
	}
	

/*----------------------------------------------------------------------
    Generic text styles
----------------------------------------------------------------------*/

#main {
	font-size: 1.4em;
	line-height: 1.6em;
}

#content a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#main h1,
#main h2 {
	color: #71717d;
}

#main h1 {
	font: 1.786em/1.3em Cardo, Times, serif;
	margin-bottom: 1em;
}

#main h2 {
	font: 1.714em/1.3em 'Dawning of a New Day', cursive;
	margin: 2.5em 0 1em 0;
}

#main h2.butterfly {
	background: transparent url("https://i.imgur.com/YMYKpbe.png") no-repeat left top; /* butterfly.png */
	padding: 10px 0 0 44px;  
}

#main h3,
#main dt {
	color: #826e8b;
	font: 1.143em/1.4em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#main h3 {
	margin: 2em 0 .75em 0;
}

#main p,
#main blockquote,
#main ul,
#main ol,
#main dd {
	margin-bottom: 1.5em;
}

#main blockquote {
	color: #826e8b;
	font: italic 1.286em/1.5em Cardo, Times, serif;
	border: 1px solid #eee;
	border-width: 1px 0;
	padding: 20px 0;
	margin: 2.5em 0;
}

	#main blockquote p {
		margin-bottom: 0;
	}
	
	#main blockquote cite {
		color: #aaa;
		font: .777em/1em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

#main ol {
	margin-left: 32px;
}

#main ul li {
	background: transparent url("https://i.imgur.com/SyDUP4R.jpg") no-repeat left top; /* bullet.jpg */
	padding-left: 25px;
	margin-bottom: 1em;
}

hr {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: none;
	margin: 2em 0;
}

#content input,
#content textarea {
	width: 300px;
	font: 1em/1em Helvetica, Arial, sans-serif;
	padding: 6px;
}

#content textarea {
	height: 150px;
}

#content input[type="submit"],
#content button {
	width: auto;
	color: #ba5545;
	background: transparent url("https://i.imgur.com/8lBidDZ.jpg") no-repeat center center; /* button-bg1.jpg */
	font: 1em/1.3em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 12px;
	border-radius: 5px;
	border: none;
}

#content table {
	width: 100%;
	margin-bottom: .75em;
}

	#content table td,
	#content table th {
		padding: 8px;
		border-bottom: 1px solid #eee;
	}
	
	#content table thead th {
		color: #826e8b;
		font: 1.571em/1.3em 'Dawning of a New Day', cursive;
	}
	
	#content table input {
		width: 40px;
	}
	
	#content .cart-update {
		font-size: .857em;
		text-align: right;
	}

#content img.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

#content img.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}


/*----------------------------------------------------------------------
    Sidebar
----------------------------------------------------------------------*/

#sidebar {
	font-size: 1.3em;
	line-height: 1.5em;
}

#sidebar h3 {
	font: 1em/1.3em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar #buttons {
	font: italic 1.077em/1.3em Cardo, Times, serif;
	text-align: center;
}

	#sidebar #buttons ul {
		list-style: none;
	}
	
		#sidebar #buttons ul li {
			margin-bottom: 15px;
		}
		
			#sidebar #buttons ul li a {
				display: block;
				height: 80px;
				color: #5b5b5b;
				background: transparent none no-repeat center top;
				padding: 16px 25px;
			}
			
			#sidebar #buttons ul li a:hover {
				text-decoration: none;
			}
			
			#sidebar #buttons ul li.shop a {
				background-image: url("https://i.imgur.com/8lBidDZ.jpg"); /* button-bg1.jpg */
				padding-top: 25px;
			}

			#sidebar #buttons ul li.sessions a {
				background-image: url("https://i.imgur.com/x8prxAj.jpg"); /* button-bg2.jpg */
				padding-top: 25px;
			}

			#sidebar #buttons ul li.inspirations a {
				background-image: url("https://i.imgur.com/isSOOxf.jpg"); /* button-bg3.jpg */
			}
			
				#sidebar #buttons ul li a strong {
					display: block;
					font: 1em/1.3em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin-bottom: 10px;
				}

#sidebar #minicart {
	background: transparent url("https://i.imgur.com/xVzAhWv.gif") no-repeat left center; /* cart.gif */
	text-align: right;
	padding: 15px 0;
	border: 1px solid #eee;
	border-width: 1px 0;
	margin-bottom: 30px;
}

	#sidebar #minicart h3 {
		float: left;
		padding-left: 30px;
	}

	#sidebar #minicart a {
		color: #5b5b5b;
		font: italic 1.077em/1.3em Cardo, Times, serif;
		text-transform: lowercase;
	}

#sidebar #categories-container {
	display: none;
	background: #edecec url("https://i.imgur.com/qQSaDZ3.jpg") no-repeat center bottom; /* categories-bg-bottom.jpg */
	margin-bottom: 30px;
}

#sidebar #categories {
	background: transparent url("https://i.imgur.com/P2J5Scy.jpg") no-repeat center top; /* categories-bg-top.jpg */
	text-align: center;
	padding: 20px;
}

.products #sidebar #categories-container,
.product #sidebar #categories-container {
	display: block;
}

	#sidebar #categories a {
		color: #5b5b5b;
	}

	#sidebar #categories h3 {
		font: 2em/1em 'Dawning of a New Day', cursive;
		text-transform: lowercase;
		letter-spacing: 0;
		margin-bottom: 1em;
		padding-top: 
	}

	#sidebar #categories ul {
		list-style: none;
	}
	
		#sidebar #categories ul li {
			font: 1em/1.3em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 1.5em;
		}
		
			#sidebar #categories ul li a {
				display: block;
				padding-bottom: 4px;
				border-bottom: 1px dotted #ccc;
				margin-bottom: .5em;
			}
		
			#sidebar #categories ul li li {
				font: italic 1.077em/1.3em Cardo, Times, serif;
				text-transform: none;
				letter-spacing: 0;
				margin-bottom: 0;
			}
			
			#sidebar #categories ul li li a {
				color: #777;
				padding: 0;
				border: none;
				margin-bottom: .25em;
			}



/*----------------------------------------------------------------------
    Page-specific styles
----------------------------------------------------------------------*/

#content #section-title {
	display: none;
}

#cart-page #content #section-title,
#products-page #content #section-title {
	display: block;
}

#content #photo-feature {
	display: none;
	color: #fff;
	height: 300px;
	background: transparent url("https://i.imgur.com/lLI3EZP.jpg") no-repeat center top; /* photo-header3.jpg */
	font: 3em/1.3em 'Dawning of a New Day', cursive;
	text-align: right;
	padding: 40px 40px 0 0;
	margin: -10px -15px 30px -15px;
}

#home-page #content #photo-feature {
	display: block;
}

#content p.signature {
	font: 2.286em/1.3em 'Dawning of a New Day', cursive;
}

#content dl.contact {
}

	#content dl.contact dt {
		float: left;
		margin-right: 10px;
	}

#content form.opt-in {
}

	#content form.opt-in h3 {
		background: transparent url("https://i.imgur.com/3R5yv6a") no-repeat -130px top; /* paint-stripe.jpg */
		padding: 17px 0 15px 30px;
		margin-left: -30px;
	}
	
	#content form.opt-in input {
		width: 120px;
		margin-right: 5px;
	}

#content #products {
	margin-left: -25px;
}

	#content #products .product {
		float: left;
		width: 180px;
		margin: 0 0 30px 25px;
	}

  #content #products .product:nth-child(3n+1) {
    clear: left;
  }
	
		#content #products .product a {
			color: #5b5b5b;
		}
		
		#content #products .product img {
			width: 180px;
			height: auto;
			border: 1px solid #eee;
		}
	
		#content #products .product h3 {
			color: #5b5b5b;
			font-size: 1em;
			margin: .25em 0;
		}
		
		#content #products .product p.product-price {
			font: italic 1em/1.3em Cardo, Times, serif;
			margin: 0;
		}

#product-page #content #product-images {
	float: left;
	margin-right: 25px;
}

	#product-page #content #product-images ul {
		list-style: none;
		margin-left: 0;
	}
	
		#product-page #content #product-images ul li {
			background: transparent none;
			padding-left: 0;
			margin-bottom: 10px;
		}
		
		#product-page #content #product-images ul li.thumbnail {
			float: left;
			margin: 0 10px 10px 0;
		}

#product-page #content #product-details {
	margin-left: 225px;
}

#product-page #content h1 {
	margin-bottom: .25em;
}

#product-page #content p.price {
	font: italic 1.071em/1.3em Cardo, Times, serif;
}

#product-page #content button {
	font-size: .857em;
	margin-bottom: 1.5em;
}

#content a.remove-btn {
	font: .714em/1em "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
	color: #fff;
	background-color: #ddd;
	padding: 3px 7px;
	border-radius: 10px;
}

#content a.remove-btn:hover {
	background-color: #bbb;
	text-decoration: none;
}