/*
Theme Name: BBX
Theme URI: http://johnnybeesdesign.com/
Description: Designed for Andrew Henn, Bayshore Bullion Exchange, by Johnny Bees Design.
Version: 1.0
Author: John Natoli
Author URI: http://johnnybeesdesign.com/
Tags: gold, custom header, fixed width, three columns, widgets

*/

body {
	margin: 0;
	padding: 0;
	background: url("images/woodbg.gif") top center repeat-y;
	font-family: Tahoma, Verdana, "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
div.header {
	margin: 0 auto;
	width: 100%;
	height: 266px;
	background: url("images/header.jpg") top center no-repeat;
}
	div.header a.header-link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 188px;
	}
div.wrapper {
	width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}
div#center {
	float: left;
	width: 478px;
	margin: 0 80px;
	padding: 0 20px;
	background: url("images/gold-title-bg-tall.gif") top left repeat-x #9c7e65;
	border: 1px solid #4d1a05;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-size: 14px;
	line-height: 1.5em;
}
	div#center.home {
		width: 675px;
		margin: 0;
		padding: 0 0 0 5px;
		background: transparent;
		border: none;
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		font-size: 12px;
	}
	div#center h2 {
		color: #fff;
		margin-top: 8px;
		letter-spacing: .05em;
		text-align: center;
	}
	div#center div.bars {
		position: relative;
		background: url("images/bars.png") top left no-repeat;
		width: 100%;
		height: 120px;
		padding-top: 28px;
		margin-left: 4px;
	}
		div#center div.bars div p {
			display: inline;
		}
		div#center div.bars div.goldprice {
			position: absolute;
			left: 47px;
			width: 242px;
			text-align: center;
			font-size: 24px;
			font-weight: bold;
			color: #513900;
		}
		div#center div.bars div.silverprice {
			position: absolute;
			right: 75px;
			width: 242px;
			text-align: center;
			font-size: 24px;
			font-weight: bold;
			color: #313131;
		}
	div#center div.charts {
		clear: both;
		float: left;
		margin-left: 23px;
		border: 1px solid #000;
	}
		div#center div.charts img {
			float: left;
		}
	div#center div.news {
		clear: both;
		margin-left: 23px;
		margin-top: 24px;
		width: 100%;
	}
		div#center div.news h2 {
			position: relative;
			background: url("images/gold-title-bg.gif") top left repeat-x;
			width: 604px;
			color: #fff;
			font-size: 14px;
			text-align: left;
			padding: 3px 3px 3px 12px;
			margin: 0;
		}
			div#center div.news h2 span {
				position: absolute;
				text-align: right;
				right: 10px;
				font-size: 10px;
				font-weight: normal;
			}
				div#center div.news h2 span a {
					color: #fff;
				}
		div#center div.news ul {
			width: 583px;
			background: #fff;
			margin: 0;
			padding: 12px 12px 12px 24px;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
		}
			div#center div.news ul li {
				margin: 0 0 12px 0;
			}
				div#center div.news ul li a {
					color: #171000;
					text-decoration: none;
				}
					div#center div.news ul li a:hover {
						text-decoration: underline;
					}
div.left {
	width: 140px;
	float: left;
}
	div.left ul.nav {
		width: 120px;
		background: #4d1a05;
		margin: 0;
		padding: 10px;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		list-style: none;
	}
		div.left ul.nav li {
			margin: 0;
		}
			div.left ul.nav li:first-child a {
				padding-top: 0;
			}
			div.left ul.nav li:last-child a {
				border-bottom: none;
				padding-bottom: 0;
			}
			div.left ul.nav li a {
				padding: .5em 0;
				color: #ead4ca;
				display: block;
				text-decoration: none;
				border-bottom: 1px solid #b6967a;
				width: 100%;
			}
				div.left ul.nav li a:hover {
					color: #fff;
				}
	div.left div.signup {
		margin-top: 40px;
	}
		div.left div.signup p {
			font-weight: bold;
			text-transform: uppercase;
			font-size: 14px;
		}
		div.left div.signup input.signup-box {
			width: 100px;
			height: 16px;
			background: url("images/signup-box.gif") top left no-repeat;
			border: 0;
			padding: 7px;
			float: left;
		}
		div.left div.signup input.submit {
			float: left;
		}
	
div.right {
	width: 140px;
	margin-left: 0px;
	float: left;
}
div.footer {
	clear: both;
	background: #4d1a05;
	padding: 5px;
	margin: 24px 0 24px 0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #ead4ca;
	text-align: center;
}
	div.footer ul.nav {
		list-style: none;
		padding: 0;
	}
		div.footer ul.nav li {
			display: inline;
			margin-left: 20px;
			padding-left: 20px;
			border-left: 1px solid #ead4ca;
		}
			div.footer ul.nav li.first {
				border: none;
				padding: 0;
				margin: 0;
			}
			div.footer ul.nav li a {
				color: #ead4ca;
				text-decoration: none;
			}

/* utilities */
.clear {
	height: 0;
	clear: both;
}
a img {
	border: none;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.first {
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
}
p {
	clear: both;
}
img.left {
	float: left;
	margin-right: 1em;
}