/* Site Title */

header h1{color: #FFFFFF;}

/* Borders */

nav ul, body > .contentBorder{border-top-color:#FC8B32;}
nav{border-top-color: #FFA44B}
body > .contentBorder{border-bottom-color: #FF9C43}
.contentBorder{background-color:#FC8B32;}

/* Nav Border Hover */

nav a.current span,
nav a.currentAncestor span,
nav ul > li:hover > div > a span{background-color:#58FE1F;border-top-color:#79FF40}

/* Content Headings */

section#content h1,
section#content h2,
section#content h3,
section#content h4,
section#content h5,
section#content h6,
section#content h1.blog-entry-title a,
.movie-page-title, 
.album-title{color: #FC7437;}

/* Content Text */

section#content{color: #000000;}

/* Content Links */

section#content a{color: #000000;}

/* Sidebar Title */

h2#sideTitle{color: #000000;}

/* Sidebar Headings */

aside h1,
aside h2,
aside h3,
aside h4,
aside h5,
aside h6,
#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before{color: #000000;}

/* Sidebar Text */

aside{color: #000000;}

/* Sidebar Links */

aside a{color: #000000;}


		/* Media Queries  */

@media screen and (min-width: 771px) {
section#content.pullUp {top: -60px;}
}

@media screen and (max-width: 770px) {

    #wrapper{padding: 0;}
    #wrapperOuter{ margin-bottom: 0px;}
    header{font-size:80%;display: block;padding-top: 10px;}
    header img {margin: 10px 20px 20px;float:left;}
    header h1{display: block; padding: 10px 0 0 20px;}
    header span{display: block; padding: 0 0 0 20px;margin: 0 0 20px;}
    section#container,section#content{margin-right: 0;}
    section#container{margin-bottom: 0px;}
    section#content {top: -9px;padding-bottom: 150px;}
    .reveal section#content {top: -9px;padding-bottom: 100px;}
    section#content, aside{padding-top:30px;padding-left: 30px !important;padding-right: 30px !important;}
    ul#breadcrumb{padding: 30px 0;}
    aside{clear: both; width: auto;float: left;padding: 40px;margin: -2px 0 0 0;}
    
    #containerWrap.expand{
    position: relative;
    top:0px;
    height: auto !important;
    -webkit-transform: translateY(0px) !important;
    }
    
    section#container section.socialContainer{
    display: none !important;  
    }
    
    section#container footer.socialContainer{
    display: block !important;
    }
    
    .noFeature section#container footer.socialContainer,
    section#container footer.socialContainer{
    margin: 0;
    }
    
    section#content {
    top: -1px !important;
    }
        
    .pull{
    margin-left: -30px;
    margin-right: -30px;
    }
    
    .blog-entry::after {
    margin-left: -30px;
    padding-right: 60px;
    }
}

@media screen and (max-width: 600px) {

    section#content, aside{padding-top: 20px !important; padding-left: 20px !important;padding-right: 20px !important;}
    aside{padding-top: 20px !important;}
    header img.retina {
    width:87% !important;
    height: auto !important;
    float: left;
    }
    header span {
    white-space: normal;
    display: block;
    float: left;
    clear: both;
    } 
    
    body > .contentBorder{display:none;}

    nav a, #menu{
        text-align: left !important;
    }

    ul>#menu{
        width:100%;
        height:54px;
        line-height: 54px;
        text-align: center;
        position: relative;
        left: 0;
        color: #444;
        font-weight: bolder;
        text-shadow: #FFF 0 1px 0;
        border-bottom: none;
        z-index: 1;
        text-indent: 30px;
    }
    
    ul>#menu:before{
        content: '+ Menu';
    }
    
    ul ul #menu{display: none;}
    
    ul>#menu.show{
        border-bottom: 1px solid #BBBBBB;
    }
    
    ul>#menu.show:before{
        content: '- Menu'
    }
    
    nav .show{
        display: block;
        width: 100% !important;
    }
    
    nav .expand,
    nav .expand ul{
        top: 0;
        opacity: 1;
        margin-top: 0;
        display: block;
        border-top: 1px solid #CCC;
    }
    
    nav .expand li a{
        padding-left: 45px;
    }
    
    nav .expand li li a{
        padding-left: 60px;
        background-color: rgba(0,0,0,0.2);
    }
    
    nav{
        font-size: 17px;
    }
    
    nav span{
        display: none !important;
    }
    
    nav > ul > li + li{
        display: none;
    }
    
    nav li,
    nav li li{
        width: 100% !important;
        display: block;
        float: left;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #bbb;
        list-style: none;
    }
    
    nav li li{border-top: 1px solid #eee;border-bottom: 1px solid #aaa;}
    nav li li li{border-top: 1px solid #ddd;border-bottom: 1px solid #999;}
    
    nav > ul > li > div.open{
        background: #fff;
    }
    
    nav li li a{
        color: #444;
        text-shadow: #fff 0 1px 0;
        padding: 17px 30px 17px 30px;
        background-color: rgba(0,0,0,0.12);
    }
    
    nav a{
    padding: 17px 30px;
    font-size: 17px !important;
    }
    
    nav ul ul{
        position: relative;
        display: none;
    }
    
    nav > ul > li > div{
        height: auto !important;
    }
    
    nav > ul > li:hover:after {
        display: none;
    }
    
    section#content{
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    }
    
    .pull{
    margin-left: -20px;
    margin-right: -20px;
    }
    
    .blog-entry:after{
    margin-left: -20px;
    padding-right: 40px;
    }
    
    .blog-entry-date {
    margin-left: -20px;
    padding-left: 20px;
    }
    
    #blog-categories a, 
    #blog-archives a, 
    #blog-rss-feeds a, 
    .blog-tag-cloud a {
    padding: 7px 20px 7px 24px;
    }

    section#container section.socialContainer {left: 20px;}
}

@media screen and (max-width: 320px) {
    header{font-size:50%;}
    header h1{padding: 0 0 0 20px;}
    
    body.photo-background {padding: 0;}
    
    p.photo-title {
    font-size: 1.8em;
    padding: 10px 0 0 !important;
    }
    
    p.photo-caption {
    font-size: 0.9em;
    margin: 3px 0 10px;
    }
    
    p.photo-links {
    margin-bottom: 20px;
    }
    
    img.photo-frame {
    border-radius: 0;
    }
        
    .thumbnail-wrap{
    width:80% !important;
    height: auto !important;
    line-height: 0;
    }
    
    .thumbnail-frame{
        width:100% !important;
    }
    .thumbnail-frame a{
    line-height: 0;
    height: auto;
    }
    
    .thumbnail-frame img{
    width: 100% !important;
    height: auto !important;
    }
}

#wrapper{max-width: 1200px;}

nav > ul{
border-top-width:9px;
border-top-style: solid;
}

nav{
border-top-width:1px;
border-top-style: solid;
}

#extraContainer1 {
top: 64px;
margin-bottom: 64px;
}

nav ul > li > div > a span{
-webkit-transition: background 150ms, border 150ms;
-moz-transition: background 150ms, border 150ms;
display: block;
width:100%;
height: 9px;
position: absolute;
top: -1px;
left:0;
margin-top: -9px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: transparent;
box-shadow: #fff 0 1px 0;
}

nav ul > li:hover > div > a span{
box-shadow: #fff 0 1px 0;
}

section#container .contentBorder{
box-shadow: #f3f3f3 0 1px 0;
z-index: 100;
}

section#content .contentBorder{
box-shadow: #fff 0 1px 0;
z-index: 100;
}

section#content{border-right: none !important;}

.contentBorder{
width:100%;
top:-1px;
left:0;
height: 10px;
position: absolute;
border-top-width:1px !important;
border-top-style: solid !important;
}

aside{border: none !important;}

body > .contentBorder{display: none;}

@media screen and (min-width: 771px) {
section#content.pullUp {top: -9px;}
}

section#content{z-index: 0;top: 0!important;border-top-width: 0 !important;}
section#content .contentBorder{display: none;}
section#container{margin-bottom: 0;}
#wrapperOuter{margin-bottom: 50px;}
.contentBorder {top:-11px;z-index: 101;}

.noFeature section#container footer.socialContainer, 
section#container footer.socialContainer{text-align: left;text-indent: 12px;}

@media screen and (min-width: 771px) {
    nav{border-radius: 5px 5px 0 0; }
    nav > ul{border-radius: 4px 4px 0 0; }
    nav ul > li:first-child + li > div > a > span,
    nav ul > li:first-child + li > div:hover{border-radius: 5px 0 0 0 !important;}
    
    nav ul > li:last-child > div,
    nav ul > li:last-child > div > a,
    nav ul > li:last-child > div > a span{border-radius: 0 5px 0 0 !important;}
  
    
    #wrapperOuter{border-radius: 5px;}
    #containerWrap{border-radius: 0 0 5px 5px;}
    section#content,section#container footer.socialContainer {border-radius: 0 0 0 5px;}
    section#content.full, section#content.full footer.socialContainer{border-radius: 0 0 5px 5px; }
}

html{background-image: url(images/bg1.jpg);}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   html{
      background-size: 250px 250px;
   }
}

section#container footer.socialContainer {
visibility: visible !important;
}

section#container section.socialContainer{
display: block;  
}

.noFeature section#container section.socialContainer{
display: none;  
}

@media screen and (min-width: 771px) {

    section#container footer.socialContainer{
    visibility: hidden;
    }
    
    .noFeature section#container footer.socialContainer{
    visibility: visible;
    }
    
}

@font-face{
font-family: 'BebasNeueRegular';
src: url('font/BebasNeue-webfont.eot');
src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
 url('font/BebasNeue-webfont.woff') format('woff'),
 url('font/BebasNeue-webfont.ttf') format('truetype'),
 url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}

h1,h2,h3,h4,h5,h6,
.album-title,
.movie-page-title{
font-family: 'BebasNeueRegular', Arial;
font-weight: normal;
line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
padding: 0 0 0.3em 0;
}

header{padding-top: 30px;padding-bottom: 7px}
header h1{letter-spacing: -1px; line-height: 1em;}

nav > ul > li > div > a {
    font-size: 14px;
}

nav li li a {
    font-size: 13px;
}