/*
Theme Name: Ashton Recruitment
Author: peter @eyesparks
Author URI: http://eyesparks.com/
Tags: stripes, diagonal

*/



/* TABLE OF CONTENTS
00 - Global Elements
01 - Typography
02 - Main Structure
03 - Header
04 - Main Content
05 - Sidebars
06 - Footer
*/


/* 00 - GLOBAL ELEMENTS ----------------------------------------------*/

* 			{ margin: 0;  padding: 0;}
html 		{ min-height: 100%; overflow-y:scroll; }
body		{ background:url(images/back920.gif) repeat-y center; margin:0; padding:0; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-size:85%; }
html>/**/body, x:-moz-any-link, x:default { font-size:95%; } /* Only FireFox 3 */


/* 01 - TYPOGRAPHY ----------------------------------------------*/

p			{ font-size:0.8em; line-height:1.4em; font-weight:normal; margin:5px 0 10px 0; color:#666; }
p a			{ color:#333; }
p.largepurple{font-size:120%; color:#6C1E4A;}
p.largegrey	{font-size:120%; color:#003C4B;}
p.smallgrey	{font-size:70%; color:#888;}
p.signature	{font-size:80%; color:#333; margin:5px 0 30px 0;}
.readmore 	{ text-align: left; color: #B5BF1C; } 

h1			{ display:block; float:left;}
h3			{ padding:0 0 23px 23px; margin:0; font-size:0.8em; font-weight:normal;}
h3.green	{ background:url(images/title_green.gif) no-repeat left; color:#B5BF1C;}
h3.blue		{ background:url(images/title_blue.gif) no-repeat left; color:#00B0D8;}
h3.purple	{ background:url(images/title_purple.gif) no-repeat left; color:#6C1E4A;}
h4			{ padding:10px 0 5px 0; margin:0; font-size:1.0em; color:#333;}



/* 02 - MAIN STRUCTURE ----------------------------------------------*/

.container	{ width:920px; padding:0; margin:0 auto;}


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

.header		{ width:860px; padding:23px 30px; background:url(images/header.gif) no-repeat right top; float:left;}
.header span{ display:none;}

.topsearchbox{float:right; margin:20px 70px 0 0!important; margin/**/:20px 35px 0 0;}
.topsearchbox #searchsubmit{background:none; border:0; color:#FFFFFF; cursor:pointer;}
.topsearchbox #s			{color:#999999;}

ul.mainnav	{float:left; padding:0; width:600px; margin:20px 0 0 115px; display:block;}
ul.mainnav	li{float:left; padding:0; margin:0 6px; color:#9DABB5; font-size:0.8em;}
ul.mainnav	li a{color:#9DABB5; text-decoration:none;}
ul.mainnav	li a:hover{color:#003C4B;}
ul.mainnav	li.current a{color:#003C4B;}


/* 04 - CONTENT ----------------------------------------------*/

.content	{ width:890px; padding:10px 0 10px 30px; float:left;}

.home_drop	{width:250px; margin:3px 0; color:#666;}
.home_text	{width:243px; margin:3px 0; color:#666;}
.side_drop	{width:215px; margin:3px 0; color:#666;}
.side_text	{width:208px; margin:3px 0; color:#666;}
.keywords	{background:url(images/keywords.gif) no-repeat left;}
.searchbutt	{ background:#E7E9EB; color:#426373; border:none; padding:2px 5px; cursor:pointer; float:right; font-size:0.8em; }
.postvideo	{width:150px; float:left; margin:0 10px 10px 0;}
.homenews	{margin:0 0 0 17px!important; margin/**/:0 0 0 9px;}

.sign_text	{width:110px; margin:0; float:left; display:block; color:#666;}
.submitbutt	{ background:#E7E9EB; color:#426373; border:none; padding:2px 5px; cursor:pointer; float:right; display:block; font-size:0.8em; }
select.small_grey{width:70px;}

table#homejobs{color:#426373; font-size:0.8em; margin-left:17px;}
table#homejobs td{padding:5px 3px;}
table#homejobs td.title{background:url(images/tableback_title.gif) no-repeat bottom left;}
table#homejobs td.non{background:url(images/tableback_non.gif) no-repeat bottom left;}
table#homejobs td a{margin-left:18px!important; margin-left/**/:9px; float:left; display:block; color:#426373; text-decoration:none;}
table#homejobs td a:hover{color:#333333;}
table#homejobs td strong{margin-left:18px; color:#426373;}

table.jobtable { margin-left:20px;}
table.jobtable td{ padding-right:20px;}
table.tablesideborder { border-left:1px dotted #99cccc;}
table.tablesideborder td{ padding-left:20px;}
table	td		{ vertical-align:top; padding:10px; }
table	ul		{ margin:0; padding:0; }
table	li		{ font-size:0.8em; line-height:1.3em; margin:5px 0 10px 15px; color:#6B8391; list-style:disc; }

.subtitle	{background:url(images/title_subpage.gif) no-repeat; background-position:-45px 0; width:640px; height:42px; float:left; padding:10px 0 0 10px; margin:10px 0 0 0;}
.subtitle	span{color:#007C90; font-size:0.8em; font-weight:normal;}
.subtitle	h3{color:#007C90; font-size:1.1em; font-weight:normal; margin:7px 0 0 25px; padding:0;}

.clients	{float:left;}
.featured	{float:left; margin:0; padding:3px 7px; border-bottom:1px dotted #6C1E4A;}
.featured img{margin:0; padding:0;}
.left		{border-right:1px dotted #6C1E4A;}

.bodycopy	{width:360px; float:left; margin:20px 0 0 35px;}
.wide		{width:560px; float:left; margin:20px 0 0 35px;}
.bodycopy ul { margin:5px 0 15px 0; padding: 0 0 0 10px; list-style:none; text-indent:0px; font-size:0.8em; line-height:1.4em; color:#666; }
.bodycopy li { margin:5px 0;}
.bodycopy ul li:before { content: "\00BB \0020"; }
.post		{float:left; width:560px; margin:0 0 20px 0;}
.post	a	{color:#333;}


.grid_1		{ width:270px; padding:0; float:left; margin:10px 15px 0 15px!important; margin/**/:10px 7px 0 7px; }
.grid_2		{ width:565px; padding:0; float:left; margin:10px 15px 0 15px!important; margin/**/:10px 7px 0 7px; }
.grid_3		{ width:840px; padding:0; float:left; margin:10px 15px 0 15px!important; margin/**/:10px 7px 0 7px; }

.news		{padding:0 0 0 15px;}
.newstitle	{font-size:18px; color:#003C4B; float:left; width:60px; height:18px; margin-bottom:10px;}
.spanborder	{border-bottom:#003C4B 1px dotted; float:left; width:490px; height:18px; margin-bottom:10px;}
.spanborder2{border-top:#003C4B 1px dotted; float:left; width:550px; height:18px; margin-top:10px;}

.animation	{background:url(images/icons/homeslide_left.gif) no-repeat left; float:left; height:127px; width:860px; padding:0; margin:0 0 20px 30px!important; margin/**/:0 0 20px 15px;}
.linkimage	{position:relative; float:left; margin-left:290px!important; margin-left/**/:145px;}
.linkimage	ul{position:absolute; float:left; width:280px; font-size:14px;}
.linkimage	li{color:#777; float:left; display:block; width:280px;}
.linkimage	li a{color:#777; float:left; text-decoration:none;}
.linkimage	li a:hover{color:#333;}

.linkimage	li a span.a{z-index:20;position:absolute; padding:2px 0 10px 0; display:block; cursor:pointer;}
.linkimage	li.one a span.a{left:15px; top:0px;}
.linkimage	li.two a span.a{left:30px; top:25px;}
.linkimage	li.three a span.a{left:45px; top:50px;}
.linkimage	li.four a span.a{left:60px; top:75px;}
.linkimage	li.five a span.a{left:75px; top:100px;}

.linkimage	li a span.b{position:absolute; left:245px; top:0px; width:325px; height:127px; background:url(images/icons/homeslide.gif) no-repeat;}
.linkimage	li.one a span.b {background-position:0 1; z-index:5;}
.linkimage	li.two a span.b {background-position:0 -127px;}
.linkimage	li.three a span.b {background-position:0 -254px;}
.linkimage	li.four a span.b {background-position:0 -381px;}
.linkimage	li.five a span.b {background-position:0 -508px;}

.linkimage	li.one a:hover span.b { z-index:10; border:1px #FFF solid;}
.linkimage	li.two a:hover span.b { z-index:10; border:1px #FFF solid;}
.linkimage	li.three a:hover span.b { z-index:10; border:1px #FFF solid;}
.linkimage	li.four a:hover span.b { z-index:10; border:1px #FFF solid;}
.linkimage	li.five a:hover span.b { z-index:10; border:1px #FFF solid;}



/* 05 - SIDEBARS ----------------------------------------------*/

ul.sidenav	{float:left; padding:0; width:180px; margin:0 0 40px 17px!important; margin/**/:0 0 40px 8px; display:block; color:#007C90; font-size:0.8em;}
ul.sidenav	li{float:left; padding:2px 0; width:170px; margin:3px 0 3px 10px!important; margin/**/:3px 0 3px 5px; display:block;}
ul.sidenav	li.title{margin:3px 0!important; margin/**/:3px 0;}
ul.sidenav	li a{color:#007C90; text-decoration:none;}
ul.sidenav	li a span{float:left; width:160px; display:block;}
ul.sidenav	li a span.blue{width:10px;color:#00B0D8;}
ul.sidenav	li a:hover{text-decoration:underline;}
ul.sidenav	li.current_page_item a,
ul.sidenav	li.current_page_parent a{text-decoration:underline;}
ul.sidenav h2 {color:#007C90; font-size:1.1em; font-weight:normal; padding:0 0 10px 0; margin:0;}
ul.sidenav h2 li a{color:#007C90;}

.grid_1 ul.sidenav		{width:220px;}
.grid_1 ul.sidenav	li	{width:210px;}
.grid_1 ul.sidenav	li a{color:#6B8391;}

.leftsidebar{ width:250px; padding:0; float:left; margin:10px 0px 0 13px!important; margin/**/:10px 0px 0 6px; clear:left; background:url(images/title_subpage.gif) no-repeat; background-position:205px 0; }
.leftsidebar h3{ float:left; width:218px; }

.sidesection{float:left; width:250px; margin:0 0 20px 17px!important; margin/**/:0 0 20px 10px;}
.bluedash	{padding:5px 10px 10px 10px; border:1px dotted #00B0D8; width:200px;}
.sideform	{float:left; width:215px; margin:0 0 20px 23px!important; margin/**/:0 0 20px 12px;}

.rightsidebar{width:200px; padding:0; float:right; margin:30px 30px 10px 0!important; margin/**/:30px 15px 10px 0;}



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

.footer		{ width:660px; height:35px; padding:0 0 0 200px; margin:20px 0 20px 30px!important; margin/**/:20px 0 20px 15px; background:url(images/footer.gif) no-repeat; float:left;}
.footer		h6{ width:200px; color:#426373; font-weight:normal; font-size:0.7em; line-height:1em; float:left; margin:6px 0 0 0; }
.footer		h6 a{ color:#426373; text-decoration:none; }
.footer		h6 a:hover{ text-decoration:underline; }





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions */