@charset "utf-8";

/*	green light 669933
		green dark 336600
		grey light cccccc
		grey dark 333333
		brown dark 6f5f40
		brown light ece7e0
*/
a:link {text-decoration: none; color: #669933;}
a:visited {text-decoration: none; color: #336600;}
a:hover {text-decoration: underline; color: #669933;}
a:active {text-decoration: underline; color: #669933;}
body {
	background-image: url(../images/layout/backgrounds/header.gif);
	background-repeat: repeat-x;
	background-color: #ece7e0;
	font:12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
}
h1, h2 {color: #669933;}
img {border: 0;}

.large {font-size:16px;}
.small {font-size:10px;}

/* header ***********/
#header {width:960px;	margin:auto;}
#header #contact {float: right;	width: 300px;}
#header #contact img {float: right;}
#header img {float:left;}
#header #nypt {margin-top: 39px;}
#header #last-icon {margin-right: 16px;}

/* navigation ***********/
#header ul {clear: both; font-size:14px; font-weight: bold; position: relative; top: 18px; left: -40px; width: 660px;}
#header li {display: inline; padding:0 14px 0 9px;}
#header li a:link {text-decoration: none;	color: #FFFFFF;}
#header li a:visited {text-decoration: none;	color: #FFFFFF;}
#header li a:hover {text-decoration: none;	color: #CCCCCC;}
#header li a:active {text-decoration: none;	color: #CCCCCC;}

#cse-search-box {position: relative; top: -16px; right: 10px; float: right;}
#cse-search-box #box {width:130px;}
#cse-search-box #button {background:none; border:none; color:#FFFFFF; font:bold 14px Arial, Helvetica, sans-serif;}
#cse-search-box #button:hover {color:#CCCCCC;}

/* middle ***********/
.shade-box {width: 980px; margin: auto; position: relative; top: -11px;
	background-image:url(../images/layout/backgrounds/sb-middle.gif);}
.shade-box-inside {position: relative; top: -5px; padding: 0 20px;}
.shade-box h1 {color:#6f5f40;	font-size:33px;	margin-top:10px;	margin-bottom:44px;}
.shade-box h2 {font-size:22px;	margin-bottom:44px;}
#video {float:left; margin-right:10px;}
.shade-box h2 a:link {text-decoration: none; color: #336633;}
.shade-box h2 a:hover {text-decoration: underline; color:#363;}

/* as seen in ***********/
.as-seen-in {color:#669933;	float:left;	font-size:18px;}
#as-seen-in li {display:inline;	float:left;	padding:11px 1.5px;}
#as-seen-in a {height:35px; display:block;}
#as-seen-in a span {display:none;}
#as-seen-in #wsj {background:url(../images/layout/as-seen-in/wall-street-journal.gif); background-position:0 35px; width:268px;}
#as-seen-in #wsj:hover {background-position:0 0;}
#as-seen-in #yj {background:url(../images/layout/as-seen-in/yoga-journal.gif); background-position:0 35px; width:85px;}
#as-seen-in #yj:hover {background-position:0 0;}
#as-seen-in #nyt {background:url(../images/layout/as-seen-in/new-york-times.gif); background-position:0 35px; width:229px;}
#as-seen-in #nyt:hover {background-position:0 0;}
#as-seen-in #s {background:url(../images/layout/as-seen-in/the-strad.gif); background-position:0 35px; width:135px;}
#as-seen-in #s:hover {background-position:0 0;}
#as-seen-in #g {background:url(../images/layout/as-seen-in/gotham.gif); background-position:0 35px; width:103px;}
#as-seen-in #g:hover {background-position:0 0;}

/* content ***********/
#wrapper {background-color:#FFFFFF;	background-repeat:repeat-y;	margin:auto; width:960px;
	background-image:url(../images/layout/backgrounds/grey-gradient.gif);}
#content {padding:20px;	margin-left:160px;}
#content h1, #content h3, #content h2 {margin-top:0;}
#column {width:460px;}
#column hr {margin:33px 0;}
#column li {margin:9px -22px;}
.side {float:right;	width:260px; clear:right;}
.middle {width:460px;}

/* sidebar ***********/
#sidebar {float:left;	list-style:none;	font-size:12px;	margin:0 0 0 -40px;	width:160px;}
#sidebar li {padding:20px 10px 20px 20px;	border-bottom:1px solid #CCCCCC;}
#sidebar img {float:right; margin:3px 3px 2px 0;}
#sidebar a {text-decoration: none;}
#sidebar a:link {color: #444;}
#sidebar a:visited {color: #444;}
#sidebar a:hover {color: #000;}
#sidebar a:active {color: #000;}

/* features **********/
.fb {float:right; margin-bottom:9px;}
#features {float:right;	height:100%; clear:right; list-style:none;	margin:0;}
#features li {clear:both;	border:1px solid #CCC;	margin:0 0 22px -22px;	width:260px;}
#features li:hover, .ad:hover {border:1px solid #666;}
.ad {clear:right; border:1px solid #CCCCCC; margin-bottom:22px;}
#features img {float:left; margin-right:9px; width:75px;}
#features h2 {margin:0;}
#features p {margin-bottom:6px;}

/* forms ***********/
.label {color:#666;	font-size:16px;}
.field {border:solid 1px #999;	font:16px Arial, Helvetica, sans-serif;	padding:5px;}
.field:focus {background:#EEE;	border:solid 1px #666;}
.r {color:#990000;	font-size:large;}
#submit, .submitnewsletter {background:#669933;	border:none;	color:#FFFFFF;	font-size:16px;	font-weight:bold;	padding:5px;}
#submit:hover, .submitnewsletter:hover {color:#CCCCCC;}

/* footer ***********/
#footer {margin:auto;	text-align:center;	width:960px; clear:both;}
#footer h3 a {text-decoration:none; color:#669933;}
#footer img {padding:0 9px 0 9px;}
#footer ul {margin-left:-22px;}
#footer #nav a:link {text-decoration: none;	color: #669933;}
#footer #nav a:visited {text-decoration: none;	color: #669933;}
#footer #nav a:hover {text-decoration: underline;	color: #669933;}
#footer #nav a:active {text-decoration: underline;	color: #669933;}
#footer li {display:inline;	padding-right:9px;}
#footer .bullet {margin-right:9px;}

/* recommended pts **/
.thead {background:#669933; color:#FFF;}
.trow {background:#eee;}

#from-blog {font-size:14px;}

#social {width:960px; margin:auto; padding-bottom:22px;}
#social #header {font-size:14px; font-weight:bold; width:20%; margin-top:1px;}
#social ul {list-style:none; margin-left:222px; padding:0;}
#social li {float:left; width:15%;}