/*
-----------------------------------------------------------------------------
TinyDucky.com WordPress Content PRINT Style Sheet

updated:	26 May 2009
author:		Clayton Farr
email:		contact@claytonfarr.com
-----------------------------------------------------------------------------*/

/*	=Color Glossary
-----------------------------------------------------------------------------

white		#FFFFFF
black		#000000
blue		#D6E3ED		home page main bg
blue 02		#EDF2F7		home page content bg		
blue 03		#527B9D		home page nav
gray		#DCD3D5		clothing section page main bg
gray 02		#EBE6E7		clothing section page content bg
gray 03		#9D828B		clothing section page nav
green		#E0E5D3		about page main bg
green 02	#ECF3EA		about page content bg
green 03	#A3B17E		about page nav
green 04	#D2E5E6		testimonials page main bg
green 05	#E5EFF0		testimonials page content bg
green 06	#2F8A93		testimonials page nav
orange		#F68428		logo type, link color
orange 02	#FEF0DC		resources page main bg
orange 03	#FFF8F0		resources page content bg
orange 04	#FAC071		resources page nav
purple		#F8EDF5		gift sets page main bg
purple 02	#F9F0F7		gift sets page content bg
purple 03	#D477AE		gift sets page nav
red			#CC0000		warning messages
red 02		#FBE2D5		contact & blog page main bg
red 03		#FDEFE8		contact & blog page content bg
red 04		#F3A084		contact & blog page nav
tan			#EDDFCF		clothing main page main bg
tan 02		#F5ECE3		clothing main page content bg
tan 03		#BA8E61		clothing main page nav
-----------------------------------------------------------------------------*/

/*	=Hidden Objects
-----------------------------------------------------------------------------*/
.col3-layout .col-left, .col3-layout .col-right, .catalog-product-view .col-right,
.breadcrumbs, .header .welcome-msg, .product-shop .sendfriend, .product-shop .review,
#search_mini_form, .zoom-notice, .zoom, .short-description h3, .add-to-links, .product-collateral, 
.magento-bugs, .system-copyright, .block-reorder, .block-compare, .block-recent, .block-poll,
.block-subscribe, .block-banner, .pager, .sorter, .footer h2, #contact, #site-notes #copyright,
.product-options-bottom .price-box, .checkout-cart-index .cart-collaterals .col-1, .checkout-onepage-success .col-right,
.add-to-box .or, .more-views, .product-details .availability {
	position:absolute;
	left:0;
	top:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

/*	=Base Elements
-----------------------------------------------------------------------------*/
html {
	padding:0 20px;
	background-color:#FFFFFF;
	}
body {
	position:relative;
	width:870px;
	font-size:12px; /* base size from which to adjust others */
	line-height:1.5em;
	margin:0 auto;
	color:#666666;
	}
abbr, acronym {
	border-bottom-width:1px;
	border-bottom-style:dotted;
	cursor:help;
	}
a {
	color:#F68428;
	text-decoration:none;
	padding:1px;
	}
	a:hover {
		color:#9D828B;
		}

/*	=Wrapping Elements
-----------------------------------------------------------------------------*/
.col-main {
	font-family:Georgia, Times, serif;
	}
.col2-left-layout .col-main, .col2-right-layout .col-main {
	width:68%;
	}
	.col2-left-layout .col-right, .col2-right-layout .col-left {
		width:30%;
		}
.page, .col3-layout .col-main, .catalog-product-view .col-main, 
.checkout-onepage-success .col-main {
	padding:0;
	width:100%;
	}
	.col3-layout .col-main {
		margin:0;
		}
.header, #nav, .main {
	padding:0;
	margin:0;
	}
	
/* =Headings
-----------------------------------------------------------------------------*/

/* =Navigation
-----------------------------------------------------------------------------*/
#nav {
	width:680px;
	padding:29px 0 0;
	border:none;
	margin:0 auto;
	position:relative;
	left:-2px; /* match WP section positioning exactly */
	}
	#nav li {
		float:left; 
		list-style-type:none;
		padding:0 26px 0 0;
		margin:0;
		}
	#nav li.nav-home  { width:47px; padding-right:25px; } /* Home page nav */
	#nav li.nav-clothing { width:63px; padding-right:32px; } /* Clothing page nav */
	#nav li.nav-gift-sets { width:78px; padding-right:18px; } /* Gift Sets page nav */
	#nav li.nav-blog { width:38px; padding-right:27px; } /* Blog page nav */
	#nav li.nav-resources { width:72px; padding-right:25px; } /* Resources page nav */
	#nav li.nav-testimonials { width:90px; padding-right:27px; } /* Testimonials page nav */
	#nav li.nav-about  { width:51px; } /* About page nav */
	#nav li.nav-contact { width:61px; padding-right:0; } /* Contact page nav */
	#nav li ul { /* secondary navigation */
		display:none;
		}
	#nav li a {
		float:none;
		display:inline;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-weight:normal;
		font-size:125%; /* 15px */
		line-height:1em;
		padding:0 0 5px;
		border:none;
		margin:0 8px;
		text-transform:lowercase;
		white-space:nowrap;
		color:#9D828B;
		}
		#nav li a span {
			display:inline;
			}
	#nav li.active a, 
	.product-newborn-gift-set  .nav-gift-sets a, .product-baby-gift-set .nav-gift-sets a, .product-toddler-gift-set  .nav-gift-sets a,
	.product-new-parent-gift-set-small .nav-gift-sets a, .product-new-parent-gift-set-medium .nav-gift-sets a, .product-new-parent-gift-set-large .nav-gift-sets a {
		color:#9D828B;
		background:#DCD3D5 url(/img/design/dotted-border-below.png) repeat-x 0 100%;
		}
		#nav li a:hover {
			color:#F68428;
			}
#nav li.active ul { /* current secondary navigation */
	left:-4px;
	top:20px;
	width:870px;
	display:block !important;
	border:none;
	margin:22px 0 0 5px !important;
	background:none;
	}
	#nav li.active.nav-clothing ul { width:690px; }
	#nav li.active ul li {
		float:left !important;
		position:static;
		border:none;
		padding-right:5px;
		}
	#nav li.active ul li a {
		font-weight:normal;
		font-size:91.67% !important; /* 11px */
		font-family:Georgia, Times, serif !important;
		text-transform:uppercase !important;
		letter-spacing:.05em;
		padding:0;
		color:#9D828B !important;
		background-color:#FFFFFF !important;
		} 
		#nav li.active ul li a:hover {
			color:#F68428 !important;
			}
#user-links {
	position:absolute;
	right:1px;
	top:26px;
	}
	#user-links li {
		display:inline;
		list-style-type:none;
		padding:0;
		}
	#user-links li a {
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		text-transform:lowercase;
		line-height:15px;
		border:none;
		margin:0 0 0 10px;
		color:#999999;
		}
		#user-links li a:hover {
			color:#F68428;
			background:transparent;
			}
	#user-links .top-link-cart {
		padding-right:18px;
		background:url(/img/design/user-link-cart.gif) no-repeat 100% 0;
		}
		#user-links .top-link-cart:hover {
			background:url(/img/design/user-link-cart.gif) no-repeat 100% -25px;
			}

/*	=Branding Content
-----------------------------------------------------------------------------*/
.header {
	position:relative;
	z-index:100;
	padding-top:30px;
	border:none;
	}
.header .logo, .header .logo a {
	width:104px;
	height:64px;
	}
	.header .logo {
		margin:0 auto;
		float:none;
		}
	.header .logo a:hover {
		background-color:transparent;
		}

/*	=Primary Content
-----------------------------------------------------------------------------*/
/* General */
.category-title, .products-list li.item {
	padding:0;
	border:none;
	margin:0;
	}
	.category-title h2, .product-name h2 {
		display:inline-block;
		font-size:125%; /* 15px */
		line-height:1em;
		text-transform:uppercase;
		letter-spacing:.05em;
		padding-bottom:10px;
		margin-bottom:15px;
		background:url(/img/design/dotted-border-clothingsection.png) repeat-x 0 100%;
		}
	.product-name h2 {
		margin-bottom:10px;
		}
li.even {
	background:transparent;
	}
.error-msg, .success-msg, .note-msg, .notice-msg {
	font-size:100% !important;
	font-weight:normal !important;
	}
	.note-msg, .notice-msg {
		padding:5px 10px !important;
		border:none !important;
		color:#FFFFFF;
		background:none;
		background-color:#F68428;
		}
.buttons-set {
	border:none;
	}
button.button {
	text-transform:lowercase;
	padding-left:20px;
	background:none;
	background-color:#f68428;
	}	
	button.button span	{
		font-family:Georgia, Times, serif;
		font-weight:normal;
		padding-right:20px;
		background:none;
		background-color:#f68428;
		}
.data-table a.product-image:hover, .cart-table a.product-image:hover {
	background:transparent;
	}
.catalog-category-view .main, .catalog-product-view .main {
	padding-top:28px;
	margin-top:16px;
	background:#DCD3D5 url(/img/design/dotted-border-above.png) repeat-x 0 0;
	}

/* Category View */
.catalog-category-view .col-main {
	border:20px solid #DCD3D5;
	border-right:none;
	border-left:none;
	background:#DCD3D5 url(/img/design/content.png) repeat 0 0;
	}
.catalog-category-view .col-main .wrapper {
	min-height:300px;
	margin:40px 55px;
	padding:20px 30px 10px 365px;
	background:#EBE6E7 url() no-repeat scroll 0 0;
	}
	.catalog-category-view.category-t-shirts .col-main .wrapper { background-image:url(/img/design/content-primary-category-t-shirts.jpg); }
	.catalog-category-view.category-blankets .col-main .wrapper { background-image:url(/img/design/content-primary-category-blankets.jpg); }
	.catalog-category-view.category-beanies .col-main .wrapper{ background-image:url(/img/design/content-primary-category-beanies.jpg); }
	.catalog-category-view.category-yoga-sets .col-main .wrapper { background-image:url(/img/design/content-primary-category-yoga-sets.jpg); }
	.catalog-category-view.category-onesies .col-main .wrapper { background-image:url(/img/design/content-primary-category-onesies.jpg); }
	.catalog-category-view.category-gift-sets .col-main .wrapper { padding-left:30px;}
.products-list {
	padding-bottom:80px; /* includes 5px faux margin */
	background:url(/img/design/clothing-colors-index.gif) no-repeat 0 100%;
	}
.products-list li.item {
	margin-bottom:10px;
	}
.products-list .product-shop {
	float:left;
	width:230px;
	margin-left:15px;
	}
.products-list a.product-image {
	border:2px solid transparent;
	margin:-2px 0 0 -2px;
	}
	.products-list a.product-image img {
		width:115px;
		height:115px;
		}
	.products-list a.product-image:hover {
		border-color:#9D828B;
		}
.products-list .product-name {
	float:left;
	height:1em;
	line-height:1em;
	padding-right:2px;
	background-color:#EBE6E7;
	text-transform:uppercase;
	letter-spacing:.05em;
	}
	.products-list .product-name a {
		font-weight:normal;
		border:none;
		color:#666666;
		}
	.products-list .product-name a:hover {
		color:#9D828B;
		}
.products-list .price-box {
	height:1em;
	background:url(/img/design/dotted-border-clothingsection.png) repeat-x 0 100%;
	}
	.products-list .price-box .price {
		float:right;
		font-weight:normal;
		height:1em;
		line-height:1em;
		padding:0 25px 0 5px;
		background-color:#EBE6E7;
		}
.products-list .desc {
	margin:10px 0;
	}
.products-list .product-link {
	text-align:right;
	text-transform:lowercase;
	}	

/* Product View */
.catalog-product-view .col-main {
	border:20px solid #DCD3D5;
	border-right:none;
	border-left:none;
	background:#DCD3D5 url(/img/design/content.png) repeat 0 0;
	}
.product-view {
	margin:50px 80px;
	padding:20px 30px 0;
	background-color:#EBE6E7;
	}
.product-view .product-img-box {
	float:left;
	width:370px;
	}
	.product-view .product-img-box .product-image {
		border:none;
		/* TEMPORARY: color swatches images*/
		padding-bottom:200px; /* includes 20px faux top margin */
		background:url(/img/design/clothing-colors.gif) no-repeat 0 95%;
		}
	.product-view .product-img-box .product-image {
		position:relative; overflow:hidden; z-index:9; /* apply default styles from '.product-image-zoom' */
		width:370px;
		height:370px;
		}
		img.colorOption {
			width:370px;
			}
		.product-yoga-hoodie .product-view .product-img-box .product-image,
		.product-onesie-long-sleeve .product-view .product-img-box .product-image {
			height:308px;
			}
		.product-beanie-2knot .product-view .product-img-box .product-image {
			height:264px;
			}
	.product-view .product-img-box .product-image img {
		position:absolute;
		top:0 !important;
		left:0 !important;
		cursor:default;
		}
.product-view .product-details {
	float:right;
	width:250px;
	}
	.product-view .product-details .std ul {
		padding:0;
		margin:0;
		}
		.product-view .product-details .std li {
			list-style-type:none;
			padding-left:18px;
			background:url(/img/design/li.png) no-repeat 0 .4em;
			}
	.product-view .product-details .std {
		margin-bottom:18px;
		}
	.product-view .product-shop {
		width:100%;
		}
.product-view .price-box {
	font-size:200%; /* 24px */
	margin:10px 0 20px;
	}
	.product-view .price-box .price {
		font-weight:normal;
		}
.product-view .product-pricing {
	margin:10px 0 20px;
	}
	.product-view .product-options-bottom .product-pricing {
		margin-bottom:10px;
		}
.product-options {
	border:none;
	padding:0;
	margin:0;
	background:transparent;
	}
	.product-options dd {
		margin:0 0 10px;;
		}
	.product-options p.required {
		padding-top:0;
		}
.product-options-bottom {
	padding:0;
	border:none;
	margin-top:10px;
	}		
	.product-options-bottom .add-to-cart {
		margin-top:50px;
		text-align:right;
		}		
	.product-options-bottom .add-to-cart label {
		text-transform:uppercase;
		float:none;
		}		
	.product-options-bottom .add-to-cart .qty {
		float:none;
		}		
	.product-options-bottom .add-to-cart button.button {
		float:none;
		}		
#messages_product_view {
	position:relative;
	top:25px;
	height:20px;
	min-height:20px !important;
	margin:0 55px;
	display:none; /* pulled out of layout currently */
	}
	#messages_product_view .messages li, #messages_product_view .messages li li {
		margin:0;
		}
.product-options dt label {
	position:relative;
	padding-left:12px; /* hardcoded workaround on all labels to move 'required' asterisk before label name */
	font-weight:normal;
	text-transform:lowercase;
	}
	.product-options dt label .required {
		position:absolute;
		left:0;
		}
.required {
	color:#ef5c61;
	text-transform:lowercase;
	}
	.product-options p.required {
		margin-top:-10px;
		}
	
/* Shopping Cart */
.checkout-cart-index .cart-collaterals {
	padding:10px 0;
	width:auto;
	}
	.checkout-cart-index .cart-collaterals .col-2 {
		float:left;
		width:100%;
		}
	.checkout-cart-index .cart-collaterals .col-2 div {
		padding:10px 0 0 10px;
		}
.checkout-cart-index .totals {
	padding:10px;
	border:4px solid #000000;
	margin:20px 10px;
	}
.checkout-cart-index form dt {
	margin-top:5px;
	}

/* Checkout */
.checkout-onepage-index .block-progress dt {
	margin-top:5px;
	}	

/* Customer Account Area */
.customer-account-index .welcome-msg, .customer-account-index h3, .customer-account-index .col2-set {
	margin-bottom:10px;
	}

/*	=Secondary Content
-----------------------------------------------------------------------------*/

/*	=Ancillary Content
-----------------------------------------------------------------------------*/
.footer {
	position:relative;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	line-height:1em;
	text-transform:lowercase;
	padding:20px 0 0;
	border:none;
	margin-top:56px;
	color:#AAA;
	background:#DCD3D5 url(/img/design/dotted-border-above.png) repeat-x 0 0;
	}
	.footer a {
		color:#AAA;
		border-bottom:1px solid #AAA;
		}
		.footer a:hover {
			color:#9D828B;
			border:none;
			}
#promo-message {
	position:absolute;
	top:-46px;
	left:0;
	width:870px;
	text-align:center;
	color:#F68428;
	overflow:hidden;
	}
	#promo-message p {
		font-size:133.33%; /* xpx */
		line-height:1em;
		text-transform:capitalize;
		text-align:center !important;
		padding:10px;
		}
#ancillary-nav li, #site-notes li {
	margin:0;
	padding:0;
	display:inline;
	}
	#ancillary-nav ul, #site-notes ul {
		margin:0;
		padding:0;
		text-align:center;
		float:none;
		}
	#ancillary-nav li {
		padding-right:8px;
		margin-left:10px;
		border-right:1px solid #DEDEDE;
		}
		#ancillary-nav li.page-item-129 { /* HARDCODED: currently hardcoded for first page link displayed */
			margin-left:0;
			}
		#ancillary-nav li {
			margin-left:5px;
			}
		#ancillary-nav li.page-item-336 { /* HARDCODED: currently hardcoded for last page link displayed */
			padding-right:0;
			border:none;
			}
#ancillary-nav li#facebook, #ancillary-nav li#twitter {
	position:relative;
	top:-3px;
	padding:0;
	border:none; 
	margin:0 0 0 15px;
	}
	#ancillary-nav li#twitter {
		margin-left:5px;
		}
	#ancillary-nav li#facebook a, #ancillary-nav li#twitter a {
		display:inline-block;
		text-indent:-10000px;
		height:30px;
		width:102px;
		border:none; 
		background:url(/img/design/facebook_logo.png) no-repeat 0 0;
		}
	#ancillary-nav li#twitter a {
		background-image:url(/img/design/twitter_logo.png);
		width:110px;
		}
#site-notes {
	float:left;
	width:100%;
	margin:15px 0 30px;
	}
	#site-notes ul {
		margin:0 auto;
		width:250px;
		}
	#site-notes li#ssl {
		float:left;
		width:150px;
		}
		#site-notes li#ssl span {
			font-size:91.67%; /* 11px */
			}
	#site-notes li#ota {
		float:right;
		width:80px;
		}
		#site-notes li#ota a {
			display:inline-block;
			text-indent:-10000px;
			width:80px;
			height:60px;
			border:none;
			background:url(/img/design/organic-trade-assoc.gif) no-repeat 0 0;
			}

/*	=Forms
-----------------------------------------------------------------------------*/

/* =Misc
-----------------------------------------------------------------------------*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	/* .clearfix rules for IE separated out to 'css/ie.css' file */

