/*
Theme Name: WebToolkit
Author: Digital Engagement, GIS, Dept. of Internal Affairs, New Zealand Government
Author URI: http://webtoolkit.govt.nz/
Description: A theme for webtoolkit.govt.nz
License: GNU General Public License
License URI: license.txt
*/


/* Reset
-------------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
nav,
section {
    display: block;
}


/* Global Elements
-------------------------------------------------------------------------------*/

@font-face {
    font-family: Fira;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/FiraSans-Regular.eot");
    src: url("fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/FiraSans-Regular.woff") format("woff"), url("fonts/FiraSans-Regular.ttf") format("truetype")
}

@font-face {
    font-family: Fira-Med;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/FiraSans-Medium.eot");
    src: url("fonts/FiraSans-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/FiraSans-Medium.woff") format("woff"), url("fonts/FiraSans-Medium.ttf") format("truetype")
}

@font-face {
    font-family: Fira-Bold;
    font-style: normal;
    font-weight: 700;
    src: url("fonts/FiraSans-Bold.eot");
    src: url("fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/FiraSans-Bold.woff") format("woff"), url("fonts/FiraSans-Bold.ttf") format("truetype")
}

@font-face {
    font-family: Fira-light;
    font-style: normal;
    font-weight: 200;
    src: url("fonts/FiraSans-ExtraLight.eot");
    src: url("fonts/FiraSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("fonts/FiraSans-ExtraLight.woff") format("woff"), url("fonts/FiraSans-ExtraLight.ttf") format("truetype")
}

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('fonts/DroidSerif-Regular-webfont.eot');
    src: url('fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBold';
    src: url('fonts/DroidSerif-Bold-webfont.eot');
    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif-Bold-webfont.woff') format('woff'), url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: Fira, Helvetica, Arial, sans-serif;
    overflow-y: scroll;
}


/* force a vertical scrollbar to prevent a jumpy page */

body {
    background-color: #fafafa;
}

body,
textarea {
    color: #333;
    font-family: Fira, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    word-spacing: 0.125em;
}

h1,
h2,
h3,
h4,
h5,
h6,
caption {
    font-family: "DroidSerifRegular", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: normal;
    outline: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

pre,
code,
kbd {
    font: 100%/1.3 "Nimbus Mono L", "Courier New", Courier, monospace;
}

h1 {
    font-size: 150%;
    margin-top: 0.25em;
}

h2 {
    font-size: 125%;
    margin-top: 1em;
}

h3 {
    font-size: 112.5%;
    margin-top: 1.25em;
}

h4 {
    font-size: 100%;
    margin-top: 1.5em;
}

h5 {
    font-size: 87.5%;
    margin-top: 1.75em;
}

h6 {
    font-size: 75%;
    margin-top: 2em;
}

p {
    margin-top: 1em;
}

ul {
    margin: 1em 0 0 30px;
}

ol {
    margin: 1em 0 0 35px;
}

ul ul,
ol ul {
    list-style-type: circle;
}

ul ul ul {
    list-style-type: square;
}

li {
    margin-top: 0.5em;
}

li ul,
li ol {
    margin-top: 0.5em;
}

li p {
    margin-top: 0.5em;
}

table ul {
    margin-top: 0;
}

table li {
    margin: 0 0 0.5em;
}

pre {
    line-height: 1;
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
    word-spacing: 0;
}

code,
kbd {
    color: #000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

code {
    background-color: #ffffee;
}

kbd {
    background-color: #ededed;
    border-color: #fafafa #dadada #dadada #ededed;
    border-style: solid;
    border-width: 2px;
    padding: 0 2px 0 1px;
}

label {
    font-weight: bold;
}

input,
select,
textarea {
    font-size: 87.5%;
    padding: 1px 2px
}

input:focus,
textarea:focus {
    background-color: #edf7ff;
}

input::-webkit-input-placeholder {
    color: #626262;
}

input:-moz-placeholder {
    color: #626262;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

button,
input,
select,
textarea {
    margin: 0;
}


/* Webkit browsers add a 2px margin outside the chrome of form elements */

button {
    width: auto;
    overflow: visible;
}


/* make buttons play nice in IE */


/*blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}*/

q {
    quotes: "“" "”" "‘" "’";
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

blockquote {
    border-left: 4px dotted #ccc;
    color: #555;
    margin: 0 30px 0 20px;
    padding-left: 10px;
    quotes: none;
}

blockquote footer {
    text-align: right;
}

cite {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.25em;
    margin-bottom: 1.5em;
}


/* tables still need cellspacing="0" in the markup */

th,
td {
    border: 1px solid #aaa;
    vertical-align: middle;
    padding: 0.5em;
    background-color: #fff;
}

th {
    font-weight: bold;
}

thead th {
    background-color: #254a66;
    color: #fff;
    text-align: center;
}

tbody th {
    background-color: #ddd;
    color: #333;
    text-align: left;
}

td,
td img {
    vertical-align: top;
}

caption {
    margin: 0.5em 0;
    text-align: left;
    text-shadow: none;
}

caption p {
    margin-top: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    word-spacing: 0.125em;
    font-size: 75%;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-top: 0.5em;
    padding: 0;
}

fieldset {
    border: none;
}

abbr[title],
dfn[title],
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

a {
    background: transparent;
    padding-bottom: 1px;
    text-decoration: none;
    word-wrap: break-word;
}

a:link,
a:visited {
    border-style: solid;
    border-width: 0 0 1px 0;
}

a:link {
    border-color: #2b4b6b;
    color: #000000;
    -webkit-tap-highlight-color: #fcd700;
    /*	j.mp/webkit-tap-highlight-color */
}

a:visited {
    border-color: #f51905;
    color: #f51905;
}

a:hover,
a:focus,
a:active {
    border-bottom-width: 2px;
}

img,
a img {
    border: none;
}

.fig {
    margin-top: 1.75em;
    font-size: 75%;
    text-align: left;
}


/*for figure*/

.fig img {
    display: block;
    margin-bottom: 0.25em;
}

small {
    font-size: 85%;
}


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */

::-moz-selection {
    background: #fcd700;
    color: #333;
    text-shadow: none;
}

::selection {
    background: #fcd700;
    color: #333;
    text-shadow: none;
}

ins {
    text-decoration: none;
}

mark {
    background-color: #ddffcc;
    color: #000;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

dt {
    font-family: "DroidSerifRegular", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 112.5%;
    font-weight: normal;
    margin-top: 1.25em;
    outline: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

dd {
    margin: 0 0 0 20px;
}

dd p {
    margin: 0 0 1em 0;
}

dd ul {
    margin-bottom: 1em;
}

dd figure,
dd figure.blockquote {
    margin: 5px 0 1em 0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/*.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */


/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue.
   :root *> targets everything but ie6-8 to avoid strange issues.
 */

:root *>img,
 :root *>object,
 :root *>embed,
 :root *>video,
 :root *>figure,
 :root *>.fig {
    height: auto;
    max-width: 100%;
    width: auto;
}


/*Misc common*/

.visually-hidden {
    position: absolute;
    left: -9999em;
    margin: 0;
}


/* visually-hidden for non-clickable items only */

a.img {
    border: none;
}

th.subhead {
    background-color: #ddd;
    color: #000;
}

tr.odd th,
tr.odd td {
    background-color: #edf7ff;
}

.box {
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));
    background: -moz-linear-gradient(center top, #ffffff, #fafafa);
    border: 1px solid #eee;
    -moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 3px #999;
    margin-top: 1em;
    padding: 0.25em 10px 1.25em;
}

.box h2,
.box h3,
.box h4 {
    margin-top: 0.5em;
}

.draft {
    background: #ffc;
}

pre.box {
    overflow: auto;
    padding: 1em;
}

figure.blockquote {
    background-color: #fafafa;
    margin-top: 1em;
    padding: 5px 30px 5px 0;
}

figure.blockquote blockquote {
    margin-right: 0;
}

figure.blockquote figcaption {
    color: #666;
    margin: 10px 0 0 20px;
    text-align: right;
}

img.border {
    border: 1px solid #ddd;
}

details,
summary {
    display: block;
}

details {
    padding: 0.5em 0.5em 0.5em 0;
}

details .details-content {
    padding: 0.5em;
    background: #eee;
}

details .details-content h2:first-child,
details .details-content h3:first-child {
    margin-top: 0;
}

summary::-webkit-details-marker {
    display: none;
}

summary {
    background: #fff url("img/rightArrow.png") no-repeat 0.5em center;
    cursor: default;
    padding: 0.25em 0.25em 0.25em 2em;
}

summary:hover,
summary:focus,
details[open] summary:hover,
details[open] summary:focus {
    background-color: #eee;
}

details[open] summary {
    background-color: #f5f5f5;
    background-image: url("img/downArrow.png");
}

details> :not(summary) {
    display: none;
}

details[open]> :not(summary) {
    display: block;
}

.ie8 summary {
    background-image: none;
    padding-left: 0.25em;
}


/* remove details/summary type styles in ie8*/

.ie8 summary:hover,
.ie8 summary:focus {
    background-color: transparent;
}


/* remove details/summary type styles in ie8*/

.footnotes {
    border-top: 1px solid #999;
    margin: 40px 0 0;
}

.legal h2,
.legal h3,
.legal h4,
.legal h5 {
    clear: left;
}

.legal p,
.legal .sub {
    position: relative;
}

.ie7 .legal p,
.ie7 .legal .sub {
    width: 100%;
}

.ie7 .legal .no {
    top: 0;
}

.legal p {
    margin-left: 1.75em;
}

.legal .sub {
    margin-left: 1.75em;
}

.legal .no {
    position: absolute;
    left: -1.75em;
}

.legal .box {
    margin-left: 30px;
}

a.external .icon {
    background: transparent url("img/external-link.png") no-repeat top right;
    display: inline-block;
    text-indent: 100%;
    width: 13px;
    height: 13px;
    white-space: nowrap;
    overflow: hidden;
}

.ie7 a.external .icon {
    vertical-align: middle;
}

.copyright {
    margin-top: 2em;
}

a.cc .icon {
    display: none;
}


/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-bottom: 2em;
    margin-right: 2em;
}

.alignright {
    display: inline;
    float: right;
    margin-bottom: 2em;
    margin-left: 2em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

.clearboth {
    clear: both;
}


/*prettyprint*/

.prettyprint code {
    background-color: transparent;
    font-size: 87.5%;
}

.str {
    color: #070
}

.kwd {
    color: #008
}

.com {
    color: #800
}

.typ {
    color: #606
}

.lit {
    color: #066
}

.pun {
    color: #660
}

.pln {
    color: #000
}

.prettyprint .tag {
    color: #008
}

.atn {
    color: #606
}

.atv {
    color: #070
}

.dec {
    color: #606
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
    list-style: none
}

li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
    background: #eee
}

@media print {
    .str {
        color: #060
    }
    .kwd {
        color: #006;
        font-weight: bold
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404;
        font-weight: bold
    }
    .lit {
        color: #044
    }
    .pun {
        color: #440
    }
    .pln {
        color: #000
    }
    .prettyprint .tag {
        color: #006;
        font-weight: bold
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

ol.dialogue {
    list-style: none;
}

.dialogue li span {
    font-weight: bold;
}

#archived {
    background: #c00000;
    background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#c00000));
    background: -moz-linear-gradient(center top, #800000, #c00000);
    color: #fff;
}

#archived a {
    color: #fff;
    border-color: #fff;
}

.example {
    font-style: italic;
}

.printOnly {
    display: none !important;
}


/* GLOBAL STRUCTURE - Linearized for ie6 and mobile, but pretty
=============================================================== */

.wrapper {
    background-color: #fff;
    -moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 6px #999;
    margin: 0 auto;
}

.ie7 .wrapper {
    min-width: 600px;
    max-width: 960px;
}


/*Skip Links*/

.skip-links {
    background-color: #fafafa;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
}

.skip-links a:link,
.skip-links a:visited {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #2B4B6B;
    display: inline-block;
    font-size: 75%;
    margin: 0 3px 5px 0;
    padding: 3px 5px;
}

.skip-links a:hover,
.skip-links a:focus,
.skip-links a:active {
    background-color: #3e6c99;
    color: #fff;
}

@media screen and (max-device-width: 480px) {
    /*dispense with visible skip links in small-screen devices*/
    .skip-links {
        display: none;
    }
}


/*Header*/

.ie7 .header {
    border-style: solid;
    border-color: #aaa;
    border-width: 0 1px;
    zoom: 1;
}

.header {
    background: #000000;
}

.header-inner {
    background: #2B4B6B url("img/3colBlueGradient.svg");
    padding-bottom: 1.75em;
}


/*Site Logo*/

.site-name {
    margin: 0 0 5px;
    padding: 20px 0 0;
    text-align: center;
}

.site-name a,
.site-name div {
    color: #fff;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 125%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.site-name a,
.site-name div {
    border: none;
    display: inline-block;
    line-height: 1.2;
}

.site-name span {
    color: #fff;
    display: block;
    font-size: 120%;
    text-transform: uppercase;
}


/*Search*/

.search-form {
    padding-bottom: 20px;
    text-align: center;
}

.form {
    position: relative;
    display: inline-block;
}

.ie7 .form {
    display: inline;
}

#s {
    width: 9em;
    display: inline;
    padding-left: 4px;
}

.refine {
    margin-top: 5px;
    position: absolute;
    right: 0;
}

.ie7 .refine {
    top: 2em;
}

.refine label {
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
}

.refine select {
    vertical-align: middle;
}

.refine option {
    padding: 0 10px 0 5px;
}

#searchsubmit {
    display: inline;
}

.limit-search {
    background: #ddd;
    float: left;
    margin: 1em 0 1.5em;
    padding: 10px;
}

.limit-search p {
    display: inline;
    font-weight: bold;
    margin-right: 10px;
}

.limit-search ul {
    margin-left: 0;
    display: inline;
    white-space: nowrap;
}

.limit-search li {
    display: inline;
    margin-right: 10px;
}

.results {
    clear: left;
}

.results .type-page {
    border-left: 6px solid #3e6c99;
    padding-left: 10px
}


/*Main Menu*/

.menu ul,
.menu li {
    background: #ccc url("img/g-w-gGradient.svg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(50%, #ffffff), color-stop(100%, #999999));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 50%, #999999 100%);
    /* Chrome10+,Safari5.1+ */
    margin: 0;
}

.menu ul {
    border-bottom: 1px solid #ccc;
    float: left;
    list-style: none;
    width: 100%;
}

.menu li {
    float: left;
    font-weight: bold;
    width: 50%;
}

.ie7 .menu li {
    zoom: 1;
    width: 49.9999%;
}


/*.menu-item-568, .menu-item-567 {border-bottom: 1px solid #aaa;}/*for webtoolkit.govt.nz*/

.menu a,
.menu span {
    border-bottom: none;
    border-right: 1px solid #aaa;
    color: #222;
    display: block;
    padding: 0.3125em 0;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-device-width: 480px) {
    /*use bigger text and toggle images in small-screen devices*/
    .menu a,
    .menu span {
        font-size: 112.5%;
    }
}

.menu .current-page-ancestor a,
.menu .current_page_parent a,
.menu span {
    background-color: #fff;
}

.menu span {
    cursor: default;
}

.menu span:focus,
.menu span:active {
    outline: 1px dotted #fff;
}

.menu a:hover,
.menu a:focus,
.menu a:active {
    background-color: #3e6c99;
    color: #fff;
}

.menu-item-567 a,
.menu-item-567 span,
.menu-item-565 a,
.menu-item-565 span {
    border-right: none;
}

.menu .sub-menu {
    display: none;
}

.ie7 .menu a {
    zoom: 1;
}


/*Breadcrumbs*/

.breadcrumbs {
    clear: left;
    padding: 10px 10px 15px;
}

.breadcrumbs ol {
    list-style: none;
    margin: 0;
}

.breadcrumbs li {
    color: #666;
    background: #fff url("img/raquo.png") no-repeat center right;
    display: inline;
    font-size: 75%;
    line-height: 1.8;
    margin: 0 0.75em 0 0;
    padding-right: 1.25em;
}

.ie7 .breadcrumbs li {
    zoom: 1;
}

.breadcrumbs li.current {
    background-image: none;
}

.breadcrumbs a {
    color: #666;
    border-color: #666;
}


/*Content*/

.content {
    clear: left;
    padding-bottom: 1em;
}


/*.subnav .content {border-bottom: 4px solid #666;}*/

.home .content,
.error404 .content {
    padding-top: 2em;
}


/*.search .content, .error404 .content {padding-bottom: 20px;}*/

.ie7 .content {
    border-style: solid;
    border-color: #aaa;
    border-width: 0 1px;
    zoom: 1;
}

.home .guides h2 {
    margin-top: 1.25em;
}

.home .main-sections ul,
.home .latest-posts ul {
    margin-left: 15px;
}


/*Last Modified*/

.last-mod {
    clear: both;
    font-size: 87.5%;
    margin: 0 10px;
    padding: 1em 0 0;
}

.last-mod dt,
.last-mod dd {
    display: inline;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    margin: 0;
    text-shadow: none;
}


/*Main*/

#main {
    outline: none;
}

.main-inner {
    margin: 0 10px 0;
}

.intro {
    background-color: #fafafa;
    border: 1px solid #eee;
    -moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 3px #999;
    /*margin-bottom: 2em;*/
    margin-top: 1em;
    padding: 1em 10px 1.25em;
}

.intro h1,
.intro h2 {
    margin-top: 0.25em;
}


/*Blog*/

a.continue {
    white-space: nowrap;
}

.author-bio {
    font-size: 87.5%;
    color: #666;
    margin-bottom: 2em;
    clear: left;
}

.ie7 .author-bio {
    width: 96%;
}

.author-bio img {
    float: left;
    margin: 0 10px 0 0;
}

.author-bio p,
.authors .author-bio h2 {
    margin-top: 0;
}

.authors .author-bio p,
.author .author-bio p {
    margin-top: 1em;
    min-height: 100px;
}

.author .article {
    clear: left;
}

div.postmetadata {
    clear: both;
    margin: 0.5em 0 0;
}

.single div.postmetadata {
    margin-top: 1.5em;
}

.postmetadata p,
.single p.postmetadata {
    color: #666;
    font-size: 87.5%;
    line-height: 1.8;
}

.postmetadata p {
    margin: 0;
}

.postmetadata a {
    white-space: nowrap;
}

.cats-tags span {
    font-weight: bold;
}

#comments {
    border-top: 1px solid #666;
    margin-top: 1em;
    padding-top: 0.75em;
}

.comment-list {
    list-style: none;
    margin-left: 0;
}

.comment-list li {
    border-style: dotted;
    border-color: #666;
    margin-top: 0;
    padding: 0.75em 10px 1em;
}

.comment-list li.even {
    background-color: #fafafa;
    border-width: 0;
}

.comment-list li.odd {
    border-width: 1px 0;
}

.comment-list li.byuser {
    background-color: #edf7ff;
}

.comment-list h3 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    /*margin-bottom: 0.75em;*/
    margin-top: 0;
}

.comment-meta {
    font-size: 87.5%;
    font-weight: normal;
}

.comment-author img {
    border: 1px outset #999999;
    float: right;
    margin: 2px 0 20px 20px;
    padding: 3px;
}

.ie7 .comment-author img {
    position: relative;
    top: -20px;
    margin: 0 0 20px 20px;
}

.ie7 .comment-body {
    margin-left: 0;
}

#comment {
    width: 97%;
}

#respond form div {
    margin-top: 0.75em;
}

.errors {
    background-color: #fcc;
    border: 1px solid #f00;
    padding: 0 10px 10px;
    zoom: 1;
}

input.error,
textarea.error {
    border: 2px solid #f00;
}

.errors span {
    font-weight: bold;
}


/*Pagination*/

.page-nav.above {
    margin: 20px 0 0;
}

.page-nav.below,
.post-nav {
    margin: 20px 0 0;
}

.post-nav .prev,
.post-nav .next {
    font-size: 87.5%;
}

.ie7 .post-nav .prev,
.ie7 .post-nav .next {
    zoom: 1;
}

.post-nav .prev {
    margin-right: 40px;
    margin-bottom: 0.5em;
}

.post-nav .next {
    text-align: right;
}

.page-nav p,
.page-nav ul {
    display: inline;
}

.page-nav .current {
    margin: 0 10px;
}

a.page-numbers:link,
a.page-numbers:visited {
    background-color: #eee;
    border: 1px solid #ccc;
    line-height: 2;
    padding: 2px 8px;
}

a.page-numbers:hover,
a.pageNumbers:focus,
a.pageNumbers:active {
    background-color: #3e6c99;
    color: #fff;
}

.blognav .page-nav .next {
    float: right;
}

.blognav .page-nav .next-alone {
    text-align: right;
}

.page-nav .prev a:before,
a.prev:before {
    content: "← ";
}

.page-nav .next a:after,
.page-nav .next-alone a:after,
a.next:after {
    content: " →";
}


/*Right Sidebar*/

.aside h3,
.blog-nav h3 {
    font-size: 125%;
}

.aside h4,
.blog-nav h4 {
    font-size: 112.5%;
}

.aside h2,
.aside h3,
.blog-nav h2,
.blog-nav h3 {
    margin-top: 0.75em;
}

.aside-inner,
.blog-nav-inner {
    background-color: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 3px #999;
    margin: 2em 10px 0;
    padding: 0 0.5em 1em;
}

.home .aside-inner {
    margin-top: 1em;
}

.aside-inner a,
.aside-inner span,
.blog-nav-inner a,
.blog-nav-inner span {
    font-size: 87.5%;
}

.home .aside-inner ul {
    margin: 0.5em 0 0 15px;
}

.aside .links span {
    display: block;
}

.ie7 .blog-nav h3 {
    margin-bottom: 0.5em;
}

.blog-nav {
    clear: left;
    padding-top: 1em;
}

.blog-nav ul {
    list-style: none;
    margin: 0;
    zoom: 1;
}

.blog-nav li {
    display: inline-block;
    line-height: 1.2;
    margin: 0.25em 0.5em 0 0;
}

.ie7 .blog-nav li {
    display: inline;
    margin: 0 20px 5px 0;
    height: 25px;
}

.ie7 .blog-nav a {
    zoom: 1;
}

.blog-nav .latest-posts li,
.ie7 .blog-nav .latest-posts li {
    display: block;
    margin-bottom: 0.5em;
}


/*Section Menu*/

.section-nav-inner {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    position: relative;
}

.section-name {
    clear: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;
}

.section-nav a,
.section-nav span {
    display: block;
    padding: 8px 10px 6px;
}

.section-nav a:link,
.section-nav a:visited {
    border: none;
    color: #2b4b6b;
}

.section-name a:link,
.section-name a:visited,
.section-name span {
    background-color: #687787;
    color: #fff;
}

.section-name a:hover,
.section-name a:focus,
.section-name a:active {
    background-color: #3e6c99;
}

.section-name a:focus,
.section-name a:active {
    outline: 1px dotted #999;
}

.section-name a,
.section-name span,
.section-list a,
.section-list span {
    font-size: 87.5%;
}

.section-nav ul {
    margin: 0;
}

.section-list li {
    background-color: #e6e6e6;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    list-style: none;
    margin-top: 0;
}

.section-list a:hover {
    background-color: #dadada;
}

.section-list a:focus,
.section-list a:active,
.section-list span:focus,
.section-list span:active {
    background-color: #bbb;
}

.section-list span {
    background-color: #abcded;
    color: #333;
}

.ie7 .section-nav-inner,
.ie7 .section-list li,
.ie7 .section-list a,
.ie7 .section-list span {
    zoom: 1;
}

.section-list li li {
    border-bottom: none;
    font-weight: normal;
    margin-left: 0;
}

.section-list li li a,
.section-list li li span {
    background-image: url("img/raquo-blue.png");
    background-repeat: no-repeat;
    background-position: 24px 1em;
    padding-left: 40px;
}

.section-list li li li a,
.section-list li li li span {
    background-image: none;
    font-size: 75%;
    padding-left: 40px;
}

.section-nav .children {
    display: none;
}

.current_page_ancestor .children .children,
.current_page_item .children .children {
    display: none;
}

.current_page_ancestor .children,
.current_page_item .children,
.current_page_ancestor .current_page_item .children,
.current_page_ancestor .current_page_parent .children {
    display: block;
}

.section-list .tree .children {
    display: block;
}

.section-nav .children li {
    background-color: #fff;
}

.hasChildren {
    position: relative;
}

.tree a,
.tree span {
    background-image: none;
    padding-left: 30px;
}

.tree li .hasChildren a,
.tree li .hasChildren span {
    padding-left: 45px;
}

.tree li li a,
.tree li li span {
    background-image: none;
    padding-left: 45px;
}

.tree li li .noChildren a,
.tree li li .noChildren span {
    background-image: none;
    padding-left: 55px;
}

.toggle {
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 10px;
    top: 0.6875em;
}

.tree .expanded {
    background-image: url("img/minus-blue.png");
}

.tree .collapsed {
    background-image: url("img/plus-blue.png");
}

.tree .expanded.hover {
    background-image: url("img/minus-blue-hover.png");
}

.tree .collapsed.hover {
    background-image: url("img/plus-blue-hover.png");
}

.children .toggle {
    left: 25px;
}

@media screen and (max-device-width: 480px) {
    /*use bigger text and toggle images in small-screen devices*/
    .section-list a,
    .section-list span,
    .section-name a,
    .section-name span {
        font-size: 112.5%;
    }
    .section-list li li a,
    .section-list li li span {
        background-position: 34px 1em;
    }
    .section-list li li li a,
    .section-list li li li span {
        font-size: 100%;
        padding-left: 40px;
    }
    .tree a,
    .tree span {
        padding-left: 45px;
    }
    .tree .hasChildren a,
    .tree .hasChildren span {
        padding-left: 45px;
    }
    .tree li .hasChildren a,
    .tree li .hasChildren span {
        padding-left: 60px;
    }
    .tree li .noChildren a,
    .tree li .noChildren span {
        padding-left: 60px;
    }
    .tree li li .noChildren a,
    .tree li li .noChildren span {
        padding-left: 75px;
    }
    .tree .expanded {
        background-image: url("img/minus-blue-lg.png");
    }
    .tree .collapsed {
        background-image: url("img/plus-blue-lg.png");
    }
    .tree .expanded.hover {
        background-image: url("img/minus-blue-lg-hover.png");
    }
    .tree .collapsed.hover {
        background-image: url("img/plus-blue-lg-hover.png");
    }
    .toggle {
        height: 24px;
        width: 24px;
        top: 0.625em;
    }
    .children .toggle {
        left: 25px;
    }
}


/*Site Map*/

.site-map ul ul {
    font-size: 93.75%;
    margin-left: 20px;
    list-style-type: circle;
}

.site-map ul ul ul {
    font-size: 93.33333%;
    list-style-type: square;
}

.site-map ul ul ul ul {
    font-size: 92.8571429%;
    list-style-type: circle;
}


/*Footer*/

.footer {
    clear: left;
}

.ie7 .footer {
    background-color: #fafafa;
    border-top: 1px solid #aaa;
    zoom: 1;
}

.footer-inner {
    margin: 0 10px;
}

.footer-info {
    float: left;
}

.footer-info a {
    font-size: 87.5%;
}

.footer ul {
    margin: 10px 0 0;
}

.footer li {
    border-right: 1px solid #ccc;
    float: left;
    list-style: none;
    margin: 10px 10px 0 0;
    padding-right: 10px;
}

li.site-map {
    border: none;
}

a.nzgovt,
a.dia {
    border: none;
    clear: right;
    float: right;
}

.dia {
    margin: 20px 0 10px;
}

.nzgovt {
    margin-bottom: 0.5em;
}

.footer-logos a .icon {
    display: none;
}

.link {
    background: #000000;
    color: #000000;
}

.link:hover {
    color: #00FF00;
}


/* .internal-link {
	border-color: white;;
}
.internal-link:hover{
	color: white;
	padding: 10%;
}
.internal-link:visited{
	color: wheat;
	padding: 5%;
} */

.internal-link:link {
    text-decoration: none;
}

.internal-link:visited {
    text-decoration: none;
}

.internal-link:hover {
    text-decoration: none;
}

.internal-link:active {
    text-decoration: none;
}

.pb-0 {
    padding-bottom: 0%;
}

.govt-logo-white {
    padding-top: 0.5%;
    padding-left: 0.5%;
    max-width: 20%;
    max-height: 20%;
}

.govt-pki-header {
    color: white;
    padding-left: 1%;
    padding-bottom: 1%;
    padding-top: 1%;
    font-size: 44.8px;
}

.footer-logos .dia.external {
    float: right;
    max-width: 50%;
}

.footer-logos .nzgovt.external {
    float: right;
    max-width: 30%;
}