/*
Theme Name: The MacRobert Trust 
Theme URI: http://www.45b.co.uk/
Description: Theme for The MacRobert Trust
Author: 45b
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 background: #8da0a0;
 color: #333;
}

h1 {color: #333;}

h2, h3, h4, h5 {color: #333;}

h1 {font-size: 1.4em; margin-top: 0;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a {color: #ac332a;}
a:hover {color: #333;}


/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 940px; margin: 0 auto; font-size: 0.7em;}
#topNav {float: right; padding: 10px 50px 10px 0; color: #fff; text-transform:uppercase; font-size: 0.9em; font-weight: bold;}
#logo {float: left; width: 940px; height: 171px; background: #fff;}
#mainImage {float: left; width: 940px;}
#mainImage img {display: block;}

#navBar {float: left; width: 940px; background: #1a2828; color: #fff;}

#main {float: left; width: 820px; padding: 35px 60px; background: #fff; line-height: 1.4em;}

#basePanels {float: left; width: 940px; color: #fff; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center;}
#basePanels p {margin: 0;}
#basePanels a {display: block; padding: 16px 20px; color: #fff; text-decoration: none; font-weight: bold;}
#basePanels a:hover {color: #fff; text-decoration: underline;}

.panelLeft {float: left; width: 310px; background: #b0372a;}
.panelMid {float: left; width: 320px; background: #c2a832;}
.panelRight {float: left; width: 310px; background: #497777;}

.panelLeft img, .panelRight img {width: 310px;}
.panelMid img {width: 320px;}

#subContent {float: left; width: 540px; padding-right: 30px;}

#sideBar {float: left; width: 250px;}
#extraPanel {background-image: url(images/bg-panel-bottom.gif); background-position:bottom; background-repeat:no-repeat; color: #fff; font-weight: bold; font-size: 1.2em;}
#extraPanel p {background-image: url(images/bg-panel-top.gif); background-position:top; background-repeat:no-repeat; padding: 15px;}
#extraPanel a {color: #fff;}

#footer {float: left; width: 820px; padding: 10px 60px 25px 60px; background: #fff; color: #8da0a0; font-size: 0.85em;}
#credit {float: left; width: 820px; padding: 5px 60px; color: #666; font-size: 0.85em;}
#credit a {color: #666; text-decoration: none;}
#credit a:hover {color: #333;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/


.post-meta {list-style: none; margin: 0; padding: 0;}
.post-meta-key {display: none;}

.siteMapColumn {float: left; width: 380px; margin-right: 10px; display: inline;}
.siteMapColumn li {list-style: none; font-weight: bold;}
.siteMapColumn li ul li a {font-weight: normal;} 
.siteMapColumn li ul li ul {margin: 10px 0;}
.siteMapColumn li ul li ul li a {font-weight: normal; color: #d08d88} 
.siteMapColumn li ul li ul li a:hover {color: #ac332a}


/**************************/
/* Navigation Definitions */
/**************************/

#topNav a {color: #fff; margin: 0 5px; text-decoration: none;}
#topNav a:hover {text-decoration: underline;}


ul#menu-main-menu  {
 list-style: none;
 padding: 0 45px;
 margin: 0;
 text-transform: uppercase;
 font-weight: bold;
} 
ul#menu-main-menu li {
 float: left;
}
ul#menu-main-menu li a {
 display: block; 
 padding: 10px 15px;	
 text-decoration: none;
 color: #fff;
}
ul#menu-main-menu li a:hover {
 background: #ac332a;
}

ul#menu-main-menu li.on a {background: #ac332a;}

ul#menu-main-menu li.current-menu-item a, ul#menu-main-menu li.current-page-ancestor a,
ul#menu-main-menu li.current-post-ancestor a, ul#menu-main-menu li.current-menu-parent a, 
ul#menu-main-menu li.current-post-parent a {background: #ac332a;}



/* 2nd level nav */
#sideBar ul {
 float: left;
 list-style: none;
 width: 250px;
 padding: 0;
 margin: 0;
} 

#sideBar ul li {
 padding: 0;
}

#sideBar ul li a {
 display: block;
 text-decoration: none;
 padding: 4px 15px;
 color: #1a2828;
}
#sideBar ul li a:hover {background: #ac332a; color: #fff;}


/* 3rd Level Nav */

#sideBar ul li ul li ul { 
 list-style: none;
 margin: 0 10px;
 padding: 0;
 font-size: 0.95em;
}

#sideBar ul li ul.children {margin-bottom: 5px;}


#sideBar ul li ul.children li {font-size: 0.85em;}
#sideBar ul li.current_page_item {background: #ac332a;}
#sideBar ul li.current_page_item a, 
#sideBar ul li.current_page_parent a {color: #fff;}
#sideBar ul li.current_page_item ul.children li a, 
#sideBar ul li.current_page_parent ul.children li a {padding-left: 25px; background: #fff; color: #ac332a;}
#sideBar ul li.current_page_item ul.children li a:hover, 
#sideBar ul li.current_page_parent ul.children li a:hover {background: #d08d88; color: #fff;}

#sideBar ul li.current_page_parent {background: #ac332a;}
#sideBar ul li ul.children li.current_page_item {background: #d08d88;}
#sideBar ul li ul.children li.current_page_item a {background: #d08d88; color: #fff;}


#sideBar  ul li ul,
#sideBar .current_page_item ul ul,
#sideBar .current_page_ancestor ul ul,
#sideBar .current_page_ancestor .current_page_item ul ul,
#sideBar .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
	}

#sideBar .current_page_item ul,
#sideBar .current_page_ancestor ul,
#sideBar .current_page_ancestor .current_page_item ul,
#sideBar .current_page_ancestor .current_page_ancestor ul,
#sideBar .current_page_ancestor .current_page_ancestor .current_page_item ul,
#sideBar .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}









/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}






/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}



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

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}






/************************************/
/* Page-specific Layout Definitions */
/************************************/



/**************************/
/* Navigation Definitions */
/**************************/



/*********/
/* Forms */
/*********/