/**
 * @name BaddHabit User Interface
 * @version 2009.01.26
 * @author nick@axisweb.com
 * 
 * @type CSS
 */
body {
	background-color:#ccc;
	margin:10px;padding:0;
}
#home {
	background-color:#000;
	margin:0;padding:0;
}
#wp-home {
	background-image:url('../img/bg.home.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	width:965px;
	min-width:965px;
}

#wp {
	width:965px;
	min-width:965px;
	border:3px solid #666;
}

#hd-home, #hd-home a {
	color:#ccc;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:lighter;
	font-size:85%;
}
#hd-home a:hover { text-decoration:underline; }
#hd-home {
	text-align:right;
	vertical-align:top;
	padding-right:20px;
	padding-bottom:96px;
}
#hd {
	background-image:url('../img/bg.head.png');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#000;
	height:88px;
}
#hd .logo, #hd .nav {
	float:left;
}
#hd .nav {
	padding-top:64px;
	padding-left:40px;
	vertical-align:bottom;
}
#hd .nav img {
	padding-left:10px;
	padding-right:10px;
}

#bd {
	background-image:url('../img/bg.main.jpg');
	background-repeat:repeat-y;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
	padding-left:48px;
	padding-right:48px;
	padding-bottom:48px;
	padding-top:10px;
	background-color:#fff;
}

#subnav .left {
	float:left;
	color:#666;
}
#subnav .left a, #subnav .right a {
	text-decoration:none;
	color:#666;
}
#subnav .left a:hover, #subnav .right a:hover {
	text-decoration:underline;
}
#subnav .left img {
	margin-right:10px;
	float:left;
}
#subnav .right {
	float:right;
	color:#666;
}

#breadcrumb {
	color:#903;
	font-size:85%;
	padding-bottom:15px;
	font-weight:bold;
}
#breadcrumb a { color:#903; }
#breadcrumb a:hover { color:#000; }

#frame-home {
	background-image:url('../img/frame.home.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	height:400px;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
}
#nav-home {
	float:left;
	padding-left:180px;
	padding-top:40px; /* was 60px for centering 4 links */
}
#text-home {
	float:left;
	color:#333;
	font-weight:800;
	padding-top:70px;
	padding-left:24px;
}
#text-home h2 {
	margin-top:6px;
	margin-bottom:0;
}
#text-home .content {
	padding-left:5px;
	padding-right:5px;
	width:245px;
	vertical-align:top;
	font-size:93%;
}
#text-home .content .14 { font-size:14px; }
#text-home .content .18 { font-size:18px; }

#bd h2 {
	margin-bottom:2px;
	margin-left:24px;
}

#content, #content-store {
	background-image:url('../img/frame.main.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding:45px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	font-family:"Trebuchet MS", Trebuchet;
}
.text, .text-store {
	height:335px; /* was 260 */
	vertical-align:top;
	overflow-y:auto;
	overflow-x:hidden;
	padding:0;
	margin:0;
}

/* --page-specific-- */
ul.about {
	margin-left:5px;
	padding-left:5px;
	margin-bottom:24px;
}
ul.about li {
	margin-bottom:10px;
}

/* --footer-- */
#ft-home {
	color:#0cc;
	font-weight:200;
	font-size:77%;
	text-align:right;
	vertical-align:bottom;
	padding-top:92px;
	padding-right:36px;
}
#ft-home a, #ft a {
	color:#0cc;
	text-decoration:none;
}
#ft {
	background-color:#000;
	color:#0cc;
	font-weight:200;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
#ft .nav {
	font-size:93%;
	padding-bottom:10px;
}
#ft .copyright {
	font-size:77%;
}

/* --helper classes-- */
.clear { clear:both }
#cartspacer { height:42px; }