﻿/*
	--------------------------
	Oil Home Page Styles
	--------------------------
*/

/*  Interactive map
--------------------------  */
section.d > h1  { background-color: #517516; }
#imapdata   { background-color: #b2c400; }
#imapdata a { background-color: #517516; color: #b2c400; }

/*  Events
--------------------------  */

section.e > h1  { background-color: #517516; }

article.e div a       { color: #b2c400; }
article.e div a:hover { background-color: #b2c400; color: #fff; }

article.e section                           { background-color: #517516; }
article.e>section:first-child:after         { background-image: url(/_resources/files/template/opaque-gasgreen.png); }
article.e>section:first-child>span img      { border-color: #517516; }

article.e>section:first-child>div           { background-image: url(/_resources/files/template/opaque-gasdarkgreen.png); }
article.e.o>section:first-child:hover>div   { background-image: url(/_resources/files/template/opaque-gasdarkgreen.png); }

article.e>section nav                       { border-top-color: #b2b5b4; }

article.e nav.g ul li a:hover:after         { background-image: url(/_resources/files/template/opaque-gasdarkgreen.png); }

article.e footer ul li:first-child a        { background-image: url(/_resources/files/events/minus-45-gasdarkgreen.png); }
article.e footer ul li:first-child a:hover  { background-image: url(/_resources/files/events/minus-45-gasgreen.png); }
article.e footer ul li:nth-child(2) a       { background-image: url(/_resources/files/events/openpage-45-gasdarkgreen.png); }
article.e footer ul li:nth-child(2) a:hover { background-image: url(/_resources/files/events/openpage-45-gasgreen.png); }

/* Pop up gallery */
div#pug > div           { background: #517516; }

div#pug div.d h1        { background: #517516; }

div#pug h1 a.c          { background: #b2c400; }
div#pug h1 a.c:hover    { background: #dae096; }

div#pug img.la                              { background-image: url(/_resources/files/template/opaque-darkblue.png); }
div#pug img.ra                              { background-image: url(/_resources/files/template/opaque-darkblue.png); }
div#pug img.la:hover, div#pug img.ra:hover  { background-color: #dae096; }

div#pug ul#pugthumbs                    { background-image: url(/_resources/files/template/opaque-gasgreen.png); }
div#pug ul#pugthumbs li a:hover:after   { border-color: #dae096; }
div#pug ul#pugthumbs li a.c:after       { border-color: #dae096; }

/*  News
--------------------------  */

section.n                  { background-color: #b2c400; }
section.n > h1             { background-color: #517516; }
section.n footer              { background-color: #b2c400; }
section.n footer a.m          { background-color: #517516; color: #b2c400; }
section.n footer a.m:hover    { background-color: #517516; color: #b2c400; }
article.n                  { background-color: #b2c400; }
article.n h1 a             { color: #517516; }

section.n aside h1                  { color: #517516; }
section.n aside input[type=submit]  { background-color: #517516; color: #b2c400; }

/*  Manuals
--------------------------  */

section.m > h1   { background-color: #517516; }

/*  World Data Update
--------------------------  */

section.wdu         { background-color: #b2c400; }
section.wdu h1      { background-color: #517516; }
section.wdu nav a   { background-color: #517516; color: #b2c400; }

/*  Responsive 
--------------------------  */

/*  710px  */
@media screen and (max-width: 710px) {
    
    /* Events */
    article.e>section:first-child                   { background: transparent; }
    article.e>section:first-child>div h1            { color: #b2c400; }
    article.e.o>section:first-child:hover>div h1    { color: #b2c400; }
    article.e>section:first-child:hover>div         { background-color: #b2c400; }
    article.e>section:first-child:after     { content: " "; background: none; }
    article.e section   { background: transparent; }
    article.e>section:first-child>div       { background: transparent; }
    article.e.o>section:first-child:hover>div { background: none; }
    article.e>section nav ul li a   { background-image: url(/_resources/files/events/documents-60-gasgreen.png); }
}
