/*
Theme Name:     TdRtB
Description:    Techdirt Reason To Buy
Author:         Leigh Beadon
Template:       thematic
*/

@import url("../thematic/style.css");

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a, .aside a, a:link, a:visited	{
	border:					0;
	text-decoration:		none;
	color:					inherit;
}

div#content p a, div#content ul a, div#footer a {
	color:				#ec7c2e;
	border-bottom:		1px dotted #ec7c2e;
}

div#content p a:hover, div#content ul a:hover, div#footer a:hover {
	color:				#fb9e5e;
	border-bottom:		1px dotted #fb9e5e;
}

a:focus {
	outline:				0;
	border:					0;
}

a:hover, .aside a:hover {
	color:					inherit;
}

html,body {
	height:					100%;
}

body {
	margin:					0;
	padding:				0;
	font:					10px Helvetica,Arial,sans-serif;
}

div#top-container {
	min-height:				100%;
}

div#top-wrap {
	overflow:				auto;
	padding-bottom:			140px;
}

div#header {
	background:				#121212;
	border-bottom:			1px solid #ccc;
	position:				relative;
}

div#branding {
	width:					984px;
	height:					68px;
	padding-top:			10px;
	padding-bottom:			18px;
	position:				relative;
}

div#siteinfo {
	width:					984px;
}

div#blog-title a {
	display:				block;
	margin:					17px 0 0 0;
	padding:				0;
	height:					51px;
	width:					305px;
	background:				transparent url("lib/images/logo.png") no-repeat;
	text-indent:			-99999px;
}

#blog-description {
	position:				absolute;
	right:					83px;
	top:					30px;
	z-index:				500;
	width:					148px;
	height:					147px;
	background:				transparent url("lib/images/badge.png") no-repeat;
	text-indent:			-99999px;
}

body.single-foxyshop_product #blog-description {
	display:				none;
	background-image:		none;
	position:				inherit;
}

div#header > span {
	position:				absolute;
	top:					9px;
	right:					12px;
	font-size:				1.2em;
	font-family:			"Trebuchet MS",Trebuchet,Tahoma,Verdana,Arial,sans-serif;
	color:					#939394;
	text-transform:			uppercase;
	letter-spacing:			1px;
}

div#header > span > a:hover {
	color:					#aaaaab;
}

div#access {
	display:				none;
}

div#footer {
	background:				#121212;
	border-top:				1px solid #ccc;
	color:					#ccc;
	position:				relative;
	margin-top:				-140px;
	height:					140px;
	clear:					both;
}

div#main {
	width:					984px;
	padding-top:			28px;
	padding-bottom:			28px;
}

div#container {
	width:					648px;
	float:					left;
}

div#container.big-container {
	width:					984px;
	float:					none;
}

div#content {
	width:					100%;
	padding:				0;
	margin:					0;
}

.aside {
	font-size:				1em;
}	

.main-aside {
	width:					312px;
	margin:					0;
	right:					0;
}

div#primary {
	padding:				0;
	border:					0;
	margin-bottom:			0;
}

.main-aside ul {
	padding:				0;
	margin:					0;
	list-style:				none;
}

ul#tier-stack {
	list-style:				none;
	list-style-position:	inside;
	display:				block;
	margin:					0;
	padding:				0;
	background-color:		#d7e4f1;
	box-shadow:				inset 10px 0 0 rgba(35,103,176,.2),
							inset -10px 0 0 rgba(35,103,176,.2);
							
	color:					#676d72;
}

ul#tier-stack p				{
	font-size:				1.4em;
	line-height:			1.45;
	margin:					0 0 9px;
}

ul#tier-stack > li > :last-child	{
	margin-bottom:			0;
}

ul#tier-stack h2	{
	font-size:				2.5em;
	line-height:			1.1;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			1px;
	margin:					0 0 12px;
}

ul#tier-stack h3	{
	font-size:				1.6em;
	line-height:			1.2;
	font-weight:			normal;
	font-style:				normal;
	text-transform:			uppercase;
	letter-spacing:			.07em;
	margin:					0 0 12px;
	clear:					none;
}

ul#tier-stack h4	{
	font-size:				1.4em;
	font-weight:			bold;
	letter-spacing:			.07em;
	margin:					0;
	clear:					none;
}

ul#tier-stack img {
	display:				block;
	float:					left;
	margin-right:			15px;
}


	
ul#tier-stack li.hr-thick {
	height:					32px;
	background-color:		#fb9e5e;
	border-left:			10px solid #f38940;
	border-right:			10px solid #f38940;
	position:				relative;
}

ul#tier-stack > li.hr-thick:first-child {
	margin-bottom:			13px;
}

ul#tier-stack li.hr-thin {
	height:					3px;
	background-color:		#a1b5c9;
	margin:					0 26px;
}

ul#tier-stack li.note {
	padding:				18px 26px;
}

ul#tier-stack li.note a {
	color:					#F38940;
	font-weight:			bold;
	border-bottom:			1px dotted #F38940;
}

ul#tier-stack li.note a:hover {
	color:					#FB9E5E;
	font-weight:			bold;
	border-bottom:			1px dotted #FB9E5E;
}

ul#tier-stack li.tier > a {
	display:				block;
	padding:				18px 26px;
	background:				rgba(255,255,255,0);
}

ul#tier-stack li.tier > a:hover {
	background:				rgba(255,255,255,.5);
}

ul#tier-stack li.tier > a:hover > h3, ul#tier-stack li.tier > a:hover > h4 {
	color:					#ec7c2e;
}

div#content .aside {
	border:					0;
	padding:				0;
}

div#content div#index-top {
	height:					328px;
	overflow:				hidden;
}

div#content .aside ul.xoxo {
	margin:					0;
	padding:				0;
}

div.bx-wrapper	{
	border:					1px solid #aaa;
	margin-bottom:			18px;
	position:				relative;
}

div.bx-pager {
	position:				absolute;
	left:					12px;
	bottom:					12px;
	z-index:				500;
}

div#content div.bx-pager a {
	display:				block;
	float:					left;
	margin-right:			4px;
	padding:				4px 0 1px 5px;
	width:					18px;
	height:					18px;
	line-height:			18px;
	font-size:				12px;
	font-weight:			bold;
	font-family:			"Trebuchet MS",Trebuchet,Tahoma,Verdana,sans-serif;
	color:					#fff;
	border-bottom:			0;
	background:				#555556;
	color:					#ddd;
	border-radius:			2px;
	box-shadow:				inset -2px -2px 1px rgba(255,255,255,.25),
							2px 2px 1px rgba(0,0,0,.2);
	text-shadow:			0 -1px 0 rgba(0,0,0,.5);
}

div#content div.bx-pager a:hover {
	background:				#777778;
}

div#content div.bx-pager a.pager-active {
	background:				#3c638e;
}

ul#product-slider {
	list-style:				none;
	padding:				0;
	margin:					0;
	height:					326px;
	width:					646px;
}

ul#product-slider > li {
	padding-top:	0 !important;	
	padding-bottom:	0 !important;
}

ul#product-slider > li > a {
	display:				block;
	overflow:				hidden;
	height:					326px;
	width:					646px;
	position:				relative;
	padding:				0;
	margin:					0;
	border-bottom:			0;
	overflow:				hidden;
}

ul#product-slider > li > a:hover {
	border-bottom:			0;
}

ul#product-slider > li > a > * {
	margin:					0;
	padding:				0;
	position:				absolute;
}

ul#product-slider > li > a > h3 {
	font-size:				2em;
	font-weight:			normal;
}

#content .aside div#rtb-instructions h3 {
	width:					648px;
	height:					92px;
	padding:				10px 0 0;
	margin:					0 0 13px;
	background-image:		url('lib/images/choose-by-tier.png');
	background-repeat:		no-repeat;
	background-position:	left bottom;
	text-indent:			-99999px;
}

#content .aside div#rtb-instructions p {
	font-size:				2.6em;
	line-height:			1.45;
	color:					#a0a0a0;
	font-weight:			normal;
	text-align:				justify;
	padding-right:			2px;
}

#content .aside div#rtb-instructions {
	border-bottom:			1px solid #aaa;
	padding-bottom:			4px;
}

h2.department {
	font-size:				1.7em;
	color:					#787878;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			.05em;
	margin:					0 0 8px 0;
}

h2.department a:hover {
	color:					#aaa;
}

div.product-box {
	display:				block;
	height:					140px;
	overflow:				hidden;
	position:				relative;
	margin-bottom:			18px;
}

div.product-box > a > span {
	display:				block;
	width:					144px;
	height:					210px;
	position:				absolute;
	top:		0;			left:			0;
	background-color:		#2367b0;
}

div.product-box > a > div.price {
	position:				absolute;
	bottom:		0;			right:		0;
	z-index:				100;
	font-weight:			bold;
	color:					white;
	background:				#444; /*#ec7c2e;*/
	font-size:				1.6em;
	line-height:			1;
	padding:				5px 6px 4px;
	border-top-left-radius: 4px;
}

div.product-box > a > span > img {
	display:				block;
}

div.product-box > a > span > strong, div.product-box > a > span > em {
	display:				block;
	font-family:			'Trebuchet MS';
	color:					#fff;
}

div.product-box > a > span > strong {
	height:					46px;
	padding:				13px 12px 11px;
	font-size:				1.7em;
	font-weight:			normal;
	line-height:			23px;
	text-transform:			uppercase;
	letter-spacing:			-0.05em;
}


div.product-box > a > span > em {
	height:					51px;
	padding:				5px 12px 11px;
	font-size:				1.4em;
	font-weight:			normal;
	line-height:			18px;
}

ul.product-list {
	margin:					0 0 14px 0;
	padding:				0;
	background:				transparent;
	border:					none;
	list-style:				none;
	padding-bottom:			8px;
	border-bottom:			1px solid #aaa;
}

ul.product-list li {
	padding:				8px 0;
	margin:					0;
}

div#content ul.product-list > li > a, ul.product-list > li > a {
	position:				relative;
	border-bottom:			0;
}

ul.product-list li strong {
	font-size:		1.6em;
	font-family:	Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-style:		normal;
	font-weight:	bold;
	color: #2367B0;
	margin: 		0;
}

ul.product-list li strong > span {
	line-height:	1;
	color:			#f38940;
	margin-right:	8px;
}

ul.product-list li em {
	font-size:		1.2em;
	line-height:	1.4;
	font-family:	Helvetica, Arial, sans-serif;
	font-style:		italic;
	color:			#666;
}

/*

ul.foxyshop_related_product_list div.foxyshop_product_info h2 {
	font-size:		22px;
	color:			#666;
		line-height:	1;
}

ul.foxyshop_related_product_list div.foxyshop_product_info div.foxyshop_price {
	margin-bottom:	0;
	font-size:		22px;
	line-height:	1;
	color:			#f38940;
}
 */


a.department {
	display:				block;
	clear:					left;
	padding:				0 0 9px 0;
	margin-bottom:			16px;
	border-bottom:			1px solid #aaa;
	font-size:				1.4em;
	line-height:			1;
	text-align:				right;
	font-weight:			bold;
	color:					#f38940;
}

a.department:hover {
	color:					#ec7c2e;
}

h1#foxyshop_category_title, h1.entry-title {
	font-size:				2.2em;
	line-height:			33px;
	height:					33px;
	border-bottom:			1px solid #aaa;
	color:					#787878;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			.05em;
	margin:					0 0 16px 0;
}

div.entry-content {
	padding-top:			0;
}

div.entry-content p {
	font-size:				1.2em;
	line-height:			1.6;
	margin:					0 0 10px;
}

div.entry-content h3 {
	font-size:				1.8em;
	padding:				0;
	margin-bottom:			5px;
	line-height:			1;
	font-style:				normal;
	font-weight:			bold;
	color:					#2367b0;
	text-transform:			uppercase;
	clear:					none;
}

div.entry-content h4 {
	margin-bottom:			20px;
	font-size:				1.2em;
	color:					#444;
	clear:					none;
}

div.entry-content h4 a {
	color:					#ec7c2e;
}

div.entry-content h4 a:hover {
	color:					#fb9e5e;
}

div.rule {
	width:					100%;
	clear:					both;
	border-bottom:			1px solid #aaa;
	margin:					12px 0;
}

ul.foxyshop_categories {
	margin-top:				0;
}

ul.foxyshop_categories li {
	margin-bottom:			20px;
	margin-right:			24px;
	width:					200px;
}

div#content ul.foxyshop_categories li a {
	display:				block;
	background-color:		#2367b0;
	padding:				12px 0;
	border-bottom:			0;
	text-indent:			12px;
	color:					#fff;
}

div#content ul.foxyshop_categories li a:hover {
	background-color:		#ec7c2e;
}

ul.foxyshop_categories h2 {
	font-size:				1.7em;
	font-weight:			bold;
	color:					#fff;
}


ul#foxyshop_breadcrumbs {
	padding:				0 0 0 2px;
	margin-bottom:			3px;
	background:				transparent;
	border:					none;
}

ul#foxyshop_breadcrumbs li {
	font-size:				1.3em;
	color:					#a0a0a0;
}

ul#foxyshop_breadcrumbs li a {
	color:					#aaa;
	border-bottom:			0;
}

ul#foxyshop_breadcrumbs li a:hover {
	color:					#2367b0;
	border-bottom:			0;
}



div.product-page {
	width:					480px;
	margin:					0;
	float:					left;
}

div.product-page.single-product-small {
	float:					left;
	width:					400px;
	padding-right:			8px;
	margin:					0 0 0 24px;
}

div.product-page h2 {
	font-size:				4em;
	line-height:			40px;
	text-transform:			uppercase;
	color:					#2367b0;
	margin:					0 0 4px;
}

div.product-page h3 {
	font-family:			Georgia,"Times New Roman",Times,serif;
	font-size:				1.8em;
	font-style:				italic;
	margin:					0 0 12px;
	color:					#999;
}

div.product-page p {
	font-size:				1.2em;
	line-height:			1.6;
	margin:					0 0 10px;
}

div.product-page ul {
	font-size:				1.2em;
}

div.product-page ul li {
	margin-bottom:			4px;
}

div.foxyshop_variations {
	margin-bottom:			8px;
}

div.foxyshop_variations label, label.foxyshop_quantity {
	display:				block;
	float:					left;
	width:					90px;
	margin: 3px 7px 10px 0;	
	text-align:				left;
	font-size:				1.2em;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#999;
	padding:				2px;
}

div#price-options {
	overflow:				hidden;
}

div.foxyshop_variations div#price-options label.price-option-label {
	display:				block;
	float:					none;
	margin: 5px 4px 0 0;
	font-size:   14px;
	font-weight:	normal;
    line-height: 1.5;
    color: #999;
    padding:	0;
}

div#price-options input[name="rtb_price_option"] {
	font-size:   14px;
	margin: 8px 4px 0 0;
    line-height: 1.5;
    color: #999
}

div.foxyshop_variations .input-pre {
       float: left;
       margin: 5px 2px 0 0;
       font-size:   14px;
       line-height: 1.5;
       color: #999
}

div.foxyshop_variations label.foxyshop_no_width {
	width:					auto !important;
}

div.foxyshop_variations div.foxyshop_descriptionfield_title {
	display: block;
	font-size: 1.2em;
	margin-left: 101px;
	margin-bottom: 2px;
	color: #333;	
}

div.foxyshop_variations div.foxyshop_descriptionfield_text {
	display: block;
	margin-left: 101px;
	font-size: 1.1em;
	color: #666;	
}

div.foxyshop_variations input[type=text],div.product-page input.foxyshop_quantity {
	font-size:				12px;
	line-height:			1;
	padding:				2px;
	border:					1px solid #2367b0;
	background:				#d7e4f1;
	font-family:			Helvetica,Arial,sans-serif;
}

div.product-page button {
	background-color:		#d7e4f1;
	border:					1px solid #648bb4;
	border-radius:			12px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#2367b0;
	padding:				6px 10px;
	margin-top:				0;
	box-shadow:				inset 0 -2px 4px rgba(255,255,255,.8),
							inset 0 1px 4px rgba(35,103,176,.3);
}

div.product-page button:hover {
	background-color:		#fb9e5e;
	border-color:			#f38940;
	color:					rgba(0,0,0,.7);
	box-shadow:				inset 0 -2px 4px rgba(255,255,255,.8),
							inset 0 1px 4px rgba(0,0,0,.2);
}

div.product-page div#foxyshop_main_price div.foxyshop_price {
	height:					16px;
	font-size:				16px;
	line-height:			1;
	padding:				6px 0;
}

div#container div.foxyshop_product_image {
	width:					216px !important;
	overflow:				hidden;
	margin-bottom:			0px;
}

div#container.big-container div.foxyshop_product_image {
	width:					480px !important;
	float:					right;
	overflow:				hidden;
	margin-bottom:			0;
}

div.foxyshop_product_image div.foxyshop_slideshow_title {
	float:					left;
	clear:					left;
	font-size:				16px;
	text-transform:			uppercase;
	letter-spacing:			1px;
	line-height:			15px;
	margin-top:				12px;
	height:					15px;
	padding:				19px 12px 16px 18px;
}

div.foxyshop_product_image ul.foxyshop_slideshow {
	margin-top:				12px;
	border:					1px solid #aaa;
	height:					50px;
	padding-left:			10px;
}

div.foxyshop_product_image ul.foxyshop_slideshow li {
	margin-right:			10px;
	margin-left:			10px;
	margin-bottom:			0;
}

div.foxyshop_product_image ul.foxyshop_slideshow li img {
	width:					50px;
	border:					0;
}

div.foxyshop_product_image img {
	border:					none !important;
}

span.foxyshop_saleprice {
	color: #00b700;
}

div.feature-box-sidebar {
	width:					312px;
	margin:					0 0 18px 0;
	padding:				0;
}

div.feature-box-body {
	clear:					both;
	width:					648px;
	margin:					0;
	padding:				14px 0 0 0;
}

a.featurebox-orange {
	background:				#ec7c2e;
	color:					white;
	padding:				14px;
	display:				block;
	text-decoration:		none;
}

a.featurebox-blue {
	background:				#2367b0;
	color:					white;
	padding:				14px;
	display:				block;
	text-decoration:		none;
}

a.featurebox-orange p, a.featurebox-blue p {
	font-size:				1.2em;
	margin:					0;
	line-height:			1.3;
}

a.featurebox-orange h3, a.featurebox-blue h3 {
	font-size:				1.8em;
	margin:					0 0 5px 0;
	line-height:			1;
	font-weight:			bold;
	text-transform:			uppercase;
}

a.featurebox-orange h4, a.featurebox-blue h4 {
	font-size:				1.6em;
	margin:					0 0 8px 0;
	line-height:			1;
}

span.price_suffix {
	font-size:				75%;
	letter-spacing:			1px;
	margin-left:			1px;
}

div.ufo-form label {
	font-size:				1.3em;
	color:					#666;
}

div.ufo-form input[type=text] {
	font-size:				1.3em;
	line-height:			1;
	padding:				5px;
	border:					1px solid #2367b0;
	color:					#333;
	background:				#d7e4f1;
	font-family:			Helvetica,Arial,sans-serif;
	border-radius:			2px;
}

div.ufo-form textarea	{
	font-size:				1.3em;
	line-height:			1.4;
	padding:				5px;
	border:					1px solid #2367b0;
	color:					#333;
	background:				#d7e4f1;
	font-family:			Helvetica,Arial,sans-serif;
	border-radius:			2px;
	margin-top:				6px;
}

div.ufo-form button {
	background-color:		#d7e4f1;
	border:					1px solid #648bb4;
	border-radius:			12px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#2367b0;
	padding:				6px 10px;
	margin-top:				6px;
	box-shadow:				inset 0 -2px 4px rgba(255,255,255,.8),
							inset 0 1px 4px rgba(35,103,176,.3);
}

div.ufo-form button:hover {
	background-color:		#fb9e5e;
	border-color:			#f38940;
	color:					rgba(0,0,0,.7);
	box-shadow:				inset 0 -2px 4px rgba(255,255,255,.8),
							inset 0 1px 4px rgba(0,0,0,.2);
}

.col {
	display:				block;
	float:					left;
	margin-left:			24px;
}

.w-1 { width: 			144px; }
.w-1p5 { width:			216px; }
.w-2 { width:			312px; }
.w-3 { width:			480px; }
.w-4 { width:			648px; }
.w-4p75 { width:		744px; }
.w-5 { width:			816px; }
.w-6 { width:			984px; }

.p-1 { margin-left:		0;	   
		  clear:			left;  }