/*  
Theme Name: White Garage
Theme URI: http://www.whitegarage.biz/
Description: The default WordPress theme for White Garage.
Version: 2.0
Author: Bellamy B. Budiman

	White Garage v2.0
	 http://whitegarage.biz/

	This theme was designed and built by Bellamy B. Budiman,
	whose company you will find at http://www.neuro-designs.com

	The CSS, XHTML and design is copyright (c) 2011 Neuro-Designs

*/

@import url("styles-reset.css");

/* General Settings */

body {
	font: 10px/20px sans-serif;
	color: #333;
	background: #b7d433 url("images/bg-grain.png");
	font-size: 62.5%;
	border-top: 4px solid #b7d433;
	text-shadow: 0px 0px 2px #fff;
	}

img {
	vertical-align: middle;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #a0b92d;
	}
	
	a:hover {
		color: #999;
		}

p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	font-weight: bold;
	}

h2 {
	font-size: 20px;
	}
	
h3 {
	color: #666;
	font-size: 16px;
	}
	
h4 {
	font-size: 13px;
	}

p {
	font-size: 13px;
	font-weight: normal;
	}

p.backToTop {
	text-align: right;
	font-size: 0.9em;
	}

.red {
	color: #f00;
	}
	
.nomargin, form {
	margin: 0px;
	}
	
.divider {
	margin-top: 10px;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	}
	
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 13px;
	}
	
	ul li {
		padding: 4px 6px;
		margin-bottom: 1px;
		background: #eaeaea;
		}

ul.sidebarMenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 20px;
	}
	
	ul.sidebarMenu li {
		margin-bottom: 1px;
		background: #be1e2d;
		padding: 0px;
		}

		ul.sidebarMenu a:link, ul.sidebarMenu a:visited {
			display: block;
			padding: 5px 8px;
			color: #fff;
			}
	
			ul.sidebarMenu a:hover {
			background: #999;
			color: #fff;
			}

strong {
	font-weight: bold;
	}	



/* Form Settings */

.searchbar, .defaulttext, .defaulttextarea {
	border: 1px solid #eaeaea;
	padding: 5px;
	font-family: sans-serif;
	vertical-align: middle;
	}

.searchbar {
	font-size: 16px;
	height: 24px;
	}
			
.searchbutton, .defaultbutton {
	background: #b7d433 url("images/bg-grain.png");
	border: 1px solid #a8c429;
	padding: 5px;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	}
	
	.searchbutton:hover, .defaultbutton:hover {
		background: #999;
		border: 1px solid #999;
		}

	form#confirm label {
		width: 120px;
		margin-right: 20px;
		display: inline-block;
		}

	form#confirm label.error {
		width: auto;
		display: inline;
		float: right;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		background: #f00;
		padding: 2px 4px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		}

.startShopping:link, .startShopping:visited {
	display: inline-block;
	background: #b7d433 url("images/bg-grain.png");
	border: 1px solid #a8c429;
	padding: 15px;
	font-family: sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	text-shadow: none;
	}
	
	.startShopping:hover {
		background: #999;
		border: 1px solid #999;
		}





/* Layout Settings */

header {
	width: 100%;
	min-width: 920px;
	margin: 0px auto;
	padding-bottom: 10px;
	overflow: hidden;
	background: #fff;
	}
	
	header .plc {
		width: 900px;
		margin: 0px auto;
		overflow: hidden;
		}
		
		header .plc .logo {
			width: 280px;
			height: 56px;
			padding-top: 20px;
			float: left;
			}
		
		header .plc .info {
			width: 620px;
			float: right;
			text-align: right;
			text-shadow: none;
			}
			
			header .plc .info .loginInfo {
				display: inline-block;
				background: #b7d433 url("images/bg-grain.png");
				padding: 0px;
				color: #576518;
				font-size: 11px;
				-webkit-border-bottom-left-radius: 4px;
				-webkit-border-bottom-right-radius: 4px;
				-moz-border-radius-bottomleft: 4px;
				-moz-border-radius-bottomright: 4px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				}
				
				header .plc .info .loginInfo p {
					margin: 0px;
					padding: 5px 10px;
					border-bottom: 1px solid #fff;
					font-size: 11px;
					}
				
				header .plc .info .loginInfo .controls {
					padding: 5px 10px;
					color: #a1ba2d;
					}

					header .plc .info .loginInfo a:link, header .plc .info .loginInfo a:visited {
						color: #576518;
						}
						
						header .plc .info .loginInfo a:hover {
							color: #fff;
							}

				header .plc .info .loginInfo form {
					padding: 5px 10px;
					text-align: left;
					}
					
					header .plc .info .loginInfo form input[type='text'], header .plc .info .loginInfo form input[type='password'] {
						border: 1px solid #eaeaea;
						padding: 5px;
						font-family: sans-serif;
						font-weight: bold;
						vertical-align: middle;
						}

					header .plc .info .loginInfo form input[type='submit'] {
						background: #a0b92d;
						border: 1px solid #a0b92d;
						padding: 5px;
						font-family: sans-serif;
						font-weight: bold;
						color: #fff;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						vertical-align: middle;
						}

						header .plc .info .loginInfo form input[type='submit']:hover {
							background: #999;
							border: 1px solid #999;
							}
						
		header .plc .search {
			width: 440px;
			float: right;
			text-align: right;
			}
		
	nav {
		background: #eee;
		clear: both;
		width: 880px;
		margin-top: 20px;
		padding: 5px 10px;
		overflow: hidden;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	
		nav ul {
			width: 440px;
			padding-top: 3px;
			float: left;
			}
			
			nav ul li {
				background: none;
				padding: 0px;
				margin: 0px;
				float: left;
				text-transform: uppercase;
				font-size: 14px;
				font-weight: normal;
				}
				
				nav ul li a:link, nav ul li a:visited {
					background: none;
					display: block;
					margin-right: 2px;
					padding: 5px 10px;
					color: #999;
					}
					
					nav ul li a:hover, li.current_page_item a:link, li.current_page_item a:visited {
						background: #b7d433 url("images/bg-grain.png");
						color: #fff;
						text-shadow: none;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}


#contents {
	width: 100%;
	min-width: 920px;
	min-height: 400px;
	margin: 0px auto;
	padding: 20px 0px;
	background: #fff;
	overflow: hidden;
	}
	
	#contents .plc {
		width: 900px;
		margin: 0px auto;
		overflow: hidden;
		}
		
	#contents .col1 {
		width: 280px;
		float: left;
		padding: 0px 10px;
		}

	#contents .col2 {
		width: 580px;
		float: left;
		padding: 0px 10px;
		}

	#contents .col3 {
		width: 880px;
		float: left;
		padding: 0px 10px;
		}
	
	#contents .column {
		width: 580px;
		float: left;
		padding: 0px 10px;
		}
		
		#contents .column h2.pagetitle {
			color: #a0b92d;
			font-size: 1.8em;
			padding: 0px;
			margin: 0px;
			margin-bottom: 20px;
			}
		
		#contents .column p.metadata {
			border-top: 1px dotted #ccc;
			background: #fafafa;
			padding: 5px 10px;
			margin-bottom: 30px;
			}
		
	#contents .sidebar {
		margin: 10px 0px;
		padding: 10px;
		background: #fff;
		-webkit-box-shadow: 0px 0px 10px #eee;
		-moz-box-shadow: 0px 0px 10px #eee;
		box-shadow: 0px 0px 10px #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
		
		#contents .sidebar h3 {
			margin: 0px;
			margin-bottom: 5px;
			}
			
	
	#contents .wrap, #contents .entry {
		font-size: 13px;
		}

		#contents .wrap hr {
			height: 0px;
			border-top: 1px solid #ccc;
			}
		
		#contents .wrap .pricedisplay {
			font-weight: bold;
			}

#bottomBar {
	background: #fafafa;
	width: 100%;
	min-width: 920px;
	margin: 0px auto;
	padding: 10px 0px;
	border-top: 1px solid #eaeaea;
	}
	
	#bottomBar .plc {
		width: 900px;
		margin: 0px auto;
		overflow: hidden;
		}
		
		#bottomBar .plc .col1 {
			width: 280px;
			float: left;
			padding: 10px;
			}
			
	#bottomBar h3 {
		color: #666;
		margin: 0px;
		padding-bottom: 5px;
		}
	
	#bottomBar p {
		font-size: 11px;
		}
	
	#bottomBar ul li {
		margin: 0px;
		padding: 0px;
		margin-bottom: 1px;
		font-size: 11px;
		}
		
		#bottomBar ul li a:link, #bottomBar ul li a:visited {
			background: #eee;
			display: block;
			margin-bottom: 1px;
			padding: 3px 10px;
			border-top: 1px solid #ddd;
			border-left: 1px solid #ddd;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			}
			
			#bottomBar ul li a:hover {
				background: #b7d433 url("images/bg-grain.png");
				border: 1px solid #b7d433;
				color: #fff;
				text-shadow: none;
				}


footer {
/*	background: #fafafa;*/
	width: 100%;
	min-width: 920px;
	margin: 0px auto;
	margin-bottom: 20px;
	border-top: 1px solid #95ad27;
	color: #fff;
	text-shadow: none;
	}
	
	footer .plc {
		width: 880px;
		margin: 0px auto;
		overflow: hidden;
		padding: 10px 0px;
		}
	
	footer p {
		font-size: 10px;
		}
	
	footer a:link, footer a:visited {
		color: #fff;
		font-weight: bold;
		}
		
		footer a:hover {
			color: #eaeaea;
			}


/* Blog Settings */

.navigation {
	width: 580px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
	}

.navigationTop {
	width: 580px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	}
		
	.navigation .alignleft, .navigationTop .alignleft {
		width: 280px;
		float: left;
		}
		
	.navigation .alignright, .navigationTop .alignright {
		width: 280px;
		float: right;
		text-align: right;
		}
				
ol.commentlist {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	list-style-type: none;
	}
	
	ol.commentlist li {
		border-bottom: 1px dotted #ccc;
		background: #fafafa;
		padding: 5px 10px;
		}

a.post-edit-link:link, a.post-edit-link:visited {
	color: #999;
	font-size: 11px;
	margin-top: 20px;
	}
	
	a.post-edit-link:hover {
		color: #666;
		}





/* Store Settings */

#homeLatest {
	margin-bottom: 5px;
	}
	
	#homeLatest ul {
		overflow: hidden;
		}
		
		#homeLatest ul li {
			float: left;
			background: none;
			padding: 0px;
			margin: 0px;
			}
			
			#homeLatest ul li img {
				background: #fff;
				border: 1px solid #ccc;
				}
				
				#homeLatest ul li a:link, #homeLatest ul li a:visited {
					display: none;
					visibility: hidden;
					}
					
					#homeLatest ul li div a:link, #homeLatest ul li div a:visited {
						display: block;
						background: #eaeaea;
						padding: 10px;
						margin: 0px 1px 1px 0px;
						visibility: visible;
						}
						
						#homeLatest ul li div a:hover {
							background: #b7d433 url("images/bg-grain.png");
							}

#contents .sidebar ul.wpsc-latest-products {
	}
	
	#contents .sidebar ul.wpsc-latest-products li.wpsc-latest-product {
		margin-bottom: 2px;
		border: 1px solid #eaeaea;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background: #fafafa;
		overflow: hidden;
		padding: 10px;
		line-height: 1.2em;
		}
		
		#contents .sidebar ul.wpsc-latest-products li.wpsc-latest-product:first-child {
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			}

		#contents .sidebar ul.wpsc-latest-products li.wpsc-latest-product:last-child {
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-bottom-right-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			}
	
		#contents .sidebar ul.wpsc-latest-products li.wpsc-latest-product .item_image {
			width: 32px;
			height: 32px;
			float: left;
			margin-right: 10px;
			border: 1px solid #ccc;
			}
			
.shoppingcart .wpsc_empty_the_cart {
	display: inline-block;
	}

#cart-widget-links {
	background: none;
	}

ul.wpsc_categories {
	margin-bottom: 20px;
	font-size: 16px;
	}
	
	ul.wpsc_categories li {
		background: none;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px solid #ddd;
		}
		
		ul.wpsc_categories li a:link, ul.wpsc_categories li a:visited {
			background: url("images/icon-arrow-right.png") -10px center no-repeat;
			background-color: none;
			display: block;
			padding: 10px;
			}
			
			ul.wpsc_categories li a:hover {
				background: #b7d433 url("images/icon-arrow-right.png") 10px center no-repeat;
				padding-left: 35px;
				color: #fff;
				text-shadow: none;
				}

.wpsc_subcategory {
	padding: 5px 0px 10px 10px;
	}
	
	.wpsc_subcategory p {
		margin: 0px;
		}

a.visitshop {
	display: none;
	}

/* Animations */

a, .defaultbutton, .searchbutton {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	}
