/* CSS Document for Grain website - robbie scourou 2006 */


body 
{
	background: 			#fff;
	text-align: 			center;
	margin:					0;
	margin-top:				10px;
	padding:				0;
	color:					#303030;
	font-family:			Century Gothic;
	font-size:				0.8em;
}

a img
{
	border:					0;
}

h1, h2, h3
{
	margin:					0;
	color:					#4D4D4D;
}

h1
{
	font-size:				1.3em;
}

h2
{
	font-size:				1.1em;
}

table
{
	border: 				0;
}

a
{
	color:					#828511;
	font-weight:			bold;
	text-decoration:		none;
}

a:hover
{
	text-decoration:		none;
}
div.twitter_div {
	width:					250px;
	border: 				thick solid #FAF8CC;
	background:				#FAF8CC;				
}

/* container div */

div.content {
	text-align:				left;
	width:					800px;
	margin-left:			auto;
	margin-right:			auto;
}

/* main page divs */

div.logo
{
	text-align:				center;
}

div.buttons
{
	text-align:				center;
}

div.main_news
{
	margin-top:				10px;
	margin-bottom:			10px;
}

div.main_news table td
{
	padding:				5px;
}

div.footer
{
	margin-top:				10px;
}

/* topnav divs */

div.top_nav
{
	margin-bottom:			30px;
}

div.top_btns
{
	margin-top:				10px;
	text-align:				right;
	width: 					500px;
	float: 					right;
}

div.top_btns div
{
	text-align:				center;
	padding-left:			25px;
}

/* body divs */

div.body_container
{
	margin-bottom:			20px;
}

div.body_header
{
	margin-bottom:			10px;
}

div.body_col_right
{
	width:					370px;
	float:					right;
}

div.body_col_left
{
	width:					400px;
}

div.soon
{
	padding-top:			100px;
	font-size:				3.5em;
	text-align:				center;
}

div.center
{
	text-align:				center;
}

div.news_more
{
	text-align:				right;
}

div.right
{
	text-align:				right;
}

/* table styles */

table.index_table img,
table.news_table img
{
	margin-right:			30px;
}

table.index_table tr.spacer td,
table.news_table tr.spacer td
{
	height:					40px;
}

table.index_table td,

table.news_table td

{vertical-align: top;}

table.index_table td p,
table.news_table td p
{
	padding-right:			20px;
}

table.image_table tr td.top
{
	padding-bottom:			15px;
}

table.image_table tr td.right
{
	text-align:				right;
}

table.front_news td
{
	vertical-align:			top;
}

table.more_pad td p
{
	padding-right:			90px;
}


/* misc styles */

p.right_col_padded
{
	padding-left: 			90px;
}

div.news_more img
{
	margin-right: 			0;
}

img.large_hr
{
	margin-top:				7px;
	margin-bottom:			7px;
}
/* Grain shop CSS added 2008-07-27*/

#shop p {color: #303030; margin-top: 8px}

#shopHeaderLeftCol {width: 140px; float: left;}
#shopHeaderRightCol {margin-left: 160px;} 

#shopLeftCol {width: 180px; float: left; margin-top: -20px}
#shopLeftCol h2 {background: #808000; color:#fff; font-size: 1em; font-weight: bold; padding: 0.4em;}
#shopLeftCol .advert {display: block; margin-bottom: 15px; padding-top: 10px; background: url(../images/shop/smallHorizontalLine.gif) top left no-repeat;}
#shopLeftCol .deliverysmall {text-align: right; margin-top: 4px; color: #303030; font-size: .8em;}
#shopLeftCol .inbasket {text-align: right; margin-top: 4px; color: #303030; font-size: 1em;} 

#shopRightCol {margin-left: 200px; margin-top: -90px}

.bottleItem {display: block; margin-top: 65px; padding-top: 25px; clear: right; background: url(../images/shop/HorizontalLine.gif) top left no-repeat; height: 6em;}
.bottleItem img.bottle {float: left; margin-left: 35px;}
.bottleItem .itemDescription {float: right; margin-right: 210px; width: 280px;}
#shop .bottleItem .itemDescription p {color: #808080; font-size: 0.89em;}
#shop .bottleItem .itemDescription p.itemABV {color: #000; font-size: 1.05em;}
#shop .bottleItem .itemDescription p.price {font-weight: bold; color: #000; font-size: 1.2em; margin-bottom: 5px}
#shop .bottleItem form {float: right; margin-top: -5em; padding-bottom: 2em; width: 200px; display: block; height: 4em; text-align: right;}
#shop .bottleItem form label {color: #000; font-size: 1em;}
#shop .bottleItem form input.quantity {border: 1px solid #000; padding: 0.25em;}
#shop .bottleItem form input.addItemsButton {clear: left; margin-top: 0.5em;}

.boxItem {display: block; margin-top: 65px; padding-top: 25px; clear: right; background: url(../images/shop/HorizontalLine.gif) top left no-repeat; height: 6em;}
.boxItem img.beerbox {float: left; margin-left: 10px;}
.boxItem .itemDescription {float: right; margin-right: 170px; width: 240px;}
#shop .boxItem .itemDescription p {color: #808080; font-size: 0.89em;}
#shop .boxItem .itemDescription p.itemABV {color: #000; font-size: 1.05em;}
#shop .boxItem .itemDescription p.price {font-weight: bold; color: #000; font-size: 1.2em;}
#shop .boxItem form {float: right; margin-top: -6em; padding-bottom: 5em; width: 200px; display: block; height: 4em; text-align: right;}
#shop .boxItem form label {color: #808000; font-weight: bold; font-size: 1em; padding-bottom: 2em}
#shop .boxItem form input.itemname {border: 1px solid #000; padding: 0.25em; margin-top: 1em}
#shop .boxItem form input.addItemsButton {clear: left; margin-top: 0.5em;}