/*
Theme Name: Trumans 2010
Theme URI: http://www.trumansbeer.co.uk/
Description: Custom theme for Trumans Brewery
Version: 1.0
Author: Simon Tsang
Author URI: http://simontsang.co.uk/
*/

/*=================================================
	CSS RESET
==================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, section, article, footer, aside, nav {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
header, section, article, footer, aside, nav{
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*======================================================
	GENRIC
=======================================================*/
body{
	width: 918px;
	padding: 0 17px;
	margin: 0 auto;
	font-family: "Georgia", "Times", "Times New Roman", Serif;
	font-size: 14px;
	line-height: 16px;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 24px;
	text-transform: uppercase;
	color: #034471;
}
.page-template-template-trade-php h1,
.page-template-template-trade-php h2,
.page-template-template-trade-php h3,
.page-template-template-trade-php h4,
.page-template-template-trade-php h5,
.page-template-template-trade-php h6{
	color: #cd2a28;
}
a{
	color: #a67c52;
	text-decoration: none;
}
a:hover{
	color: #034471;
}
a:focus{
	outline: 1px dotted #034471;
}
.page-template-template-trade-php a:hover{
	color: #cd2a28;
}
.page-template-template-trade-php a:focus{
	outline: 1px dotted #cd2a28;
}


/*======================================================
	NAVIGATIONS
=======================================================*/
#main-navigation,
#courtesy-navigation{
	margin-top: 17px;
	overflow: hidden;
	background: url("images/bg-navigation_strike.gif") transparent scroll repeat-x left center;
}
#main-navigation ul,
#courtesy-navigation ul{
	position: relative;
	float: left;
	display: inline;
	left: 50%;
	font-size: 25px;
	line-height:24px;
	font-family: "Arial", "Helvetica", Sans-Serif;
	text-transform: uppercase;
}
#main-navigation .page_item,
#courtesy-navigation .page_item{
	position: relative;
	float: left;
	display: inline;
	right: 50%;
	padding: 0 7px;
	background-color: #fff;
}
#main-navigation .page_item a,
#courtesy-navigation .page_item a{
	display: block;
}
#main-navigation .current_page_item a{
	color: #034471;
}
.page-template-template-trade-php #main-navigation .current_page_item a{
	color: #cd2a28
}
#page-navigation{
	overflow: hidden;
}
#page-navigation .older-entries{
	float: right;
}
#page-navigation .newer-entries{
	float: left;
}
/*======================================================
	HEADERS
=======================================================*/
#main-header{
	clear: both;
	margin: 28px 0 39px 0;
}
#main-header h1{
	width: 603px;
	height: 104px;
	margin: 0 auto;
	text-indent: -9999em;
	line-height: 104px;
	background: url("images/lbl-trumans_logo.gif") transparent scroll no-repeat center center;
	overflow: hidden;
}
.page-template-template-trade-php #main-header h1{
	width: 918px;
	height: 92px;
	padding: 6px 0;
	line-height: 92px;
	background-image: url("images/lbl-trumans_trade_logo.gif");
}

#main-header h1 a{
	display: block;
}
#content-header{
	padding-top: 3px;
	margin-bottom: 32px;
	border-top: 2px solid #000;
}
/*======================================================
	TEASERS/ASIDES
=======================================================*/
#teasers,
#general-contact{
	float: left;
	display: inline;
	width: 204px;
	margin-right: 17px;
}
#sidebar{
	float: left;
	display: inline;
	width: 204px;
	margin-left: 17px;
}
#sidebar .widget,
#teasers .teaser,
#general-contact{
	padding-top: 3px;
	margin-bottom: 16px;
	border-top: 2px solid #000;
}
#sidebar .widget-title,
#general-contact h1{
	display: block;
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 24px;
	text-transform: uppercase;
	color: #034471;
}
.page-template-template-trade-php #sidebar .widget-title{
	color: #cd2a28;
}

#sidebar #subForm label{
	display: block;
	color: #000;
	margin-bottom: 2px;
}
#sidebar #subForm #sub-name,
#sidebar #subForm #kruluy-kruluy,
#sidebar #subForm #krulul-krulul{
	width: 136px;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
}
#sidebar #subForm #sub-submit{
	padding: 0;
	margin: 0;
	border: none;
	background: transparent none;
	cursor: pointer;
	font-family: "Georgia", "Times", "Times New Roman", Serif;
	font-size: 14px;
	line-height: 16px;
	color: #a67c52;
}

#sidebar .feed-link{
	display: block;
	margin-top: 6px;
	padding-left: 21px;
	background: url("images/icon-rss_small.gif") transparent scroll no-repeat left center;
}
#sidebar .twitter-link{
	display: block;
	margin-top: 6px;
	padding-left: 21px;
	background: url("images/icon-twitter.png") transparent scroll no-repeat left center;
}
#sidebar .facebook-link{
	display: block;
	margin-top: 6px;
	padding-left: 21px;
	background: url("images/icon-facebook.png") transparent scroll no-repeat left center;
}

#sidebar #searchform #s{
	width: 136px;
	padding: 3px;
	margin-top: 3px;
	border: 1px solid #ccc
}
#sidebar #searchform #searchsubmit{
	padding: 0;
	margin: 0;
	border: none;
	background: transparent none;
	cursor: pointer;
	font-family: "Georgia", "Times", "Times New Roman", Serif;
	font-size: 14px;
	line-height: 16px;
	color: #a67c52;
}

#teasers .teaser h1{
	display: inline;
}
#teasers .teaser a{
	display: inline;
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 24px;
	text-transform: uppercase;
}

/*======================================================
	MAIN CONTENT
=======================================================*/
#main-content{
	float: left;
	display: inline;
	width: 476px;
	margin-bottom: 80px;
}
.page #main-content{
	width: 697px;
}
#main-content.contact,
.page-template-template-trade-php #main-content{
	width: 476px;
}
#main-content p{
	margin-bottom: 16px;
}
#main-content img{
	display: block;
}
#main-content article{
	padding-top: 3px;
	margin-bottom: 23px;
	border-top: 2px solid #000;
}
.page #main-content article{
	padding-top: 0;
	margin-bottom: 23px;
	border-top: none;
}
#main-content article header{
	margin-bottom: 16px;
	width: 476px;
}
.page #main-content h2{
	width: 476px;
	padding-top: 3px;
	padding-right: 221px;
	margin-bottom: 16px;
	border-top: 2px solid #000;
}
.page #main-content.contact h2,
.page #main-content.trade h2{
	padding-right: 0;
}

.page #main-content p + h2{
	margin-top: 23px;
}
#main-content article header a{
	color: #034471;
}
.page-template-template-trade-php #main-content article header a{
	color: #cd2a28;
}
#main-content article .content{
	width: 476px;
}
#main-content form.wpcf7-form{
	margin-top: -16px;
	margin-bottom: 16px;
}
#main-content form.wpcf7-form .wpcf7-form-control-wrap{
	display: block;
	margin-bottom: 16px;
}
#main-content form.wpcf7-form label{
	display: block;
	color: #000;
	margin-bottom: 3px;
}
#main-content form.wpcf7-form .text{
	display: block;
	width: 180px;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
}

#main-content form.wpcf7-form .textarea{
	display: block;
	width: 180px;
	padding: 3px;
	margin:  0;
	border: 1px solid #ccc;
}

#main-content form.wpcf7-form .text:focus,
#main-content form.wpcf7-form .textarea:focus{
	border-color: #034471;
}

.page-template-template-trade-php #main-content form.wpcf7-form .text:focus,
.page-template-template-trade-php #main-content form.wpcf7-form .textarea:focus{
	border-color: #cd2a28;
}

#main-content form.wpcf7-form #contact-enquiry{
	width: 415px;
}
#main-content form.wpcf7-form #contact-submit{
	padding: 0;
	margin: 0;
	border: none;
	background: transparent none;
	cursor: pointer;
	font-family: "Georgia", "Times", "Times New Roman", Serif;
	font-size: 14px;
	line-height: 16px;
	color: #a67c52;
}
#main-content form.wpcf7-form .wpcf7-response-output{
	margin-bottom: 16px;
}
#main-content form.wpcf7-form .wpcf7-not-valid-tip-no-ajax{
	display: block;
	color: #999;
}
/*======================================================
	FOOTER
=======================================================*/
#main-footer{
	clear: both;
	margin-bottom: 80px;
}