/* 
	Theme Name: Obbi Good Theme
	Description: The Obbi Good Theme is a custom theme created by Infusionz Design. Some elements were derived from the stylesheets of the Vanilla Theme 
	Author: Infusionz Design
	Author URI: http://www.infusionz.com
	Version: 1
	Tags: two-columns, right-sidebar, fixed-width, white, gray, threaded-comments, sticky-post,theme-options, dirty-look
	
	The CSS, XHTML and design is proprietary to Infusionz Design

*/

/************************************************
*	Common Styles 	        			      	* 
************************************************/

			* { margin: 0; padding: 0; }
			
			body { 
				background-image: url(images/background3.jpg);
				background-repeat: repeat-x; 
				background-attachment: fixed;
			}
			
			p, .wpsc_category_details { line-height: 18px; margin-bottom: 10px; }
			h1 { 
				text-transform: uppercase; 
				font-family: "Trebuchet MS", Arial, Helvetica; 
				font-size: 1.6em; 
				margin-bottom: 20px; padding-top: 20px;
			}
			h1.trim { 
				width: 500px; float: left;
			}
			h2 { 
				text-transform: uppercase; 
				font-family: "Trebuchet MS", Arial, Helvetica; 
				font-size: 1.3em; margin-bottom: 20px; 
			}
			
			hr { 
				height: 1px; 
				background-color: #bbbbbb; 
				border: 0; 
				width: 95%; 
				margin: 10px auto 10px auto; 
			}
			
			#container {
				width: 960px;
				background-color: White;
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: .7em;
				margin: 20px auto 20px auto;
				margin-left: auto;
				margin-right: auto;
				border: 1px solid #b2b2b2;
			}
			#logo a {
				float: left;
				width: 408px;
				height: 90px;
				background-image: url(images/logo.jpg);
				background-repeat: none;
				border: none;
				text-decoration: none;
				display: block;
			}
			#logo a span { visibility: hidden;}
			
			#header { 
				background-image: url(images/header-1.jpg);
				width: 552px;
				height: 90px;
				background-repeat: no-repeat;
				float: right;
			}

		#sidebar p.login, #checkoutarea p.login, #fitpicssmall p.login { 
			font-family: 'Trebuchet MS', Arial, 'Times New Roman', serif; 
			font-size: 1.2em; 
			text-transform: uppercase;
			text-align: right;
			margin-top: 0;
		}

		/* Inherited properties from above with additions */

		#fitpicssmall p.login {
			margin-right: 18px; 
			/*background-color: lightyellow; 
			border: 1px solid yellow;
			padding: 3px; */
		}

		#sidebar p.login a, #checkoutarea p.login a, #fitpicssmall p.login a { 
			font-weight: bold; 
			color: #000; 
		}

			.navi {
				background-image: url(images/navi-bar.jpg);
				width: 960px;
				height: 35px;
				background-image: no-repeat;
			}
				.navi ul {
					list-style-type: none;
					text-align: right;
					text-align: center;
					padding-top: 6px;
					font-family: 'Trebuchet MS', Arial, Helvetica;
					text-transform: uppercase;
				}
				.navi ul li, .navi ul li a { 
					display: inline; 
					color: Black;
					padding-right: 15px;
					font-size: 1.2em;
					text-decoration: none;
					font-weight: bold;
				}
					.navi ul li a:hover { color: #3b3b3b; }

					
			#content {
				background-image: url(images/content-bg.jpg);
				width: 960px;
				min-height: 275px;
				height: auto !important;
				height: 275px;
				background-color: White;
				background-repeat: no-repeat;
				margin-bottom: 40px;
			}
			
			.clearall { clear: both; }
			
/************************************************
*	Content Containers			     		    * 
************************************************/

			.splash { width:90%; padding:30px 30px 0; }
			
			#contentleft {
				float: left;
				width: 530px;
				padding: 0 20px 20px 20px;
				margin-top: 20px;
				border-right:1px solid #ddd;
				border-left: 1px solid #ddd;
			}

			#checkoutarea {
				float: left;
				width: 730px;
				padding: 0 20px 20px 20px;
				margin-top: 20px;
				border-left: 1px solid #ddd;
			}

/************************************************
*	Post Area					     		    * 
************************************************/
			
			.postarea h1, .postarea h2, .postarea h3, 
			.postarea h4, .postarea h5, .postarea h6 {
				color: #000;
				margin-bottom: 10px;
				padding-bottom: 5px;
				text-transform: uppercase; 
				font-family: "Trebuchet MS", Arial, Helvetica; 
				font-weight: bold;
margin-top: 0px;			
			}

			.postarea h1 { font-size: 1.6em; font-weight: normal; }
				.postarea h1 a { color: #000; text-decoration: none; }
				.postarea h1 a:hover { color: #666; text-decoration: none;  }
				
			.postarea h2 { font-size: 1.5em; border-bottom: 1px solid #DDDDDD; }
			.postarea h3 { font-size: 1.3em; }
			.postarea h4 { font-size: 1.3em; border-bottom: 1px solid #DDDDDD; }
			.postarea h5 { font-size: 1.2em; border-bottom: 1px solid #DDDDDD; }
			.postarea h6 { color: #4c4c4c; font-size: 1em; font-style: italic; }	
				
			.postarea img.wp-smiley {
				float: none;
				border: none;
			}

			.postarea img.wp-wink {
				float: none;
				border: none;
			}
			
			.post { margin-bottom: 50px; }
			.postarea { }
			.postarea p { padding-bottom: 10px; }
				
			.postarea a, .postarea a:visited, 
			.postcomments a, .postcomments a:visited {
				color: #737373;
				text-decoration: none;
			}
			.postarea a:hover, .postcomments a:hover {
				color: #999;
				text-decoration: none;
			}
			.postarea ol {
				margin-left: 20px;
				padding-bottom: 10px;
			}
			.postarea ol li { padding-bottom: 5px; }
			.postarea ul {
				list-style-type: none;
				margin-left: 5px;
				padding-bottom: 10px;
			}
			.postarea ul ul { list-style-type: none; }
				
			.postarea ul li {
				background: url(images/arrow-content.gif) no-repeat top left;
				margin-bottom: 5px;
				padding-left: 15px;
			}
			.postarea ul ul li {
				background: url(images/arrow-content.gif) no-repeat top left;
				margin-bottom: 5px;
				padding-left: 15px;
			}
				
			blockquote {
				background: #F7F7F7;
				margin: 0px 25px 15px 25px;
				padding: 0px 25px 0px 10px;
				border: 1px solid #E6E6E6;
			}
				
			#content blockquote p {
				padding: 10px 0px 10px 0px;
			}
				
			/*.postauthor { margin-bottom: 10px; }
				
			.postmeta {
				background: #F7F7F7;
				font-size: 11px;
				text-transform: uppercase;
				padding: 5px 10px 5px 10px;
				border: 1px solid #E6E6E6;
			}
				
			.postmeta p {
			}

			.singlepostmeta {
				background: #F7F7F7;
				font-size: 11px;
				text-transform: uppercase;
				margin: 0px 0px 50px 0px;
				padding: 5px 10px 5px 10px;
				border: 1px solid #E6E6E6;
			}

			.singlepostmeta p {
			}
				
			code {
				background: #F7F7F7;
				margin: 0px 25px 15px 25px;
				padding: 10px;
				display: block;
				font-family: Verdana, Tahoma, Verdana;
				border: 1px solid #E6E6E6;
			}*/
				
			.archive {
				float: left;
				width: 320px;
				padding: 0px 25px 20px 0px;
			}

.wpcf7-form span input, .wpcf7-form span textarea { padding: 3px; width: 95%; }
			
/************************************************
*	Fit Pics Style for Landing Page 	        * 
************************************************/
			
			#postfitpics { width: 85%; margin: 0 auto 20px auto; }

			
				#fitpicsbig { float: left; width: 261px;}
				#fitpicsbig a img { border: 1px solid #c5c5c5; padding: 1px;}
				
				#fitpicssmall { float: right; width: 490px; }
				#fitpicssmall ul { list-style-type: none; }
				#fitpicssmall ul li { display: inline; }
				#fitpicssmall ul li a img { width: 75px; height: 75px; padding: 2px; border: none; }
			
			#announcements {
				float: right;
				width: 460px;
				border: 1px solid #c5c5c5;
				margin-right: 8px;
				padding: 10px;
				margin-top: 15px;
			}
			

/************************************************
*	Browse By Styles for Landing Page 	        * 
************************************************/
			
			#browseby {
				margin: 0 auto 0 auto;
				width: 95%;
				border-bottom: 1px solid #bbbbbb;
				padding-bottom: 20px;
			}
				.browsebox {
					margin-top: 20px;
					width: 220px;
					float: left;
				}
				
				.move-margin-right { margin-right: 125px; }

				.browsebox h5 {
					font-family: 'Trebuchet MS', Helvetica, Arial, serif;
					font-weight: bold;
					font-size: 1.3em;
					text-decoration: none;
					color: #363636;
				}
					.browsebox ul {
						width: 220px;
						margin-top: 15px;
						overflow: hidden;
					}
					.browsebox ul li { line-height: 1.5em; }
					.browsebox .double li {
						float: left;
						display: inline;
						width: 50%;
					}
					.browsebox .double li a, 
					.browsebox li a { color: Black; text-decoration: none; }

					.browsebox .double li a:hover, 
					.browsebox li a:hover{ background-color: Black; color: White; }

/************************************************
*	Footer Styles  	        					* 
************************************************/
					
			#footer {
				background-image: url(images/footer.gif);
				width: 960px;
				height: 258px;
				background-repeat: no-repeat;
			}
				#top-products { width: 95%; margin: 20px auto 10px auto; }
				#top-products h2 { margin-bottom: 15px; margin-top: 10px; }
				
				.product-display { 
					width: 175px; 
					float: left; 
					margin-left: 25px; 
					margin-right: 20px; 
					text-align: center; 
				}
				.product-display img {
					padding: 3px;
					background-color: White;
					border: 1px solid #bbbbbb;
				}
				.product-display span { 
					text-align: center; 
					display: block; 
					font-size: 1.1em; 
				}
				span.price {color: #a30202; font-weight: bold; }
				#copyright {
					text-align: center;
					font-size: 11px;
					margin-top: 10px;
					margin-bottom: 10px;
					font-family: Verdana, Helvetica, Arial, sans-serif;
				}
				#copyright a#infusionz { 
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
					color: #000;
				}
				

/************************************************
*	Sidebar-right 	        			     	    * 
************************************************/
	
			#sidebar {
				float: right;
				width: 190px;
				margin: 20px 10px 20px 0px;
				padding: 0px 0px 0px 20px;
				line-height: 20px;
				/*border-left:1px solid #ddd;*/
			}
			
			#sidebar a, #sidebar a:visited  {
				color: #666;
				text-decoration: none;
			}
			#sidebar a:hover {
				color: #999;
				text-decoration: underline;
			}
			#sidebar h2, #sidebar-left h2 {
				color: #666;
				font-size: 1.4em;
				font-family: "Trebuchet MS", Arial, Helvetica;
				font-weight: bold;
				margin: 0px 0px 5px 0px;
				padding: 0px;
				border-bottom: 1px solid #DDDDDD;
			}
			#sidebar h3 {
				color: #666;
				font-size: 1.3em;
				font-family: "Trebuchet MS", Arial, Helvetica;
				font-weight: bold;
				margin-bottom: 5px;
			}
				
			#sidebar .widget, #sidebar-left .widget  {
				background: #F7F7F7;
				margin-bottom: 10px;
				padding: 10px;
				border: 1px solid #b1b1b1;
				border-radius:3px;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;
			}

			#sidebar .widget li { list-style-type: none; }
			#sidebar ul, #sidebar ul ul ul, #sidebar-left ul, 
			#sidebar-left ul li, #sidebar-left ul ul, 
			#sidebar-left ul ul ul { list-style-type: none; }

			#sidebar ul li { list-style-type: none; margin-bottom: 5px; }
			#sidebar ul ul li a, #sidebar ul ul li a:visited {
				color: #666;
				text-decoration: none;
			}
				
			#sidebar ul ul li a:hover { color: #999; text-decoration: underline; }
			#sidebar ul ul { list-style-type: none; margin-right: 5px; }
				
			#sidebar ul li li, #sidebar ul li ul li {
				background: url(images/arrow.gif) no-repeat top left;
				padding-right: 15px;
			}

			#sidebar .textwidget {}			
			
/************************************************
*	Sidebar-left	        			     	    * 
************************************************/
	
			#sidebar-left {
				float: left;
				width: 120px;
				margin: 20px 0 20px 10px;
				padding-right: 20px;
				line-height: 20px;
				/*border-right:1px solid #ddd;*/
			}
			#sidebar-left h3, span.category {
				color: #363636;
				font-size: 1.2em;
				font-family: "Trebuchet MS", Arial, Helvetica;
				font-weight: bold;
				margin-bottom: 5px;
				border-bottom: 1px solid #363636;
				display: block;
			}
			
			.category a.productlink { color: #363636; text-decoration: none; }
			ul.SubCategories { margin-bottom: 10px; }

			#sidebar-left li .wpsc_categorisation_group ul li .wpsc_category_image_link { 
				display: none; 
				visibility: hidden;
			}

			#sidebar-left ul ul li a, #sidebar-left ul ul li a:visited {
				color: #666;
				text-decoration: none;
				padding: 1px;
				display: block;				
			}
				
			#sidebar-left ul ul li a:hover {
				color: #999;
				background-color: #000;
				color: #fff;
				text-decoration: none;
			}
			
			#cat {
				background: #FFFFFF;
				font-family: Arial, Tahoma, Verdana;
				font-size: 12px;
				width: 230px;
				color: #222222;
				margin: 5px 0px 0px 0px;
				padding: 1px;
				display: inline;
				border: 1px solid #DDDDDD;
			}

			.widget_tag_cloud {
				margin: 0px;
				padding: 0px 0px 0px 10px;
			}

			
/************************************************
*	WP E-Commerce  					    *
************************************************/
			#widgetshoppingcart h3 { border-bottom:1px solid #ddd; }
			.postarea h2.prodtitles{ border:0; margin:10px 0; font-size: 1.1em; }
			.postarea .imagecol { margin-top:10px; }

			h2.prodtitles a:link, h2.prodtitles a:visited { 
				color:#363636; 
				text-decoration:none; 
				border:0; 
			}

			h2.prodtitles a:hover { color:#666; }
			
			.wpsc_description p { padding:10px 0 0; font-size: .8em; }
			.wpsc_quantity_update, .additional_description_span { font-size: .8em; }
			.wpsc_variation_forms { color:#999; font-size:1em; }
			.wpsc_variation_forms select{ font-size:11px; color:#666;}
			
			input.wpsc_buy_button { 
				border:none;
				font-weight: bold;
				background:#ccc; 
				color:#000; 
				/*position:absolute; 
				right:0px; 
				bottom:0px;*/
				padding:5px;
				text-transform:uppercase; 	
				border-radius:3px;
				font-size: 9px;
				float: right;
				margin-top: 5px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
			}

			div.imagecol a img.product_image { border: 1px solid #ccc !important; padding: 2px; }
			
			/*.productdisplay { border-bottom: 1px solid #ccc; }*/
			
			input.wpsc_buy_button:hover { background:#666; color: #fff; }
			.wpsc_product_price { 
				font-size:.8em; 
				float:left; 
				margin-top: 10px; 
				font-weight: bold; 
				color: #a30202; 
			}
			.wpsc_product_price .pricedisplay { color:#a30202; }
			
			#shoppingcartcontents p.visitshop { 
				text-align:right; 
				margin-top:10px; 
			}

			div.wpsc_product_search { 
				background-color: White !important; 
				border: 1px solid #ccc; 
			}
			
			#shoppingcartcontents p.visitshop a, #shoppingcartcontents .gocheckout a { 
				border:none; 
				background:#ccc; 
				color:#000; 
				padding:5px;  
				text-transform:uppercase;
				font-weight: bold;
				border-radius:3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px; 
			}

			div.wpcart_gallery a img {
				padding: 2px;
				border: 1px solid #ccc;
			}
			
			#shoppingcartcontents p.visitshop a:hover, 
			#shoppingcartcontents .gocheckout a:hover { 
				background:#666; 
				text-decoration:none; 
				color: #fff;
			}
			
			#shoppingcartcontents .gocheckout { text-align:right; }
			#shoppingcartcontents .emptycart { text-indent:-9999px; padding:0; margin:0; }
			.product_grid_item { padding:0 10px 0 0; }
			.product_grid_item .product_text { line-height:1.3em; color: #a30202; }
			.product_grid_item .product_text strong { color: #000;}
			.product_grid_item .product_text br { margin:10px 0; }
			.product_grid_item .product_text .pricedisplay { color: #a30202; font-weight: bold; }
			.product_grid_item .grid_more_info { margin:0; padding:0; }
			.product_grid_item .grid_more_info select{ font-size:10px; color:#666; }

/* Special for Checkout Page */
	
	#wpsc_shopping_cart_container {
		width: 95%;
		margin: 15px auto 20px auto;
		padding: 5px;
		min-height: 500px;
		height:auto !important;
		height:500px;
		font-size: 1em;
	}
	
	#wpsc_shopping_cart_container input.text, 
	#wpsc_shopping_cart_container textarea.text  { 
		padding: 2px; 
		width: 90%; 
	}

	.wpsc_description ul li, .single_additional_description p { font-size: .8em; }

		#wpsc_shopping_cart_container h2, #wpsc_shopping_cart_container h3 { 
			font-size: 1.2em; 
			color: #000; 
			display: block; 
			background: #ccc; 
			padding: 3px; 
			margin: 10px 0 10px 0;
			padding: 2px;
		}
		#wpsc_shopping_cart_container h4 { 
			margin-top: 15px; 
			font-size: 1.1em; 
			text-transform: uppercase;
		}
		table.productcart, table.wpsc_checkout_table { 
			font-size: 1em; 
			margin-bottom: 15px; 
			margin-top: 15px; 
			width: 100%; 
		}
		table.productcart tr, table.productcart td { padding: 3px; }

		
	.breadcrumb { 
		margin-top: 5px; 
		padding: 5px; 
		font-size: 1em; 
		border: 1px solid #ccc; 
		display: block; 
		font-weight: bold;
	}