header#logo h1
{
   font-family: 'Oswald', Helvetica, Arial,sans-serif;
   font-size: 300%;
   background-color: white;
   min-height: 70px;
   border-bottom: 1px solid #ccc;
   padding: 10px 1% 0 50px;
   background-image: url('/themes/ala/img/copy.png');
   background-repeat: no-repeat;
   background-position: 5px 5px;
   margin-top:0;
   margin-bottom:0;
   margin-left: -15px;
   margin-right: -15px;
}

header#logo h1 span
{
   padding-top: 10px;
   font-size: 50%;
   line-height: 115%;
   min-height: 50px;
   display: block;
   color: #666;
   font-weight: normal;
   margin-bottom: .75em;
}

header#logo h1 a:hover
{
   text-decoration: none;
   color: #337ab7;
}

footer
{
   padding: 1em;
   font-size: 80%;
}

footer p
{
   margin: 1em;
}

#mainNav nav
{
   margin-bottom: 0; 
   margin-left: -15px;
   margin-right: -15px;
}

#mainNav .navbar-nav>li
{
   border-left: 1px solid #ddd;
}

#mainNav .navbar-nav>li:last-of-type
{
   border-right: 1px solid #ddd;
}

#mainNav .navbar-nav>li a:hover
{
   background-color: #39c;
   color: white;
   text-shadow: none;
}

#pageWrapper
{
   background-color: white;
}

#contentWrapper article
{
   background-color: white;
   padding: 2em;
}

#contentWrapper h1
{
   margin-top:0;
   font-size: 120%;
   color: #39c;
   font-weight: bold;
}

#resourcesPanel h2
{
   font-size: 120%;
   color: #39c;
   font-weight: bold;
}

.resource img
{
   max-width: 100%;
}

aside .resource figcaption
{
   text-align: center;
   color: #666;
   font-style: italic;
   font-size: 90%;
   margin-bottom: 1em;
}

div.media+div.media
{
   padding-top:1.5em;
   margin-top:1.5em;
   border-top: 1px solid #ddd;
}

#siteSearch
{
   margin-top: 1em;
}

#siteSearch button,
.noResources button.btn.btn-primary
{
   background-color: #f09;
   /*background-image: linear-gradient(to bottom,#f09 0,#f09 100%);*/
   background-image: none;
   color: white;
   text-shadow: none;
   font-weight: bold;
}

.embedCode {
    width: auto;
    min-height: 75px;
    position: relative;
    margin-top: 30px;
    padding: 5px;
    font-family: "Courier New", Courier, monospace;
    border: 1px solid #aaa;
    border-radius: 0 4px 4px 4px;
    font-size: 80%;
    word-wrap: break-word;
}

.embedCode:before {
    content: 'Embed Code';
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    top: -26px;
    left: -1px;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #3399cc;
    border-radius: 4px 4px 0 0;
    padding: .25em .5em;
}

.resourceWrapper
{
   padding: 1em 1em 2em 1em;
   margin: 0 1em 1em 1em;
   clear: both;
   border-bottom: 1px solid #eee;
}

.resourceImg
{
   display:block;
   margin: .75em auto;
}

.resourceSidePanel h2
{
   text-align: center;
}
.resourceSidePanel figure img
{
   display: block;
   margin: 0 auto;
}