@import url('reset.css');

/*----------------------------------------------------------------------------*
 * General body styles
 *----------------------------------------------------------------------------*/

body
{
	/* Measured in percentages to avoid an IE6 text-resizing bug
	   75% = 12px in browsers where default font size is 16px (most browsers) */
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
}

/* To be used as the main content wrapper within the body of your page */
div#wrapper
{
	margin: 0px auto;
}


/*----------------------------------------------------------------------------*
 * Typography styles
 *----------------------------------------------------------------------------*/

/* Basic font sizes for headings - change these on a per-project basis
   The ones you don't use can be removed, but keep the ones you do use for
   consistency cross-browser */
h1
{
	font-size: 3em;
}

h2
{
	font-size: 2em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.2em;
}

h5, h6
{
	font-size: 1.0em;
}


/*----------------------------------------------------------------------------*
 * Table styling
 *----------------------------------------------------------------------------*/

th, td
{
	padding: 4px 10px;
}

th
{
	font-weight: bold;
	background-color: black;
	color: white;
}



/*----------------------------------------------------------------------------*
 * Form styling
 *----------------------------------------------------------------------------*/

form span.error
{
	color: #FF0000;
	font-size: 0.9em;
	font-weight: bold;
}

form span.error a
{
	color: #FF0000;
}

/* Fix for input borders breaking some layouts under Ubuntu */
input[type=text], input[type=password], select[id], textarea
{
	border: 1px solid #999999;
}

/* A bit of a nicety */
input[type=text]:focus, input[type=password]:focus, select[id]:focus, textarea[id]:focus
{
	border: 1px solid #666666;
}


/*----------------------------------------------------------------------------*
 * Misc. styles
 *----------------------------------------------------------------------------*/

/* Clear groups of floats by putting class="group" on their parent
   note: inline styles are bad and are just being used for this example
   eg. <div class="group">
   			<div style="float: left"></div>
   			<div style="float: right;"></div>
   	   </div> */
.group:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body
{
	background-color: white;
}

.contentWidth
{
	width: 878px;
	margin: 0 auto;
	position: relative;
}


p
{
	margin-bottom: 14px;
}

/*----------------------------------------------------------------------------*
 * HEADER
 *----------------------------------------------------------------------------*/

#header
{
	height: 153px;
	background-color: white;
}

#header .contentWidth
{
	background: url('/wp-content/themes/barrington/images/header_bg.gif') no-repeat 492px top;
	height: 153px;
	padding: 0px 79px;
}

#header a.logo
{
	position: absolute;
	top: 46px;
	padding: 0;
	border: none;
}

#header a
{
	color: #0b2f71;
	text-decoration: none;
	border-right: 1px solid #0b2f71;
	padding: 0 6px;
}

#header a:hover
{
	color: white;
}

#topnav
{
	position: absolute;
	right: 79px;
	top: 112px;
	height: 41px;
}


#topnav ul
{
	list-style: none outside none;
	padding: 0;
	1padding-top: 0px;
	height: 41px;
	1background-color: red;
	1background: url('/wp-content/themes/barrington/images/topnav_rpt.png') repeat-x;
}

#topnav ul li
{
	display: inline;
	padding: 20px 0 0;
	height: 21px;
	float: left;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #0b2f71;
	text-transform: uppercase;
}

.topnav_careers_dark
{
	background: url(/wp-content/themes/barrington/images/topnav_careers.png) no-repeat 0 0;
}

#topnav_careers a:hover
{
	text-decoration: none;
}
#topnav_careers a.selected
{
	color: white;
}

#topnav ul li a.first
{
	padding-left: 0px;
}
#topnav ul li.last
{
	padding-left: 6px;
}

#topnav div.left,
#topnav div.centre,
#topnav div.right
{
	float: left;
}

#topnav .left
{
	background: url('/wp-content/themes/barrington/images/topnav_left.png') no-repeat left top;
	width: 28px;
	height: 41px;
	float: left;
}

#topnav .right
{
	background: url('/wp-content/themes/barrington/images/topnav_right.png') no-repeat left top;
	width: 28px;
	height: 41px;
}

#topnav .centre
{
	background: url('/wp-content/themes/barrington/images/topnav_rpt.png') repeat-x;
	height: 41px;
}

#topnav input
{
	width: 147px;
	height: 11px;
	border: 1px solid #0b2f71;
	background-color: transparent;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #0b2f71;
}

#header .form
{
	display: inline;
}


/*----------------------------------------------------------------------------*
 * MAIN AREA
 *----------------------------------------------------------------------------*/


#main
{
	background: url('/wp-content/themes/barrington/images/body_bg_rpt.gif') repeat-x scroll 0 0 white;
}

#main .contentWidth
{
	background: url('/wp-content/themes/barrington/images/body_bg.gif') no-repeat right top;
	padding: 0px 79px;
}

/** Right sidebar **/

#sidebar
{
	width: 247px;
	float: left;
	margin-left: 37px;
}

	/** Modules **/
	#sidebar .module
	{
		position: relative;
		padding-bottom: 15px;

	}

	#sidebar .module .title
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		background: url('/wp-content/themes/barrington/images/title_about.png') no-repeat 0 0;
	}


	#sidebar .module .text
	{
		color: #6b6969;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		border: 1px solid #707589;
		border-right: none;
		padding: 10px 0px 10px 10px;
		width: 210px;
		position: relative;
		min-height: 32px;
		height: auto !important;
		height: 32px;

	}

	/** Categories **/

	#sidebar .module li.cat-item a
	{
		color: #6B6969;
		text-decoration: none;
	}

	#sidebar .module li.cat-item a:hover
	{
		text-decoration: underline;
	}


	/** Latest post **/

	#sidebar .module a.latest_post
	{
		display: block;
		color: #6B6969;
		margin-top: 16px;
		text-decoration: none;
	}

	#sidebar .module a.latest_post.first
	{
		margin-top: 0px;
	}

	#sidebar .module a.latest_post:hover
	{
		text-decoration: underline;
	}

	#sidebar .module a.category
	{
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #6B6969;
	}
	#sidebar .module a.category:hover
	{
		text-decoration: underline;
	}

	/* module transparent area's */
	#sidebar .module .transparent
	{
		background: url('/wp-content/themes/barrington/images/trans40.png') repeat;
		background: rgba(255,255,255,0.4);
	}

	/* right bar of the module */
	#sidebar .module .text .right
	{
		position: absolute;
		right: -27px;
		top: 26px;
		width: 26px;
		border-right: 1px solid #707589;
		display: none;
	}

	#sidebar .module .text .cornerTopRight
	{
		position: absolute;
		right: -27px;
		top: -1px;
	}

	#sidebar .module .text .cornerBottomRight
	{
		position: absolute;
		right: -27px;
		bottom: -1px;
	}


	/** Tag Cloud **/
	#tagcloud
	{
		color: #0B2F71;
	}

	#tagcloud .tags
	{
		padding-top: 5px;
		text-align: center;
	}

	#tagcloud .tags a
	{
		line-height: 130%;
		text-decoration: none;
	}

	#tagcloud a.tag16
	{
		font-size: 16px;
		color: #999999;
	}

	#tagcloud a.tag17
	{
		font-size: 17px;
		color: #999999;
	}

	#tagcloud a.tag18
	{
		font-size: 18px;
		color: #999999;
	}

	#tagcloud a.tag19
	{
		font-size: 19px;
		color: #333333;
	}

	#tagcloud a.tag20
	{
		font-size: 20px;
		color: #333333;
	}

	#tagcloud a.tag21
	{
		font-size: 21px;
		color: #707070;
	}

	#tagcloud a.tag22
	{
		font-size: 22px;
		color: #707070;
	}

	#tagcloud a.tag23
	{
		font-size: 23px;
		color: #999999;
	}

	#tagcloud a.tag24
	{
		font-size: 24px;
		color: #999999;
	}

	#tagcloud a.tag25
	{
		font-size: 25px;
		color: #666666;
	}

	#tagcloud a.tag26
	{
		font-size: 26px;
		color: #666666;
	}


/** Main content **/
#content
{
	width: 594px;
	padding-top: 45px;
	float: left;
}

#content h1
{
	color: #0B2F71;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #546D9B;
	padding: 0 0 5px;
	text-transform: uppercase;
}

#content.category h1
{
	border: none;
	margin-bottom: 0px;
}

div.category
{
	color: #6B6969;
	font-size: 14px;
}

div.homepage_content
{
	font-size: 14px;
	color: #6B6969;
	padding-bottom: 20px;
	border-bottom: 1px solid #546D9B;
	margin-bottom: 20px;
}

#content div.homepage_content h1
{
	border: none;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	padding: 0px;
	margin-bottom: 10px;
}

div.homepage_content object
{
	float: left;
	padding: 0px 10px 10px 0px;
}

hr
{
	height: 1px;
	border: 0;
	border-bottom: 1px solid #546D9B;
	margin: 0px 0px 20px 0px;
}

#content h2
{
	font-family: Helvetica,Arial,sans-serif;
	color: #0B2F71;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
}

#content h3
{
	font-family: Helvetica,Arial,sans-serif;
	color: #0B2F71;
	padding: 0px 0px 10px 0px;
	font-size: 16px;
}

#content a
{
	color: #0B2F71;
	text-decoration: none;
}
#content a:hover
{
	text-decoration: underline;
}


/** posts **/

#content .post
{
	position: relative;
	padding-bottom: 30px;
}

#content .post .header
{
	padding-bottom: 10px;
	position: relative;
	min-height: 36px;
	height: auto !important;
	height: 36px;
}

#content .post .header .date
{
	float: left;
	width: 120px;
	font-size: 13px;
	color: #939393;
}

#content .post .date *
{
	float: left;
}

#content .post .date span
{
	width: 75px;
	height: 27px;
	background-color: #003471;
	text-align: center;
	padding-top: 9px;
}

#content .post .header .title
{
	margin-left: 125px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #0b2f71;
}

#content .post .header .title a
{
	color: #0b2f71;
	text-decoration: none;
}

#content .post .header .title a:hover
{
	text-decoration: underline;
}

#content .post .header .author
{
	margin-left: 125px;
	font-size: 12px;
	color: #6b5959;
	padding-bottom: 10px;
}

#content .post .text
{
	font-size: 14px;
	color: #6b6969;
	padding-bottom: 10px;
}

#content .post .footer
{
	font-family: Helvetica, Arial, sans-serif;
	color: #0b2f71;
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #546d9b;
}

#content .post .footer a
{
	color: #0b2f71;
	text-decoration: none;
}

	#content div.titlecontent
	{
		border-bottom: 1px solid #546d9b;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	/** Jobs **/
	#jobs
	{
		padding-left: 180px;
		z-index: 50;
	}

	#content .job
	{
		padding: 0 0 10px 180px;
		border-bottom: 1px solid #546D9B;
		margin: 0px 0px 18px -180px;
	}

	#content h1.job
	{
		border-bottom: 1px solid #546D9B;
		padding: 0 0 12px;
		margin: 0 0 18px 0;
	}

	#content .job h2,
	#content .job h2 a
	{
		font-size: 18px;
		color: #9d1d8a;
		text-decoration: none;
	}

	#content .job h2 a:hover
	{
		text-decoration: underline;
	}

	#content .job h3,
	#content .job h3 a
	{
		font-size: 18px;
		color: #0b2f71;
		padding-bottom: 20px;
		text-decoration: none;
	}
	#content .job h3 a:hover
	{
		text-decoration: underline;
	}


	#content .job h4
	{
		color: #0b2f71;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#content .job .applynow
	{
		text-align: right;
	}


	/** Jobs categories **/
	#jobcats
	{
		float: left;
		width: 124px;
		padding: 13px;
		background-color: #e5e5e5;
		position: absolute;
		z-index: 100;
	}

	#jobcats a
	{
		display: block;
		color: #6B6969;
		text-decoration: none;
		border-bottom: 1px solid #a3a3a3;
		padding: 8px 0px;
	}

	#jobcats a.first
	{
		border-top: 1px solid #a3a3a3;
	}

	#jobcats a:hover
	{
		text-decoration: underline;
	}

/** Enquiry Forms **/

#enquiryform table
{
	color: #6B6969;
	background-color: #E5E5E5;
}

#enquiryform table td
{
	vertical-align: top;
	border-bottom: 4px solid white;
}

#enquiryform td.label
{
	padding-top: 6px;
	1text-align: right;
}
#enquiryform td.element
{
}

#enquiryform span.error
{
	font-weight: normal;
}

#enquiryform span.required
{
	color: red;
	font-weight: normal;
}

#enquiryform input.text
{
	width: 260px;
}

#enquiryform input.postcode
{
	width: 50px;
}

#enquiryform input.file
{
	width: 250px;
}

#enquiryform textarea
{
	width: 260px;
	height: 75px;
}

form.contactus
{
	padding: 10px 0px 20px 100px;
}


/** Post Navigation **/

#content .post_nav
{
	height: 16px;
}
#content .post_nav .previous
{
	float: left;
}
#content .post_nav .next
{
	float: right;
}
#content .post_nav a
{
	color:#0B2F71;
	text-decoration:none;
}
#content .post_nav a:hover
{
	text-decoration: underline;
}

/** Subnav **/

#subnav
{
	position: relative;
	height: 31px;
}

#subnav a
{
	color: #0b2f71;
	text-decoration: none;
}

#subnav a:hover
{
	text-decoration: underline;
}

#subnav a.selected
{
	color: white;
}

#subnav .left
{
	background: url('/wp-content/themes/barrington/images/subnav_left.gif') no-repeat left top;
	width: 27px;
	height: 31px;
	float: left;
}
#subnav .darkleft
{
	background: url('/wp-content/themes/barrington/images/subnav_dark_left.gif') no-repeat left top;
}

#subnav .right
{
	background: url('/wp-content/themes/barrington/images/subnav_right.gif') no-repeat left top;
	width: 27px;
	height: 31px;
	float: left;
}

#subnav .darkright
{
	background: url('/wp-content/themes/barrington/images/subnav_dark_right.gif') no-repeat left top;
}

#subnav li.dark
{
	background-color: #848388;
}


#subnav .centre
{
	background-color: #c1c1c1;
	height: 31px;
	float: left;
}

#subnav ul
{
	list-style: none outside none;
	padding: 0;
	height: 31px;
}

#subnav ul li
{
	float: left;
	padding: 8px 0 0 0;
	height: 23px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #0b2f71;
	text-transform: uppercase;
	position: relative;
}

#subnav ul li a
{
	border-left: 1px solid #0b2f71;
	padding: 0 6px;
}
#subnav ul li a:hover
{
	text-decoration: none;
}
#subnav ul li a.first
{
	padding-left: 0px;
	border-left: none;
}

#subnav ul li.first
{
	border-left: none;
	padding-left: 0px;
}

#subnav ul li.last
{
	padding-right: 0px;
}

	/** Nav hovers **/

	.hovernav
	{
		display: none;
		position: absolute;
		background-color: #848388;
		width: 285px;
		z-index: 200;
		padding: 17px;
		margin-left: -27px;
		top: 31px;
		left: 0px;
	}

	#subnav .hovernav a,
	#header .hovernav a
	{
		color: white;
		text-decoration: none;
		font-size: 12px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		padding: 0;
		border: none;
	}
	#subnav .hovernav a:hover,
	#header .hovernav a:hover
	{
		text-decoration: underline;
	}

	#subnav .hovernav .title
	{
		border-bottom: 1px solid white;
		padding-bottom: 5px;
	}

	.hovernav .column
	{
		width: 95px;
		float: left;
	}

	#subnav .hovernav ul,
	#header .hovernav ul
	{
		height: auto;
	}

	#subnav .hovernav li,
	#header .hovernav li
	{
		text-transform: none;
		border: none;
		display: block;
		padding: 15px 5px 0px 0px;
		clear: both;
	}

	#subnav #hover_our_people li,
	#hover_careers li
	{
		clear: both;
	}

	#subnav #hover_our_people li.first
	{
		padding-top: 0px;
	}

	#hover_careers
	{
		top: 41px;
		left: 0px;
		margin: 0px;
		width: 150px;
		padding: 15px 30px 30px;
	}

	#hover_careers ul li.last
	{
		padding-left: 0px;
	}


/*----------------------------------------------------------------------------*
 * FOOTER
 *----------------------------------------------------------------------------*/


/** Contact us header **/
#footer .contact_us
{
	height: 41px;
	background-color: #ffffff;
}

#footer .contact_us .contentWidth
{
	padding: 0 79px;
}

#contact_us_corners
{
	background-color: #c9c9c9;
	height: 25px;
	width: 207px;
	padding: 0px 20px;
	padding-top: 16px;
	float: right;
	color: #0b2f71;
}

/** sitemap **/

#footer
{
	background-color: #003471;
}

#footer .sitemap
{
	position: relative;
}


#footer .background
{
	width: 50%;
	height: 219px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background: url('/wp-content/themes/barrington/images/footer_bg_rpt.gif') repeat-x;
}

#footer .sitemap .contentWidth
{
	height: 219px;
	background: url('/wp-content/themes/barrington/images/footer_bg.gif') no-repeat 0 0;
	z-index: 10;
	padding: 0px 79px;
}

#footer .sitemap .contact_us
{
	padding: 20px;
	position: absolute;
	right: 79px;
	width: 207px;
	height: 179px;
	background-color: #6685AA;
	color: #ffffff;
}


/** modules **/

#footer .sitemap .module
{
	width: 150px;
	position: absolute;
	padding-top: 10px;
	color: white;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
}

#footer .sitemap .module .section
{
	padding-top: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

#footer .sitemap .module .section .indent
{
	padding-left: 20px;
}

#footer .sitemap .module a
{
	color: white;
	text-decoration: none;
}
#footer .sitemap .module a:hover
{
	text-decoration: underline;
}

.what_we_do
{
	left: 79px;
}

.our_people
{
	left: 259px;
}

.the_result
{
	left: 439px;
}

.careers
{
	left: 599px;
}

#footer a.disclaimer
{
	position: absolute;
	bottom: 5px;
	color: white;
	text-decoration: none;
}

#footer a.disclaimer:hover
{
	text-decoration: underline;
}


/** Search **/
div.search .results
{
	margin-bottom: 10px;
	border-bottom: 1px solid #0B2F71;
}

div.search .result
{
	padding-bottom: 10px;
	color: #6B6969;
}

div.search .result .highlight
{
	font-weight: bold;
}

div.search .result a
{
	color: #0B2F71;
	text-decoration: none;
}

div.search .result a:hover
{
	text-decoration: underline;
}

div.search .result a.link
{
	color: #0E774A;
	text-decoration: none;
}
div.search .result a.link:hover
{
	text-decoration: underline;
}


/** Pages **/

#content .person
{
	border-bottom:1px solid #546D9B;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#content .person .leftbar
{
	width: 150px;
	float: left;
	background-color: #d9d9d9;
	color: #828282;
	padding-bottom: 10px;
}

#content .person .leftbar .image,
#content .person .leftbar .image img
{
	width: 150px;
}

#content .person .leftbar .image
{
	padding-bottom: 20px;
}

#content .person .leftbar .accreditations,
#content .person .leftbar .title,
#content .person .leftbar .name
{
	padding: 0px 10px;
	font-size: 0.9em;
}

#content .person .leftbar .accreditations
{
	padding-top: 5px;
	font-size: 0.8em;
}

#content .person .body
{
	float: left;
	margin-left: 20px;
	width: 424px;
}

#content .person .body .pagelink
{
	padding-top: 15px;
	display: block;
}



/** Wordpress required styles for formatting **/
.alignleft
{
	float:left;
	margin: 0px 10px 10px 0px;
}