@charset "utf-8";
body  {
	background-color: #fff;
	background-image:url(images/body_bg.gif);
	color:#000;
	font-family: Arial, Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 100%;
	height: auto;
	line-height: 1.125em; /* 16x1.125=18 */
	margin: 0;
	padding: 0;
	text-align: center; }

 #container {
    background-color:#fff;
	height:auto;
	margin: 0 auto;
	padding: 0px;
	position:relative;
	text-align: left;
	width: 900px; 	}
	

div, h1, h2,h3, p, ul, li, dd, label, form, input, img, span{
	margin:0; padding:0;
}

span {
	color: #ec6a60;
}
/*----------- header ----------------*/
#header {
	background-image: url(images/header.gif) ;
	background-repeat: no-repeat;
	height: 140px;
	overflow: hidden;
	width:900px; }
		
#headerp {
	float:right
}

/*----------- footer ----------------*/
	
#footer{
	font-size: 12px;
	line-height: 1.5em;
	color: #9ebbbe;
		}
		
#footer p {
	padding-top: 5px;
}

.lastp {
	display: block;
}

	/* --- Navigation -----*/	

#nav{
	float:right;
	height:35px;
	padding-top:10px;
	width:200px;
	_width:200px	}
	

#nav ul{
	height: auto;
	left:0px;
	top:0px;	}

#nav ul li{
	height:35px;
	float:left;
	padding:0  0 0 1px;
	display: inline;
}

#nav ul li a{
	display:block;
	padding:0 10px;
	font:bold 15px/35px Arial, Helvetica, sans-serif;
	color:#9ebbbe;
	text-decoration:none;
}

#nav ul li a:hover{
	background-color:inherit;
	color:#ec6a60;
}

#nav ul li a.hover{
	cursor:text;
	display:block;
	font:bold 15px/35px Arial, Helvetica, sans-serif;
	padding:0 40px;
	text-decoration:none;
}

#sidenav {
	color:9ebbbe;
	font:bold 13px/35px Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	padding: 10px 0px 10px 75px;
	}

#sidenav ul a{
	text-decoration:none;
}

/* -----sign-up ---*/
#sign-up {
	margin: 20px 0px 10px 55px;	
}
#sign-up  p {
	font:bold 13px/35px Arial, Helvetica, sans-serif;
	line-height: 1.45em;
	color:#293372;
	margin: 0;
}


/* -----individual pages ---*/

.home #nav ul li.home a{color:#9ebbbe;}

.about #nav ul li.about a{color:#ec6a60;}

.about #sidenav ul li.about a{color:#ec6a60;}

.mission #sidenav ul li.mission a{color:#ec6a60;}

.media #sidenav ul li.media a{color:#ec6a60;}

.contact #nav ul li.contact a{color:#ec6a60;}

.contact #sidenav ul li.contact a{color:#ec6a60;}

.wholesale #sidenav ul li.wholesale a{color:#ec6a60;}

.affiliate #sidenav ul li.affiliate a{color:#ec6a60;}

.explore #sidenav ul li.explore a{color:#ec6a60;}

.steps #sidenav ul li.steps a{color:#ec6a60;}

.mantra #sidenav ul li.mantra a{color:#ec6a60;}

.word #sidenav ul li.word a{color:#ec6a60;}

.works #sidenav ul li.works a{color:#ec6a60;}

.downloads #sidenav ul li.downloads a{color:#ec6a60;}

.workshops #sidenav ul li.workshops a{color:#ec6a60;}

.shop #sidenav ul li.shop a{color:#ec6a60;}

.tees #sidenav ul li.tees a{color:#ec6a60;}

.mugs #sidenav ul li.mugs a{color:#ec6a60;}

.bottles #sidenav ul li.bottles a{color:#ec6a60;}

.buttons #sidenav ul li.buttons a{color:#ec6a60;}

.clings #sidenav ul li.clings a{color:#ec6a60;}

.product #sidenav ul li.product a{color:#ec6a60;}

.book #sidenav ul li.book a{color:#ec6a60;}

.storelocator #sidenav ul li.storelocator a{color:#ec6a60;}

.share #sidenav ul li.share a{color:#ec6a60;}

.stories #sidenav ul li.stories a{color:#ec6a60;}

/* -- LINKS -- */

a:link { color:#9ebbbe; }
a:visited {color: #9ebbbe; }
a:hover { color: #ec6a60; }
 
#right p a:link { color:#ec6a60; }
#right p a:visited {color: #ec6a60; }
#right p a:hover { color: #293372; }

#righthome p a:link { color:#ec6a60; }
#righthome p a:visited {color: #ec6a60; }
#righthome p a:hover { color: #293372; }

.pfeel a:link { color:#ec6a60; }
.pfeel a:visited {color: #ec6a60; }
.pfeel a:hover { color: #293372; }

#yahoo p a:link { color:#293372; }
#yahoo p a:visited {color: #293372; }
#yahoo p a:hover { color: #ec6a60; }


/* -- hacks and work arounds */

#clear { clear: both;
		 display:block;}

/*--------------layout----------*/

#left, #right, #rightword, { margin-top: 20px; }

/*--------------index----------*/

#lefthome {
	float: left;
	width: 600px;	
}

#lefthome p {
	padding: 40px 0px 40px 75px;
}

#righthome {
	float: right;
	width: 300px;
	padding: 60px 0px 40px 0px;
}

#righthome img {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*--------------pages----------*/
#left {
	float: left;
	width: 250px;
}

#left p {
	padding: 0px 20px 10px 20px;
	margin: 10px 0px;
}

#left img {
	padding: 5px 0px 5px 0px;
}

#right {
	float: right;
	width: 650px;
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 25px;
}

#right p {
	padding: 10px 75px 10px 10px;
	color: #000;
}

/*--------------word pages----------*/

#rightword {
	float: right;
	width: 650px;
	font-size: 13px;
}

#rightword img {padding-top: 10px;}

#rightword p {padding-top: 10px;	color: #000;
}

.pfeel {padding-right: 25px;}

.be {padding-right: 30px;}

/*--------------product pages----------*/

#producttop {padding: 0px 0px 0px 10px;}

#producttable {	font:bold 13px/35px Arial, Helvetica, sans-serif;}

#producttable img {padding-top: 20px;}

#producttable2 {font:bold 13px/35px Arial, Helvetica, sans-serif;}

#producttable2 img {
	padding-top: 20px;
	padding-bottom: 5px;
}

#sale {color:#ec6a60;
		padding-left: 15px;}

/*-------------individual product pages----------*/

#yahoo {
	float: right;
	width: 650px;
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#yahoo p {	padding: 10px 25px 10px 15px;}

.mug {	padding-top: 20px;	}
	
.Tshirt {padding-top: 25px;	}	
	
.cling {padding-top: 45px;	}

/*-------------misc other pages----------*/

.about img{	padding: 10px 0px 20px 10px;}

.media img {padding: 20px 0px 20px 10px;}	

/*-------------------- Footer ---------*/

 #footer {
	background:#EC6A60;
	width: 900px;
	height: 5px;
}

#footer{
	font-size: 12px;
	line-height: 1.5em;
	color: #5a6b6d;
		}
		
#footer p {
	padding-top: 5px;
}

/*-------- eliminate link or image outlines -----*/

:link img {
  border: none;
}

img {
	border: none;
	}

		
/* ---- heading LI UL OL ordered lists and unordered lists -- */

div, h1, h2,h3, p, ul, li, label, form, input, img, span{
	margin:0; padding:0;
}

h2{
	padding: 15px 75px 10px 10px;
	font-size:16px;
	color:#ec6a60;
}

h3{
	padding: 10px 25px 10px 15px;
	font-size:14px;
	color:#ec6a60;
}

ul{
	list-style-type:none;
}

.feel{
	line-height: 1.50em;
	padding: 5px 0px 0px 0px
}

#list {
	padding: 0px 30px 10px 0px;
}

.product {
	padding: 0px 0px 0px 30px;
	}
	
.mugs {
	padding: 0px 0px 0px 15px;
	}
	
.bottles {
	padding: 0px 0px 0px 15px;
	}
	
.buttons {
	padding: 0px 0px 0px 15px;
	}	
	
.clings{
	padding: 0px 0px 0px 15px;
	}
	
.tees {
	padding: 0px 0px 0px 15px;
	}
	
.word {
	padding: 0px 0px 0px 15px;
	}
	
.moremantras {
	padding: 0px 0px 0px 15px;
	}

.more {
	padding: 0px 0px 0px 30px;
	}

#storelist ul {
	list-style-image: url(images/other-pages/bullet.gif);
}	

#storelist {
	padding: 5px 0px 5px 30px;
}

.state {
	padding-left: 10px;
	}
	
	/* ---- cloud tag-- */
	
#tagcloud {

}

#tagcloud ul li a{
	padding: 10px 10px 10px 10px;
	color:#52c6e2;
	text-decoration:none;
	line-height: 45px;
	display: run-in;
}

 #cloud a.tag1 { font-size: 14px; font-weight: 100; }
 #cloud a.tag2 { font-size: 17px; font-weight: 200; }
 #cloud a.tag3 { font-size: 20px; font-weight: 300; }
 #cloud a.tag4 { font-size: 23px; font-weight: 400; }
 #cloud a.tag5 { font-size: 26px; font-weight: 500; }
 #cloud a.tag6 { font-size: 29px; font-weight: 600; }
 #cloud a.tag7 { font-size: 32px; font-weight: 700; }
 #cloud a.tag8 { font-size: 35px; font-weight: 800; }
 #cloud a.tag9 { font-size: 38px; font-weight: 900; }
 #cloud a.tag10 { font-size: 41px; font-weight: 900; }