/* Squiz Central - main styles */

/* clear browser defaults
********************************************************/
* {margin:0; padding: 0; text-rendering: optimizelegibility;}

body {

font-size: 85%;

line-height: 1.3;

font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica-Neue", helvetica, sans-serif;

color: #4F4F4F;

-webkit-font-smoothing: antialiased;
    padding-bottom: 20px;
background-color: #FFF;
}
p {
    margin: 0.5em 0 1.5em 0;
    }
ul,ol {
    margin: 1.4em 2em 2em;
    }
ul ul, ol ol, ul ol, ol ul {
    margin-top: 0.5em;
    margin-bottom: 1em;
}
#content_col li {
    margin: 0 0 1.3em 0;
}
hr {
    clear: both;
    border: none;
	border-top: 1px solid #666;
    padding-top: 25px;
    margin-bottom: 25px;
}

/* Headings
*******************************************************/
h1,h2 {
    color: #000000;
    font-size: 2.8em;
    font-weight: normal;
    margin: 0.1em 0 0.5em;
    font-family: "Helvetica Neue", Helvetica, Arial;
}
h2 {
    padding: 0;
    color: #E22B2B;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 0.4em;
    margin-top: 0;
}
h3 {
    font-size: 1.6em;
    line-height: 1.1em;
    margin: 1.4em 0 0.3em;
    font-family: "Helvetica Neue", Helvetica, Arial;
}
h3,
h3 a,
h3 a:visited {
    color: #151515;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1em;
}
h4 {
    color:#000;
    font-size:1.2em;
    margin-top:1.4em;
    line-height: 1.1em;
    font-family: "Helvetica Neue", Helvetica, Arial;
}
h5 {
    color:#8D6B3E;
    font-size:1.1em;
    margin-top:1.5em;
    line-height: 1.1em;
}
h6 {
    color: #000;
    font-size: 1em;
    line-height: 1.1em;
}
h3,h4,h5,h6 {
    clear: both;
}

a img {border: none;}

code {
    background-color: #ddf5dd;
    color: #10802f;
    padding: 0.2em;
    border-radius: 3px;
}

code::before,
code::after {
    content: "{";
    color: #a8dcb2;
    font-weight: bold;
    padding-right: 0.3em;
    vertical-align: baseline;
}
code::after {
    content: "}";
    padding: 0 0 0 0.3em;
}

/* generic layout framework
********************************************************/
.fl-right {float: right;}
.fl-left {float: left;}
.cl-right {clear: right;}
.cl-left {clear: left;}
.no-border {border: none !important;}
.mrg-left {margin-left: 1.6em;}
.mrg-right {margin-right: 1.6em;}
.mrg-both {margin-left: 1em; margin-right: 1em;}
.mrg-top {margin-top: 1em;}

#content a,
#content a:visited {
    color: #36A2F0;
    text-decoration: underline;
    padding: 0.1em 0;
    border-radius: 6px;
}
#content a:hover {
    background-color: #daecfd;
    text-decoration: none;
}

/* default transitions
********************************************************/
* {
    -moz-transition-property: : color, background-color, border-color;
/*     -moz-transition-duration: 0.3s; */
    -moz-transition-timing-function: ease;
    -webkit-transition-property: : color, background-color, border-color;
/*     -webkit-transition-duration: 0.3s; */
    -webkit-transition-timing-function: ease;
}


/* main page containers
********************************************************/

#pageWidth {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    width: 80%;
    max-width: 1250px;
    padding: 55px 0 50px;
    font-size: 1.3em;
    min-width: 800px;
}


/* Breadcrumb
********************************************************/
#lineageList {
    list-style-type: none;
    margin: 0;
    padding: 0 15px 0 10px;
    overflow: hidden;
}
#lineageList .lineage-home {
    float: left;
}

#lineageList .lineage-item {
    float: left;
    line-height: 23px;
    background: transparent url(images/lineage-arrow.png) 0 54% no-repeat;
    padding-left: 16px;
    margin: 0 0 0 9px;
    font-size: 0.8em;
    font-style: italic;
    font-family: "Helvetica Neue";
    color: #9E9E9E;
}
#lineageList .lineage-item a,
#lineageList .lineage-item a:visited {
    color: #9E9E9E;
    padding-left: 0;
    background: none;
}

#lineageList .lineage-item:first-child {
    padding-left: 0;
    background: none;
}

#lineageList .lineage-item a:hover {
    color: #000;
}

/* Content containers and header
********************************************************/
#contentHolder {
    /* width: 880px; */
    margin: 0 auto;
    position: relative;
}
#contentPadder {
    border: 1px solid transparent;
    padding: 20px 41px;
}
#assetDetails {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    background: transparent url(images/pageHeader-dots.png) 0 100% repeat-x;
    position: relative;
}
.level1.level2 #assetDetails { /* removes the bottom border on level 2 pages (tabs) as it is not required  */
    padding-bottom: 0;
    background-image: none;
}
.level1.level2.level3 #assetDetails { /* adds the bottom border back in for level 3 (articles) and below */
    padding-bottom: inherit;
    background-image: url(images/pageHeader-dots.png);
}
#assetDetails h2 {
}
#assetDetails #subArticleLink {
    display: none;
}
.level1.level2.level3 #assetDetails #subArticleLink {
    display: block;
}
#assetDetails #subArticleLink {
    position: absolute;
    right: 0;
    bottom: 18%;
    background: transparent url(images/subArticleLink-arrow.png) 0 -50px no-repeat;
    padding-left: 23px;
    font-size: 1.4em;
    color: #89887a;
    text-decoration: none;
    opacity: 0.6;
    -moz-transition: all 0.7s ease;
}
#assetDetails #subArticleLink:hover {
    opacity: 1;
    background-position: 0 0;
}
#assetDetails #subArticleLink .subArticleCount {
    border-radius: 1em;
    background-color: #f0e4bf;
    color: #605c45;
    font-weight: bold;
    padding: 0.1em 0.45em;
    margin-left: 0.3em;
    font-family: Times, 'Times New Roman', Serif;
}
#assetDetails .dates {
    color: #44422C;
    font-size: 0.85em;
    margin: 0.5em 0;
    line-height: 1em;
}
#assetDetails .dates strong {
    color: #a19057;
    padding-left: 0.4em;
    font-weight: normal;
}
.level1 #assetDetails .dates { /* removes the dates information from level 1 and 2 pages (draws and tabs) */
    display: none;
}
.level1.level2.level3 #assetDetails .dates { /* adds the dates information for level 3 and below (articles) */
    display: block;
}
.editMode-1 #assetDetails .dates { /* hides the created and updated names and dates when in edit mode */
/*     display: none !important; */
}
#content {
    padding: 30px 39px 20px;
    *height: 550px;
    line-height: 1.5;
}
#contentClear {
    clear: both;
}

/* Child Lists
*******************************************************/
.pageBreak {
    background: transparent url(images/pageBreak-bg.png) 100% 0 no-repeat;
    margin: 2em -73px 0 -38px;
    height: 34px;
}
#content .childListBlock {
    padding: 1em;
}
#content .childListBlock:before {
    content: "%attribute~name:786%";
    display: block;
    color: #DBD9D1;
    font-size: 1.8em;
    margin: -0.5em 0 0.5em -0.5em;
}
.level1.level2.level3 #content .childListBlock:before {
    content: "%attribute~name:787%";
}
#content .childListBlock .childList {
    margin: 0;
}
#content .childList .childListItem {
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
}
#content .childListItem a,
#content .childListItem a:visited {
    display: block;
    text-decoration: none;
    background: transparent url(images/childListItem-bullet.png) 7px 0.7em no-repeat;
    padding: 7px 7px 7px 37px;
    border: 1px solid #FEFFF9;
}
#content .childListItem a strong,
#content .childListItem a:visited strong {
    display: block;
    position: relative;
    font-size: 1em;
    font-family: Georgia, Times, Serif;
    padding-right: 8em;
    background: transparent url(images/childListItem-dots.png) 0 100% repeat-x;
    color: #000;
}
#content .childListItem .childListItem-name,
#content .childListItem .childListItem-date {
    background-color: #FEFFF9;
    line-height: 1em;
    padding: 0.2em 0.3em;
    border-radius: 6px;
}
#content .childListItem a:hover .childListItem-name {
    color: #3774b3 !important;
    background-color: #daecfd;
}
#content .childListItem .childListItem-date {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 0 0 0.3em;
    font-weight: normal;
}
#content .childListItem a p,
#content .childListItem a:visited p {
    color: #8b7a6e;
    margin-bottom: 0;
    padding-left: 6px;
}

/* Content/article styles
*******************************************************/
#content strong {
    color: #000;
}
#content em {
    color: #F9933E;
    font-weight: bold;
}
#content img {
    border: 3px solid #EDEDED;
    padding: 24px;
    border-radius: 10px;
}
#content img.full-width {
    width: 100%;
    margin-left: -24px;
}
#content .colour-red {
    color: #a42b23;
}
#content .colour-green {
    color: #4ea725;
}
#content pre,
#content > code {
    display: block;
    background-color: #f9f8b1;
    color: #333;
    font-family: courier;
    font-size: 1em;
    text-shadow: 0 0 5px #F9F8B1;
    padding: 1em;
    margin: 2em 0;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
    background-image: url(images/bgTexture-light.png);
}
#content > code {
    font-size: 0.97em;
}
#content pre code {
    font-size: 1.2em;
}
#content pre strong,
#content pre b {
    color: #0c7de5;
    font-weight: normal;
}
#content pre.two-col {
    float: left;
    width: 277px;
    margin-left: 10px;
background-color: #f9f8b1;
    margin: 2em 0;
    border-radius: 10px;
}

/* Content Lists ********************/
#content ol {
    margin-left: 2em;
}
#content ol.alpha {
    list-style-type: lower-alpha;
}
#content ol.roman {
    list-style-type: lower-roman;
}
#content li {
    position: relative;
    margin: 0.6em 0;
    line-height: 1.2;
}
#content ul li {
    padding: 0.3em 0 0.3em 8px;
}
#content ul li li {
    margin: 0 0 0.6em 0;
    padding-left: 25px;
}
#content ul li li li {
    margin: 0 0 0.2em 0;
    padding-left: 17px;
}
#content ul ul {
    margin-bottom: 0;
}
#content ul.two-col {
    margin-left: 65px;
    overflow: hidden;
}
#content ul.three-col,
#content ul.four-col {
    overflow: hidden;
    margin-bottom: 1em;
}
#content ul.screens {
    margin-left: 50px;
    margin-bottom: 1.5em;
}
#content ul.clear li {
    clear: both;
}

/* content blocks */
#content .intro {
    font-size: 1.2em;
    padding: 1em 1em 35px;
    border-radius: 4px;
}
#content .intro:first-letter {
    display: block;
    font-size: 2.3em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    float: left;
    background: transparent url(images/dropCap-bg.png) 50% 36% no-repeat;
    text-align: center;
    padding: 0.25em 0.5em 0.3em;
    margin: -0.1em 0.1em 0 -0.3em;
}
#content .caption {
    display: block;
    padding: 0 0 13px;
    font-family: Times;
    text-align: center;
    color: #4c3d0f;
    font-style: italic;
    font-size: 105%;
}
#content .caption strong {
    color: #000;
}
#content .caption img {
    margin-bottom: 5px;
}

#content .bookmarks li {
    position: inherit;
    margin: 0.4em 0 0.5em 25px;
    line-height: 1.3em;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
}
#content .bookmarks li a,
#content .bookmarks li a:visited {
    text-decoration: none;
    color: #222;
}
#content .bookmarks li a:hover {
    color: #3774b3;
}

/* content tables */
#content table {
    border: 1px solid #EAEAEA;
    border-bottom: none;
    border-right: none;
    margin-bottom: 0.7em;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
#content table.dark {
    border-color: #2b2b2b;
    color: #FFF;
}
#content td,
#content th {
    border: 1px solid #EAEAEA;
    border-top: none;
    border-left: none;
    padding: 10px;
    text-align: left;
    vertical-align: top;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: helvetica;
    font-size: 0.9em;
}
#content table.dark td,
#content table.dark th {
    border-color: #5b5b5b;
}
#content td.small {
    font-size: 0.8em;
}
#content th {
    vertical-align: middle;
    background-color: #E22B2B;
    color: #FFF;
    font-family: helvetica neue;
    font-weight: normal;
    font-size: 0.9em;
    letter-spacing: 1px;
}
#content table.dark th {
    background-color: #2b2b2b;
}
#content table.dark td {
    background-color: #777;
}
#content th p {
    display: inline;
}

#content table caption {
    caption-side: top;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    padding: 0.3em;
    font-size: 0.9em;
    background-color: #EAEAEA;
    font-family: helvetica;
}

/* Footer
*******************************************************/
#footer {}