/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
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('../thematic/library/layouts/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');

body, input, textarea  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

#wrapper {
	position: relative;
	top: 0px;
}

#blog-title {
	/*background-image: url('images/mtbnz-logo-291x150.gif');*/
	background-repeat: no-repeat;
	height: 150px;
	padding-left: 295px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
	font-size: 0%;
}
/* This was used for the logo-as-background thing, don't need it now, have set up logo in template: */
#branding {
	height: 0px;
	width: 0px;
}

#header {
	width: 860px;
	display: block;
	margin: 0 auto;
	background-color: #FFF;
	border: 2px #999 solid;
	border-bottom: none;
}

#header img{
	border: 0px;
	margin-left: 4px;
	cursor: pointer;
}

/* ------------------------------------------------TYPOGRAPHY
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */   
body {
	background-image: url(images/mainbg2.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-position:top;
}

body, input, textarea {
    color:#000;    
    font: 12px Arial,sans-serif;
    line-height:18px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
}

h2 {
	margin: 3px;
	color: #666;
}

h2 a {
	color: #666;
		font-size: 20px;
}

/* Menu --------------------------------------------------------- */


/*-----------------------------------------------------------LAYOUT */

body {
    min-width:860px;
}

#branding {
    width:860px;
    margin:0 auto;
	padding: 0px;
	
}
#access {
    overflow:hidden;
	width: 860px;
	margin:0 auto;
	background-image: url(images/menubg.png);
	height: 43px;
	
}
.menu {
    margin:0 auto;
	width: 100%;
}
#main {
    width:860px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
	border: 2px #999 solid;
	border-top: none;
    padding:14px 0;

}

#primary {
	width: 230px;
	padding-top: 0px;
	border: none;
	padding-left: 20px;
	border-left: solid 2px #666;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#container {
    width:570px;
    float:left;
}

#content {
    margin:0 0 0 10px;
    width:570px;
    overflow:hidden;
}

#primary ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#primary img{
	border: none;
}

.entry-title{
	background-image: url(images/entrytitlebg.png);	
	background-repeat: repeat-x;
	padding: 4px;
}

.entry-meta {
	background-image: url(images/entrymetabg.png);	
	background-repeat: repeat-x;
	max-height: 25px;
	color: #FFF;
	margin: 0px;
	padding-left: 20px;
}

.entry-meta a{
	color: #FFF;	
}

.entry-content {
	padding-top: 0px;	
}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}
#access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	background-image: url(images/menubg.png);
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
	border: none;
	font-weight: bold;
	background-color:#ECECEC;
}
.sf-menu a {
	border: none;

	padding:9px 13px;
	text-decoration:none;
	text-transform: uppercase;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ccc;
}
.sf-menu li {
	background:		#000;
}
.sf-menu li ul li {
	background:		#000;
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #333;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.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 {
    background:#333;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
	background-color: #666;
}