/* @override http://www.inclusivenewmedia.org/blog/wp-content/themes/light/style.css */

/*  
Theme Name: light
Theme URI: http://eyedea.eu
Description: light colour scheme for INMD
Version: 1.0
Author: Prisca Schmarsow
Author URI: http://graphiceyedea.co.uk
*/
/*-------------------------------------------------------------*/
/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #281506;
	background: url(images/paper.jpg) top left repeat;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*-------------------------------------------------------------*/
/* ################## template notes ##################
wrap 					*all content

header 				h1, p
						blog title (h1), blog description (p)
			
nav					ul
						categories, then pages
						
sidebar				not in use
			
#content				*all page content (+ classes assigned by WP)
						.post > post on category page
						.post h3 > post title (+ link) on category page
						.post.pagepost > post on page
						.post.pagepost h2 > post title on page
			
footer		ul

*** extras ***

form#searchform			searchbox
input#searchsubmit		submit button, searchbox

################## END template notes ################## */
/*-------------------------------------------------------------*/
/* ################## COLOURS ##################
#281506					text colour
#da4e10					links (burnt orange)

################## END template notes ################## */
/*-------------------------------------------------------------*/
/*--------------------------------------------------------------------------
GENERAL SETTINGS
 --------------------------------------------------------------------------*/
/* ################## HTML5 settings, thanks, Bruce ;) > html5doctor.com ################## */
header, footer, nav, sidebar, article {
	display: block;
}
p, ul, ol {
	font-size: .9em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}
ul {
	list-style: square;
}
ol {
	list-style: decimal;
}

a, a:link, a:visited {
	color: #603813;
}
a:hover, a:focus {
	color: #da4e10;
}
a:active {
	color: #281506;	
}
.clear {
	clear: both;
}
object, embed {

}
/*--------------------------------------------------------------------------
CONTENT WRAPPER
 --------------------------------------------------------------------------*/
#wrap {
	position: relative;
	margin: 0 auto;
	width: 900px;
	min-height: 800px;
	padding: 0 30px 8em 30px;
	background: #f8f7f2;
	border-right: 1px solid #da4e10;
	border-left: 1px solid #da4e10;
}
/* << blending between content and footer visuals >> */
#blend {
	position: relative;
	margin: 0 auto;
	width: 962px;
	height: 288px;
	background: #f8f7f2 url(images/content-bg-bot-short.jpg) bottom left no-repeat;	
}

/* SKIP to content link */
a#skip:before, a#skip:after {
	content:  ' ↓ ';
}
a#skip {
	z-index: 99;
	display: block;
	width: 685px;
	margin: 0 0 0 -30px;
	position: absolute;
	color: #A0611C;
	background: url(images/translucentlight.png) top left repeat;
	font-size: .8em;
	padding: 0 0 0 275px;
	text-decoration: none;
}
a#skip:hover, a#skip:active, a#skip:focus {
	background: #da4e10;
	color: #fff;
}

/*--------------------------------------------------------------------------
HEADER
 --------------------------------------------------------------------------*/
/* << site title = INMD >> */
header {
	display: block;
	height: 80px;
	margin: 30px -30px 0 -30px;
	position: relative;
	font-size: 2.2em;
	line-height: 1;
	text-transform: capitalize;
	letter-spacing: -.04em;
	border-bottom: 1px solid #da4e10;
}
header a {
	text-decoration: none;
	position: absolute;
	top: 0;
	background: url(images/inmd-logo-new120.png) no-repeat;
	background-position: 50px 4px;
	padding: 49px 0 46px 270px;
}
/* << description >> */
header span {
	display: block;
	position: absolute;
	top: 1em;
	font-size: .44em;
	line-height: 1;
	color: #A0611C;
	text-transform: none;
	letter-spacing: 0;
	margin: 72px 0 0 272px;
	padding: 0;
}

/* << bread crumb links >> */
#crumbs {
	clear: both;
	display: block;
	margin: 2px 0 20px -30px;
	padding: 2px 0 2px 272px;
	font-size: .88em;
	text-transform: capitalize;
	color: #B5AA99;
	position: absolute;
	top: 60px;
}
#crumbs a, #crumbs a:link, #crumbs a:visited {
	color: #A0611C;
}
#crumbs a:hover, #crumbs a:active, #crumbs a:focus {
	color: #da4e10;	
}

#crumbs li {
	list-style: none;
	display: inline;
}
/*--------------------------------------------------------------------------
SIDEBAR (TOP) for accessibility features
 --------------------------------------------------------------------------*/
sidebar {
	display: block;
	margin: 0 -30px 0 -30px;
	padding: 13px 20px 0 40px;
	background: url(images/paper.jpg) top left repeat;
	border-bottom: 1px solid #E0DCD5;
	font-size: 1em;
}
/*--------------------------------------------------------------------------
SITE SEARCH
 --------------------------------------------------------------------------*/
#search {
	display: block;
	width: auto;
	margin: 5px 0 0 0;
	float: right;
}
form#searchform {
	display: block;
}
form#searchform	input {
	width: 120px;
	padding: 3px;
	margin: 0 3px 0 0;
	border: 1px solid #A0611C;
	float: left;
	font-size: 1.1em;
}
form#searchform	input:hover, form#searchform input:active, form#searchform	input:focus {
	background: #fff;
	padding: 2px;
	border: 2px solid #da4e10;
}
form#searchform input#searchsubmit {
	width: 100px;
	margin: 4px 0 0 0;
	padding: 0 0 3px 30px;
	border: none;

	color: #A0611C;
	text-align: left;
	text-transform: lowercase;
	background: url(images/search-icon-mini.png) no-repeat;
	background-position: 3px 0;
}
form#searchform input#searchsubmit:hover, form#searchform input#searchsubmit:active, form#searchform input#searchsubmit:focus {
	color: #da4e10;
	background: url(images/search-icon-mini.png) top left no-repeat;
	background-position: 3px -44px;
	cursor: pointer;
}

/*--------------------------------------------------------------------------
SWITCH
 --------------------------------------------------------------------------*/
#switch {
	display: block;
	width: auto;
	float: right;
	margin: 0;
	padding: 8px 0 0 0;
}
#switch h2 {
	width: 86px;
	float: left;
	color: #A0611C;
	text-transform: lowercase;
	padding: 0 0 0 0;
	position: absolute;
	top: 0;
}
#switch ul {
	list-style: none;
	float: left;
	margin: 0;
}
#switch ul li ul li {
	float: left;
	text-align: center;
	color: #da4e10;
	padding: 6px 0 6px 30px;
	margin: 0 20px 0 0;
}
#switch ul li ul li a {
	font-weight: bold;
	color: #A0611C;
}
#switch ul li ul li a:link, #switch ul li ul li a:visited {
	color: #A0611C;
}
#switch ul li ul li a:hover, #switch ul li ul li a:active, #switch ul li ul li a:focus {
	color: #da4e10;
}
/* theme switcher links - positioning */
#switch ul li ul li {
	background: url(images/style-switch-light.png) top left no-repeat;
}
#switch ul li ul li a {
	display: inline;
	width: 30px;
}
#switch ul li ul li:first-child {
	background: url(images/style-switch-dark.png) top left no-repeat;
}
#switch ul li ul li:first-child a {
	display: block;
	width: 30px;
}

/*--------------------------------------------------------------------------
ACCESSIBILITY STATEMENT
 --------------------------------------------------------------------------*/
#access-statement {
	position: absolute;
	left: 276px;
	top:  26px;
	text-transform: lowercase;
}

#access-statement ul {
	list-style: none;
	margin: 0;
}

#access-statement ul li a {
	color: #A0611C;

}
#access-statement ul li a:link, #access-statement  ul li a:visited {
	color: #A0611C;
}
#access-statement ul li a:hover, #access-statement ul li a:active, #access-statement ul li a:focus {
	color: #da4e10;
}

/*--------------------------------------------------------------------------
SOCIAL MEDIA LINKS = facebook, twitter
 --------------------------------------------------------------------------*/
#social {
	float: right;
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 12px 12px 0 6px;
}
#social a {
	font-size: .8em;
	display: block;
	float: right;
	text-indent: -9999px;
	background: #f90;
}
#social a#fb {
	width: 84px;
	height: 20px;
	background: url(images/fb.png) top right no-repeat;	

}
#social a#twit {
	width: 61px;	
	margin: 3px 10px 0 0;
	background: url(images/twittericon.png) top right no-repeat;	
}

/*--------------------------------------------------------------------------
NAVIGATION
 --------------------------------------------------------------------------*/
nav {
	clear: both;
	display: block;
	width: 10em;
	position: absolute;
	margin: 80px 0 0 0;
	text-transform: capitalize;
}
nav ul {
	margin: 0;
	list-style: none;
}
nav ul li {
	margin: 0 0 6px 0;
	display: block;
	padding: 8px;
	color: #eeebe6;
	line-height: 1;
}
nav ul li a, nav ul li a:link {
	display: block;
	text-decoration: none;
	font-size: 1.5em;
	padding: 4px;
	background: url(images/paper.jpg) top left repeat;
}
nav ul li a:hover, nav ul li a:focus {
	color: #fefaef;
	background: none;
}
nav ul li a:active {
	color: #281506;
}

/* main category submenu */
nav ul li ul {
	margin: -8px;
	font-size: .6em;
}
nav ul li ul li {
	padding: 0 8px;
	text-transform: none;
}
/* sub category submenu */
nav ul li ul li ul.subsub {
	margin: -4px -8px 12px -8px;
	font-size: 1em;
}
nav ul li ul li ul.subsub li {
	margin: 2px 0;
}

nav ul li ul li ul.subsub li a{
	border-left: 6px solid #cf3d00;	
}



/* ################## SECTION 1 - flash presentation ################## */
nav ul#flash {
	background: url(images/orange.jpg) top left repeat;
	text-transform: capitalize;
}
nav ul#flash li a, nav ul#flash li a:link, nav ul#flash li a:visited {
	color: #cf3d00;
}
nav ul#flash li a:hover {
	color: #fefaef;
}
nav ul#flash li a:active, nav ul#flash li a:focus {
	color: #281506;	
}
body#maxaccess nav ul#flash li.page-item-312 a, body#maxaccess nav ul#flash li.page-item-312 a:link, 
body#maxaccess nav ul#flash li.page-item-312 a:visited {
	color: #493E38;	

}
body#maxaccess nav ul#flash li.page-item-312 a:hover {
	color: #fefaef;
	background: none;
}
body#maxaccess nav ul#flash li.page-item-312 a:active, body#maxaccess nav ul#flash li.page-item-312 a:focus {
	color: #281506;
}
/* current highlighting */
body#maxaccess nav ul#flash li.current_page_item a, body#maxaccess nav ul#flash li.current_page_item a:link, body#maxaccess nav ul#flash li.current_page_item a:visited {
	color: #493E38;
	background: #fff;
}
body#maxaccess nav ul#flash li.current_page_item a:hover {
	color: #fefaef;
	background: none;
}
body#maxaccess nav ul#flash li.current_page_item a:active, body#maxaccess nav ul#flash li.current_page_item a:focus {
	color: #281506;	
}

/* ################## SECTION 2 - making accessible websites ################## */
nav ul#access {
	background: url(images/blu.jpg) top left repeat;
}
nav ul#access li a, nav ul#access li a:link, nav ul#access li a:visited {
	color: #1484c8;
}
nav ul#access li a:hover {
	color: #fefaef;
}
nav ul#access li a:active, nav ul#access li a:focus {
	color: #281506;	
}
/* current highlighting */
nav ul#access li.current-cat a, nav ul#access li.current-cat a:link, nav ul#access li.current-cat a:visited  {
	color: #493E38;
	background: #fff;
}
nav ul#access li.current-cat a:hover {
	color: #fefaef;
	background: none;
}
nav ul#access li.current-cat a:active, nav ul#access li.current-cat a:focus {
	color: #281506;	
}
/* MAIN CAT -current highlighting, for sub + sub-sub sections */
body#maw nav ul#access li.cat-item-1 a{
	color: #493E38;	
}
body#maw nav ul#access li.cat-item-1 a:hover{
	color: #fefaef;	
}
/* SUB CAT -current highlighting, for sub + sub-sub sections */
body#maw nav.tips ul#access li.cat-item-3 a{
	color: #493E38;	
}
body#maw nav.tips ul#access li.cat-item-3 a:hover{
	color: #fefaef;	
}
body#maw nav.info ul#access li.cat-item-5 a{
	color: #493E38;	
}
body#maw nav.info ul#access li.cat-item-5 a:hover{
	color: #fefaef;	
}
body#maw nav.people ul#access li.cat-item-4 a{
	color: #493E38;	
}
body#maw nav.people ul#access li.cat-item-4 a:hover{
	color: #fefaef;	
	background: none;
}
body#maw nav.examples ul#access li.cat-item-7 a {
	color: #493E38;	
}
body#maw nav.examples ul#access li.cat-item-7 a:hover{
	color: #fefaef;	
}
/* ################## SECTION 3 - about INMD (page) ################## */
nav ul#inmd {
	background: url(images/green.jpg) top left repeat;
}
nav ul#inmd li a, nav ul#inmd li a:link, nav ul#inmd li a:visited {
	color: #5b930c;
}
nav ul#inmd li a:hover {
	color: #fefaef;
}
nav ul#inmd li a:active, nav ul#inmd li a:focus {
	color: #281506;	
}
/* current highlighting */
nav ul#inmd li.current-cat a, nav ul#inmd li.current-cat a:link, nav ul#inmd li.current-cat a:visited {
	color: #493E38;
	background: #fff;
}
nav ul#inmd li.current-cat a:hover {
	color: #fefaef;

}
nav ul#inmd li.current-cat a:active, nav ul#inmd li.current-cat a:focus {
	color: #281506;	
}
nav ul#inmd li a, nav ul#inmd li a:link, nav ul#inmd li a:visited {
	color: #5b930c;
}
nav ul#inmd li a:hover {
	color: #fefaef;
}
nav ul#inmd li a:active a:active, nav ul#inmd li a:focus {
	color: #281506;	
}




/* current highlighting for page */
body#inmd-page nav ul#inmd li.current_page_item a, body#inmd-page nav ul#inmd li.current_page_item a:link, body#inmd-page nav ul#inmd li.current_page_item a:visited {
	color: #493E38;
	background: #fff;	
}
body#inmd-page nav ul#inmd li.current_page_item a:hover {
	color: #fefaef;	
	background: none;
}
body#inmd-page nav ul#inmd li.current_page_item a:active, body#inmd-page nav ul#inmd li.current_page_item a:focus, body#inmd-page nav ul#inmd li.page_item a:active {
	color: #281506;	
}

body#inmd-page nav ul#inmd li.cat-item-9 a, body#inmd-page nav ul#inmd li.cat-item-9 a:link, body#inmd-page nav ul#inmd li.cat-item-9 a:visited {
	color: #493E38;
}
body#inmd-page nav ul#inmd li.cat-item-9 a:hover {
	color: #fefaef;
}
body#inmd-page nav ul#inmd li.current_page_item a:active, body#inmd-page nav ul#inmd li.cat-item-9 a:active, body#inmd-page nav ul#inmd li.cat-item-9 a:focus {
	color: #281506;	
}
nav ul#inmd li.cat-item-9.current-cat a, nav ul#inmd li.cat-item-9.current-cat a:link, nav ul#inmd li.cat-item-9.current-cat a:visited {
	color: #493E38;
}
nav ul#inmd li.cat-item-9.current-cat a:hover {
	color: #fefaef;
	background: none;
}
nav ul#inmd li.cat-item-9.current-cat a:active, nav ul#inmd li.cat-item-9.current-cat a:focus {
	color: #281506;	
}



/* ################## SECTION 4 - blog ################## */
nav ul#blog {
	background: url(images/blogbrown.jpg) top left repeat;
}
nav ul#blog li {
	margin: 0 0 -12px 0;

}

nav ul#blog li a, nav ul#blog li a:link, nav ul#blog li a:visited {
	color: #A0611C;
}
nav ul#blog li a:hover {
	color: #fefaef;
	background: none;
}
nav ul#blog li a:focus, nav ul#blog li a:active {
	color: #281506;
}
/* current highlighting */
nav ul#blog li.current-cat a, nav ul#blog li.current-cat a:link, nav ul#blog li.current-cat a:visited {
	color: #493E38;
	background: #fff;
}
nav ul#blog li.current-cat a:hover {
	color: #fefaef;
	background: none;
}
nav ul#blog li.current-cat a:active, nav ul#blog li.current-cat a:focus {
	color: #281506;
}

body#blog nav ul#blog li.current_page_item a, body#blog nav ul#blog li.current_page_item a:link, body#blog nav ul#blog li.current_page_item a:visited {
	color: #493E38;
	background: #fff;	
}
body#blog nav ul#blog li.current_page_item a:hover {
	color: #fefaef;
	background: none;	
}
body#blog nav ul#blog li.current_page_item a:active, body#blog nav ul#blog li.current_page_item a:focus {
	color: #281506;		
}
/*--------------------------------------------------------------------------
CONTENT
 --------------------------------------------------------------------------*/
#content {
	margin: 80px 2em 3em 240px;
}
/* ################## HEADERS ################## */
#content h2 {
	margin: 0 0 .6em 0;
	color: #cf3d00;
	font-size: 1.5em;
	line-height: 1;
	letter-spacing: -.04em;
}
#content h3 {
	margin: 1.4em 0 .6em 0;
	color: #333;
	font-size: 1.2em;
	line-height: 1;
	letter-spacing: -.04em;
}
#content h4 {
	margin: 1.4em 0 .6em 0;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -.04em;
}
#content a {
	color: #cf3d00;
}
/* ################## POSTS ################## */
.post {
	display: block;
	margin: 0 0 3em 0;
}
.post p {
	clear: both;
}
.post p em {
	font-weight: bold;
}
.post img {
		float: right;
		margin: 4px 0 4px 8px;
}
.post img.alignnone {
	float: none;
	margin: 0;
}
.post img.alignleft {
	float: left;
	margin: 2px 6px 0 0;
}	
	
.post .meta {
	font-size: .8em;
}
.post strong {
	font-weight: bold;
	font-size: 1.06em;
	letter-spacing: .07em;
}
/* ################## POSTS - SEARCH PAGE ################## */
#content .post.search {
	display: block;
	margin: 0 0 1em 0;
}
#content .post.search h3 {
	margin: 1em 0 .3em 0;
}
#content .post .meta {
	color: #bdb5a8;
}

/* ################## LISTS ################## */
.post ul {
		
}
.post ul li {
	list-style: disc;
	margin: 0 0 .3em 1.2em;
}
.post ol li {
	margin: 0 0 .3em 1.2em;	
}
/* ################## LISTS ################## */
#content table {
	font-size: .9em;
}
#content table td {

}


/* ################## POLAROID STYLING ################## */
#content p span {
	text-align: center;
	font-size: .78em;
	line-height: 1.3;
	display: block;
	float: left;
	width: 280px;
	padding: 8px 10px;
	margin: 0 12px 20px 0;
	background: #fff;
	color: #666;
	border: 1px solid #B5AA99;
}
#content p span img {
	width: 280px;
	height: 187px;
	margin: 0 0 10px 0;
	border: 1px solid #B5AA99;
}
#content p span.tags, #content p.metadata span, #content.blog .post p span {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 1em;
}
/* hide form span */
#content .formcontainer p span {
	display: none;
}

/* ################## SPEEKA FLASH STYLING ################## */
#content p span.speeka {
	float: none;
	clear: right;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background: none;
	border: none;
}
#content p span.speeka object {
	display: block;
	float: right;
	margin: -5em 0 0 0;
	color: #666;
	border: 2px solid #A0611C;
}

/* home page + blog */
body#blog #content.blog p span.speeka, body#homepage #content.home p span.speeka {
	float: right;
	margin: -3.3em 4em 0 0;
	width: 150px;
	height: 30px;	
}
body#blog #content.blog p span.speeka {
	float: none;
	display: block;
	margin: 0 4em 0 .3em;
}
body#blog #content.blog p span.speeka object, body#blog #content.blog p span.speeka embed, body#homepage #content.home p span.speeka object, body#homepage #content.home p span.speeka embed {
	margin: 0;
	padding: 0;
	float: right;
	width: 150px;
	height: 30px;
}
body#blog #content.blog p span.speeka object, body#blog #content.blog p span.speeka embed {
	
}
/* animations pages */
body#maxaccess #content p span.speeka {
	float: none;
	clear: right;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background: none;
	border: none;
	position: absolute;
	bottom: 9em;
}
body#maxaccess #content p span.speeka object {
	display: block;
	float: right;
	margin: -5em 0 0 0;
	color: #666;
	border: 2px solid #A0611C;
}

/*--------------------------------------------------------------------------
PAGE SPECIFIC SETTINGS - NAVIGATION - HOME / ENTER PAGE
[large square links as introduced by Ben Shaw]
 --------------------------------------------------------------------------*/
#content.home {
	width: 100%;
	margin: 55px 1em 3em 0;
}
#content.home .pagepost {
	margin:  0 40px 20px 242px;
}
#content.home .pagepost a {
	color: #cf3d00;	
}
#content.home .pagepost a:link, #content.home .pagepost  a:visited {
	color: #cf3d00;	
}
#content.home .pagepost a:hover, #content.home .pagepost a:active, #content.home .pagepost a:focus {
	color: #A0611C;	
}
nav#enter {
	clear: both;
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	text-transform: capitalize;
}
nav#enter ul {
	margin: 0 20px 0 0;
	list-style: none;
	display: block;
	float: left;
}
nav#enter ul li a {
	display: block;
	width: 250px;
	min-height: 250px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 2.44em;
	line-height: 1;
	padding: 4px;
	background: none;
	color: #fefaef;
}
nav#enter ul li a:hover, nav#enter ul li a:link:focus, nav#enter ul li a:link:active {
	background: url(images/paper.jpg) top left repeat;
}

/* ################## SECTION 1 - flash presentation ################## */
nav#enter ul#flash {
	background: url(images/orange.jpg) top left repeat;
}
nav#enter ul#flash li a, nav#enter ul#flash li a:link, nav#enter ul#flash li a:visited {
	color: #fefaef;
}
nav#enter ul#flash li a:hover {
	color: #cf3d00;
}
nav#enter ul#flash li a:focus, nav#enter ul#flash li a:active {
	color: #281506;
}

/* ################## SECTION 2 - making accessible websites ################## */
nav#enter ul#access {
	background: url(images/blu.jpg) top left repeat;
}
nav#enter ul#access li a, nav#enter ul#access li a:link, nav#enter ul#access li a:visited {
	color: #fefaef;
}
nav#enter ul#access li a:hover {
	color: #1484c8;
}
nav#enter ul#access li a:focus, nav#enter ul#access li a:active {
	color: #281506;
}

/* ################## SECTION 3 - about INMD (page) ################## */
nav#enter ul#inmd {
	background: url(images/green.jpg) top left repeat;
}
nav#enter ul#inmd li a, nav#enter ul#inmd li a:link, nav#enter ul#inmd li a:visited {
	color: #fefaef;
}
nav#enter ul#inmd li a:hover {
	color: #5b930c;
}
nav#enter ul#inmd li a:focus, nav#enter ul#inmd li a:active {
	color: #281506;
}

/*--------------------------------------------------------------------------
PAGE SPECIFIC SETTINGS - SECTION 1 - maximum accessibility
 --------------------------------------------------------------------------*/
#content.max {

}
body#maxaccess #content h2 {
	color: #cf3d00;
}
body#maxaccess #content  h3 {
	color: #cf3d00;
}
body#maxaccess .pagepost a img.part-link {
	float: none;
	margin: 0 0 0 -2px;
	padding: 2px;
	display: block;
}
body#maxaccess .pagepost a:hover img.part-link {
	padding: 0;
	border: 2px solid #cf3d00;
}

body#maxaccess .pagepost a {
}
body#maxaccess .post a, #content.max a {
	color: #cf3d00;	
}
body#maxaccess .post a:link, body#maxaccess .post a:link, body#maxaccess .post a:visited, #content.max a:link, #content.max a:visited {
	color: #cf3d00;	
}
body#maxaccess .post a:hover, body#maxaccess .post a:active, body#maxaccess .post a:focus, #content.max a:hover, #content.max a:active, #content.max a:focus {
	color: #A0611C;	
}
/* ################## BORDERS FOR VIDEOS ################## */
body#maxaccess .pagepost object {
	border: 6px solid #cf3d00;	
	display: block;
	margin: 10px 0;
}
/* ################## download links ################## */
body#maxaccess .pagepost p.dl {

}
body#maxaccess .pagepost p.dl a {
	font-weight: bold;
	margin: 0 .4em;
	background: url(images/dl-vid-sprite.gif) no-repeat;
	background-position: 0 -1px;
	padding: 0 0 2px 52px;	
}
body#maxaccess .pagepost p.dl a:hover {
	background-position: 0 -42px;
	color: #352111;	
}
/*--------------------------------------------------------------------------
PAGE SPECIFIC SETTINGS - SECTION 2 - making accessible websites
 --------------------------------------------------------------------------*/
#content.make {

}
#content.make h2 {
	color: #1484c8;
}
#content.make h3 {
	color: #1484c8;
}
/* ################## HEADERS ################## */
#content.make a {
	color: #1484c8;	
}
#content.make a:link, #content.make a:visited {
	color: #1484c8;	
}
#content.make a:hover, #content.make a:active, #content.make a:focus {
	color: #cf3d00;	
}

#content.make ul li strong a {
	font-size: 1.1em;
	background: url(images/new-window-blu.png) no-repeat;
	background-position: 0 0px;
	padding: 0 0 2px 32px;
	margin: 0 0 4px 0;	
}

/* ################## image links ################## */
#content.make h5  {
	font-size: 1.1em;
	background: url(images/new-window-blu.png) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 36px;
	margin: 2.2em 0 4px 0;
}
#content.make p a img, #content.make p a:link img, #content.make p a:visited img {
	margin: 0;
	padding: 0;
	border: 2px solid #1484c8;
}
#content.make p a:hover img, #content.make p a:active img, #content.make p a:focus img {
	border: 2px solid #cf3d00;	
}
/* ################## BORDERS FOR VIDEOS ################## */
#content.make object {
	border: 6px solid #1484c8;	
	display: block;
	margin: 10px 0;
}
/*--------------------------------------------------------------------------
PAGE SPECIFIC SETTINGS - SECTION 3 - about INMD
 --------------------------------------------------------------------------*/
#content.inmd h2, #content.inmd h3, #content.inmd h4 {
	color: #5b930c;
}
#content .pagepost h2 {
	color: #5b930c;
}
#content .pagepost h3 {
	clear: both;
	color: #5b930c;
}
#content .pagepost h4 {
	color: #5b930c;
}
/* ################## HEADERS ################## */
#content.inmd a, #content .pagepost a {
	color: #5b930c;	
}
#content.inmd a:link, #content.inmd a:visited, #content .pagepost a:link, #content .pagepost a:visited {
	color: #5b930c;	
}
#content.inmd a:hover, #content.inmd a:active, #content.inmd a:focus, #content .pagepost a:hover, #content .pagepost a:active, #content .pagepost a:focus {
	color: #cf3d00;	
}
#content .pagepost div {
	clear: right;
	margin: 20px 0;
	min-height: 130px;
}
body#inmd-page #content .pagepost h3 {
	clear: both;
	display: block;
}
body#inmd-page #content .pagepost p.team {
	clear: none;
	display: block;
	margin: .6em 0 0 0;
}
body#inmd-page #content .post.pagepost h3.teampic {
	
}
body#inmd-page #content .post.pagepost h3.teampic img {
	padding: 8px 10px;
	margin: 0 90px 20px 10px;
	background: #fff;
	color: #221607;
	border: 1px solid #B5AA99;
	display: block;
	float: right;
	background: url(images/paper.jpg) top left repeat;
}
/* ################## BORDERS FOR VIDEOS ################## */
#content.inmd  object, body#inmd-page object {
	border: 6px solid #5b930c;	
	display: block;
	margin: 10px 0;	
}

/*--------------------------------------------------------------------------
PAGE SPECIFIC SETTINGS - SECTION 4 - blog
 --------------------------------------------------------------------------*/

 
#content.blog {
	display: block;
	padding: 0 0 8em 0;
}
#content.blog h2, body#blog #content h2 {
	clear: ;
	color: #A0611C;
	padding: 0 0 .2em 0;
	margin: 0;
	border-bottom: 2px solid #bdb5a8;
}
#content.blog h3 {
	color: #A0611C;
	font-size: 1.4em;
	padding: 16px 0 0 0;
}
body#blog #content h2 a {
	text-decoration: none;
}
/* ################## HEADERS ################## */
#content.blog a {
	color: #A0611C;
}
#content.blog a:link, #content.blog a:visited {
	color: #A0611C;
}
#content.blog a:hover, #content.blog a:active, #content.blog a:focus {
	color: #cf3d00;	
}
#content.blog .post .meta {
	display: block;
	color: #bdb5a8;
	margin: 0 0 8em 0;	
}
#content.blog .post .meta a{
		color: #a1937b;
}
#content.blog .post .meta a:hover, #content.blog .post .meta a:active, #content.blog .post .meta a:focus {
	color: #cf3d00;		
}
#content.blog .post .meta span {
	display: block;
	color: #bdb5a8;
	border-bottom: 1px dotted #bdb5a8;
}
#content.blog p a.more-link {
	display: block;
}
#content.blog p {
	
}
#content.blog p.metadata {
	font-size: .8em;
	color: #9e927e;
	display: block;
	margin: 0 0 1.2em 0;
	border-bottom: 1px solid #bdb5a8;
}
#content.blog p.metadata span {
	float: right;
}
#content.blog p.metadata span.tags {
	clear: right;
	float: none;
	display: block;
	color: #bdb5a8;
}
#content.blog p.metadata span.tags a {
	color: #bdb5a8;
}

#content.blog p.metadata span.tags a:hover, #content.blog p.metadata span.tags a:active, #content.blog p.metadata span.tags a:focus {
	color: #cf3d00;	
}

/* ################## contact form ################## */
body#blog #content .pagepost .formcontainer div {
	min-height: 1em;
	margin: 5px 0;	
}
body#blog #content .pagepost .formcontainer legend {
	color: #5b930c;	
	font-size: 1.2em;	
	padding: 1em 0;
}
body#blog #content .pagepost .formcontainer input, body#blog #content .pagepost .formcontainer textarea {
	border:  1px solid #5b930c;
	padding: 3px;
	width: 300px;
}
body#blog #content .pagepost .formcontainer input#ec_option_cc {
	width: 2em;
}
body#blog #content .pagepost .formcontainer input:hover, body#blog #content .pagepost .formcontainer textarea:hover, body#blog #content .pagepost .formcontainer input:active, body#blog #content .pagepost .formcontainer textarea:active, body#blog #content .pagepost .formcontainer input:focus, body#blog #content .pagepost .formcontainer textarea:focus {
	border:  2px solid #cf3d00;
	padding: 2px;
}
body#blog #content .pagepost .formcontainer div.form-label {
	clear: left;
	display: block;
	float: left;
	width: 30%;
	margin: 0;
	min-height: 1em;
}
body#blog #content .pagepost .formcontainer .form-option {
	margin: 0 0 0 30%;
}
body#blog #content .pagepost .formcontainer .form-submit input {
	display: block;
	margin: 0 0 0 30%;
	width: 300px;
	background: #fff;
	border:  1px solid #5b930c;
	color: #5b930c;
	font-size: 1.2em;
}
body#blog #content .pagepost .formcontainer .form-submit input {
	display: none;
}
body#blog #content .pagepost .formcontainer .form-submit input.button {
	display: block;
	border:  1px solid #5b930c;
	padding: 3px;
}
body#blog #content .pagepost .formcontainer .form-submit input.button:hover {
	display: block;
	border:  1px solid #cf3d00;
	padding: 3px;
	color: #fff;
	background: #cf3d00;
}

/*--------------------------------------------------------------------------
COMMENT LISTS
 --------------------------------------------------------------------------*/
#content h3#respond {
	background: url(images/thoughtbubble-reply.png) no-repeat;
	background-position: 9.4em 0;
	padding: 32px 0 20px 0;
	color: #da4e10;
	border: none;
}
#content ol.commentlist {
	font-size: 1em;
	padding: 0;
	margin: 0 0 0 -46px;
}
#content ol.commentlist li {
	background: url(images/comment-icon.png) top left no-repeat;
	background-position: 0 10px;
	padding: 9px 0 20px 46px;
	list-style: none;
}
#content ol.commentlist li cite {
	font-size: 1.2em;
	display: block;
	margin: 0 0 .6em 0;
}
#content ol.commentlist li p.commentmetadata {
	display: block;
	font-size: .7em;
	margin: -4px 0;
	color: #bdb5a8;
}
/* ################## FORM ELEMENTS ################## */
#content form#commentform {
	display: block;
	width: 500px;
	font-size: 0.9em;
	padding: 0 0 5em 0;
}
#content form#commentform {
	width: 280px;
	float: left;
	margin: 0 60px 0 0;
}
#content form#commentform legend {
	font-size: 1.2em;
	color: #95A400;
	padding: 1em 0 0 0;
}
#content form#commentform label {
	display: block;
	width: 500px;
	margin: 0.4em 0;
}
#content form#commentform input, #content form#commentform textarea {
	width: 230px;
	float: left;
	background: none;
	border: 1px solid #A0611C;
	color: #233151;
	padding: 4px;
	margin: 0 4px 0 0;
}
#content form#commentform input:hover, #content form#commentform input:focus, #content form#commentform textarea:hover, #content form#commentform textarea:focus {
	background: #fff;
	padding: 2px;
	border: 3px solid #da4e10;
}
#content form#commentform input#submit {
	display: block;
	margin: 12px 0 0 0;
	padding: 0;
	border: none;
	font-size: 1em;
	font-weight: bold;
	color: #da4e10;
	text-align: center;
	background: none;
	border-bottom: 2px solid #da4e10;
}

/*--------------------------------------------------------------------------
FOOTER
 --------------------------------------------------------------------------*/
footer {
	clear: both;
	display: block;
	background: url(images/landscape-light.jpg) bottom center repeat-x;
	padding: 400px 10% 0 10%;
	border-bottom: 3px solid #da4e10;
	position: relative;
	color: #AD9576;

}
footer a, footer a:link, footer a:visited {
	color: #AD7E3E;
}
footer a:hover, footer a:active, footer a:focus {
	color: #cf3d00;	
}

footer #motto {
	display: block;
	font-size : 1.4em;
	color: #da4e10;
	position: absolute;
	top: 326px;
	margin: 0 0 0 42%;
}


footer ul {
	font-size: .8em;
	position: absolute;
	top:  384px;
	margin: 0 0 0 42%;
}
footer ul li {
	display: inline;
	margin: 0;
}