/*
 *  Project:     Children of God (http://childrenofgod.org/)
 *
 *----------------------------------------------------------------------*/

@import url('fontface-kits/League-Gothic/stylesheet.css');


/* BASE ----------------------------------------------------------------*/

html, body, div, span, a,
object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img,
ins, kbd, q, samp,
small, strong, sup, sub, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video     { border: 0; background: transparent; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align:baseline; -webkit-padding-start: 0px; }

body                         { line-height:1; }

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

nav ul                       { list-style:none; }

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

ins                          { background-color:rgb(255,255,153); color: rgb(0,0,0); text-decoration:none; }
del                          { text-decoration: line-through; }

abbr[title], dfn[title]      { border-bottom: 1px dotted rgb(0,0,0); cursor: help; }

table                        { border-collapse: collapse; border-spacing: 0; }

hr                           { border: 0; border-top: 1px solid rgb(200,200,200); display: block; height: 1px; margin: 1em 0; padding: 0; }

input, select                { vertical-align:middle; }


/* LAYOUT -------------------------------------------------------------------*/

body                         { }

nav.top,
header.main,
nav.years,
section.main,
footer.main                  { width: 100%; }

nav.top                      { height: 60px; padding: 0; position: relative; }
ul.languages                 { bottom: 0px; display: block; left: 2%; position: absolute; }
ul.languages li              { display: block; float: left; }
ul.languages li.es,
ul.languages li.de,
ul.languages li.fr,
ul.languages li.it,
ul.languages li.ja,
ul.languages li.pt,
ul.languages li.ru,
ul.languages li.zh           { display: none; }
ul.languages li:first-of-type { margin: 0 0 0 380px; }
ul.languages form,
ul.languages fieldset        { display: block; float: left; }
ul.languages button          { display: block; float: left; margin: 0 1px 0 0; padding: 0 10px; width: 104px; }

ul.icons                     { bottom: 10px; display: block; position: absolute; right: 4%; width: 12.45%; }
ul.icons li                  { display: block; float: left; }
ul.icons a                   { display: block; float: left; }

header.main                  { height: 300px; padding: 0 2%; position: relative; width: 96%; }
header.main hgroup           { display: block; float: left; margin: -10px 0 0 0; padding: 20px 30px; width: 300px; }
header.main nav              { float: left; margin: -10px 0 0 20px; }
header.main nav ul           { display: block; float: left; }
header.main nav ul.secondary { margin: 0 0 0 1px; }
header.main nav li           { display: block; }
header.main nav a,
header.main nav em           { clear: both; display: block; float: left; margin: 1px 0 0 0; padding: 0 5px 0 10px; width: 90px; }
header.main nav strong,
.results ul li strong        { display: block; float: right; }
header.main nav ul.secondary a,
header.main nav ul.secondary em { width: 150px; padding: 0 10px; }
header.main form             { display: none; float: right; margin: 0; padding: 0; position: relative; right: 0; top: -10px; width: 15%; }
header.main form fieldset    { }
header.main form input       { margin: 1px 0 0 0; padding: 5px 25px 5px 5px; width: 100%; }

header.main h3               { position: absolute; bottom: -5px; left: 2%; padding: 5px 30px; }
header.main h3 a             { display: inline-block; margin: 0; }
header.main h3 strong        { display: inline-block; margin: 0 10px; }

nav.years                    { position: relative; height: 44px; top: -5px; }
nav.years ul                 { display: block; margin: -2px 0 0 0; position: absolute; top: 0; right: 2%; }
nav.years ul li              { display: block; float: left; }
nav.years ul li a,
nav.years ul li em,
nav.years ul li strong       { display: block; float: left; margin: 0; padding: 0 10px; }

section.main,
section.results              { margin: -5px 0 0 0; overflow: hidden; padding: 0 0 100px 0; }

article                      { float: left; margin: 2%; padding: 0 0 0 20px; width: 55%; }
section.newsarticles         { margin: 2% 20px; padding: 0 0 0 20px; }


section.blurbs               { float: left; margin: 2%; overflow: hidden; width: 46%; }
section.blurbs article       { float: left; /* min-height: 250px; */ margin: 2%; width: 45%; }
section.blurbs article h3    { width: 100%; }
section.blurbs article p     { margin: 2% 0; }

section.photos               { float: left; margin: 2% 0; width: 48%; }
section.photos ol            { display: block; margin: 20px 0; width: 100%; }
section.photos ol li         { display: block; float: left; margin: 0 20px 20px 0; }
section.photos ol li a       { display: block; float: left; }
section.photos ol li img     { display: block; float: left; }

section.results li           { list-style: none; }
#results_articles ul li      { display: block; float: left; margin: 0 1% 1% 0; padding: 1%; width: 30%; }

article header               { margin: 20px 0 0 0; }
article section header       { margin: 40px 0 0 0; }
article section.body         { margin: 40px 0 0 0; }

article h2,
section.collections h2       { margin: 32px 0 6px 0; }
article h3,
section.collections h3       { margin: 26px 0 5px 0; }
article h4,
section.collections h4       { margin: 22px 0 4px 0; }
article h5                   { margin: 18px 0 3px 0; }
article h6                   { margin: 14px 0 2px 0; }

article hgroup h2,
article hgroup h3            { margin: 0; }

p, dd                        { margin: 0 0 1.5em 0; }
div.intro p                  { padding-bottom: 1.5em; }
blockquote                   { display: block; margin: 24px 0; padding: 0 0 0 48px; }
blockquote.pullquote         { margin: 0; padding: 16px 0 0 0; }
blockquote p                 { margin: 0 16px 16px 0; }

p.go-back                    { clear: both; float: right; overflow: hidden; }

aside                        { float: left; margin: 4% 2% 2% 2%; width: 34%; }
aside h4                     { margin: 20px 0 10px 0; }
aside nav ul li              { list-style: none; margin: 0; padding: 0; }
nav.articles                 { clear: both; overflow: hidden; }
nav.articles ul              { overflow: hidden; margin: 5px 0 20px 0; padding: 0px 0 20px 5px; }
article nav.articles         { margin: 50px 0; }
aside a.more                 { display: block; float: left; margin: 10px 0 10px 5px; }

a.action                     { display: block; float: left; margin: 20px 0; padding: 5px 10px; }

ul.pagination                { display: block; float: right; margin: 20px 0 40px 0; overflow: hidden; width: 30%; }
ul.pagination li             { display: block; float: left; margin: 0 10px; }
ul.pagination a              { display: block; float: left; }

p.tip                        { margin: 10px 0; }

footer.main                  { clear: both; padding: 50px 0; overflow: hidden; }
footer.main ul.photos        { display: block; float: left; margin: 50px 0; overflow: hidden; white-space: nowrap; width: 2895px; }
footer.main ul.photos li,
footer.main ul.photos a,
footer.main ul.photos img    { display: block; float: left; }

footer.main p.contribute     { display: block; margin: 100px auto 50px auto; padding: 0; width: 80%; }
footer.main p.contribute:before { content: "!!"; display: inline-block; margin-right: 5px; padding: 0 3px; width: 12px; }
footer.main p.credits        { display: block; margin: 100px auto 10px auto; }

.left                        { float: left!important; }
.right                       { float: right!important; }

.w5                          { width: 5%; }
.w10                         { width: 10%; }
.w15                         { width: 15%; }
.w20                         { width: 20%; }
.w25                         { width: 25%; }
.w30                         { width: 30%; }
.w35                         { width: 35%; }
.w40                         { width: 40%; }
.w45                         { width: 45%; }
.w50                         { width: 50%; }
.w55                         { width: 55%; }
.w60                         { width: 60%; }
.w65                         { width: 65%; }
.w70                         { width: 70%; }
.w75                         { width: 75%; }
.w80                         { width: 80%; }
.w85                         { width: 85%; }
.w90                         { width: 90%; }
.w95                         { width: 95%; }
.w100                        { width: 100%; }

.w200                        { width: 200px; }

.exception                   { padding: 0 0 0 64px!important; }

ul.admin                     { clear: right; display: block; float: right; margin: 40px 40px 40px auto; overflow: hidden; }
ul.admin li                  { display: block; float: left; margin: 0 5px 0 0; }
ul.admin li a                { display: block; padding: 0 10px; }
nav.articles li a,
nav.articles li strong       { clear: both; display: block; float: left; margin: 0 0 5px 0; padding: 0 6px; }
nav.filters li a,
nav.filters li strong        { clear: both; display: block; float: right; margin: 0 0 5px 0; padding: 0 6px; }


article.default nav.articles ul { clear: both; }

ol.footnotes                 { margin: 20px 0 100px 0; }
ol.footnotes li              { margin: 0 0 1em 20px; }

hr                           { margin: 60px 0 0 0; padding: 0 0 60px 0; }

header.main form.search input,
.bbox                        { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* TYPE -------------------------------------------------------------------*/

body                         { font-family: Helvetica, Arial, Sans-Serif; font-size: 84.5%; line-height: 150%; }

ul.languages button,
ul.languages em              { font-style: normal; line-height: 200%; text-align: left; }
article.collection nav ul li { font-style: normal; line-height: 130%; }

header.main hgroup h1        { font-size: 48px; text-transform: uppercase; line-height: 100%; }
header.main hgroup h2        { font-size: 24px; text-transform: uppercase; }
header.main h3               { font-size: 32px; line-height: 140%; text-transform: uppercase; }
header.main h3 strong,
ul.sections h4.segment strong { font-size: 32px; line-height: 120%; vertical-align: top; }
header.main nav li           { font-size: 125%; line-height: 32px; text-transform: uppercase; letter-spacing: 1px; }
header.main nav li strong    { font-size: 62%; line-height: 32px; }
header.main form input       { font-size: 90%; line-height: 160%; }

nav.years ul li              { font-size: 32px; line-height: 140%; }
nav.years ul li em,
nav.years ul li strong       { font-style: normal; font-weight: 400; }

section.blurbs h3            { font-size: 28px; font-weight: 400; line-height: 140%; }
section.blurbs h3 em         { font-style: normal; }

article h2,
section.collections h2       { font-size: 48px; line-height: 120%; }
article h3,
section.collections h3       { font-size: 36px; line-height: 120%; }
article h4,
section.collections h4       { font-size: 24px; line-height: 120%; }
article h5,
section.collections h5       { font-size: 20px; line-height: 120%; }
article h6                   { font-size: 16px; line-height: 120%; }

section.home header h2,
article.collection header h2 { font-size: 48px; line-height: 120%; }
section.home header h3,
article.collection header h3 { font-size: 32px; line-height: 120%; }
article .video li h4         { font-size: 32px; line-height: 120%; }
article .video li h5         { font-size: 24px; line-height: 120%; }
article .video li h6         { font-size: 16px; line-height: 120%; }


h2 em,
h3 em,
h4 em,
h5 em,
h6 em                        { font-style: normal; }

.results li h4               { font-size: 20px; line-height: 120%; }

aside.default h4             { font-size: 24px; }
aside.default h5             { font-size: 22px; }

p, li, dt, dd                { font-size: 16px; line-height: 150%; }
div.intro p                  { font-size: 16px; font-weight: bold; }
dt                           { font-weight: bold; }
section.main aside nav li    { line-height: 160%; }

nav.filters ul li            { font-size: 16px; text-align: right; }
nav.filters ul ul li         { font-size: 13px; }

p.author,
p.authors,
p.note                       { font-style: italic; }
p.summary                    { margin: 10px 0; }

blockquote p                 { }
blockquote p.ref             { font-size: 14px; font-style: normal; text-align: right; }

.audio li ol li              { line-height: 140%; }

a.action                     { line-height: 140%; }

ul.pagination                { font-size: 16px; line-height: 200%; text-align: center; }

footer.main p                { font-size: 13px; text-align: center; }
footer.main p.quote          { font-style: italic; }
footer.main p.contribute:before { font-weight: bold; }
footer.main p.credits        { font-size: 10px; }

.exception h4                { font-size: 24px; line-height: 140%; }
section.main .exception p    { font-size: 14px; line-height: 140%; }
ul.admin li                  { font-size: 12px; line-height: 200%; }

ul.downloads li,
.editor                      { font-size: 13px; }
p.tip                        { font-size: 12px; font-style: italic; }


h1, h2, h3, h4, h5, h6,
header.main nav li,
nav.years ul li,
.breadcrumb,
.ui-tabs .ui-tabs-nav li     { font-family: 'League Gothic Regular', Sans-Serif; font-weight: 400; }

video.detail                 { display: block; float: left; margin: 25px!important; }

sup                          { vertical-align: super; font-size: 9px; }
ol.footnotes li              { font-size: 12px; }

footer.main p,
blockquote p,
blockquote li,
nav.filters,
.editor,
ul.admin li,
.video li h6,
.video ul.downloads li,
.audio ol li,
ul.pagination li,
p.tip,
footer.main p.credits        { font-family: Helvetica, Arial, Sans-Serif; }


/* BACKGROUNDS, BORDERS, COLOURS --------------------------------------------*/

body                         { background: rgb(44,44,44) url(backgrounds/tactile_noise.png) top left; color: rgb(205,205,205); }

section.main a:link,
section.main a:visited,
footer.main a:link,
footer.main a:visited        { background-color: rgb(33,33,33); color: rgb(255,255,255); }
section.main a:active,
section.main a:hover,
footer.main a:active,
footer.main a:hover          { background-color: rgb(5,66,250); color: rgb(255,255,255); }

ul.languages button          { border: 0; background: transparent; }

header.main                  { background: rgb(255,255,255) url(backgrounds/banners/default.jpg) top center no-repeat; border-color: rgb(122,122,122); border-style: solid; border-width: 10px 0 5px 0; -moz-box-shadow: 0 0 7px rgb(0,0,0); -webkit-box-shadow: 0 0 7px rgb(0,0,0); box-shadow: 0 0 7px rgb(0,0,0); }
header.main hgroup.index,
header.main hgroup           { background: rgba(242,92,5,0.7); }
header.main hgroup:hover     { background: rgba(242,92,5,0.8); }
header.main h1               { color: rgb(255,255,255)!important; text-shadow: 0 0 3px rgba(0,0,0,0.5); }
header.main h2               { color: rgb(0,0,0); text-shadow: 0 0 3px rgba(255,255,255,0.5); }
header.main h1 a             { color: rgb(255,255,255); }
header.main h2 a             { color: rgb(0,0,0); }

header.main h3               { background: rgba(22,22,22,0.65); color: rgb(255,255,255); }

ul.languages button,
header.main nav a:link,
header.main nav a:visited    { background-color: rgba(5,66,250,0.5); color: rgb(255,255,255); }
ul.languages button:focus,
ul.languages button:hover,
header.main nav a:active,
header.main nav a:hover      { background-color: rgba(125,140,34,0.75); color: rgb(255,255,255); }
ul.languages button[disabled=disabled],
header.main nav a.current    { background-color: rgb(0,0,0); color: rgb(255,255,255); }


header.main form input       { background: rgba(5,66,250,0.5) url(backgrounds/search.png) 98% 50% no-repeat; border: 0; outline: 0; color: rgb(255,255,255); }
header.main form input:hover { background-color: rgba(5,66,250,0.75); }
header.main form input:focus { background-color: rgb(5,66,250); }

header.main hgroup,
header.main nav,
header.main form             { border-top: 10px solid rgb(0,0,0); }

section.main                 { border: 0 solid rgb(22,22,22); }

div.intro p                  { border-bottom: 3px dotted rgb(218,218,218); }

dt                           { }

blockquote                   { background: url(backgrounds/ldquo.png) top left no-repeat; }
blockquote.pullquote         { background: rgb(66,66,66) url(backgrounds/ldquo.png) 16px 16px no-repeat; border: 1px solid rgb(86,86,86); -moz-box-shadow: 0 0 15px rgba(255,255,255,0.2); -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.2); box-shadow: 0 0 15px rgba(255,255,255,0.2); }

header.main nav a,
header.main nav em,
header.main h3               { text-shadow: 0 0 3px rgba(22,22,22,0.5); }

section.home header,
article.collection header    { border-bottom: 1px solid rgb(128,128,128); }

img.large                    { border: 1px solid rgb(22,22,22); -moz-box-shadow: 0 0 5px rgb(22,22,22); -webkit-box-shadow: 0 0 5px rgb(22,22,22); box-shadow: 0 0 5px rgb(22,22,22); }

p.copyright                  { color: rgb(127,127,127); }
footer.main ul.photos li:last-child img { border-right: 0; }

.exception                   { background-position: top left; background-repeat: no-repeat; }
.notice                      { background-image: url(backgrounds/48/exception-notice.png); }
.info                        { background-image: url(backgrounds/48/exception-info.png); }
.warning                     { background-image: url(backgrounds/48/exception-warning.png); }
.empty                       { background-image: url(backgrounds/48/exception-warning.png); }
.error                       { background-image: url(backgrounds/48/exception-error.png); }

.breadcrumb                  { border-bottom: 5px solid black; }
.breadcrumb li a,
.breadcrumb li em            { color: rgb(255,255,255); background: rgb(22,22,22); }
.breadcrumb li a:after,
.breadcrumb li em:after     { border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid rgb(22,22,22); }
.breadcrumb li a:before,
.breadcrumb li em:after     { border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid rgb(22,22,22); }
.breadcrumb li:nth-child(2) a,
.breadcrumb li:nth-child(2) em { background: rgb(33,33,33); color: rgb(255,255,255); }
.breadcrumb li:nth-child(2) a:after,
.breadcrumb li:nth-child(2) em:after { border-left-color: rgb(33,33,33); }
.breadcrumb li:nth-child(3) a,
.breadcrumb li:nth-child(3) em { background: rgb(0,0,0); color: rgb(255,255,255); }
.breadcrumb li:nth-child(3) a:after,
.breadcrumb li:nth-child(3) em:after { border-left-color: rgb(0,0,0); }
.breadcrumb li:nth-child(4) a,
.breadcrumb li:nth-child(4) em { background: rgb(242,183,5); }
.breadcrumb li:nth-child(4) a:after,
.breadcrumb li:nth-child(4) em:after { border-left-color: rgb(242,183,5); }
.breadcrumb li:nth-child(5) a,
.breadcrumb li:nth-child(5) em { background: rgba(123,88,74,0.5); }
.breadcrumb li:nth-child(5) a:after,
.breadcrumb li:nth-child(5) em:after { border-left-color: rgba(123,88,74,0.5); }
.breadcrumb li a:hover { background: rgb(22,22,22); color: rgb(242,92,5); }
.breadcrumb li a:hover:after { border-left-color: rgb(22,22,22) !important; }
.breadcrumb li:last-child a,
.breadcrumb li:last-child em { padding: 10px 20px 10px 55px; }

h2 em,
h3 em,
h3 strong,
h3 a.segment,
h4 em,
h5 em,
h6 em                        { color: rgb(242,92,5); }
h3 a.subsegment              { color: rgb(255,255,255); }

section.photos ol li a       { border: 5px solid rgb(255,255,255); }

section.main p,
section.main li              { text-shadow: none; }

blockquote                   { /* color: rgb(3,101,140); */ }

ul.sections li h4            { /* border-right: 1px solid rgb(186,186,186); */ }


mark.highlight               { font-style: normal; background: transparent; color: rgb(255,151,79); }

nav.articles li strong,
nav.filters li strong,
nav.filters li a.current     { background-color: rgb(163,59,3); color: rgb(255,255,255); }

.masonry a                   { background-color: transparent; }

nav.articles ul,
aside div.collections nav ul,
ul.sections li.section       { border-left: 5px solid rgb(33,33,33); }
nav.filters                  { border-right: 5px solid rgb(33,33,33); }
ul.subcols                   { border-right: 5px solid rgb(44,44,44); }

ul.icons a,
ul.pagination a,
footer.main a                { background-color: transparent; }

section.main .masonry a:link,
section.main .masonry a:visited,
section.main .masonry a:active,
section.main .masonry a:hover { background: transparent; }

.editor                      { color: rgb(242,92,5); }
nav.years                    { background: rgb(11,11,11); border-color: rgb(122,122,122); border-style: solid; border-width: 2px 0; color: rgb(122,122,122); -moz-box-shadow: 0 0 7px rgb(0,0,0); -webkit-box-shadow: 0 0 7px rgb(0,0,0); box-shadow: 0 0 7px rgb(0,0,0); }
nav.years a:link,
nav.years a:visited          { border-top: 2px solid rgb(122,122,122); color: rgb(122,122,122); text-shadow: 0 0 3px rgba(0,0,0,0.5); }
nav.years a:active,
nav.years a:hover,
nav.years strong             { background: rgba(242,92,5,0.75); border-top: 2px solid rgb(0,0,0); border-bottom: 2px solid rgb(0,0,0); color: rgb(0,0,0); text-shadow: 0 0 3px rgba(255,255,255,1); }
nav.years a:active,
nav.years a:hover            { -moz-transition: all 0.8s ease-in; -webkit-transition: all 0.8s ease-in; }

footer.main p.contribute     { border-top: 1px solid rgb(163,59,3); }
footer.main p.contribute:before { background: rgb(163,59,3); color: rgb(255,255,255); }
footer.main p.quote          { color: rgb(105,192,242); }

hr.decorated                 { background: transparent url(backgrounds/divider.png) top center no-repeat; border: 0; }

/* EXTRAS -------------------------------------------------------------------*/

a                            { text-decoration: none; padding: 0 5px; }
section.photos a             { padding: 0; }
a.ext,
a.external                   { margin: 0 0 0 5px; padding: 0 5px 0 22px; background: transparent url(backgrounds/world.png) center left no-repeat; }
button                       { cursor: pointer; }
button[disabled=disabled]    { cursor: default; }

div.intro p:first-child::first-letter,
div.intro + p::fist-letter   { display: inline-block; float: left; font-size: 64px; line-height: 64px; margin: 0 5px 0 0; }