/*
Theme Name: MIH 2010 Child
Description: Child theme for the Twenty Ten theme 
Author: Christine (based on work by the WordPress team)
Template: twentyten
Child theme version: 1.0
*/

@import url("../twentyten/style.css");

/*
LAYOUT: MIH one column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

/*.one-column #content {
	margin: 0 auto;
	width: 840px;
}*/

.mih-one-col #content {
	margin: 0 50px 230px;
	width: 690px;
	/*margin: 0 auto 230px;
	width: 840px;*/
}

.mih-page #content {
	margin-bottom: 230px;
}

#container.mih-one-col, #container.mih-page {
	background: url(images/MIHbtmBand.png) no-repeat bottom center;
}

/* =Header
-------------------------------------------------------------- */

/* Move main nav to top */
#header #access {
	/*top: -244px; 
	position: relative;*/
	top: 22px; 
	position:absolute;
	font-weight: bold;
	border-top: 4px solid #218540;
	width: 940px;
}
#header {
	padding: 0;
	margin-bottom: 10px;
}
#site-title {
	margin:0 0 10px;
	width: 500px;
	height: 36px; /* So that space for site title doesn't collapse due to off screen */
	text-indent: -2000px; /* To make site title disappear off screen */
}

#site-description {
	margin: -18px 0 0 0;
	width: 370px;
	text-align:right;
	font-style: normal;
	color: #057696;
}

/* This is the custom header image */
#branding img {
	border-top: none;
	border-bottom: none;
	clear: both;
	display: block;
}

#wrapper {
	margin-top: 0;
	padding-top: 20px
}

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

#access {
	background: none;
}

#access .menu-header,
div.menu {
	font-size: 14px;
	margin-left: 0;
	width: 940px;
}

#access a {
	color: #005000;
	background: #fff; /*#E8F6FA;*/ /*#EDFED1;*/ /*<<PALE GREEN*/ /*#E6E6E6; GREY*/
	line-height: 30px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

#access ul ul {
	top: 30px;
	width: 150px;
}

#access ul ul a {
	background: #00b233; /*#22B24C;*/
	/*line-height: 1em;
	padding: 10px;*/
	width: 130px;
	/*height: auto;*/
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #36d967;
	/*color: #fff;*/
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	background: #218540;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	background: #218540;
}

/* =Content
-------------------------------------------------------------- */

#main {
	/*clear: both;
	overflow: hidden;*/
	/*padding: 40px 0 0 0;*/
	padding: 0;
}

/* Change title colours ---------------------------------- */

#content .entry-title {
	color: #f12100;
	font-size: 24px;
	font-weight:bold;
	/*line-height: 1.3em;
	margin-bottom: 0;*/
}

/* Change default link colors ------------------------------- */
a:link {
color:#218540;
}
a:visited {
color:#517D51;
}
a:active, 
a:hover {
color:#f12100; 
}
 
.entry-title a:link, 
.entry-title a:visited {
	color: #00B233;
	/*color:#22B24C;*/
}
.entry-title a:active, 
.entry-title a:hover {
	color:#f12100;
}

/* but change links in entry meta and utility lines back to grey */
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #f12100;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Arial, Helvetica, sans-serif;
}

/* change some background colours -------------------------------- */

body {
	background:url(images/body-bkg2.jpg) top left repeat-x #5fb3ca;
	/*background: #024C61;*/
}
	
blockquote {
	background-color:#f7f7f7;
	/*border-left: 2px dotted #66ff00;*/
	/*font-style: italic;*/
	/*padding: 0 3em;*/
}

pre {
	background: #F2FDF2;
}

/* =Images
-------------------------------------------------------------- */

#content .wp-caption {
	background: none;
	/*background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;*/
}

#content .gallery img {
	/*border: 10px solid #f1f1f1;*/
	border: none;
}

/* =Widget Areas
-------------------------------------------------------------- */

/* Main sidebars */

#primary {
	margin-top: 70px;
}
/*#secondary {
}*/

/* Footer widget areas */
/*#footer-widget-area {
}*/


/* =Footer
-------------------------------------------------------------- */

#colophon {
	border-top: 4px solid #218540;
	/*margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;*/
}


/* for custom-rolled theme for jQuery UI ACCORDION
-------------------------------------------------------------- */

#accordion h3.ui-accordion-header {
	font-size: 1.3em;
	margin: 2px 0 0;
}

#accordion .ui-accordion-header a {
	/*padding: 8px 8px 8px 40px;*/
	padding: 7px 7px 7px 40px;
}

#accordion .ui-accordion-content {
	line-height: 1.4;
}

#accordion .ui-accordion-content ul {
	margin-bottom: 0;
}

#accordion.pages h3.ui-accordion-header {
	font-size: 1.1em;
	margin: 2px 0 0;
}

#accordion.pages .ui-accordion-header a {
	padding: 5px 5px 5px 40px;
}

#accordion.pages .ui-accordion-content {
	line-height: 1.4;
}

#accordion.pages .ui-accordion-content p, #accordion.pages .ui-accordion-content ul {
	margin-bottom: 6px;
}

#accordion.pages .ui-accordion-content h4 {
	color: #024c61;
	font-weight: bold;
	margin: 8px 0 6px 0;
}

/* for custom-rolled theme for jQuery UI TABS
-------------------------------------------------------------- */

#tabs .ui-tabs-panel p, .ui-tabs-panel ul {
	line-height: 1.4;
}

#tabs .ui-tabs-panel h4 {
	color: #024c61;
	font-weight: bold;
}

#tabs .ui-accordion {
	font-size: 0.9em;
}