/*
Theme Name: Ojai Olive Oil
Theme URI: http://www.ojaioliveoil.com/
Description: Wordpress theme for Ojai Olive Oil
Version: 1.0
Author: Bellamy Budiman
Author URI: http://www.neuro-designs.com/
*/
/* 
	CSS Document for Ojai Olive Oil, Inc.
	Copyright (c) 2007 Neuro-Designs.
	All rights reserved.
	
*/

#IEWarning {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px 0px;
	font-weight: normal;
	font-size: 1.3em;
	font-family: arial, helvetica, sans-serif;
	background: red;
	clear: both;
	}
	
	#IEWarning a:link, #IEWarning a:visited{
		color: #fff;
		font-weight: bold;
		}
		
		#IEWarning a:hover {
			color: #fff;
			text-decoration: underline;
			}

html, body {
	background: #f0e4cd url("images/bg_main.jpg") repeat-x;
	min-width: 900px;
	margin: 0px;
	padding: 0px;
	font: 10px/18px Georgia, "Times New Roman", Times, serif;
	color: #603913;
	border-top: 4px solid #2d364d;
	}
	
#container {
	width: 900px;
	margin: 0px auto;
	}
	
	#container .placement {
		background: url("images/bg_contents.png") repeat-y;
		}
		
#header {
	width: 860px;
	height: 207px;
	background: url("images/bg_top.jpg") no-repeat;
	padding: 13px 10px 0px 30px;
	overflow: hidden;
	}
	
	#header #logo {
		width: 192px;
		float: left;
		}
		
	#header #header_img {
		width: 668px;
		float: right;
		}
	
#menu {
	width: 881px;
	height: 40px;
	background: url("images/bg_menu.jpg") no-repeat;
	padding-left: 19px;
	overflow: hidden;
	}
	
	#menu ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
		
		#menu ul li {
			float: left;
			padding: 0px;
			border-bottom: 0px;
			background: none;
			}
			
			#menu ul li a:link, #menu ul li a:visited {
				color: #fff;
				background: none;
				display: block;
				font-size: 1.4em;
				padding: 12px 10px;
				text-shadow: 0px 0px 5px #000;
				}
				
				#menu ul li a:hover {
					background: url("images/bg_menu_hover.jpg");
					}

	.dropdown {
		float: none;
		position: absolute;
		visibility: hidden;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		width: 175px;
		z-index: 4000;
		border: 1px solid #603913;
		border-top: 0px;
		background: url("images/bg_dropdown.jpg") 50% 50%;
		-webkit-box-shadow: 0px 0px 5px #000;
		-moz-box-shadow: 0px 0px 5px #000;
		}
			
	.dropdown a:link, .dropdown a:visited {
		display: block;
		padding: 8px 10px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.2em;
		text-shadow: 0px 0px 5px #000;
		}

	.dropdown a:hover {
		color: #fff;
		background: #112350;
		}
		
#contents {
	width: 840px;
	padding: 20px 30px;
	overflow: hidden;
	font-size: 1.2em;
	background: url("images/bg_contents2.jpg") top no-repeat;
	}
	
	#contents #column {
		width: 540px;
		float: left;
		min-height: 350px;
		}
		
		#contents #column .single_col {
			width: 240px;
			float: left;
			margin: 5px;
			background: #ede3d4;
			color: #603913;
			padding: 10px;
			}
		
	#contents #sidebar {
		width: 220px;
		float: right;
		color: #fdf5e1;
		padding: 20px 20px 20px 20px;
		text-shadow: 0px 0px 10px #000;
		background: url("images/bg_sidebar.jpg") repeat-y;
		-webkit-box-shadow: 0px 0px 5px #666;
		-moz-box-shadow: 0px 0px 5px #666;
		}
		
		#contents #sidebar h3 {
			font-size: 1.3em;
			color: #fff;
			}

	#contents #sidebar ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
	
		#contents #sidebar ul li {
			background: none;
			padding: 4px 8px;
			border-bottom: 1px solid #593e04;
			margin-bottom: 2px;
			}
			
			#contents #sidebar ul li a:link, #contents #sidebar ul li a:visited {
				color: #fee5a7;
				}
				
				#contents #sidebar ul li a:hover {
					color: #fff;
					}

#footer {
	width: 870px;
	height: 33px;
	background: url("images/bg_footer.jpg") no-repeat;
	padding-left: 30px;
	padding-top: 6px;
	overflow: hidden;
	}
	
	#footer ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
		
		#footer ul li {
			float: left;
			color: #b4a377;
			font-size: 1em;
			margin-right: 15px;
			padding: 0px;
			background: none;
			border-bottom: 0px;
			}
			
		#footer a:link, #footer a:visited {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			}
				
			#footer a:hover {
				color: #fee5a7;
				}

	#footer #footer_left {
		width: 700px;
		float: left;
		}
		
	#footer #footer_right {
		width: 80px;
		float: right;
		text-align: right;
		padding-right: 30px;
		}

#copyright {
	width: 840px;
	margin: 0px auto;
	padding: 0px 30px 10px 30px;
	color: #a7906d;
	font-size: 0.9em;
	margin-bottom: 30px;
	}
	
	#copyright a:link, #copyright a:visited {
		color: #a7906d;
		font-weight: bold;
		text-decoration: none;
		}
		
		#copyright a:hover {
			color: #603913;
			}

/* General Settings */

.divider {
	border-top: 1px solid #ecdfbe;
	margin-top: 20px;
	margin-bottom: 15px;
	}

#sidebar .divider {
	border-top: 1px solid #593e04;
	margin-top: 20px;
	margin-bottom: 15px;
	}

p, h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	}

h2 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 10px;
	}

h2.title {
	font-size: 2em;
	line-height: 1.3em;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ecdfbe;
	}
	
h3 {
	font-size: 1.5em;
	}
	
h4 {
	font-size: 1.2em;
	margin: 0px;
	}
	
h5 {
	font-size: 1em;
	margin-top: 10px;
	}

p {
	margin-bottom: 20px;
	}
	
#sidebar h3 {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #fee5a7;
	}

a:link, a:visited {
	color: #8f5820;
	font-weight: bold;
	text-decoration: none;
	}
	
	a:hover {
		color: #603913;
		}

#sidebar a:link, #sidebar a:visited {
	color: #fee5a7;
	font-weight: bold;
	}
	
	#sidebar a:hover {
		color: #fdf5e1;
		}
			
ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
	
	ul li {
		background: #ecdfbe;
		padding: 4px 8px;
		border-bottom: 1px solid #ecdfbe;
		margin-bottom: 2px;
		}
	
img {
	border: 0px;
	}
	
	.whiteborder {
		border: 1px solid #eaeaea;
		background: #fff;
		padding: 4px;
		 -moz-box-shadow: #999 0px 0px 20px;
		 -webkit-box-shadow: #999 0px 0px 20px;
		 -khtml-box-shadow: #999 0px 0px 20px;
		}
		
	.alignleft {
		margin-right: 20px;
		margin-bottom: 10px;
		float: left;
		}

	.alignright {
		margin-left: 20px;
		margin-bottom: 10px;
		float: right;
		}
	
img.sidebar {
	border: 4px solid white;
	margin-right: 10px;
	-moz-box-shadow: #666 0px 0px 20px;
	-webkit-box-shadow: #666 0px 0px 20px;
	-khtml-box-shadow: #666 0px 0px 20px;
	float: left;
	}
	
table.contact tr td.left {
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
	}
	
input.default_text, textarea.default_text {
	width: 400px;
	border: 1px solid #ecdfbe;
	padding: 4px;
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
	}

	table.productcart input.default_text {
		width: 30px;
		}
		
input.default_text_short {
	width: 200px;
	border: 1px solid #ecdfbe;
	padding: 4px;
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
	}
	
input.default_button {
	background: #8f5820;
	border: 0px;
	padding: 5px 10px;
	color: #fff;
	font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
	input.default_button:hover {
		background: #603913;
		}

p.imagecaption {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	border-bottom: 2px dotted #ecdfbe;
	margin-top: -18px;
	margin-bottom: 20px;
	}
	
	.alignleft p.imagecaption, .alignright p.imagecaption {
		margin-bottom: 0px;
		}
		

.productRow {
	width: 540px;
	overflow: hidden;
	margin-top: 20px;
	border-bottom: 1px solid #ecdfbe;
	}

	.productRow form {
		padding: 0;
		margin: 0;
		display: inline;
		}
	
	.productRow .left {
		float: left;
		width: 120px;
		height: 120px;
		border: 1px solid #ecdfbe;
		}
		
	.productRow .right {
		float: right;
		width: 400px;
		margin-left: 10px;
		}
		
		.productRow .right h5 {
			margin: 0px;
			margin-bottom: 5px;
			font-size: 1.2em;
			}
			
		.productRow .right span.price {
			font-size: 1.6em;
			font-weight: bold;
			}
			
		.productRow .right input.default_button {
			font-size: 0.9em;
			padding: 2px 8px;
			margin-left: 5px;
			}

span.soldout {
	background: #f00;
	margin-left: 5px;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}



table.default {
	border-collapse: collapse;
	}
	
	table.default thead {
		}
		
		table.default thead th {
			background: #ecdfbe;
			text-align: left;
			padding: 5px;
			}
	
	table.default tr {
		}
		
		table.default tr td {
			border-bottom: 1px solid #603913;
			padding: 5px;
			}