body {
	font-size: 90% !important;
}


/* Structure */

div.post {
	padding: 10px;
	background-color: #E4DBE4;
	margin-bottom: 10px;
	width: 90%;
}

#left_column li h2, .pagetitle {
	color: #663366;
}

li.categories {
	margin: 10px 0 10px 0;
}

.alignleft {
	padding: 10px 0 10px 0;
	width: 40%;
	float: left;
}

.alignright {
	padding: 10px 0 10px 0;
	width: 40%;
	float: right;
}

#comments {
	width: 90%;
	padding: 10px 0;
	border-bottom: 1px dotted purple;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

ol.commentlist li {
	margin: 10px 0 10px 0;
	width: 90%;
}

ol.commentlist li p {
	border-bottom: 1px dotted purple;
	padding: 10px 0 10px 0;
}

#commentform {
	width: 90%;
}

#commentform p textarea {
	width: 90%;
	border: 1px solid purple;
}

#submit {
	margin: 10px 0 10px 0;
}

/* Generic Styling */

body {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

/* Full Height Container */

#container {
	position: relative;
	margin:0 auto;	
	width: 700px;
	height: auto;
	border-top: 1px solid #00ccff;
}

/* Header */

#header {
	position: relative;
	background-color: transparent;
	border-bottom: 1px solid #A894BB;
	margin-bottom: 16px;
}

#header_image {
	width: 700px;
	height: 100px;
	border-top: 25px solid purple;
	}

/* Left Column */

#left_column {
	width: 150px;
	height: auto;
	float: left;
}

/* Centre Column */

#centre_column {
	width: 550px;
	height: auto;
	float: left;
	margin-top: 4px;
}

#content {
	width: 484px;
	height: auto;
	float: left;
	margin-top: 4px;
}

/* Footer */

#footer {
	clear: both;
	width: 700px;
	height: 200px;
	margin: 0 auto;
	margin-top: 50px;
}

/* Style */

/* Home Page Left Column Sections */

.product {
	width: 300px;
	height: 100px;
	background-color: purple;
	clear: both;
	margin-top: 4px;
}

.image {
	float: left;
	margin-right: 5px;
}

.text {
	float: left;
	width: 190px;
}

/* About Image and title */

.image_about {
	width: 384px;
	height: auto;
	overflow: hidden;
}

h1.rebecca {
	width: 374px;
	padding: 5px;
	background-color: purple;
	border-top: 1px solid #00ccff;
	color: #fff;
	font-size: 110%;
}

/* BLOG */

#blog_container {
	width: 374px;
	height: auto;
	background-color: #D8CFD8;
	padding: 5px;
	position: relative;
	background-image: url("../../../../../images/logo.gif");
	background-position: 0 85%;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

/* Join Mailing List */

#mailer_container {
	width: 374px;
	height: auto;
	background-color: #D8CFD8;
	padding: 5px;
	position: relative;
	background-image: url("../../../../images/logo.gif");
	background-position: 0 85%;
	background-repeat: no-repeat;
}

.name {
	float: left;
	border: 1px solid #2E0455;
	background-color: #fff;
	padding: 3px;
}

.email {
	float: left;
	border: 1px solid #2E0455;
	background-color: #fff;
	padding: 3px;
	margin-left: 5px;
}

.doit {
	clear: left;
	border: 1px solid #2E0455;
	background-color: #fff;
	padding: 3px;
	margin: 5px;	
	position: relative;
	left: 275px;
	top: 0;
}

/* product thumbnails */

#thumbs_container {
	width: 200px;
	height: auto;
}
	
.product_item {
	width: 82px;
	height: 82px;
	margin: 3px;
	padding: 0;
	float: left;
}

.product_item img {
	width: 82px !important;
	height: 82px !important;
}

/* Footer */

#footer {
	background-image: url("../../../../images/tab_bg.gif");
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #D8CFD8;
}

.footer_details {
	margin-left: 10px;
}

/* Text */

/* Font Generic */

body {
	font-family: "ARIAL", arial, verdana, sans-serif;
	color: #2E0455;
}

/* Headers */

H1, H2, H3, H4, H5 {
	padding: 0;
	margin: 0;
}

h1, h2 {
	margin: 0;
	font-size: 100%;
	padding: 3px;
	font-weight: normal !important;
	color: #00ccff;
	font-size: 110%;
}

div.post h2 {
	padding-left: 0;	
}

h5.pages {
	margin-bottom: 10px;
}

/* Paragraphs */

p {
	font-family: "HELVETICA", arial, verdana, sans-serif;
	margin: 0;
	padding: 3px;
	font-weight: normal;
	line-height: 1.2em;
}

/* Links */

a {
	color: #906;
	text-decoration: underline;
	padding: 2px;
}

a:hover {
	color: #603;
	text-decoration: none;
	padding: 2px;
}


#footer a {
	color: #3366CC;
	text-decoration: underline;
	padding: 2px;
}

#footer a:hover {
	color: #333366;
	text-decoration: none;
	padding: 2px;
}

#left_column .product .text a {
	position: absolute;
	bottom: 2px;
	right: 8px;
	color: #00ccff;
	text-align: right;
	text-decoration: none;
	display: block;
}

/* Home Page */

.product .text p {
	font-size: 0.75em;
	font-style: normal;
	color: #fff;
}

/* Intro Text */

#centre_column p {
	font-size: 0.85em;
	margin-top: 5px;
}

#centre_column_products p {
	font-size: 0.85em;
	margin-top: 5px;
}

/* Footer */

.footer_text {
	font-size: 70%;
	color: #2E0455;
	margin-top: 10px;	
}

/* Navigation */

.navigation {
	width: 100%;
}

/* Home Navigation Styles */

ul#homenavigation {
	position: absolute;
	top: 0;
	left: 8px;
}

ul#homenavigation li.home_nav_item,
ul#homenavigation li.home_nav_item_active {
	float: left;
	padding: 0 3px 0 0;
	height: 25px;
}

ul#homenavigation li.home_nav_item a {
	display: block;
	height: 19px;
	padding: 3px 5px 3px 5px;
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}

ul#homenavigation li.home_nav_item_active a {
	display: block;
	height: 19px;
	padding: 3px 5px 3px 5px;
	color: purple;
	background-color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}

ul#homenavigation li.home_nav_item a:hover {
	color: purple;
	background-color: #fff;
}


/* Main Navigation Styles */

ul#mainnavigation {
	position: absolute;
	right: 0;
	top: 100px;
	background-image: url("../../../../images/tab_bg.gif");
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: transparent;
	border-top: 1px solid #1E0237;
	width: 700px;
}

ul#mainnavigation li.main_nav_item, ul#mainnavigation li.main_nav_item_active {
	float: left;
	padding: 0 0 0 0;
	background-color: transparent;
}

ul#mainnavigation li.main_nav_item a {
	display: block;
	height: 19px;
	width: auto;
	padding: 3px 10px 3px 10px;
	color: #fff;
	text-decoration: none;
}

ul#mainnavigation li.main_nav_item_active a {
	display: block;
	height: 19px;
	width: auto;
	padding: 3px 10px 3px 10px;
	color: purple;
	text-decoration: none;
	background-color: #fff;
	border-top: 1px solid #00ccff;
}

ul#mainnavigation li.main_nav_item a:hover {
	color: purple;
	background-color: #fff;
	height: 19px;
	border-top: 1px solid #00ccff;
}