/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJTdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOltdLCJzb3VyY2VSb290IjoiL3NvdXJjZS8ifQ== */
/*
Theme: OSGreenTheme
Author: 
Copyright: 
*/

/* Colors Palette
Background: #d3d3d3
Text: #000
Main Accent: #999
Links: #c03
*/

/* Reset
***************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, img, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption{
    margin:0;
    border: 0;
    outline: 0;
    padding: 0;
    /*font-weight: inherit;
    font-style: inherit;*/
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;                               
}


header, footer, aside, nav, article { display: block;}

/* Clearing Float
***************************************************************/
group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.group {display: inline-block;}  /* for IE/Mac */

/* General
***************************************************************/
body{
    font: normal 100% Franklin Gothic Light, Arial, Segoe UI,Trebuchet,Sans-Serif;
    width:100%;
    height: auto;
    text-align:left;
    color:#000;
    background: #fff;
}



/* Headings */
/*h1,h2,h3,h4,h5,h6,legend{font-weight:normal; font-style: normal; padding: 0 5% 0 5%;}*/
h1,h2,h3,h4,h5,h6,legend {}

h1 {font-size: 150%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

/*p       { line-height: 1.538em;margin: 0 0 1em; padding: 1% 5% 1% 5%;}*/
p       { line-height: 1.538em;margin: 0 0 1em;}
p img    {max-width:100%;height:auto;}
p iframe {max-width:100%;max-height:100%;}
p img.left  { float: left; margin: 1em 1em 1em 0;}
p img.right { float: right; margin: 1em 0 1em 1em;}

a:focus, 
a:hover     { text-decoration: underline; }
a           { color: #0182bf; text-decoration: none; }

#header {
    opacity:.9;
    background: #000;
    color: #000;
    height: auto;
    margin: 100px 0 0 0;
    display:block;
    position:relative;
    width:100%;
}




/* Structure
***************************************************************/

#brandingheader
{
    /*opacity:.9;*/
    display:block;
    position:fixed;
    height:80px;
    width:100%;
    color:#fff;
    border-top: 1px solid #000000;
    border-bottom:1px solid #000000;
    background:#000;
    padding:10px 5% 10px 5%;
    margin: -100px 0 0 0;
    z-index:1000;
}
#brandingheader article{
    display:inline;
    float:left;
}

#branding a{
    float:left;
    font-size: 100%;
    color:#fff;
    text-decoration:none;
    max-width:65%;
    margin:0 0 0 20px;
    display:block;
}

#brandingheader #navmenu
{
    float:right;
    cursor:pointer;
    color:#0182bf;
    opacity:.7;
    text-align:right;
    margin: 25px 10% 10px 0;
    padding:0 5px 0 5px;
    width:25px;
    max-width:7%;
    height:auto;
    display:block;
}

.socialLink{
    text-align:right;
    float:right;
    margin:0 5% 0 0 !important;
    padding:0 5px 0 5px;
    min-height:200px;
    width:25px;
}

.socialLink img{
    width:25px;
    height:auto;
    text-align:right;
}

#brandingheader #navmenu:hover
{
    opacity:1;
}

#logo {
    max-height:80px;
    max-width:350px;
    width:100%;
}

#layout-navigation
{
    display:none;
    opacity:.9;
    position:fixed;
    width:100%;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    background:#222;
    padding:5px 0 5px 0;
    text-align:center;
    z-index:1000;
}

#layout-navigation nav
{
    display:block;
    background:transparent;
    margin:0 0 0 2%;
}

#layout-navigation nav ul 
{
    padding: 0;
    margin: 0;
    text-align:left;
}

    #layout-navigation nav ul a /*The text in the boxes*/
    {
        margin:0 0 0 0;
        color: #fff;
        font-size: 1.2em;
        text-decoration:none;
        line-height:24px;
    }

    #layout-navigation nav > ul > li:hover > a {color:#0182bf;}
    
    /* first level - top level */
    #layout-navigation nav > ul > li {list-style-type: none; padding:0 1em 0 1em;float:left;display:inline-block;margin: 0 2em 0 2em}
    #layout-navigation nav > ul > li > a {text-decoration:none;font-size:1.3em;font-weight:300;}
    #layout-navigation nav > ul > li:hover > ul {} /*Hover over top level*/
    #layout-navigation nav > ul > li:hover {color:#0182bf;}

    /* second level */
    #layout-navigation nav > ul > li > ul {display:inline;}
    #layout-navigation nav > ul > li > ul > li { list-style-type:none; border: none;padding:0 1em 0 1em;text-align:left;margin: .2em 0 0 1em;}
    #layout-navigation nav > ul > li > ul > li > a { text-decoration:none;font-size:.95em;}
    #layout-navigation nav > ul > li > ul > li:hover > a {color:#0182bf;}

    #layout-navigation nav > ul > li > ul > li:hover > ul {}

    /* third level */
    #layout-navigation nav > ul > li > ul > li > ul {display:block; position:relative;margin: .2em 0 1.5em 1em;}
    #layout-navigation nav > ul > li > ul > li > ul > li { list-style-type:none; border:none;text-align:left;padding:0 1em 0em 1em;}
    #layout-navigation nav > ul > li > ul > li > ul > li > a {text-decoration:none;font-size:.9em}
    #layout-navigation nav > ul > li > ul > li > ul > li:hover > a { color:#0182bf;}

    /* deeper levels */
    #layout-navigation nav > ul > li > ul > li > ul ul { display:block;}



/* Main
***************************************************************/

#messages{
    display:block;
    width:100%;
    padding:1% 5% 1% 5%;
    color:#ff0000;
}

#main {
    display: block;
    width: 100%;
}

/*#main .table{
    padding: 1% 5% 1% 5%;
}*/

#layout-footer
{
    width:100%;
    background:#000;
    color: #fff;
    font-size:.85em;
    position:relative;
}

#layout-footer .credits
{
    display:block;
    float:left;
    padding: 2% 0% 2% 5%;
}

#layout-footer .user-display
{
    color:#fff;
    float:right;
    padding: 2% 5% 2% 0%;
}

#layout-footer .user-display a
{
    color:#0182bf;
}

/* Secondary
***************************************************************/

/* Forms
***************************************************************/
form              { margin: 0; padding: 1% 5% 1% 5%;}
legend            { font-size: 1.231em; font-weight: normal; border:none;}
fieldset          { padding:6px 0 0; margin:0 0 12px 0; border: 0px solid #dbdbdb; }
label             { font-weight:normal; display:block; padding: 0 0 0.3em 0; }
label.forcheckbox { margin:0 0 0 .4em; display:inline; }

input[type="text"], input[type="password"] {
    display: block;
    padding: 0.3em;
}

input[type="checkbox"] {
    margin:.2em 0 1.2em 0;
}

fieldset ol     { list-style-type:none; padding: 0; margin: 0; }
fieldset ol li  { margin: 0 0 6px 0; }

form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */
    display:inline;
}

form.inline fieldset {
    margin:0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline:1px dotted #666d51;
}

input[readonly] {
    background-color: #EBEBE4;
    color: #545454;
}

legend span {
    font-weight:normal;
}
label span {
    font-weight:normal;
}
label input {
    vertical-align:text-top;
}
.hint {
    display:block;
    font-size: 0.846em;
    color:#999;
    margin-top: 3px;
    padding: 3px;
}
/* todo: (heskew) try to get .text on stuff like .text-box */
select, textarea, input.text, input.textMedium, input.text-small, input.text-box {
    font-family:inherit;
    padding:3px;
    border:1px solid #bdbcbc;
    font-family:inherit;
    font-size:inherit;
}
input.text, input.textMedium, input.text-box {
    line-height:1.2em;
}
/*Are we using the two classes below?*/
input.text-small, input.text.small {
    width:4em;
}
input.textMedium, input.text.medium {
    width:26em;
}
select {
    padding:1px;	
}
select:focus, textarea:focus, input.text:focus, input.text-box:focus, input.text-small:focus, input.textMedium:focus  {
    border-color:#666d51;
}
input.check-box {
    margin-left:0;
    vertical-align:-.1em;
}
input.large.text, textarea, fieldset {
    clear:both;
}

textarea {
    min-height:8em;
}

/* Misc
***************************************************************/
.validation-summary-errors{
    color:#ff0000;
    padding: 1% 5% 1% 5%;
}


.fixedbackground{
    background-size:cover !important;
    background-position:center center !important;
    background-attachment:fixed !important;
    background-repeat: no-repeat !important;
}

@media (max-width:1025px) {
  .fixedbackground {
    background-attachment:scroll !important;
    background-size:cover !important;
  }
	h1 {font-size: 120%;}
	h2 {font-size: 110%;}
	h3 {font-size: 100%;}
	h4 {font-size: 90%;}
	h5 {font-size: 80%;}
	h6 {font-size: 75%;}
	body {font-size: 70%;}
}

.linkicon{
    opacity: .7;
}

.linkicon:hover{
    opacity: 1;
}
.linkicon a{
    text-decoration:none;
    color:inherit;
}

.blog,.blog-post{
    padding: 1% 5% 1% 5%;
}

.blog,.blog-post {
    font-weight:normal;
}
.comment-count, .comments h1 {font-size: 100%}
.comment-count, .comments h2 {font-size: 100%}
.comment-count, .comments h3 {font-size: 100%}
.comment-count, .comments h4 {font-size: 90%}
.comment-count, .comments h5 {font-size: 80%}
.comment-count, .comments p {font-size: 80%}

.tableclass{
border-style: solid;
border-color:#000000;
}