/*   
Theme Name: eXtraSearch
Theme URI: http://www.eXtraSearch.co.uk
Description: Uses eXtraSearch design for blog
Author: Cornish WebServices
Author URI: http://www.eXtraSearch.co.uk
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*global*/
body, input, textarea {
    font: 80% Calibri,Verdana,Tahoma,sans-serif;
    line-height:1.2;
}
blockquote {
	color:#333;
}
hr {
    background-color:#069;
    color:#069;
}
a:link {
    color:#069;
}
a:visited {
    color:#069;
}
a:active,
a:hover {
    color: #900;
}

/*header*/
#wrapper {
	position:relative;
	width:880px;
	margin:0 auto;
}
#header {
    position:relative;
	z-index:2;
	height:220px;
}
#branding {
    background:#069 url(http://www.extrasearch.co.uk/images/header/extra-home-header.jpg) no-repeat center top;
	position:absolute;
	top:112px;
	left:0;
	height:150px;
	padding:0;	
}
#blog-title {
    position:absolute;
	top:-102px;
	left:10px;
	background: url(http://www.extrasearch.co.uk/images/extra-logo-main.jpg) no-repeat;
	text-indent:-5000px;
    font-size:10px;
    line-height:1;
	width:500px;
	height:67px;
}
#blog-description {
    display:none;
}
#access {
    border-bottom:1px solid #000;
	position:absolute;
	top:80px;
	left:0;
	height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
	background: #069 url(http://www.extrasearch.co.uk/images/extra-topnav-bg.png) repeat-x;
}
/*menu*/
.sf-menu {
	border:none;
	float:left;
}
.sf-menu a {
	border:none;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	border-bottom-color:transparent;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ededed;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li {
	background:		#036;
	color:			#ededed;
	padding:		0;
	margin:0;
	top:0;
	border:	1px solid #000;
	border-top:none;
}
.sf-menu li li li {
	background:		#036;
	border:	1px solid #000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color:     #ededed;
	background: #900;
	outline:		0;
	border-bottom-color:#000;
}
.sf-menu ul {
    border:0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    color: #ededed;
	background:#069;
}
.sf-menu ul a:hover {
    color: #ededed;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(http://www.extrasearch.co.uk/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(http://www.extrasearch.co.uk/images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	/*-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*content stuff*/
#yoastbreadcrumb {
position:absolute;
top:265px;
left:10px;
z-index:10;
}
.page-title {
	color:#069;
	padding:5px 0 15px 10px;
	font-size:16px;
}
.entry-title {
    font-family:Arial,sans-serif;
    font-size:22px;
    font-weight:bold;
    line-height:26px;
    padding:5px 0 5px 10px;
color:#069;
}
.entry-title a {
    color:#069;
    text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
    color: #004070;
}
.archive-meta {
	padding: 0 10px;
}
.entry-meta {
	padding: 0 10px;
}
.entry-content {
	padding:22px 0 0 10px;
}
.entry-utility {
	padding: 0 10px;
}
input, textarea {
	border:1px solid #bbb;
}
input:focus, textarea:focus {
	border:1px solid #6f6f6f;
}
#s {
	width:234px;
	margin: 10px 0 0 0;
	padding:4px 2px;
}

/*right column stuff*/
#primary {
	border:1px solid #069;
}
.aside {
	color:#222;
}
.aside h3 {
	background:#069 url(http://www.extrasearch.co.uk/images/extra-topnav-bg.png) repeat-x;
	color:#fff;
	margin:0;
	padding: 3px 5px;
}
.widget_tag_cloud div a {
    line-height:1.2;
	margin:0 2px 0 0;
}
/*footer*/
#footer {
	border-top:1px solid #069;
}
#siteinfo {
	color:#333;
}