@charset "UTF-8";

/*
Theme Name: Grain Direct
Theme URI: http://www.graindirect.com.au
Description: Wordpress Theme custom built for Grain Direct website.
Author: Berry Web Design
Author URI: http://www.berryweb.com.au
Version: 1.0
Tags: centred, sidebar, header, footer, different header images
*/

/* ----------------------------
simple reset
---------------------------- */

html, body
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { margin: 5px 0; }

fieldset, img { border: 0; }

legend { color: #000; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}


/* ----------------------------
layout
---------------------------- */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333333; /* dark grey */
	background: #000000; /* black */
	}

#container { /* centers the layout */
	width: 980px;
	margin: 0 auto;
}

#mainwrapper {
	width: 980px;
	float: left;
	background: #ffffff; /*white*/
	padding-top: 30px;
}

#main {
	width: 650px;
	float: left;
	padding: 20px 30px;
}	

/* ----------------------------
site styles
---------------------------- */

p {
	line-height: 1.3em;
}

h1 {color: #000; font-size:200%; font-weight: normal;}
h2 {color: #000; font-size:180%; font-weight: normal;}
h3 {color: #000; font-size:140%; font-weight: normal;}
h4 {color: #000; font-size:120%; font-weight: normal;}
h5 {color: #000; font-size:110%; font-weight: normal;}
h6 {color: #000; font-size:100%; font-weight: normal;}


a:link, a:visited {
	color: #0067b1; /* blue */
	text-decoration: none;
}

a:hover, a:active {
	color: #0067b1; /* blue */
	text-decoration: underline;
}

#cmscontent p>img {
	border: 0;
}

blockquote {
	margin: 20px 0 0 5px;
	padding: 0;	
	color: #ffc425; /*yellow*/
}

ul {
	line-height: 1.5em;
	padding-left: 20px;
	list-style-image: url(images/list.png);
	margin-left: 20px;
}

ul ul {
	list-style: square;
}

ol {
	padding-left: 20px;
	margin-left: 20px;
}

address {
	font-style: normal;
	margin: 0;
	padding: 0;
}

.wp-caption {
	border: 0;
	text-align: right;
	background-color: #f2f2f2; /*light grey*/
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* ----------------------------
dynamic header & logo
---------------------------- */

#header {
	background: url(images/header_bg.jpg) no-repeat; /* catch-all in case specific header image for the page not defined below */
	height: 270px;
	float:left;
}

/* different headers for different pages */
#headerimg {
	background: url(images/header_bg.jpg) no-repeat;
}

#about {
	background: url(images/header2_bg.jpg) no-repeat;
	height: 270px;
	float:left;
}

#services {
	background: url(images/header3_bg.jpg) no-repeat;
	height: 270px;
	float:left;
}

#current-prices {
	background: url(images/header4_bg.jpg) no-repeat;
	height: 270px;
	float:left;
}

#contact {
	background: url(images/header3_bg.jpg) no-repeat;
	height: 270px;
	float:left;
}
	
#logo img {
	margin: 50px 0 0 50px;

}



/* ----------------------------
main navigation
---------------------------- */

#nav {
	background: url(images/blue_trans_bg.png) repeat;
	width: 980px;
	height: 45px;
	margin-top: 90px;
	float: left;
}

#nav ul {
	margin: 0 auto;
	width: 700px;
	text-align: center;
	padding-top: 5px;
}

#nav li {
	display: inline;
	list-style: none;
}

#nav li a:link, #nav li a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 5px 30px 15px 30px;
}

#nav li a:hover, #nav li a:active, #nav li.current_page_item a, #nav li.current-page-ancestor a {
	color: #fff; /*white*/
	text-decoration: none;
	background: url(images/nav_marker.png) no-repeat center bottom;
}



/* ----------------------------
page titles
---------------------------- */

#pagetitle {
	letter-spacing: 0.1em;
}

/* ----------------------------
home page contacts
---------------------------- */

.homecontacts {
	border-bottom: 1px solid #ffc425;
}

.homecontacts h2 {
	color: #ffc425; /*yellow*/
}



/* ----------------------------
footer
---------------------------- */

#footer {
	width: 960px;
	color: #808080; /*light grey*/
	font-size: 80%;
	margin: 0 auto;
	padding: 10px;
}

#footer a:link, #footer a:visited {
	color: #808080;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
}

#footerlinks {
	width: 700px;
	float: left;
	line-height: 0;
}

#footerlinks ul {
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding: 0;
}

#footerlinks li {
	display: inline;
	padding-right: 2px;
}

#footerlinks li:after {
	content:" |";
}

#footerlinks p {
	margin: 0;
	padding: 0;
}

#credits {
	width: 250px;
	float:right;
	text-align: right;
	margin-bottom: 30px;
}

#credits p {
	margin: 0;
	padding: 0;
}



/* ----------------------------
Wordpress image alignment styles
---------------------------- */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#cmscontent .wp-caption p.wp-caption-text {font-size:70%; color: #1a1a1a}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ----------------------------
special classes
---------------------------- */

.clearfloat { /* stops elements below floats riding up */
	clear: both;
}