/* Boreal 1.1.0 */

/* Site Title */

#wrapper header h1{color: #FFFFFF;}

/* Borders */

nav ul, body > .contentBorder{border-top-color:#364B50;}
nav, .contentBorder{border-top-color: #52676C}
body > .contentBorder{border-bottom-color: #475C61}
.contentBorder{background-color:#364B50;}

/* Nav Border Hover */

nav a.current span,
nav a.currentAncestor span,
nav ul > li:hover > div > a span{background-color:#2A3A3E;border-top-color:#4B5B5F}

/* 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: #EEEEEE;}

/* Content Text */

section#content{color: #CCCCCC;}

/* Content Links */

section#content a{color: #ABABAB;}

/* Sidebar Title */

#wrapper h2#sideTitle{color: #BBBBBB;}

/* Sidebar Headings */

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

/* Sidebar Text */

aside{color: #999999;}

/* Sidebar Links */

aside a{color: #FFFFFF;}


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

@media screen and (min-width: 771px) {
    .reveal section#container{top: 60px;}
    .reveal section#container .contentBorder{top: -60px;}
   	.ie8 .contentBorder{top: -60px;}
   	.ie8 section#container{margin-bottom: -60px;}
}

/* Media Queries  */

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

    #menu{
    display: none;
    }
    
    nav > ul{
    display: table;
    }
    
    nav > ul > li:hover > div > ul{
    top: 100%;
    opacity: 1;
    margin-top: 0;
    }
    
    nav > ul > li > div > ul > li:hover > div > ul{
    left: 100%;
    top:0;
    opacity: 1;
    margin-top: 0;
    }
    
    nav li li li:first-child{
    border-top:none;
    }
    
    /* 1.0.1 Addition */
    
    nav > ul > li:last-child > div > ul > li:hover > div > ul{
    left: -100%;
    }

}

@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: 100%;float: left;padding: 0 !important;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: 770px) {

    section#content, #asideWrap{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;
        cursor: pointer;
    }
    
    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;
    }
    
    .dark ul>#menu{
    color: #ccc;
    text-shadow: #000 0 1px 0;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #262626 !important;
    }
    
    .dark nav li{box-shadow: none;}
    
    .dark nav li, 
    .dark nav li li {
    border-top: 1px solid #404040;
    border-bottom: 1px solid #262626;
    border-right: none;
    border-left: none;
    box-shadow: none;
    }
    
    .dark nav ul ul{box-shadow: #262626 0 -1px 0;}
    
    .dark nav li{box-shadow: none !important;}
    
    .dark ul.expand{border-top: none;}
    
    .dark ul.expand ul{border-top: 1px solid #222;}
    
    .dark nav li li li{border-top: 1px solid #393939;border-bottom: 1px solid #222;}
    
    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;}

@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;}

h1,h2,h3,h4,h5,h6,
section#container .blog-entry-title a{
color: #ccc;
}

.blog-entry-date a,
.blog-entry-tags a,
a.blog-comment-link{
    color: #ddd;
}

#sim{ padding-left: 1px; }

nav{
background-color: #3c3c3c;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAJ1BMVEUzMzM6Ojo1NTU5OTk0NDQ8PDw9PT04ODg3Nzc2NjY+Pj47OzsyMjLQei3JAAAAL0lEQVQImU3FSRIAIAgDwbiCyv/fq8nBgq4J2KApQ9GRkrTPxJVjPdwq/F1RvkBcQIIBEyyoZN4AAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: 100% 100%;
background-position: 0 10px;
}

.ie8 nav > ul > li{
border-left: 1px solid #2c2c2c;
}

nav > ul{box-shadow: inset #2c2c2c 0 1px 1px;}
nav > ul.noBorder{box-shadow: none;}

nav li{box-shadow: inset #262626 -1px 0 0, inset #404040 1px 0 0;}
nav > ul > li:first-child + li{box-shadow: inset #262626 -1px 0 0;}

nav > ul > li > div > a,
nav li li a{
color: #ccc;
text-shadow: #000 0 1px 0;
}

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

nav ul > li > div > a span {
box-shadow: none;
}

nav>ul>li.hasChild>div var{
}

nav > ul > li:hover > div > a{color: #fff;}
nav > ul > li:first-child{box-shadow: inset #222 -1px 0 0;}
nav > ul > li:last-child{box-shadow: inset #444 1px 0 0;}

nav > ul > li:hover > div,
nav > ul > li > div.open{
background: #2c2c2c;
box-shadow: inset 0 0px 10px rgba(0,0,0,0.35);
}

nav > ul>li:hover:after{
background-color: #2c2c2c;
box-shadow: inset 0 -6px 10px rgba(0,0,0,0.25);
}

nav ul ul{background: rgba(0,0,0,0.8);}

nav > ul > li > div > ul:after{
color: #222;
text-shadow: rgba(255,255,255,0.07) 0 1px 0;
}


#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6{
color: #e0e0e0;
text-shadow: #000 0 1px 0;
}

section#container{
color: #ccc;
text-shadow: #000 0 1px 0;
border-top: none;
}

ul#breadcrumb li a{color: #999;}

section#content{
background: #333;
box-shadow: 0 1px 6px rgba(0,0,0,0.6),inset rgba(255,255,255,0.04) 0 -1px 0, inset rgba(255,255,255,0.05) 1px 0 0, inset rgba(255,255,255,0.05) -1px 0 0;
border-top: 1px solid #444;
/*
top:-60px;
*/
}

#containerWrap,
#wrapperOuter {background: #222;}

section#container .contentBorder,
section#content .contentBorder{box-shadow: rgba(0,0,0,0.15) 0 1px 2px;}

.noFeature section#container footer.socialContainer,
section#container footer.socialContainer{
z-index: 2 !important;
border-top:1px solid #444;
background-color: #3c3c3c;
box-shadow: #2D2D2D 0 -1px 0, inset #3C3C3C -1px 0 0, inset #3C3C3C 1px 0 0, inset #3f3f3f 0 1px 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(50, 50, 50)));
background-image: -webkit-linear-gradient(top, rgb(60, 60, 60), rgb(50, 50, 50));
background-image: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(50, 50, 50));
background-image: -o-linear-gradient(top, rgb(60, 60, 60), rgb(50, 50, 50));
}

.ie8 section#container footer.socialContainer{
background-color: #3c3c3c;
background-image: none;
}

.noFeature section#container footer.socialContainer a.social,
section#container footer.socialContainer a.social{
color: #1c1c1c;
text-shadow: #555 0 1px 0;
}

.noFeature section#container footer.socialContainer a.social:hover,
section#container footer.socialContainer a.social:hover{
color: #fff;
text-shadow: #fff 0 0 20px;
}

aside {
border-top: 1px solid #333;
}

/* Blog Page */

.blog-entry-date{
    text-shadow: none;
    background-color: #222;
    box-shadow: none;
}
.blog-entry-date,
.blog-entry-tags{
    color: #888;
}
.blog-entry:after{
    box-shadow: #222 0 -1px 0;
    background-color: #444;
}

.blog-entry-category a {
    color: #aaa !important;
}

#blog-categories a,
#blog-archives a,
#blog-rss-feeds a,
.blog-tag-cloud a{
background-color: #2c2c2c;
color: #ccc !important;
}

#blog-categories a:hover,
#blog-archives a:hover,
#blog-rss-feeds a:hover,
.blog-tag-cloud a:hover{
    background-color: #404040;
}


/* Filesharing */

section#container .filesharing-item-title a{color: #ddd;}

.filesharing-item-title a {
background-color: #222;
box-shadow: inset rgba(255,255,255,0.06) 0 1px 0, inset rgba(255,255,255,0.04) 0 -4px 0, inset rgba(0,0,0,0.45) 0 -3px 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.00)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.00));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.00));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.00));
}

.filesharing-item-title a:hover {
background-color: #191919;
text-shadow: #000 0 1px 0;
color: #fff !important;
}

.filesharing-item-title a:before {
color: #fff;
background-color: #222;
background-color: rgba(0,0,0,0.3);
box-shadow: inset rgba(0,0,0,0.4) 0 1px 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 1px 1px;
}

.filesharing-item-title a:hover:before {
background-color: rgba(0,0,0,0.4);
box-shadow: inset rgba(0,0,0,0.4) 1px 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 1px 0 1px;
}

/* Album Styles */

.movie-thumbnail-frame,
.thumbnail-wrap {
background-color: #292929;
border: 1px solid #404040;
box-shadow: inset #111 0 0 7px;
}

.movie-thumbnail-frame:hover,
.thumbnail-wrap:hover {
background-color: #333;
box-shadow: inset #000 0 0 3px;
}

.movie-thumbnail-caption,
.thumbnail-caption {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);   /* IE6 & 7 */
      zoom: 1;
background: rgba(0,0,0,0.75);
box-shadow: inset #111 0 0px 1px;
border-top:1px solid #111;
text-shadow: #000 0 0 5px;
}

.thumbnail-caption {
padding: 5% 0 12%;
}

/* Contact Form */

form > div label {color: #aaa;}
form > div br + br,.form-footer + br {display: none;}

form > div textarea.form-input-field,
form > div input.form-input-field[type="text"] {background-color: #1C1C1C;color:#aaa;box-shadow: none;}

form > div input.form-input-button[type="submit"],
form > div input.form-input-button[type="reset"] {background-color: #1C1C1C;color: #666;font-weight: normal;box-shadow: none;}

form > div textarea.form-input-field:hover,
form > div input.form-input-button[type="submit"]:hover,
form > div input.form-input-button[type="reset"]:hover,
form > div input.form-input-field[type="text"]:hover { box-shadow: none;background-color: #262626; }

form > div textarea.form-input-field:focus,
form > div input.form-input-field[type="text"]:focus {
    outline: none;
    background-color: #262626;
    box-shadow: none;
}


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

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

@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;}

header h1{font-size: 4.5em;line-height: 1.25em}

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

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

body{font: 13px/24px Arial, sans-serif;}