/* Boreal 1.1.6 */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{padding:0;margin:0;border:0;outline:0;font-size:100%;font: inherit;background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

html{
background-color: #262626;
height: 100%;
}

body{
font: 14px/25px Arial, sans-serif;
height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}

body.o  > .contentBorder{
display: none;
}

body > .contentBorder{
width:100%;
position: absolute;
border-bottom-width:1px;
border-bottom-style: solid;
height:8px;
top:0;
box-shadow: rgba(0,0,0,0.5) 0 0 12px;
}

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

h1{font-size: 3em;}
h2{font-size: 2.8em;}
h3{font-size: 2.6em;}
h4{font-size: 2.4em;}
h5{font-size: 2.2em;}
h6{font-size: 2.0em;}

em, i{
font-style: italic;
}
b,strong{
font-weight: bolder;
}

ul.disc { list-style-type: disc; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square; }
ol.arabic-numbers{ list-style-type: decimal; }
ol.upper-alpha{ list-style-type: upper-alpha; }
ol.lower-alpha{ list-style-type: lower-alpha; }
ol.upper-roman{ list-style-type: upper-roman; }
ol.lower-roman{ list-style-type: lower-roman; }

#container ul,
#container ol{margin-left: 30px;}


.image-left img{float: left;padding: 0 15px 15px 0;}
.image-right img{float: right;padding: 0 0 15px 15px;}
.clear{clear: both;}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

#sim{position: relative;}

#wrapper{
margin: 0 auto;
padding: 0 50px 30px;
}

#wrapperOuter,
#containerWrap{
background: #ddd;
position: relative;
box-shadow:  inset rgba(255,255,255,0.05) 0 -1px 0, inset rgba(255,255,255,0.04) -1px 0 0,rgba(0,0,0,0.5) 0px 2px 12px;
clear: both;
}

#containerWrap{
box-shadow:  inset rgba(255,255,255,0.05) 0 -1px 0, inset rgba(255,255,255,0.04) -1px 0 0;
}

#feature{visibility: hidden;}

/* Header */

header{
padding-top: 20px;
position: relative;
display: table;
}

header img{
margin: 10px 20px 0 0;
}

header h1{
font-weight: normal;
font-size: 7.8em;
display: table-cell;
padding: 0;
margin: 0;
text-shadow: rgba(0,0,0,0.3) 0 2px 0px, rgba(0,0,0,0.2) 0 2px 10px;
}

header a:hover,
.socialContainer a:hover{
text-decoration: none;
}

header span{
font: italic bolder 14px 'georgia';
padding: 0;
display: table-cell;
vertical-align: bottom;
white-space: nowrap;
padding-left: 5px;
padding-bottom: 20px;
color: #666;
text-shadow: rgba(0,0,0,0.2) 0 1px 0px, rgba(0,0,0,0.1) 0 2px 10px;
text-shadow: none;
letter-spacing: 0;
}

header span a{
visibility: hidden;
}

nav{
position: absolute;
left: 0px;
background-color: #ddd;
width: 100%;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
z-index: 100;
top:0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(rgba(255, 255, 255, 0.00)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.00));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.00));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.00));
}

.nonav nav{
display: none;
}

.nonav #extraContainer1{
top:0;
margin-bottom: 0;
}

nav > ul{
width: 100%;
box-shadow: inset #fff 0 1px 0;
border-top-width: 0px;
}

nav li{
display: table-cell;
box-shadow: inset #eee -1px 0 0, inset #bebebe 1px 0 0;
position: relative;
text-transform: uppercase;
height: 100%;
z-index: 100;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
list-style: none;
}

nav > ul > li:last-child{
box-shadow: inset #bebebe 1px 0 0;
}

nav > ul > li:last-child div span,
nav > ul > li:last-child div:hover span{
box-shadow: none;
}

nav li.hasChild>div{
position: relative;
width: 100%;
}

nav>ul>li.hasChild>div>var{
background-image: url(data:image/gif;base64,R0lGODlhEgAJAJEAAAAAAAAAAHt7ewAAACH5BAkAAAMALAAAAAASAAkAAAIWlI95o73DXIJUPgot3m575YVISBpkAQA7);
width:18px;
height:9px;
background-size:60%;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.45;
position: absolute;
right:12px;
top:22px;
-moz-transform: rotate(0deg);
-moz-transition: all 0.2s ease-in-out;
-webkit-transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
}

nav>ul>li.hasChild>div:hover>var{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}

nav>ul>li:hover:after{
content: '';
position: absolute;
left:0;
bottom:0;
width: 100%;
height:15px;
z-index: 0;
background: #eee;
}

nav>ul>li:hover>div,
nav>ul>li:hover:after{
box-shadow: inset #bbb 1px 0 0;
}

nav>ul>li:first-child + li > div,
nav>ul>li:first-child + li:hover:after{
box-shadow: none;
}

nav>ul>li>div:hover{
background: #eee;
}

@-moz-document url-prefix() { 
nav > ul>li:hover:after{
left:auto;
width: auto;
}
}

nav>ul>li>div>a{
display: block;
padding: 17px 30px;
line-height: 20px;
text-align: center;
font-size: 14px;
color: #444;
text-shadow: #fff 0 1px 0;
font-weight: bolder;
position: relative;
z-index: 2;
font-family: helvetica, arial;
}

nav a:hover{text-decoration: none;}

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

nav ul ul{
background-color: rgba(0,0,0,0.8);
display: block;
position: absolute;
top: -9999px;
left:0;
margin-top: -15px;
opacity: 0;
-webkit-transition: opacity 200ms, margin 200ms;
-moz-transition: opacity 200ms, margin 200ms;
transition: opacity 200ms, margin 200ms;
z-index: 0;
border-top:none;
width: 100%;
}

nav ul ul span{
display: none !important;
}

nav li li{
position: relative;
left:0;
top:0;
display: block;
border-top: 1px solid rgba(255,255,255,0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: none;
z-index: 9;
}

nav li li li:first-child + li{
border-top:0;
}

nav li li a{
display: block;
padding: 17px 10px;
line-height: normal;
text-align: center;
text-shadow: #000 0 1px 1px, #000 0 1px 2px;
font-size: 13px;
color: #bbb;
font-weight: bolder;
-webkit-transition: background 250ms, text-shadow 250ms, color 250ms;
-moz-transition: background 250ms, text-shadow 250ms, color 250ms;
transition: background 250ms, text-shadow 250ms, color 250ms;
overflow: hidden;
}

nav li li a:hover{
background: rgba(0,0,0,0.5);
text-shadow: #000 0 1px 2px;
color: #fff;
}

nav li li:last-child{
border-bottom:none;
}

nav ul ul ul{
box-shadow: inset rgba(255,255,255,0.07) 1px 0 0;
}

nav ul ul ul ul{
display: none;
}

.ie8 nav{background-image: none;}

.ie10 nav > ul > li > div,
.ie9 nav > ul > li > div,
.ie8 nav > ul > li > div{
float: left;
width: 100%;
text-align: center;
}

.ie8 nav > ul > li{
width: 10% !important;
border-left: 1px solid #cacaca;
}

.ie8 nav ul ul{
background-color: #222;
}

.ie8 nav li li{
border-top: 1px solid #1a1a1a;
border-bottom: none;
}

.ie8 nav>ul>li.hasChild>div>var{
background-image: url(data:image/gif;base64,R0lGODlhCQAFAJEAAAAAAHt7ewAAAAAAACH5BAkAAAIALAAAAAAJAAUAAAIKjH+CKYoNGWxhFgA7);
}

#extraContainer1{
width:100%;
background-color: #333;
top: 54px;
margin-bottom: 54px;
position: relative;
float: left;
position: relative;
overflow: hidden;
}

img#featureImg{
width:100%;
height:auto;
float: left;
}

#feature{
width:100%;
height:100%;
}

.noFeature section#content{
position:relative;
padding: 40px;
z-index: 0;
top:0;
border-top-width:0 !important;
}

.noFeature #wrapperOuter{margin-bottom: 50px;}
.noFeature section#content .contentBorder{display: none;}
.noFeature section#container{margin-bottom:0;}
.noFeature section#container section.socialContainer{z-index: 1 !important;}
.noFeature section#container footer.socialContainer{display: block;}
.noFeature .contentBorder{z-index: 100;}

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

.noFeature section#container footer.socialContainer,
section#container footer.socialContainer{
padding: 0 0 15px;
position: absolute;
font-size: 30px;
font-family: 'ncds';
clear: both;
bottom: 1px;
left: 0;
background-color: #DDD;
border-left: none;
text-shadow: rgba(0, 0, 0, 0.7) 0 1px 2px;
z-index: 1;
text-align: center;
border-top: 1px solid white;
box-shadow: #E3E3E3 0 -1px 0;
width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.00)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.00));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.00));
}

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

.noFeature section#container footer.socialContainer a.social,
section#container footer.socialContainer a.social{
color: #b3b3b3;
text-shadow: #fff 0 1px 0;
padding: 20px 17px 5px;
display: inline-block;
position: relative;
-webkit-transition: text-shadow 150ms, color 150ms;
-moz-transition: text-shadow 150ms, color 150ms;
transition: text-shadow 150ms, color 150ms;
}

.noFeature section#container footer.socialContainer a.social:hover,
section#container footer.socialContainer a.social:hover{
color: #999;
text-shadow: #ccc 0 4px 2px;
}

/* Social Banner*/

section#container section.socialContainer{
font-size: 35px;
font-family:'ncds';
clear: both;
position: absolute;
margin: 0;
bottom: 100%;
background: none;
border-left: none;
text-shadow: #000 0 1px 2px;
padding: 0 0 15px 0;
z-index: 2;
width: auto;
left: 40px;
display: none;
}

section#container section.socialContainer a{
color: #fff !important;
text-shadow: #333 0 1px 1px;
margin: 0 30px 30px 0;
display: inline-block;
-webkit-transition: text-shadow 150ms;
-moz-transition: text-shadow 150ms;
transition: text-shadow 150ms;
}

section#container  section.socialContainer a:hover{
color:#fff !important;
text-shadow: #000 0 1px 1px, 0 0 20px #fff !important;
}

/* Breadcrumb */

ul#breadcrumb{
padding: 0 0 30px;
}

ul#breadcrumb li{
display: inline;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}

ul#breadcrumb li:last-child{
font-weight: bolder;
}

ul#breadcrumb li a{
padding: 0 10px 0 0;
}

ul#breadcrumb li + li a{
padding: 0 10px;
}


/* Main Content */

section#containerWrapper{
height: 100%;
}

section#container{
clear: both;
width: 100%;
top:0;
margin-right: -270px;
float: left;
position: relative;
z-index: 1;
text-shadow: #fff 0 1px 0;
min-height: 100%;
}

aside{
float: right;
width: 270px;
z-index: 3;
font-size: 13px;
line-height:24px;
position: relative;
border-top: 1px solid #f3f3f3;
overflow: hidden;
}

#asideWrap{
padding: 40px 25px;
}

h2#sideTitle{
font-size: 32px;
font-weight: normal;
padding-bottom: 20px;
}

section#content{
margin-right: 270px;
position: relative;
z-index: 2;
background: #f0f0f0;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), inset #fcfcfc -1px 0 0;
border-top: 1px solid #fff;
padding: 40px 40px 40px;
min-height: 100px;
-webkit-transform:translate3d(0,0,0);
z-index: 100;
}

#extraContainer1 ol.flex-control-nav{
display: none;
}

/* Offset Content  */

section#content,
.ie8 section#content{top: -60px;}

.ie8 .noFeature section#content{top: 0;}
section#container{margin-bottom: -60px;}

#wrapperOuter{margin-bottom: 0;}

/* Built-in Pages */

.js-kit-comments { float: left }

.blog-entry {
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
float: left;
width: 100%;
clear: both;
}

.blog-entry:after{
content: '';
box-shadow: #ccc 0 -1px 0;
background-color: #fff;
position: absolute;
bottom: 0;
width:100%;
height: 1px;
margin-left: -40px;
padding-right: 80px;
}

.first.imageStyle[alt*="edge"],
.pull .imageStyle[alt*="edge"]{
width:100% !important;
height: auto !important;
}

.first.imageStyle[alt*="edge"]{
margin-top:-15px;
}

.pull{
margin-left: -40px;
margin-right: -40px;
}

.blog-entry.lastPost {
padding-bottom: 0;
margin-bottom: 0px;
border-bottom: none;
}

.blog-entry.lastPost:after{
display: none;
}

.blog-entry-title {
font-size: 2.2em;
clear: both;
padding: 10px 0;
position: relative;
}
.blog-entry-date {
font-size: 0.9em;
padding: 10px;
background-color: #fff;
display: inline-block;
margin-left: -40px;
padding-left: 40px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
}

.blog-entry-category a {
padding: 15px 5px;
}

.blog-entry-category a:hover {
text-decoration: underline;    
}

.blog-entry-date a:hover { color: #fff }
.blog-entry-body { padding: 15px 0;}

.blog-read-more {
display: block;
font-size: 1em;
padding: 10px 0 0;
font-weight: bolder;
}
a.blog-comment-link {
margin-top: 7px;
padding: 6px 0;
font-weight: bolder;
display: inline-block;
clear: both;
font-family: arial;
}
p.blog-entry-tags {
clear: both;
font-size: 0.9em;
font-family: arial;
margin-top: 10px;
padding-top: 10px;
}
p.blog-entry-tags a { padding: 0 3px; }

#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
font-family: 'BebasNeueRegular';
display: block;
font-size: 2.3em;
margin: 40px 0 15px;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
}

#blog-categories,
#blog-archives,
ul.blog-tag-cloud,
#blog-rss-feeds {
line-height: 1.8em;
list-style: none;
}

#blog-categories a,
#blog-archives a,
#blog-rss-feeds a,
.blog-tag-cloud a{
padding: 7px 24px 7px 25px;
font-size: 14px;
background-color: #eee;
margin-bottom: 1px;
-webkit-transition: background 150ms;
-moz-transition: background 150ms;
transition: background 150ms;
margin-left: -24px;
display: inline-block;
width: 100%;
}

#blog-categories a:hover,
#blog-archives a:hover,
#blog-rss-feeds a:hover,
.blog-tag-cloud a:hover{
background-color: #fff;
text-decoration: none;
}

#blog-categories:before { content: "Categories" }
#blog-archives:before { content: "Archives" }
ul.blog-tag-cloud:before { content: "Tags" }
#blog-rss-feeds:before { content: "Feeds" }

.blog-category-link-enabled,
.blog-archive-link-enabled { display: block }

.blog-categories br,
.blog-archives br,
.blog-category-link-disabled,
.blog-archive-link-disabled { display: none }

ul.blog-tag-cloud,
ul.blog-tag-cloud li {
padding: 0;
margin: 0;
}

ul.blog-tag-cloud li a { display: inline-block }
.blog-archive-month,
.blog-archive-link { display: none }
.blog-rss-link:before,
.blog-comments-rss-link:before {
}

.movie-thumbnail-frame,
.thumbnail-wrap {
position: relative;
background-color: #ddd;
padding: 10px;
margin-top: 40px;
border: 1px solid #fff;
box-shadow: inset #aaa 0 0 7px;
-webkit-transition: background-color 150ms, box-shadow 150ms;
-moz-transition: background-color 150ms, box-shadow 150ms;
transition: background-color 150ms, box-shadow 150ms;
line-height: 0;
}

.movie-thumbnail-frame a {line-height: 0}
.movie-thumbnail-frame:hover,
.thumbnail-wrap:hover {background-color: #f7f7f7;box-shadow: inset #999 0 0 3px;}
.movie-thumbnail-frame img {width: 100% !important;height: auto !important;}

.movie-page-title,
.album-title{
font-family: 'BebasNeueRegular';
text-indent: -2px;
font-size:2.75em;
padding:5px 0 10px;
}

.movie-page-description,
.album-description{padding: 10px 0;}

.movie-thumbnail-caption,
.thumbnail-caption {
position: absolute;
font-size: 1em;
font-weight: bolder;
line-height: 1.6em;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);   /* IE6 & 7 */
zoom: 1;
background: rgba(255,255,255,0.75);
position: absolute;
left: 0;
bottom: 0px;
padding: 2% 0 4%;
width: 100%;
text-align: center;
box-shadow: inset #ccc 0 0px 1px;
border-top:1px solid #f9f9f9;
text-shadow: #fff 0 0 5px;
}

.thumbnail-wrap {
display: inline-block;
margin: 20px;
}

.thumbnail-caption {
font-size: .9em;
padding: 4% 0 12%;
}

.movie-background {
width: 100%;
overflow: hidden;
text-align: center;
background-color: #222;
box-shadow: inset rgba(0,0,0,0.3) 0 10px 0;
padding: 30px 0 0;
opacity: 1;
}

.movie-title {
padding: 17px 0 0 0;
font-size: 0.9em;
font-weight: bolder;
color: #ddd;
}

body.photo-background {padding: 50px;text-align: center;text-shadow: #000 0 1px 1px;}
div.photo-navigation{position: relative;}
div.photo-navigation p{ padding: 0; }
p.photo-title{font-size: 1.8em;padding-bottom:10px !important;color: #aaa;}
p.photo-caption {margin: 5px 0 20px;font-size: 1.2em; color: #fff;}

p.photo-links {
font-size: 0.9em;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF,endColorstr=#11FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF,endColorstr=#11FFFFFF);   /* IE6 & 7 */
zoom: 1;
background-color: rgba(255,255,255,0.07);
box-shadow: inset rgba(255,255,255,0.1) 0 1px 0, #000 0 1px 3px;
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0 1px 0, #000 0 1px 3px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0 1px 0, #000 0 1px 3px;
border-radius: 2px;
display: inline-block;
margin-bottom: 30px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.10)), to(rgba(255, 255, 255, 0.00)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.00));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.00));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.00));
}

p.photo-links a {
padding: 8px;
font-weight: bolder;
display: inline-block;
text-shadow: #000 0 1px 1px;
color: #fff;
}

p.photo-links a:first-child {padding-left: 15px !important;}
p.photo-links a:last-child {padding-right: 15px !important;}

img.photo-frame{
max-width: 100%;
height: auto !important;
position: relative;
border-radius: 4px;
box-shadow: #000 0 2px 5px;
-webkit-box-shadow: #000 0 2px 5px;
-moz-box-shadow: #000 0 2px 5px;
}

/* Filesharing */

.filesharing-description{
padding-bottom: 40px;
}

.filesharing-item-title {
width: 100%;
position: relative;
}
.filesharing-item-title a {
display: block;
padding: 12px 15px 12px 45px;
font-size: 15px;
border-radius: 3px;
line-height: 1.5em;
font-weight: bolder;
-webkit-transition: background-color 200ms;
-moz-transition: background-color 200ms;
transition: background-color 200ms;
background-color: #ccc;
box-shadow: inset rgba(0,0,0,0.03) 0 1px 0, inset rgba(255,255,255,0.2) 0 -4px 0, inset rgba(0,0,0,0.25) 0 -3px 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.30)), to(rgba(255, 255, 255, 0.00)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.00));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.00));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.00));
}

.filesharing-item-title a:hover {
background-color: #aaa;
text-shadow: #ddd 0 1px 0;
text-decoration: none;
}

.filesharing-item-title a:before {
content: '‣';
font-family: arial;
font-weight: normal;
top: 10px;
left: 10px;
position: absolute;
font-size: 18px;
text-align: center;
line-height: 24px;
height:25px;
width: 25px;
float: left;
text-shadow: none;
border-radius: 2px;
display: block;
z-index: 10;

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 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);   /* IE6 & 7 */
zoom: 1;
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;
}
.filesharing-item-description {
font-size: 0.9em;
line-height: 1.7em;
padding: 10px 0 0;
}
.filesharing-item {
margin: 0 0 30px;
display: inline-block;
width: 100%;
}

/* Contact Form */

form > div label {
font: bolder 10px arial; 
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
}
form > div br + br,.form-footer + br {display: none;}

form > div textarea.form-input-field,
form > div input.form-input-field[type="text"],
form > div input.form-input-button[type="submit"],
form > div input.form-input-button[type="reset"] {
font: 14px Arial;
padding: 12px;
margin-bottom: 10px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-transition: background-color 300ms;
-moz-transition: background-color 300ms;
-ms-transition: background-color 300ms;
-o-transition: background-color 300ms;
transition: background-color 300ms;
width: 91%;
border: none;
outline: none;
background-color: #ddd;
box-shadow: inset #bbb 0 0 1px;

}
form > div input.form-input-button[type="submit"],
form > div input.form-input-button[type="reset"] {
width: auto;
margin: 15px 15px 0 0;
padding: 13px 18px;
cursor: pointer;
font-size: 11px;
font-weight: bolder;
letter-spacing: 2px;
color: #666;
text-transform: uppercase;
}
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 { background-color: #ccc; box-shadow: inset #999 0 0 1px;}

form > div textarea.form-input-field:focus,
form > div input.form-input-field[type="text"]:focus {
outline: none;
background-color: #ccc; 
box-shadow: inset #999 0 0 1px;
}

ul.tree{
margin: 0 0 20px 0;
}

ul.tree > li{
float:left;
margin-right: 45px;
list-style: none;
font-weight: bolder;
}

ul.tree ul{
padding-top: 5px;
list-style: decimal-leading-zero;
padding-left: 8px;
font-size: 0.8em;
}

ul.tree ul li a{
font-weight: normal;
text-indent: -3px;
opacity: 0.7;
}

ul.tree ul li a:hover{
opacity: 1;
}

#manual h2{ line-height: 26px; }

header #logo{
    display: block;
}
/* 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: 16px;
}

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

h2#sideTitle{font-size: 24px;}

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