/*
Theme Name: John Howarth
Theme URI: http://www.johnhowarth.com
Description: The default theme for johnhowarth.com
Version: 0.1
Author: Public Impact
Author URI: http://www.public-impact.com
Tags: martin salter, public impact
*/

/* Begin Typography & Colors */
html{width:100%;}
body{width:100%;margin:0;background:#fff;font-size:62.5%;text-align:center;font-family:Arial,Helvetica,sans-serif;}
p{margin:0 0 15px 0;}
img{border:0;}
ol{list-style:decimal outside;margin:1.5em 0 1.5em 1.5em;}
ol li{list-style:decimal outside;margin-bottom:2em;}
a{color:#5a3f99;text-decoration:none;}
a:hover{color:#391f73;text-decoration:underline;}
a:visited{color:#7561a2;}
a:visited:hover{color:#391f73;}
h1{font-size:2em;letter-spacing:-0.05em;margin:0 0 15px 0;}
h2{font-size:1.8em;letter-spacing:-0.05em;margin:0 0 15px 0;}
h2 small { font-size:0.5em;font-weight:normal;letter-spacing:0em;}
h3{font-size:1.6em;letter-spacing:-0.05em;margin:0 0 15px 0;}
h4{font-size:1.4em;letter-spacing:-0.05em;margin:5px 0 0 0;}
h5{font-size:1.2em;letter-spacing:-0.05em;margin:0 0 15px 0;}
h6{font-size:1em;letter-spacing:-0.05em;margin:0 0 15px 0;}
h3.home{padding:5px 0 0 0;}
.paddTop15{padding-top:15px;}
.smaller{font-size:0.9em;line-height:1.4em;}
#container{width:760px;margin:0 auto;text-align:left;}
#container .headerImage{display:block;}
#container #content{padding:0;font-size:1.2em;letter-spacing:0.02em;line-height:1.7em;}
#container #content #leftColumn{width:205px;float:left;padding:0 10px;}
#container #content #leftColumn img{padding: 0 0 10px 0;}
#container #content #leftColumn span { clear:left }
#container #content #leftColumn .leftText{padding:20px 0;width:208px;margin:0px auto;}
#container #content #textual{width:507px;float:right;padding:0 10px 20px 0;}
#container #content #textualFull{width:740px;padding:0 10px 20px 10px;}
#container #content #textualBlank{width:740px;padding:20px 10px 20px 10px; }
#container #content #textual #breadcrumbs, #container #content #textualFull{font-size:0.9em;margin:0 0 10px 0;}
#container #content #textual .newsDetails{font-size:0.8em;}
#container #content #textual .strapline{margin:0 0 1.5em 0;padding:0 0 2em 0;border-bottom:2px solid #e1bdbd;}
#container #content #textual .strapline h3{font-weight:normal;font-size:1.1em;letter-spacing:-0.05em;}
/* NEWS */
ul.NewsList{clear:right;margin:0 0 20px 0;padding:0;list-style:none;}
ul.NewsList li.newsDate{font-size:1em;letter-spacing:-0.05em;color:#7d7d7d;font-weight:normal;}
ul.NewsList li.newsSummary{margin:0 0 10px 0;font-size:1.1em;}
ul.NewsList li.newsLink a {text-transform:uppercase;letter-spacing:-0.05em;display:block;background:#5a3f99;color:#fff;padding:1px 0 1px 5px;}
ul.NewsList li.newsLink a:hover { text-decoration:none;background:#8d74c8;}
ul.NewsList li.newsTitle{margin:0 0 10px 0;}
ul.NewsList li h5{line-height:1.3em;margin:0;}
ul.NewsList li h5 span{font-size:0.8em;letter-spacing:-0.05em;color:#7d7d7d;font-weight:normal;}
/* MENU */
#menu{float:left;padding:0 0 10px 0;z-index:50;position:relative;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{float:left;}
#menu ul li ul li a,#menu h2{font-family:Arial,Helvetica,sans-serif;font-size:0.9em;line-height:1.7em;font-weight:bold;letter-spacing:-0.02em;display:block;border-width:1px;border-style:solid;border-color:#ccc #888 #555 #bbb;margin:0;padding:2px 3px;}
#menu h2{color:#fff;background:#000;text-transform:uppercase;}
/* MENU LINKS */
#menu ul li ul li a{color:#000;background:#fff;text-decoration:none;font-size:1.2em;}
#menu ul li ul li a:hover{color:#3a256a;background:#dfd8f0;}
/*#menu ul li ul li a:visited{color:#676767;}*/
#menu ul li ul li a span{font-weight:normal;font-size:0.9em;}
/* enlarge sub items */
#menu ul li ul li{width:15em;clear:both;}
/* selected menu item */
#menu ul li ul li.current a, #menu ul li ul li.current_page_item a{color:#fff;background:#4f3a7f;text-decoration:none;}
#menu ul li.current ul li a:hover{color:#a00;background:#fff;}
#menu ul li.current a:visited{color:#fff;}
/* sub items */
#menu ul li.current ul li a{/* disable highlight */
color:#000;background:#efefef;text-decoration:none;}
#menu ul li.current ul li a:visited{color:#676767;}
#menu li{position:relative;}
#menu ul ul{position:absolute;top:32px;left:0%;width:100%;}
div#menu ul ul,
div#menu ul li:hover ul{display:none;}
div#menu ul li:hover ul,
div#menu ul li:hover ul{display:block;}
/* footer */
ul#footer { clear:both;list-style:none;margin:0;float:left;padding:0;}
ul#footer li { float:left;padding:0 20px 0 0;display:block;}
ul#footer li a { display:block;float:left;}