body {	
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: small;
	color: #444;
	background: #f4f4ed;
	}

a:link, a:visited {
	color: #B86196;
	padding-right:12px;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	color: #B86196;
	}
	
a.FAQ{
	color: #B86196;
	text-decoration: none;
	}
a.FAQ:hover {
	text-decoration: none;
	color: #B86196;
	}

/* page structure 
--------------------------------------------*/

#main-body-inner {
	width: 550px;
	margin: 0 auto;
	padding: 20px;
	font-size: 95%;
	}
#content {
	float: right;
	width: 550px;
	}
#content.single {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 2px solid #e0e0d5;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	color: #666;
	}
#footer-inner {
	width: 550px;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 95%;
	line-height: 1.7em;
	border-top: 3px solid #e0e0d5;
	}

/* header 
--------------------------------------------*/

#logo {
	margin: 0 0 10px 0;
	}
#content #title h2 {
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.5em;
	text-align: left;
	color: #555;
	background: none;
	}

/* content 
--------------------------------------------*/
	
span.amp {
	font-size: 110%;
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	}
#main-body h1 {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 180%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #B86196;
	background: url(/img/hr-3px.gif) repeat-x 0 50%;
	}
#main-body h1 span {
	padding: 0 10px;
	background: #f4f4ed;
	}
#content h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: #B86196;
	background: url(/img/h3-hr.gif) repeat-x 0 50%;
	}
#content h2 span {
	padding: 0 6px;
	background: #f4f4ed;
	}
#content h3 {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 110%;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;	
	color: #B86196;
	}
#content h3.normal {
	text-align: left;
	}
#content h3 a {	
	text-decoration: none;
	color: #B86196;
	}
#content h3 a:hover {
	color: #574b42;
	}
#content h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #B86196;
	background: url(/img/h3-hr.gif) repeat-x 0 50%;
	}
#content h4 span {
	padding: 0 6px;
	background: #f4f4ed;
	}
#content h4.normal {
	margin-bottom: 5px;
	text-align: left;
	background: none;
	}
#content h5 {
	margin: 10px 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	}
#content p {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	}
#content p.desc,
#content.page p,
#content div.desc p {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 140%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.6em;
	text-align: left;
	color: #555;
	background: none;
	}
#content p.note {
	color: #999;
	}
#content p.note a {
	color: #666;
	}
#content p.note a:hover {
	color: #444;
	}

/* samples */

ol.sets {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ol.sets li {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 2px solid #e0e0d5;
	overflow: hidden;
	}
	
div.sample {
	margin: 0 0 8px 0;
	padding: 6px;
	background: url(http://simplebits.com/img/bitstream/noise-earth.gif);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
div.sample-inner {
	position: relative;
	margin: 0;
	padding: 30px;
	text-align: center;
	border: 4px double #e0e0d5;
	background: #fff;
	}
div.new {
	background: #fff url(/img/new-badge.gif) no-repeat top left;
	}
div.sale {
	background: #fff url(/img/sale-badge.gif) no-repeat top left;
	}
div.super {
	padding: 0px;
	}
div.multi {
	margin-bottom: 40px;
	}
#content div.sample h5 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 5px 7px;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 1em;
	text-transform: none;
	letter-spacing: 0;
	color: #7aa050;
	}
#content div.sample h5 span {
	font-size: 70%;
	font-weight: normal;
	}
#content div.sample h5 del {
	color: #ccc;
	}
#content div.sample p {
	margin: 0;
	padding: 0;
	}
#content p.info {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 105%;
	line-height: 1.5em;
	font-style: italic;
	color: #999;
	}
#content p.actions {
	float: right;
	margin: 0;
	padding: 0;
	}
#content p.buy {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
	line-height: .5em;
	font-weight: normal;
	text-align: center;
	color: #7aa050;
	}
#content p.buy a {
	margin-left: 10px;
	vertical-align: middle;
	}
#content p.buy strong, #content p.buy img {
	vertical-align: middle;
	}
#content p.buy strong {
	font-weight: normal;
	}
#content p.buy strong abbr {
	font-size: 50%;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666;
	}

/* hCard */

div.vcard {
	font-size: 110%;
	line-height: 1.7em;
	color: #999;
	}

/* chameleon styles 
--------------------------------------------*/

/* content area */

#content-cham {
	width: 100%;
	height: 1%;
	position: relative;
	}
#content-cham #ready {
	float: left;
	width: 47%;
	margin: 0;
	}
#content-cham #create {
	float: right;
	width: 47%;
	}
#content-cham .box {
	margin: 0 1px;
	padding: 0 0 20px 0;
	position: relative;
	}
#content #content-cham .box h4 strong,
#content #more-info h3 strong {
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 0;
	color: #7aa050;
	}
#content-cham .box h4 strong span,
#more-info h3 strong span {
	padding: 0;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.7em;
	vertical-align: top;
	}
#content-cham .box p {
	margin: 10px 0 20px 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}
#content-cham .price {
	display: none;
	}
#content-cham .box p.info {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.6em;
	text-align: left;
	color: #999;
	}

/* hex form */

.buy-form {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	}
.buy-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
	}
.buy-form a:link, 
.buy-form a:visited, 
.buy-form a:hover {
	border: none;
	background: none;
	}
.buy-form h4 {
	margin: 10px 0;
	padding: 0;
	font-size: 110%;
	}
#content .buy-form h5 label {
	font-weight: bold;
	}
.buy-form span {
	font-size: 200%;
	font-weight: bold;
	vertical-align: middle;
	color: #666;
	}
.buy-form input, #previewlink {
	vertical-align: middle;
	}
#inputhex {
	font-size: 160%;
	color: #666;
	width: 100px;
	}
p.buy-btn {
	margin: 0;
	padding: 0;
	text-align: center;
	}

/* preview box */

.preview {
	margin: 10px 0;
	padding: 30px 0;
	border: 1px solid #e0e0d5;
	text-align: center;
	background: #fff url(/img/sleeve-sample.gif) no-repeat top left;
	-webkit-box-shadow: 0 0 4px #deded4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
.preview img {
	background: #444;
	}
.graphite img {
	background: #777;
	}

/* preview original */

#content-cham {
	margin-bottom: 20px;
	}

#more-info #preview-pane.super {
	background: #fff url(http://chameleon.simplebits.com/img/sample-corner.gif) no-repeat top left;
	}

/* font */

/* faq header */

#content h4#font-faq {
	clear: both;
	}
#content dl.faq {
	margin-bottom: 30px;
	}
#content dl.faq dt {
	font-weight: bold;
	}
#content dl.faq dd {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.5em;
	}

/* license copy */

#content div.lic {
	font-size: 90%;
	line-height: 1.5em;
	}
#content div.lic p,
#content div.lic li {
	color: #666b75;
	}

/* sidebar 
--------------------------------------------*/

#sidebar h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #B86196;
	letter-spacing: 1px;
	}
#sidebar p {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.7em;
	color: #666;
	}
#sidebar p.cc {
	margin: 0 0 5px 0;
	}
#sidebar ul {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	}

/* thumbs */

#sidebar img.thumb {	
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;
	padding: 2px;
	border: 1px solid #e0e0d5;
	background: #fff;
	}

/* blog list */

#sidebar dl.blog {
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	}
#sidebar dl.blog dt {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
#sidebar dl.blog dd {
	margin: 0;
	padding: 0;
	}
#sidebar dl.blog dd.posted {
	margin: 2px 0 1.5em 0;
	padding: 0 0 0 14px;
	font-style: italic;
	color: #899ba9;
	background: url(/img/icon-posted.gif) no-repeat 0 3px;
	}

/* footer 
--------------------------------------------*/

#nav ul {
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
#nav ul li {
	display: inline;
	margin: 0 12px;
	padding: 0;
	}
#nav ul li a {
	margin: 0;
	padding: 0;
	}
#nav ul li a.active,
#nav ul li.current-cat a {
	color: #B86196;
	}

#footer p {
	margin: 0;
	padding: 0 0 82px 0;
	font-size: 90%;
	line-height: 1.7em;
	text-align: center;
	color: #999;
	background: url(/img/footer-mark.gif) no-repeat 50% 100%;
	}
#footer p a {
	color: #666;
	}
#footer p a:hover {
	color: #444;
	}

/* misc. 
--------------------------------------------*/

a img {
	border: none;
	}
hr, .hide {
	display: none;
	}
	
/* self-clear floats */

#main-body:after,
#home-desc:after,
#content-cham:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }