/* +----------------------------------------------------+ */
/* | Stylesheet for ColettePatterns.com                 | */
/* +----------------------------------------------------+ */

/** 
Colors used:
	Background: #f4ebc4
	Text:       #004264
	Links:      #005581
	Red:        #e55952
	Blue:       #004264
*/


/** Undo some styles from YUI base.css
----------------------------------------*/

fieldset, table {
	margin: 0px;
	border: 0px;
}

th, td {
	border: none;
}


/** Body
-------------------------------------------------------- */

html {
	color: #004264;
	background: #f4ebc4 url('../images/background.jpg');
	font-size: 76%;
}

body {
	font-size: 1.1em;
	font-family: "Palatino", "Times New Roman", serif;
	padding: 10px;
}
	
a {
	color: #0185c9;
	text-decoration: none;
}

a.current, a:hover {
	color: #005581;
	text-decoration: underline;
}


/** Main structural classes
-------------------------------------------------------- */

/* div#wrapper1 wraps entire page, including header, footer, and sidebar */
#wrapper1 {
	width: 880px;
	margin: 0px auto;
}

/* div#wrapper2 wraps content area and sidebar */
#wrapper2 {
	clear: both;
	overflow: hidden;
	padding-top: 10px;
}


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

#header {
	height: 150px;
	text-align: center;
	position: relative;
}

#header #logo {
	display: block;
	width: 300px;
	margin: auto;
	position: relative;
	z-index: 10;
}

#header #top_navigation {
	text-align: right;
	float: right;
}

#header #navigation {
	width: 100%;
	height: 20px;
	position: relative;
	top: -70px;
	overflow: hidden;
	border-top: solid 3px #ff625a;
	border-bottom: solid 3px #ff625a;
}

#header div.navigation_1 {
	float: left;
}

#header div.navigation_1 img {
	margin-right: 20px;
}

#header div.navigation_2 {
	float: right;
}

#header div.navigation_2 img {
	margin-left: 0px;
}

#searchform {
	position: absolute;
	top: 115px;
	right: 0px;
}

#searchform input {
	color: #ff625a;
	text-align: right;
	width: 140px;
	padding: 2px 3px;
}


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

div#footer {
	font-size: 0.9em;
	font-variant: small-caps;
	text-align: center;
	width: 50%;
	margin: 20px auto 0px auto;
	border-top: solid 2px #ff625a;
	padding-top: 10px;
}


/** Sidebar
-------------------------------------------------------- */

#sidebar {
	width: 180px;
	text-align: center;
	float: left;
	padding-left: 5px;
}

#sidebar h2 {
	color: #e55952;
	background: url('../images/post-info-top.png');
	width: 184px;
	margin-top: 2px;
	margin-left: -15px;
	padding: 3px 3px 0px 3px;
}

#sidebar a {
	font-size: 0.9em;
}

#sidebar p, #sidebar ul {
	text-align: left;
}

#sidebar p {
	margin-top: 10px;
}

#sidebar ul, #sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar ul {
	margin-bottom: 5px;
}

#sidebar ul#feedburner {
	margin-bottom: 0px;
}

#sidebar img {
	display: block;
	margin:auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.sidebar-element {
	background: #fffbe7;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

div.subscription_form_box {
	text-align: left;
	margin-top: 10px;
	display: none;
}

form.subscription_form input.textfield {
	color: #ff625a;
	width: 150px;
	padding: 2px 3px;
}

form.subscription_form input.button {
	display: block;
	margin-top: 10px;
}

#sidebar div.featured-blog a {
	display: block;
	margin: 8px 0px;
	font-size: 16px;
}


/* Bottom post navigation */
div.next_prev_navigation {
	margin: 20px 0px;
	overflow: hidden;
}

div.next_prev_navigation div.prev {
	float: left;
}

div.next_prev_navigation div.next {
	float: right;
}

/** Front page
-------------------------------------------------------- */

#catalog_wrapper {
	background: url('/images/catalog/background.png') no-repeat;
	width: 880px;
	height: 310px;
	position: relative;
}

#catalog, #catalog ul li {
	width: 860px;
	height: 290px;
	position: relative;
}

#catalog {
	top: 10px;
	left: 10px;
}

#catalog ul, #catalog ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#catalog ul li {
	display: none;
}

#catalog #catalog01 {
	display: block;
}

#catalog01 { background: url('/images/catalog/catalog-01.jpg') no-repeat; }

#catalog02 { background: url('/images/catalog/catalog-02.jpg') no-repeat; }

#catalog03 { background: url('/images/catalog/catalog-03.jpg') no-repeat; }

#catalog04 { background: url('/images/catalog/catalog-04.jpg') no-repeat; }

#catalog05 { background: url('/images/catalog/catalog-05.jpg') no-repeat; }

#catalog06 { background: url('/images/catalog/catalog-06.jpg') no-repeat; }

#catalog07 { background: url('/images/catalog/catalog-07.jpg') no-repeat; }

#catalog08 { background: url('/images/catalog/catalog-08.jpg') no-repeat; }

#catalog09 { background: url('/images/catalog/catalog-09.jpg') no-repeat; }

#catalog10 { background: url('/images/catalog/catalog-10.jpg') no-repeat; }


/*#catalog02 a, #catalog03 a, #catalog04 a, #catalog05 a, #catalog06 a {*/
#catalog a {
	display: block;
	width: 190px;
	height: 25px;
	position: absolute;
	bottom: 0px;
	right: 0px;
} 

#catalog10 a {
	display: block;
	width: 240px;
	height: 290px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#catalog_wrapper span, #catalog_wrapper span a {
	display: block;
	width: 90px;
	height: 55px;
}

#catalog_wrapper span {
	position: absolute;
	top: 35px;
}

#catalog_wrapper #nextBtn {
	right: 10px;
}

#catalog_wrapper #prevBtn {
	left: 10px;
}

#fp_navigation {
	text-align: center;
	margin: 20px 0px;
}


/** Main content area
-------------------------------------------------------- */

/* div#content is the center column, containing primary content */

#content {
	width: 650px;
	margin: auto;
	position: relative;	
	float: right;
}

/* Single-column have a wider, centered content area */
body.one_column #content {
	width: 750px;
	float: none;
	margin: auto;
}

/* Front page and shop have full-width layout */
body.front_page #content, body.shop #content {
	width: 100%;
	padding: 10px 0px;
	margin: 0px;
	float: none;
}


/** Text styles and utility classes
-------------------------------------------------------- */

h1 {}

h2 {
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

body.shop h2 {
	font-size: 1.6em;
	text-align: center;
	margin-top: 10px;
}

h3 {
	font-size: 1.2em;
}

h4 {
	margin-bottom: 10px;
	border-bottom: solid 1px #e55952;
}

h4.first {
	margin-top: 0px;
}

h5 {
}

.clear {
	clear: both;
}

.clearfix {
	overflow: hidden;
}

div.divider {
	height: 1px;
	margin: 20px 0px;
	border-bottom: solid 1px #e55952;
}

div.columns {
	overflow: hidden;
}

div.columns div.column1 {
	float: left;
}

div.columns div.column2 {
	float: right;
}


/** Blog and Page layout 
-------------------------------------------------------- */

div.post, div.page {
	margin-bottom: 30px;
	padding-bottom: 10px;
	min-height: 200px;
	overflow: hidden;
}

h2.post_title {
	text-align: center;
	margin-bottom: 5px;
}

div.post_wrapper {
	background: #fffbe7;
	width: 630px;
	margin: auto;
	padding: 25px 0px;
	margin-top: -10px;
}

div.post_content {
	width: 520px;
	margin: auto;
	margin-top: 20px;
}

div.post_heading, div.post_heading a, 
div.post_info_top, div.post_info_top a {
	color: #005581;
}

div.post_heading h2.post_title {
	background: #feede3 url('../images/post-heading.png') no-repeat;
	font-family: "Palatino", "Times New Roman", serif;
	font-size: 24px;
	font-style: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 15px 10px 30px 10px;
	position: relative;
	z-index: 5;
}

div.post_info_top {
	background: transparent url('../images/post-info-top.png') no-repeat;
	font-style: italic;
	width: 350px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	position: relative;
	top: -25px;
	right: 50px;
	z-index: 10;
}

div.post_info_top a {
	text-decoration: underline;
}

div.post_info_bottom {
	font-style: italic;
}

div.post_content img {
	display: block;
	margin: auto;
}

div.post_content li {
	margin: 20px;
}

div.author_bio {
	background: #feede3;
	font-style: italic;	
	margin-bottom: 10px;
	padding: 10px;
	border: solid 3px #ffaea0;
}

div.small_business_header {
	background: #feede3;
	margin-bottom: 20px;
	padding: 10px;
}

div.small_business_header p {
	margin: 0px;
}

img.tutorial-image {
	border: solid 10px #ffc1be;
	position: relative;
	z-index: 10;
}

div.tutorial-caption-box {
	width: 500px;
	margin: 0px auto 10px auto;
	position: relative;
}

div.tutorial-caption-box img {
	position: absolute;
	top: -15px;
	left: 100px;
	z-index: 5;
}

div.tutorial-caption-box div.tutorial-caption {
	color: #e55952;
	background: #ffc1be;
	font-size: 1.2em;
	font-style: italic;
	width: 250px;
	padding: 10px;
	float: right;
}


/** Comments
-------------------------------------------------------- */

div.comment_list {
	padding: 0px 10px;
}

div.comment, div.pingback, div.trackback {
	overflow: hidden;
}

div.pingback, div.trackback {
	background: #fef6d5;
	margin-bottom: 10px;
	padding: 10px 0px 10px 10px;
}

div.pingback div.reply, div.trackback div.reply {
	display: none;
}

/* div.comment_wrapper inserted via jQuery to wrap comment content, but not children */
div.comment_wrapper {
	background: #fffbe7;
	margin-bottom: 10px;
	padding: 10px;
}

div.parent div.comment {
	margin-left: 20px;
}

div.comment-author {
	font-size: 1.3em;
	line-height: 1.3em;
}

div.comment div.comment-author {
	text-align: center;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
}

div.comment-meta {
	margin-bottom: 5px;
}

div.comment-meta a {
	color: #888888;
}

div.comment-meta a.comment-edit-link {
	color: #b90000;
}

div.comment div.reply {
	clear: left;
}

div.comment_list div.bypostauthor > div.comment_wrapper {
	background: #fbede4;
}

div.comment-author img.avatar {
	display: block;
	margin: 0px auto 10px auto;
}

div.comment-author span.says {
	display: none;
}

/* Trackbacks */

div.pingback div.comment-author,
div.trackback div.comment-author {
	font-size: 1.2em;
}

div.pingback div.comment-meta,
div.trackback div.comment-meta {
	margin-bottom: 10px;
}

/* Comment form */

div#respond {
	margin-top: 20px;
}

form#commentform {
	width: 600px;
	margin: 5px auto;
}

div.inputrow, div.input_row {
	margin-top: 5px;
	margin-bottom: 5px;
}

input.textfield, input.text, input.button, textarea, a.fake_button {
	background: #ffffff;
	padding: 2px 5px;
	border: solid 1px #c0c0c0;
}

#respond textarea {
	width: 400px;
}

/** Cart and checkout */

a.fake_button {
	color: #004264;
	padding: 3px 6px;
}

a.fake_button:hover {
	text-decoration: none;
}

div.proceed_to_checkout input {
	float: right;
	margin-top: 3px;
}

div.proceed_to_checkout a.fake_button {
	font-size: 1.1em;
	font-weight: bold;
	border: solid 1px #e55952;
	min-width: 150px;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 5px;
	padding: 4px 10px;
	display: block;
	float: right;
}

div.proceed_to_checkout a.fake_button:hover {
	color: #e55952;
	text-decoration: underline;
}

div.offline_checkout {
	margin-top: 5px;
	clear: right;
}

#checkout li.special-information-fields {
	margin-bottom: 10px;
}

#checkout li.special-information-fields label {
	padding-bottom: 5px !important;
}

#checkout li.special-information-fields textarea {
	width: 100%;
	height: 80px;
}

#checkout .submit_order {
	text-align: right;
	padding-bottom: 40px;
}

#checkout .submit_order input.button {
	float: right;
	margin-left: 20px;
}

#checkout .submit_order h3 {
	color: #e55952;
	text-align: right;
	font-style: italic;
	padding-top: 10px;
	float: right;
}

#checkout .submit_order input.button {
	font-size: 1.2em;
	padding: 4px 8px;
	margin-top: 20px;
}

#checkout div.submit_order {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#checkout div.submit_order h2 {
	color: #e55952;
	float: right;
}

p.confirm_explanation {
	font-style: italic;
	text-align: right;
	clear: right;
}

div#respond input.textfield, #contact_form input.textfield {
	width: 250px;
}

textarea {
	width: 350px;
}

div.subscribe-to-comments * {
	vertical-align: middle;
}


/** Align images
-------------------------------------------------------- */

img.center {
	display: block; 
	margin: auto;   
}

img.right, img.alignright {
	float: right;
	padding: 4px;
	margin: 0px 0px 2px 7px;
	display: inline;
}

img.left, img.alignleft {
	float: left;
	padding: 4px;
	margin: 0px 10px 2px 0px;
}

/* Lightbox overlay */
#cboxOverlay { 
	background: #f4ebc4 !important;
}


/** Text styles
-------------------------------------------------------- */

.center {
	text-align: center;
}

.message {
	color: #ffffff;
	background: #c0c0c0;
	text-align: center;
	padding: 5px;
	border: 1px solid #c0c0c0;
}


/** Shop
-------------------------------------------------------- */

/** Catalog */

div.products div.product {
	width: 200px;
	margin: 0px 10px 15px 10px;	
	float: left;
}

div.product div.info {
	text-align: center;
}

div.product div.info h5 {
	margin-bottom: 0px;
}

div.product div.info p.price {
	line-height: 1.0em;
}

/** Product pages */

div.product_page {
	width: 680px;
	margin: 20px auto;
}

div.product_page div.main_image {
	width: 260px;
	padding-left: 70px;
	float: left;
}

#shopp div.gallery {
	position: relative;
}

#shopp div.gallery ul.thumbnails li img {
	margin-bottom: 7px;
}

#click_to_enlarge {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 100;
	display: none;
	cursor: pointer;
}

div.product_page div.product_info {
	width: 320px;
	padding-bottom: 20px;
	float: right;
}

p.view_link {
	margin-left: 20px;
}

p.price {
	font-family: Georgia, Palatino, serif;
	font-size: 16px;
	font-style: italic;
	padding-bottom: 10px;
}

p.backordered {
	font-size: 14px;
	font-style: italic;
	line-height: 1.2em !important;
}

form p.backordered {
	color: #e55952;
}

p.shipping-note {
	text-align: center;
	margin-bottom: 25px;
	font-style: italic;
}

#shopp ul.details {
	margin-left: 20px;
	margin-right: 0px;
}

#shopp ul.details li {
	list-style: none;
	margin-bottom: 10px;
}

div.add_to_cart {
	margin-bottom: 1.0em;
}

div.add_to_cart select {
	margin-right: 15px;
}

div.add_to_cart label {
	font-family: Garamond, serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}

input.quantity {
	text-align: center;
	width: 30px;
	padding: 2px;
	border: solid 2px #515151;
}

div.add_to_cart input.button {
	margin-left: 10px;
}

p.shipping {
	margin-bottom: 20px;
}

p.free_shipping {
	color: #e55952;
	font-style: italic;
	font-weight: bold;
}

div.preorder_notice {
	text-align: center;
	padding: 20px;
}

#announcement_form_box {
	text-align: center;
}

#announcement_form_box p {
	margin: 15px 0px;
}

#announcement_form_box form {
	text-align: center !important;
}

#announcement_form_box input.textfield {
	color: #ff625a;
}


/** Cart */ 

table.cart th.header {
	border-bottom: solid 1px #e55952;
}

div.proceed_to_checkout {
	font-size: 14px;
}

form.inline_form, form.inline_form fieldset {
	display: inline;
}

#shopp #shipping-methods li {
	list-style: none;
}

table.cart td.spacer {
	height: 5px;
}

table.cart span.variations {
	padding-left: 20px;
}

#cart input.update-button {
	font-size: 11px;
	margin-right: 20px;
}

div.checkout_error {
	background: #fbf4e2;
	width: 600px;
	margin: 0px auto 30px auto;
	padding: 0px 20px;
	border: solid 2px #e55952;
	text-align: center;
}

div.checkout_error span.error_message {
	font-weight: bold;
	font-style: italic;
}


/** Contact form
-------------------------------------------------------- */

form.contact-form {
	margin-top: 30px;
	margin-bottom: 10px;
}

form.contact-form div.form-label {
	width: 375px;
	float: right;
	clear: both;
}

form.contact-form div.form-textarea {
	margin-bottom: 10px;
	clear: both;
}

form.contact-form div.form-input {
	width: 265px;
	margin-bottom: 5px;
	float: left;
	clear: left;
}

form.contact-form div.form-input-full {
	width: 400px;
}

form.contact-form div.form-input input.text {
	width: 250px;
}

form.contact-form div.form-input select {
	width: 262px;
	padding: 1px;
}

div.form-input input.error,
div.form-input select.error, 
div.form-textarea textarea.error,
div.form-input-radio div.error {
	background: #fbf4e2;
}

form.contact-form input.hidden_placeholder {
	color: #ffffff;
}

form.contact-form div.form-submit {
	margin-top: 10px;
}

p.success {
	color: #38821b;
	font-style: italic;
}

form.wholesale-contact-form div.clear {
	padding: 5px 0px;
}

form.wholesale-contact-form div.form-input-radio {
	width: 360px;
}

form.wholesale-contact-form div.form-input-radio label {
	margin-right: 10px;
}


/** Stockists
-------------------------------------------------------- */

body.stockists #sidebar h5 {
	padding: 10px 0px 5px 0px;
}

body.stockists h2 {
	margin-top: 15px;
}

body.stockists h3, body.stockists h4 {
	clear: both;
}

body.stockists div.store {
	width: 210px;
	height: 70px;
	padding: 5px 5px 5px 0px;
	float: left;
}

/** Press
-------------------------------------------------------- */

span.new-item {
	color: #e55952;
	font-style: italic;
}


/** Wholesale
-------------------------------------------------------- */

div.wholesale_catalog {
	clear: right;
	overflow: hidden;
}

div.wholesale_catalog div.product {
	text-align: center;
	white-space: nowrap;
	width: 140px;
	padding: 10px;
	float: left;
}

div.wholesale_catalog div.product a {
	display: block;
	margin: 0px auto 5px auto;
}

div.wholesale_catalog div.product form {
	margin-top: 10px;
}

div.wholesale_catalog span.note {
	color: #777777;
	font-size: 0.9em;
}

div.wholesale_catalog input.quantity {
	width: 30px;
	border: solid 1px #c0c0c0;
}

div.wholesale_catalog input.addtocart {
	margin: 0px;
	margin-left: 5px;
}

body.wholesale #sidebar p {
	margin: 20px 0px 5px 0px;
}

body.wholesale #sidebar ul.download  {
	margin-left: 15px;
}

body.wholesale table {
	margin-bottom: 20px;
}

body.wholesale th {
	font-weight: bold;
	text-align: left;
}

/* Sidebar shopping cart on wholesale page */

div.sidecart div.status {
	font-size: 1.1em;
	text-align: left;
	margin-bottom: 10px;
}

div.sidecart div.status span {
	color: #e55952;
}

div.sidecart div.status div.note {
	color: #777777;
	font-size: 0.8em;
	margin-top: 5px;
}

div.sidecart p.placeholder {
	font-size: 1.0em;
	font-style: italic;
	text-align: center !important;
}

/* Offline wholesale order form (#ss-form is ID for Google Spreadsheet form) */

#ss-form {
	margin-bottom: 20px;
}

#ss-form div.errorbox-good {
	margin-bottom: 20px;
}

#ss-form label {
	display: block;
}

#ss-form label.ss-q-title {
	font-weight: bold;
}

#ss-form label.ss-q-help {
	margin-bottom: 5px;
}


/** Gallery and Howto pages 
-------------------------------------------------------- */

/** Shared styles */

div.howto_gallery h2 {
	color: #e55952;
	margin-top: 0px;
	margin-bottom: 20px;
}

div.howto_gallery div.item {
	width: 260px;
	margin-bottom: 20px;
	overflow: hidden;
}

div.howto_gallery div.item h3, 
div.howto_gallery div.item p {
	text-align: center;
	margin-left: 110px;
}

div.howto_gallery div.item img {
	float: left;
}

div.howto_gallery div.item p {
	font-size: 0.95em;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
}

/** Gallery pages */

body.gallery #content {
	width: 840px;
	margin: auto;
}

div.gallery div.item {
	height: 100px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

div.gallery div.row {
	overflow: hidden;
	clear: both;
}

div.gallery p.shoplink {
	font-style: italic;
	font-size: 1.2em;
	padding-bottom: 30px;
}

/** How-to pages */

body.how-to #content {
	width: 650px;
	margin: auto;
}

div.howto h3 {
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.howto h3, div.howto h3 a {
	color: #004264;
}


/** Temporary styles for offline checkout page */

body.shop_checkout_offline #shopp {
	width: 75%;
	margin: auto;
}

body.shop_checkout_offline #shopp #cart {
	width: 100%;
}

body.shop_checkout_offline label {
	font-size: 1.0em !important;
	margin-top: 10px;
	padding-bottom: 5px !important;
}

body.shop_checkout_offline div.form-input input {
	width: 250px;
}

body.shop_checkout_offline div.form-submit {
	margin-top: 20px;
}