/* @override http://www.londonspovertyprofile.org.uk/css/layout.css */
/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: 
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

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

/* custom */

a.skip {position: absolute; left: -1000em; width: 20em;}

#wrapper {margin-left: auto; margin-right: auto; width:960px;}
#branding {width: 960px; height: 100px;}
#branding ul {list-style: none;width: 960px; height: 100px;}
#branding li {list-style: none; float:left;}
#branding li.sitetitle, #branding li.sitetitle a {width:704px;height:100px;display: block;}
#branding li.external1, #branding li.external1 a {width:157px;height:100px;display: block;}
#branding li.external2, #branding li.external2 a {width:99px;height:100px;display: block;}
/* #branding a {width: 704px; height: 100px;} */
#branding a strong {display: none;}

#nav {width: 960px; height: 37px;}
#nav ul {margin-left: 5px;}
#nav ul li {float: left;}
#nav ul li a {padding-left: 10px; padding-right: 10px; margin-top: 5px; height: 32px; display: block; float: left;}
#nav form {float:right; margin-top: 7px; margin-right: 15px;}

#content {width: 930px; margin-left:auto;margin-right: auto;}
#content h1 {margin-top: 30px;}
#content h2 {margin-top: 20px;margin-bottom: 7px;padding-top:3px;}
#content h3 {margin-top: 12px;margin-bottom: 2px;}
#content h4 {margin-top: 12px;margin-bottom: 2px;}
#content h5 {margin-top: 0px;margin-bottom: 0px;}
#content p, #content ul, #content ol {margin-bottom: 8px;}
#content ul, #content ol {margin-left: 18px;}
#content li {margin-bottom: 5px;}
#content h1, #content h2, #content h3, #content p, #content li {margin-right: 15px;}
#content table {margin-top: 10px;}
#content table caption {margin-bottom: 5px;}
#content table tr {vertical-align: top;}
#content table td, #content table th {padding: 5px;}

body#home #content table td, body#home #content table th {padding:0;padding-right:10px;}
body#home #content table td {width:33%;}

#content-main {margin-top: 15px;width:473px;float:left;}
body#widemain #content-main, body#indicator #content-main, body#topic #content-main {width:694px;}
#content-main #homeintro h2 {margin-top: 0;padding-top:5px;}

#content-sub {margin-top: 15px;width:236px;float:left;}
#content-sub .sub-box, #content-sub .caption{padding: 10px;margin-bottom: 15px;}
#content-sub .sub-box h3{margin-top: 0;margin-bottom: 12px;}
#content-sub ul#subnav {margin-left: 0;}
#content-sub img.rssicon {vertical-align:top;}

#content-sub-extra {margin-top: 15px;width:221px;float:left;}
#content-sub-extra h2 {margin-top: 0;margin-left: 15px;}
#content-sub-extra ul {margin-left: 0;margin-left: 15px;}
#content-sub-extra .sub-box {margin-left:15px; padding: 10px;margin-bottom: 15px;}
#content-sub-extra .sub-box h3 {margin-top: 0;margin-bottom: 12px;}
#content-sub-extra .caption{padding: 0; margin: 0;margin-left:15px;margin-bottom: 10px;}
#content-sub-extra .caption p{padding: 0; margin: 0;}

#content-sub .sub-box img, #content-sub-extra .sub-box img {margin-bottom:5px;}

#content-inner {margin-top: 15px;width:221px;float:left;}
#content-inner h2 {margin-top: 0;margin-left: 15px;margin-bottom: 10px;}
#content-inner ul {margin-left: 15px;}
#content-inner li {margin-bottom: 10px;}
#content-inner p {margin-left: 15px;}

#site-info {width: 960px;height:46px;margin-top:20px; margin-bottom: 10px;}
#site-info p {padding: 10px;}
#site-info p#copyright {float: left;}
#site-info p#credit {float: right;}

body#widemain #content p.intro {margin-right: 500px;}
body#indicator #content-main p, body#topic #content-main p, body#indicator #content-main li, body#indicator #content-main h2, body#topic #content-main li, body#topic #content-main h2, body#widemain #content-main p, body#widemain #content-main li {margin-right: 230px;}



#googlemap {padding:5px;margin-right:14px;margin-bottom: 10px;}
#allindicators {margin-right:14px;}
.indicatorlist {float: left; width:33%;}
body#widemain #content-main #allindicators li, body#widemain #content-main #allindicators p {margin-right:0;}
#content-main h2.top, #content-sub h2.top {margin-top: 0;}
#content-main .indicatorlist h2 {margin-top: 0;padding-top: 3px;}

body#indicator #content h1 {margin-top: 0px;}
body#indicator #content-sub h4 {margin-top: 24px;}
body#indicator #content-sub .sub-box h4 {margin-top: 12px;}
#indicator-summary {margin-right: 15px;margin-bottom: 15px;}
#indicator-summary h2 {margin-top: 0;margin-left:5px;padding-top:5px;}
#indicator-summary ul, #indicator-summary p {margin:5px;}
#indicator-summary li, body#widemain #indicator-summary li {margin-left: 20px;margin-right:20px;}
body#topic #content-main #indicator-summary li, body#indicator #content-main #indicator-summary li {margin-right:20px;}
#indicator-summary li li {margin-left: 30px;margin-right:20px;}
p#breadcrumb {margin-top: 30px; margin-bottom: 0}
p#lastupdated {margin-top: 30px;}

#otherindicators {padding:5px;margin-bottom:10px;}
#indicatorlist {margin-bottom: 10px;}
body#indicator #content-sub #otherindicators h4, body#indicator #content-sub #extrareading h4 {margin-top: 0;margin-bottom:10px;}

#extrareading {padding-left:10px;padding-top:8px;margin-bottom: 20px;margin-top:24px;}
#extrareading h3 {margin-top: 10px;}
#extrareading h4 {margin-top:0px;}

#content p.graphlinks {padding-left:20px;}

div.vcard div.adr {margin-bottom: 10px;}

table#complex_overview td, table#complex_overview th {padding:0;margin:0;height:10px;}
table#complex_overview th{margin:0;padding:0;}
table#complex_overview th p.table-heading, table#complex_overview th p.table {margin:0; padding:0; padding-left:2px;padding-top:3px;}
table#complex_overview tbody th.mainheading{width:60px}
table#complex_overview tbody th.subheading{width:120px}
table#complex_overview td{width:30px;}
table#complex_overview thead td .group .story {margin:0; padding:0;}
table#complex_overview p.legenda, table#complex_overview p.legendb, table#complex_overview p.legendc, table#complex_overview p.legendd{margin:0; margin-right:5px;margin-bottom:5px;padding:0; padding-top:3px;padding-bottom:3px;padding-left:3px;}
body#widemain table#complex_overview p.legenda, body#widemain table#complex_overview p.legendb, body#widemain table#complex_overview p.legendc, body#widemain table#complex_overview p.legendd{margin-right:5px;}
table#complex_overview td.list{padding-top:10px;}
body#widemain #content-main table#complex_overview p {margin-right: 0;}