/* ~~ Element/tag selectors ~~ */
body {
	margin: 0;
	padding: 30px 0 0 0;
	background: #FFF;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

h2 {
	margin-bottom: 10px;
}

h3, h4 {
	margin-bottom: 0px;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* don't display the header, banner or sidebar */
.header, .banner, .sidebar1 {
	display: none;
}

/* don't display anything we're told not to! */
.noprint {
	display: none;
}

.content {
	padding: 0px 10px;
	width: 940px;
}

/* wines table */
.winetable {
	width: 100%;
}

.winetable td {
	vertical-align: top;
}

.winetable td p, .winetable td h4 {
	padding-left: 0px;
}

.wheader {
	text-align: center;
}

.wtitle, .btitle {
	font-family: "Adobe Caslon Pro", "Times New Roman", serif;
	font-size: 36px;
}

.plink, .rdate, .sold, .soldout {
	display: none;
}

#remain {
	display: none;
}

.bprice {
	display: block;
}

.blogposts {
	display: none;
}

#wineintro, #readmore {
	display: none;
}

#printheader {
	display: block;
	text-align: center;
}

#purchase, #terms {
	display: none;
}

/* increase some font sizes for better readability */
#winename {
	font-size: 26px;
}

#winename .ui-button {
	display: none;
}

#specs {
	font-size: 18px;
}

#soundbite {
	font-size: 24px;
}

/* images within content - floated left or right */
.content .imgleft {
	clear: both;
	float: left;
	padding: 0px 15px;
}

.content .imgright {
	clear: both;
	float: right;
	padding: 0px 15px;
}

.blogdate {
	margin-top: -15px;
}

/* ~~ The footer ~~ */
#copyright {
	clear: both;
	padding-top: 10px;
	font-size: 80%;
}

.footer {
	display: none;
}
