/*



*/



/* --- General Formatting

------------------------- */



body {

	margin: 0;

	padding: 0;

	background: none;

	font: normal .75em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

p, address, ul, ol, dt, dd, td, th {

	color: #000;

	line-height: 1.4;

	text-align: left;

}

th, b, strong {

	font-weight: bold;

}

i, em, cite {

	font-style: italic;

}

blockquote {

	margin: 0;

	padding: 0;

	color: #333;

	font-style: italic;

}



.small, small {

	font-size: 88%;

}

.big, big {

	font-size: 130%;

}

.align-center {

	text-align: center;

}

.align-right {

	text-align: right;

}

.no-padding {

	padding: 0;

}



/* Links */

a {

	text-decoration: none;

	outline: none;

}

a:link {

	color: #662087;

}

ul a:link {

	color: #662087;

}

a:visited {

	color: #333;

}

h2 a:visited, h3 a:visited {

	color: #662087;

}

a:hover, a:active, a.active {

	text-decoration: underline;

}

/* Random link styles */

a.cart {

	display: block;

	padding: 8px 20px 8px 0;

	background: url(/site_images/icon_cart.png) center right no-repeat;

}



/* Paragraphs */

p {

	margin: 0 0 1.4em;

}



.soften, a:link.soften {

	color: #666666;

}

.harden, a:link.harden {

	color: #000;

}

.sale {

	color: #662087;

}

.critic {

	color: #662087;

}



/* Lists */

ul {

	margin: 0 0 .5em 1.5em;

	padding: 0;

	list-style-image: url(/site_images/bullet_double_arrow.gif);

}

.nice-list {

	margin: 1em 0 .5em 0;

	list-style: none;

	list-style-image: none;

}



/* Floating elements */

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.iso {/* Wraps multiple floating elements, such as an image and a paragraph (caption) */

	width: 48%;

	margin: 0 .5%;

}



/* Images */

img {

	padding: 5px;

}

img.thumb {

	margin: 0 0 5px;

	padding: 0;

	border: 1px solid #333;

}

a img {

	border-style: none;

}





/* Forms */

form {

	display: none;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	margin: 0 0 .7em;

	padding: 0;

	color: #662087;

	font: bold 150%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;

	text-align: left;

}

h1 {

	float: left;

	width: 287px;

	height: 139px;

	overflow: hidden;

	font-size: 170%;

	margin: 0;

	padding: 0;

}

h1 a {

	display: block;

	width: 100%;

	height: 100%;

}

h2	{

	font-size: 130%;

	clear: both;

}

h3 {

	font-size: 120%;

	margin: 0 0 .3em;

}

h3.home {

	font-weight: normal;

	font-size: 108%;

	color: #111;

	margin: 0;

}

h4 {

	margin: 0 0 .5em;

	font-size: 120%;

	font-weight: normal;

	color: #111;

}

h5 {

	font-size: 108%;

}

h6 {

	font-size: 108%;

	margin-bottom: .2em;

}



/* Layout styles, specific styles to elements above are with their respective element 

-------------------------------------------------------------------------------------*/



/* Container */

#container {

	width: 968px;

	margin: 25px auto;

}



/* Header */

#header {

	height: 140px;

	font-size: .95em;

}



/* Menus (main and secondary) */

#main-menu {

	margin: 112px 0 0 0;

	list-style: none;

	float: right;

	display: none;

}

#main-menu li {

	float: left;

	padding: 7px 10px;

}

li#rss {

	margin: 0 0 0 10px;

	padding: 7px 10px 36px 40px;

	background: url(/site_images/icon_rss.jpg) top left no-repeat;

}

#secondary-menu {

	margin: 0;

	list-style: none;

	float: right;

	display: none;

}

#secondary-menu li {

	padding: 0 10px;

	float: left;

}

#main-menu a:visited, #secondary-menu a:visited, #main-menu a:link, #secondary-menu a:link {

	color: #662087;

}



/* Content */

#content {

	width: 915px;

	margin: 0 auto;

	clear: both;

}



#top-content {

	width: 100%;

	color: #ccc;

}

#top-content img { 

	border: none;

}



/* Columns */

.columns {

	zoom: 1;

	margin-top: 15px;

}

.columns:after {/* Clear after floats */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.column, .column-3a, .column-3b, .column-2a {

	float: left;

	font-size: .95em;

	margin: 0 2%;

}



/* 3 Columns */

.three .column {

	width: 31.9%;

}

.three .column-3a {

	display: none;

	width: 35%;

}

.three .column-3b {

	width: 38.5%;

}

.three .first-column-3a {

	display: block;

	width: 95%;

}

.three .last-column-3a {

	display: none;

	width: 19%;

}



/* 2 Columns */

.two .column {

	width: 48.5%;

	margin: 0 2% 0 0;

}

.two .first-column-2a {

	width: 95%

}

.two .last-column-2a {

	display: none;

	width: 32%;

}



/* General formatting for specific columns, for example, all first-columns get a larger font-size */

.three .first-column-3a, .three .first-column-3b, .two .first-column-2a {/* Sets the font-size of the first column*/

	font-size: 0.95em;

}

.three .first-column, .three .first-column-3a, .three .first-column-3b, #home .three .first-column, .two .last-column, .two .last-column-2a, .three .last-column, .three .last-column-3a, #home .three .last-column {

	margin: 0;

}



/* Boxes */

.box {

	position:  relative;

	margin: 0 0 15px;

	padding: 10px;

	text-align: center;

}

.box.featured {/* Featured Product box in the store */

	margin: 0;

	padding: 10px 0 0;

}

.box.featured img {/* Big featured product image */

	padding: 0;

}

.box.featured h2 {

	margin: 0 0 .7em 10px;

}

.box.ad {/* Advertising box */

	padding: 0;

}

#home .box-height {

	height: 295px;

}

#section-store .box-height {/* Sets a height to the 2 columns inside the 3 column boxes to push the box footer down, thus looking smooth in all 3 */

	height: 155px;

}

.box .box-lower {

	margin: 15px 0 0;

	padding: 15px 0 0;

	border-top: 2px solid #bebebe;

	

}

.box-header, .box-footer {

	margin: 0 0 8px;

	padding: 5px;

	clear: both;

}

.featured .box-footer {/*Changing the box-footer within the featured product box */

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 30px;

	margin: 0;

}

.home .box-footer {/* Sets the box footer at the bottom so all 3 boxes look smooth */

	position: absolute;

	bottom: 0;

	left: 10px;

	width: 90%;

}

.box-header p, .box-footer p {

	margin: 0;

	line-height: 1;

}

.featured .box-footer p {/* Tweaking the paragraphs in the featured product box */

	padding: 8px 0;

}

.featured .box-footer p.float-right {/* Take away padding on that paragraph because it's applied to the anchor because of the cart icon */

	padding: 0;

}

.box-footer ul {

	float: right;

	margin: 0;

	padding: 0;

	line-height: 1;

	list-style-image: none;

	list-style: none;

}

.box-footer li {

	float: left;

	padding: 0 5px;

	line-height: 1;

}



/* Comment box and elements */

.comment-box {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #bebebe;

	background: #dfe1e4;

}

.commenter {

	font-size: 1.1em;

	color: #662087;

}

.date {

	font-size: .85em;

	color: #666666;

}



.pop {/* adds some punch to the element */

	padding: 8px;

}

.pop a {

	color: #000;

}

.teaser {/* Wraps the blog post teasers on the front page, or any page for that matter */

	margin: 0 0 15px;

	border-bottom: 2px solid #bebebe;

}

img.see-inside {

	position: absolute;

	padding: 0;

	top: 0;

	right: 0;

}



/* Footer */

#footer {

	margin: 15px 0 0 0;

	padding: 15px 0 0 0;

	border-top: 1px solid #bebebe;

	font-size: .95em;

}

#footer p {

	color: #662087;

}