/* This is responsive CSS coding, please do not modify. */

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, body {
    height: 100%;
    width: 100%;
}
body {
    line-height: 1;
    font-family: Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #262626;
    background-image: url(images/wood.jpg);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1em;
    padding-bottom: 20px;
}
h1 { font-size: 2.5em }
h2 { font-size: 2.3em }
h3 { font-size: 2.1em }
h4 { font-size: 1.9em }
h5 { font-size: 1.7em }
h6 { font-size: 1.5em }
hr {
    border: 0;
    border-top: 1px #d3d3d3 solid;
    border-bottom: 1px #FFFFFF solid;
    width: 100%;
    margin-left: -30px;
    position: relative;
    padding-left: 30px;
    height: 0;
    font-size: 0;
}
ul.tree, ul.tree ul, ul.disc, ul.circle, ul.square, ol.arabic-numbers, ol.upper-alpha, ol.lower-alpha, ol.upper-roman, ol.lower-roman {
    padding: 10px 0 10px 20px;
    margin: 0;
}
ul.tree li, ul.disc li, ul.circle li, ul.square li, ol.arabic-numbers li, ol.upper-alpha li, ol.lower-alpha li, ol.upper-roman li, ol.lower-roman li { padding: 5px 0 }
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 }
aside ul { list-style: none }
a { text-decoration: none }
strong, b { font-weight: bolder }
em, i { font-style: italic !important }
.image-left {
    float: left;
    padding: 0 20px 20px 0;
}
.image-right {
    float: right;
    padding: 0 0 20px 20px;
}
.flexslider{ min-height: 75px; -webkit-perspective: 1000; }
img.edge { display: none }
.pull img.edge { display: block }
#left .pull img {
    width: 100% !important;
    height: auto !important;
}
#left .pull {
    position: relative;
    height: auto;
    min-height: 80px;
}
#left .pull + br { display: none }
#left .pull:before, .flex-container:before {
    content: '';
    position: absolute;
    width: 3px;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.12);
    box-shadow: inset rgba(255,255,255,0.08) 1px 0 0;
    height: 100%;
    width: 3px;
    z-index: 10;
}
#left .pull, .flex-container {
    margin-left: -30px;
    padding-bottom: 15px;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/bebas_neue/BebasNeue-webfont.eot');
    src: url('font/bebas_neue/BebasNeue-webfont.eot?iefix') format('eot'),url('font/bebas_neue/BebasNeue-webfont.woff') format('woff'),url('font/bebas_neue/BebasNeue-webfont.ttf') format('truetype'),url('font/bebas_neue/BebasNeue-webfont.svg#webfontPxxwr5cF') format('svg');
}
h1, h2, h3, h4, h5, h6, .photo-title, .album-title, .movie-page-title, #blog-categories:before, #blog-archives:before, ul.blog-tag-cloud:before, #blog-rss-feeds:before { font-family: 'BebasNeueRegular',sans-serif }
#blog-categories:before, #blog-archives:before, ul.blog-tag-cloud:before, #blog-rss-feeds:before {
    font-size: 1.8em;
    font-weight: normal;
}
header span { padding-left: 8px }
.clear { clear: both }
a#siteLogo img { vertical-align: middle }
#logo img { visibility: hidden }
header a#siteLogo img, #logo a#siteLogo img { visibility: visible }
header a#siteLogo img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 12px;
}
header a#siteLogo {
    width: 70px;
    height: 100%;
    line-height: 0;
    display: block;
    overflow: hidden;
    padding: 12px 0 0 15px;
    border-bottom: 1px solid #d6d6d6;
}
#wrapper {
    width: 100%;
    height: 100%;
}
header {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #fff;
    height: 100px;
    width: 100%;
    display: table;
}
header a {
    display: inline-block;
    float: left;
}
header h1 {
    vertical-align: baseline;
    display: block;
    padding: 0 0 0 30px;
    font-size: 2.2em;
    padding-bottom: 5px;
    height: 95px;
    line-height: 0.9;
    vertical-align: bottom;
    display: table-cell;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}
.ie7 header h1 {
    display: block;
    height: 94px;
    line-height: 150px;
}
header span {
    font: 0.8em Georgia,Cambria,"Times New Roman",Times,serif;
    padding-left: 5px;
    font-size: 13px;
    color: #888;
}
aside {
    width: 220px;
    padding: 0;
    line-height: 3;
    z-index: 1;
    float: left;
    position: relative;
}
aside.discus { padding: 0 0 50% }
section {
    line-height: 1.7em;
    font-size: 0.95em;
    text-shadow: #fff 0 1px 0;
}
section#container {
    float: right;
    width: 100%;
    height: 100%;
    margin-left: -220px;
    right: 220px;
    line-height: 0.8em;
}
#pushContainer {
    margin-left: 220px;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.4) -5px 0 10px,inset #fff 3px 0 0;
    -webkit-box-shadow: rgba(0,0,0,0.4) -5px 0 10px,inset #fff 3px 0 0;
    background: #F0F0F0;
    min-height: 100%;
}
#leftRightWrapper {
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: inset #fff 3px 0 0;
}
#leftWrap {
    width: 100%;
    position: relative;
    margin-left: -240px;
    float: left;
}
#pushLeft { padding-left: 240px }
section#left { padding: 40px 30px 25px 30px }
#rightWrap {
    float: right;
    font-size: 0.9em;
    padding: 30px 0;
    width: 230px;
}
section#right {
    position: relative;
    z-index: 3;
    padding: 0 30px 0 0;
}
#asideTitle {
    padding-bottom: 0.5em;
    font-size: 2.3em;
}
#left ul#breadcrumb {
    margin: -30px 0 30px;
    font-size: 0.9em;
    font-family: Georgia,Cambria,"Times New Roman",Times,serif;
}
#left ul#breadcrumb span {
    font-family: Arial;
    padding: 0 5px;
}
#left ul#breadcrumb li:first-child, #left ul#breadcrumb li:last-child span { display: none }
#left ul#breadcrumb li { display: inline-block }
.ie7 #left ul#breadcrumb li { display: inline }
#footerWrap {
    float: left;
    clear: both;
    font-size: 0.9em;
    font-weight: bolder;
    border-top: 1px solid #fff;
    width: 100%;
}
.ie7 #footerWrap,
.ie8 #footerWrap {border-top:none;}
footer {
    padding: 25px 30px 35px;
    opacity: 0;
}
nav {
    line-height: 1em;
    margin-top: 0;
    top: 0;
    display: block;
    position: relative;
    opacity: 0.5;
}
nav li { position: relative }
nav li a {
    border-bottom: 1px solid rgba(0,0,0,0.3);
    border-top: 1px solid rgba(255,255,255,0.08);
    color: #a3a3a3;
    padding: 10px 20px;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    text-shadow: #000 0 1px 0;
    position: relative;
}
.ie7 nav li a,
.ie8 nav li a {
    border-bottom: 1px solid #171717;
    border-top: 1px solid #313131;
}
.ie7 nav li a{border-top: 2px solid #292929;}
nav a.drop,
nav li a.currentAncestor {
    background-color: rgba(255,255,255,0.05);
    color: #fff;
}

.ie7 nav li a.currentAncestor,
.ie8 nav li a.currentAncestor,
.ie7 nav a.drop,
.ie8 nav a.drop {
    background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0CFFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0CFFFFFF);   /* IE6 & 7 */
      zoom: 1;
}

.ie7 nav li li,
.ie8 nav li li{display: none;}
.ie7 nav li:hover li,
.ie8 nav li:hover li{display: block;}

nav li li a {
    background: rgba(0,0,0,0.25);
    font-size: .9em;
    padding: 10px 20px 10px 25px;
}
nav li li a.current {
    color: #fff;
    text-shadow: #000 0 1px 0,#666 0 0 15px;
    background-color: rgba(0,0,0,0.4);
}
nav>ul>li.open>a, 
nav>ul>li.open>a:hover { border-bottom: 1px solid rgba(0,0,0,0.6) }

.ie7 nav>ul>li.open>a, 
.ie8 nav>ul>li.open>a:hover { border-bottom: #171717 }

nav>ul>li:first-child>a:hover { box-shadow: rgba(0,0,0,0.2) 0 -1px 0 }
.children {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    z-index: 3;
}
nav .children ul {
    top: 41px;
    position: absolute;
    width: 100%;
    opacity: 0;
    z-index: 10;
}
nav ul ul ul { display: none!important }
nav a.current, nav a.currentAncestor {
    font-weight: bolder;
    color: #fff;
}
nav>ul>li:last-child { border-bottom: 1px solid rgba(255,255,255,0.08) }
nav>ul li:first-child a { border-top: 0 }
nav ul ul:hover {

}
#navBtn {
    height: 45px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: #fff 0 1px 0;
    -moz-box-shadow: #fff 0 1px 0;
    box-shadow: #fff 0 1px 0;
    width: 55px;
    position: absolute;
    top: -50px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
    display: none;
}
nav>ul>.children>a:after {
    content: "»";
    float: right;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: inline-block;
    opacity: .85;
}
nav>ul>.open>a:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    opacity: .3;
    left: -3px;
    position: relative;
}
@font-face {
    font-family: 'ncds';
    src: url('font/social/ncds.eot');
    src: url('font/social/ncds.eot?#iefix') format('embedded-opentype'), url('font/social/ncds.woff') format('woff'), url('font/social/ncds.ttf') format('truetype'), url('font/social/ncds.svg#ncds') format('svg');
    font-weight: normal;
    font-style: normal;
}
#socialIcons { padding-right: 25px }
.social, #rw_email_contact {
    font-size: 18px;
    height: 35px;
    width: 35px;
    position: relative;
    text-align: center;
    line-height: 37px;
    display: inline-block;
    margin: 0 15px 15px 0;
    font-family: 'ncds';
    color: #666;
    text-shadow: #fff 0 2px 0;
    font-weight: normal;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -ms-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    border-radius: 2px;
    background: #f9f9f9;
    box-shadow: #bbb 0 1px 1px,inset #fff 0 1px 0;
    -webkit-box-shadow: #bbb 0 1px 1px,inset #fff 0 1px 0;
}
.social:hover, #rw_email_contact:hover {
    color: #444;
    top: -2px;
    background: #fff;
    box-shadow: #aaa 0 1px 3px,inset #fff 0 1px 0,inset #fff 0 -1px 0,inset #f0f0f0 0 0 10px;
    -webkit-box-shadow: #aaa 0 1px 3px,inset #fff 0 1px 0,inset #fff 0 -1px 0,inset #f0f0f0 0 0 10px;
}
.js-kit-comments { float: left }
.blog-entry {
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
}

.blog-entry .pull{
    position: relative;
    margin-bottom: 25px;
}
.ie9 .blog-entry .pull{
    margin-bottom: 0;
}
.blog-entry:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    padding-left: 30px;
    left: -30px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #fff;
}
.lastPost:after { display: none }
.lastPost {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.blog-entry-title {
    font-size: 2.2em;
    background: #fff;
    display: inline-block;
    clear: both;
    position: relative;
    padding: 12px 12px 2px 30px;
    left: -30px;
}
.blog-entry-date {
    font-size: 0.9em;
    font-family: arial;
    margin: 0 0 30px -30px;
    padding: 10px 30px;
    background: #292929;
    border-left: 3px solid #303030;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    clear: both;
}
.ie7 .blog-entry-date,
.ie8 .blog-entry-date{
    display: block;
    margin: 0 -30px;
}
.blog-entry-category { color: #555 }
.blog-entry-category a {
    color: #ccc;
    padding: 15px 10px;
}
.blog-entry-date a:hover { color: #fff }
.blog-entry-body { padding: 0 0 15px }
#left .blog-entry-body > .pull {
    line-height: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#left .blog-entry-date ~ .pull { padding-bottom: 15px }
ul.slides li img { border-radius: 0 !important }
.blog-read-more {
    display: block;
    font-size: 1.1em;
    padding: 10px 0 0;
}
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-weight: bolder;
    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 {
    display: block;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
    -webkit-transform: translate3d(0,0,0);
}
#blog-categories, #blog-archives, ul.blog-tag-cloud, #blog-rss-feeds {
    line-height: 1.2em;
    display: table-cell;
    list-style: none;
    width: 25%;
}
.ie7 #blog-categories, 
.ie7 #blog-archives, 
.ie7 ul.blog-tag-cloud, 
.ie7 #blog-rss-feeds {
    float: left;
}

#plugIn {
    display: none;
    background: #222;
    border-left: 3px solid #292929;
    color: #FFF;
    text-shadow: none;
    margin: 0 0 -26px -30px;
    padding: 50px 0px 50px 30px;
    width: 104%;
}

.ie7 .blog-entry ~ #plugIn,
.ie8 .blog-entry ~ #plugIn{display: block;}

.active { display: table !important }
#plugIn a {
    font-size: 1em;
    color: #aaa;
    font-weight: bolder;
    padding: 5px 40px 5px 0;
}
#plugIn a:hover { color: #fff }
#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 {
    padding: 0;
    margin: 0;
}
ul.blog-tag-cloud li {
    margin: 0;
    padding: 0;
}
ul.blog-tag-cloud li a { display: inline-block }
.blog-tag-size-1 { font-size: 0.8em }
.blog-tag-size-2 { font-size: 0.85em }
.blog-tag-size-3 { font-size: 0.9em }
.blog-tag-size-4 { font-size: 0.95em }
.blog-tag-size-5 { font-size: 1em }
.blog-tag-size-6 { font-size: 1.05em }
.blog-tag-size-7 { font-size: 1.1em }
.blog-tag-size-8 { font-size: 1.15em }
.blog-tag-size-9 { font-size: 1.2em }
.blog-tag-size-10 { font-size: 1.25em }
.blog-tag-size-11 { font-size: 1.3em }
.blog-tag-size-12 { font-size: 1.35em }
.blog-tag-size-13 { font-size: 1.4em }
.blog-tag-size-14 { font-size: 1.45em }
.blog-tag-size-15 { font-size: 1.5em }
.blog-tag-size-16 { font-size: 1.55em }
.blog-tag-size-17 { font-size: 1.6em }
.blog-tag-size-18 { font-size: 1.65em }
.blog-tag-size-19 { font-size: 1.7em }
.blog-tag-size-20 { font-size: 1.75em }
.blog-archive-month, .blog-archive-link { display: none }
.blog-rss-link:before, .blog-comments-rss-link:before {

}
.filesharing-item-title {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #fdfdfd;
}
.filesharing-item-title a {
    display: block;
    padding: 7px 15px 6px 50px;
    font-size: 14px;
    border-top: 1px solid #d3d3d3;
    background-color: #ddd;
    background-color: rgba(0,0,0,0.03);
    line-height: 1.5em;
    font-weight: bolder;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.filesharing-item-title a:after {
    border-left-width: 36px;
    border-left-style: solid;
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    width: 2px;
    z-index: 5;
}
.filesharing-item-title a:before {
    content: '‣';
    font-family: arial;
    font-weight: normal;
    top: 6px;
    left: 15px;
    position: absolute;
    font-size: 17px;
    float: left;
    text-shadow: none;
    color: #fff !important;
    display: block;
    z-index: 10;
}
.filesharing-item-title a:hover { background: #fff }
.filesharing-item-title a:hover:after {
    text-decoration: none;
    border-color: #333;
}
.filesharing-item-title a:hover:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.filesharing-item-description {
    font-size: 0.9em;
    line-height: 1.7em;
    padding: 10px 0 0;
}
.filesharing-item {
    margin: 0 2% 30px;
    display: inline-block;
    width: 29%;
}
.ie7 .filesharing-item {
    float: left;
}
.movie-page-description { margin-bottom: 15px }
.movie-thumbnail-frame {
    line-height: 0;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0 2px 0,rgba(0,0,0,0.3) 0 0 1px;
    box-shadow: rgba(0,0,0,0.15) 0 2px 0,rgba(0,0,0,0.3) 0 0 1px;
    border-radius: 3px;
    position: relative;
    width: 45%;
    display: inline-block;
    margin: 2.4% 2%;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.ie7 .movie-thumbnail-frame {
    display: inline;
    margin: 2%;
}
.movie-thumbnail-frame:hover { -webkit-transform: scale(1.01) }
.lastMov { margin-bottom: 5px }
.movie-thumbnail-frame img {
    width: 100% !important;
    height: auto !important;
    border-radius: 3px 3px 0 0;
}

.movie-thumbnail-caption {
    width: auto;
    border-radius: 0 0 3px 3px;
    line-height: 1.5em;
    padding: 11px 20px;
    text-shadow: none;
    color: #fff;
    font-size: 0.9em;
    background: #222;
    visibility: hidden;
    box-shadow: inset #222 0 -1px 0,inset #333 0 -2px 0,inset #111 0 1px 0,inset #333 0 2px 0;
    -webkit-box-shadow: inset #222 0 -1px 0,inset #333 0 -2px 0,inset #111 0 1px 0,inset #333 0 2px 0;
}
#movieAlbum .movie-thumbnail-caption { visibility: visible }
.movie-thumbnail-frame a:before {
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -45px;
    left: 50%;
    margin-left: -30px;
    content: url(images/play.png);
    opacity: 0.3;
    z-index: 10;
}
.movie-thumbnail-frame a:hover:before { opacity: 0.4 }
.movie-background {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 438px;
    background-color: #222;
    box-shadow: inset rgba(0,0,0,0.3) 0 10px 0;
    padding: 30px 0 0;
}
.movie-title {
    padding: 17px 0 0 0;
    font-size: 0.9em;
    font-weight: bolder;
    color: #ddd;
}
.movie-page-title {
    font-size: 2.2em;
    line-height: 1em;
    padding: 0 0 5px 3px;
}
.album-title {
    font-size: 2.2em;
    line-height: 1em;
    padding: 0 0 25px 3px;
}
.album-description { display: none }
.thumbnail-frame {
    position: relative;
    float: left;
}
.thumbnail-wrap {
    margin: 1%;
    height: auto !important;
    display: block;
    float: left;
}
.thumbnail-caption { display: none }
.thumbnail-frame img {
    box-shadow: rgba(0,0,0,0.15) 0 2px 0;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0 2px 0;
    border-radius: 3px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.thumbnail-frame img:active, .thumbnail-frame img:hover { -webkit-transform: scale(1.027) }
.thumbnail-frame {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.photo-background {
    position: absolute;
    text-align: center;
    background-color: #222;
    line-height: 1;
    position: relative;
    text-shadow: #000 0 1px 3px;
}
.photo-title {
    position: relative;
    color: #fff;
    font-size: 2.1em;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-block;
    float: left;
}
#imgWrap {
    position: relative;
    border-radius: 4px;
    display: inline-block;
    line-height: 0;
    padding: 70px 0 0;
    margin: 0 45px;
    opacity: 0;
    text-align: left;
    visibility: hidden;
}
img.photo-frame {
    position: relative;
    top: 10px;
    box-shadow: #000 0 5px 30px,inset rgba(255,255,255,0.06) 0 1px 0,inset rgba(255,255,255,0.06) 0 -1px 0,inset rgba(255,255,255,0.06) 1px 0 0,inset rgba(255,255,255,0.06) -1px 0 0;
    -webkit-box-shadow: #000 0 5px 30px,inset rgba(255,255,255,0.06) 0 1px 0,inset rgba(255,255,255,0.06) 0 -1px 0,inset rgba(255,255,255,0.06) 1px 0 0,inset rgba(255,255,255,0.06) -1px 0 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    height: auto;
    visibility: hidden;
    max-width: 100%;
    width: 100%;
    border-radius: 3px;
    clear: both;
}
.photo-caption {
    color: #999;
    float: left;
    position: relative;
    text-overflow: ellipsis;
    font-family: Georgia;
    font-style: italic;
    font-size: 14px;
    text-align: left;
    line-height: 1.7em;
    display: inline-block;
    min-width: 10px;
    margin: 30px 0;
    padding: 0;
}
.photo-links {
    top: -4px;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-weight: bolder;
    line-height: normal;
    letter-spacing: 1px;
    padding: 0 2px;
    background: rgba(0,0,0,0.2);
    box-shadow: inset rgba(0,0,0,0.3) 0 -1px 0,inset rgba(0,0,0,0.7) 0 1px 0;
    -webkit-box-shadow: inset rgba(0,0,0,0.3) 0 -1px 0,inset rgba(0,0,0,0.7) 0 1px 0;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 4px 4px 3px 3px;
}
.photo-links a {
    color: #aaa;
    font-size: 12px;
    display: inline-block;
    padding: 10px 15px 10px 0px;
}
.photo-links a:first-child { padding-left: 15px }
.photo-links a {
    display: inline-block;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    opacity: 1;
}
.photo-links a:hover {
    color: #fff;
    text-shadow: #fff 0 0 10px;
}
.photo-title, .photo-links, .photo-caption { display: none }
form > div {
    line-height: 0.8em;
    font-size: 1.1em;
}
form > div label {
    font-family: Georgia,times,serif;
    position: relative;
    font-size: 11px;
    letter-spacing: 1px;
    display: inline-block;
    padding-bottom: 6px;
}
.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-size: 0.9em;
    font-family: Arial;
    padding: 8px 12px;
    position: relative;
    background: transparent;
    z-index: 10;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000,endColorstr=#07000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000,endColorstr=#07000000);
    zoom: 1;
    background-color: rgba(0,0,0,0.05);
    border-top: 1px solid #cdcdcd;
    outline: none;
}

.ie7 form > div textarea.form-input-field, 
.ie7 form > div input.form-input-field[type="text"],
.ie8 form > div textarea.form-input-field, 
.ie8 form > div input.form-input-field[type="text"]{width: 95%;}

form > div input.form-input-button[type="submit"], form > div input.form-input-button[type="reset"] {
    width: auto;
    margin-right: 10px;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
form > div input.form-input-button[type="submit"]:hover, form > div input.form-input-button[type="reset"]:hover { background-color: rgba(255,255,255,0.45) }
form > div textarea.form-input-field:hover, form > div input.form-input-field[type="text"]:hover { background-color: rgba(0,0,0,0.05) }
form > div textarea.form-input-field:focus, form > div input.form-input-field[type="text"]:focus {
    outline: none;
    background-color: rgba(0,0,0,0.0);
}
form > div .focusEdit { background-color: rgba(255,255,255,0.45) !important }
form > div .editComplete { background-color: rgba(170,255,170,0.12) !important }
header h1 span, #left ul#breadcrumb, form > div label { font-style: italic }
.fluid-width-video-wrapper {
    padding-left: 30px !important;
    padding-bottom: 15px !important;
    left: -30px;
}
.s1030, .s770, .s500, .s320 { display: none }
.s1030.up { display: block }
@media screen and (max-width: 1030px) { 
	* { -webkit-tap-highlight-color: rgba(0,0,0,0) }
	.s1030.show { display: block }
	.s1030.hide { display: none }
	hr { padding-left: 60px }
	#left .pull, .flex-container {
	    margin-left: -30px;
	    margin-right: -30px;
	    padding-bottom: 15px;
	}
	#left ul#breadcrumb { margin: -30px 0 30px }
	#pushLeft { padding-left: 0 }
	#leftRightWrapper { border-bottom: none }
	#leftWrap {
	    margin-left: 0;
	    border-bottom: 1px solid #d3d3d3;
	    float: none;
	}
	section { font-size: 1em }
	section#left { float: none }
	#rightWrap {
	    float: none;
	    width: 100%;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #d3d3d3;
	    padding: 0px;
	    font-size: 1em;
	}
	section#right {
	    float: none;
	    padding: 30px;
	}
	.blog-entry:after { padding-left: 60px }
	blockquote p:after { padding-right: 30px }
	.pull + .blog-entry-date { width: 100% }
	#blog-categories:before, #blog-archives:before, ul.blog-tag-cloud:before, #blog-rss-feeds:before { margin: 0 0 5px 0 }
	#blog-categories, #blog-archives, ul.blog-tag-cloud, #blog-rss-feeds {
	    display: block;
	    margin: 30px 0;
	    width: 100%;
	}
	.active { display: block !important }
	#plugIn {
	    border-spacing: 0 30px;
	    margin: 30px 0 -30px -30px;
	    padding: 30px;
	    width: 100%;
	}
	#plugIn a {
	    display: inline-block;
	    font-weight: normal;
	    padding-right: 7px;
	}
	#plugIn a:after {
	    content: '/';
	    padding-left: 7px;
	    color: #555;
	    letter-spacing: -1px;
	    font-weight: normal;
	}
	#plugIn li { display: inline-block }
	.filesharing-item 150ms #imgWrap { padding: 40px 0 0 }
	.fluid-width-video-wrapper {
	    padding-left: 60px !important;
	    padding-bottom: 30px !important;
	    left: -30px;
	}
}
@media screen and (min-width: 771px) { 
	#logo {
	    width: 180px;
	    height: 180px;
	    margin: 20px;
	}
	#logo a#siteLogo {
	    width: 180px;
	    height: 180px;
	    line-height: 180px;
	    display: block;
	    overflow: hidden;
	    text-align: center;
	}
	.ie7 #logo a#siteLogo img{margin-top: 40px;}
	nav {
	    display: block !important;
	    -webkit-perspective: 1000;
	}
	nav .children.deux ul { top: 60px }
	
	nav li a:hover {
	    background-color: rgba(255,255,255,0.05);
	    color: #fff;
	}
	
	.ie7 nav li a:hover,
	.ie8 nav li a:hover,
	.ie7 nav li a:active,
	.ie8 nav li a:active {
	    background-color: #2D2D2D;
	}
	
	.ie7 nav li li a:hover,
	.ie8 nav li li a:hover,
	.ie7 nav li li a:active,
	.ie8 nav li li a:active{
	   background-color: #191919;
    }
	
	nav li li a:hover {
	    color: #fff;
	    text-shadow: #000 0 1px 0,#666 0 0 15px;
	    background-color: rgba(0,0,0,0.4);
	}

	nav li a:active {
	    background-color: rgba(255,255,255,0.05);
	    text-shadow: #fff 0 0 10px;
	}
	
	nav li li a:active { background-color: rgba(0,0,0,0.5); }
	
	nav li a {
	    -webkit-transition: background 150ms,color 150ms,text-shadow 200ms;
	    -moz-transition: background 150ms,color 150ms,text-shadow 200ms;
	    -ms-transition: background 150ms,color 150ms,text-shadow 200ms;
	    -o-transition: background 150ms,color 150ms,text-shadow 200ms;
	    transition: background 150ms,color 150ms,text-shadow 200ms;
	}
	section#container, aside {
	    -webkit-transform: translate(0,0) !important;
	    -webkit-transition-duration: 0s !important;
	    top: 0;
	}
	header a#siteLogo { display: none }
}
@media screen and (max-width: 770px) { 
	nav, #imgWrap, header h1, .thumbnail-wrap, .movie-thumbnail-frame { -webkit-transform: translate(0,0) }
	.s770.show { display: block }
	.s770.hide { display: none }
	body {
	    -webkit-text-size-adjust: none;
	    -webkit-appearance: none;
	}
	h1, h2, h3, h4, h5, h6 { padding-bottom: 10px }
	#left ul#breadcrumb { margin: -10px 0 20px }
	aside #logo { display: none }
	header a#siteLogo { display: block }
	header { height: 100% }
	#left .pull, .flex-container {
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-bottom: 15px;
	}
	#block {
	    float: right;
	    height: 1px;
	    width: 50px;
	}
	header h1 {
	    padding: 20px 20px 15px 17px;
	    height: auto;
	    vertical-align: middle;
	}
	
	.ie7 header a#siteLogo,
	.ie7 header h1,
	.ie8 header a#siteLogo,
	.ie8 header h1 {
        border-bottom: none;
    }
    .ie7 header,
    .ie8 header{border-bottom: 1px solid #ddd;}
    
	header a {
	    display: inline;
	    float: none;
	}
	header span {
	    display: block;
	    line-height: 1.5em;
	    padding-left: 0 !important;
	}
	section#container {
	    margin-left: 0;
	    right: 0;
	    top: 0;
	    position: absolute;
	    background: #f0f0f0;
	    z-index: 10;
	    -webkit-perspective: 1000;
	}
	aside {
	    z-index: 5;
	    visibility: hidden;
	    width: 100%;
	    padding: 0;
	    height: auto;
	    position: relative;
	    float: none;
	    background-color: transparent;
	    background-image: none;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	}
	.ie7 aside, .ie8 aside{visibility: visible;}
	.ie7 section#container, .ie8 section#container{position: relative;}
	
	section { font-size: 1.025em }
	#rightWrap, #leftWrap { border-bottom: 1px solid #D3D3D3 }
	#pushContainer { margin-left: 0 }
	nav {
	    font-size: 1.3em;
	    margin-top: 0px;
	    display: block;
	    position: relative;
	    -webkit-perspective: 1000;
	}
	nav li a.clicked {
	    background-color: rgba(255,255,255,0.05);
	    color: #fff!important;
	    text-shadow: #fff 0 0 10px;
	}
	nav li li a.clicked {
	    background-color: rgba(0,0,0,0.5);
	    color: #fff!important;
	    text-shadow: #fff 0 0 10px;
	}
	nav .children ul { top: 56px }
	nav > ul > .children > a:after {
	    content: "»";
	    font-size: 12px;
	    left: -8px;
	}
	nav ul ul { display: block }
	.children {
	    position: relative;
	    z-index: 1;
	    overflow: hidden;
	}
	.children ul {
	    position: absolute;
	    width: 100%;
	    opacity: 0;
	    z-index: 10;
	}
	nav li { position: relative }
	nav ul ul li a { font-size: 0.9em }
	nav > ul > li a { padding: 15px 35px 15px 15px }
	nav ul ul li a, nav ul ul ul li a { padding: 15px 35px 15px 20px }
	nav > ul > .children > a:after {
	    font-size: 36px;
	    opacity: .7;
	}
	#navBtn {
	    -webkit-perspective: 1000;
	    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.00)),to(rgba(0,0,0,0.07)));
	    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.07));
	    background-image: -moz-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.07));
	    background-image: -o-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.07));
	    background-image: linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.07));
	    display: block;
	}
	#navBtn:before {
	    content: '+';
	    font-weight: bolder;
	    text-align: center;
	    height: 45px;
	    width: 55px;
	    position: relative;
	    font-size: 48px;
	    text-shadow: none;
	    font-family: Arial;
	    line-height: 43px;
	    display: block;
	}
	#navBtn:active, #navBtn.openMenu {
	    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.00)),to(rgba(0,0,0,0.20)));
	    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.20));
	    background-image: -moz-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.20));
	    background-image: -o-linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.20));
	    background-image: linear-gradient(top,rgba(0,0,0,0.00),rgba(0,0,0,0.20));
	    color: #fff;
	}
	section#left, section#right { padding: 20px }
	footer { padding: 20px 20px 30px }
	.blog-entry {
	    margin-bottom: 30px;
	    padding-bottom: 10px;
	    position: relative;
	}
	blockquote { margin-left: -20px }
	.blog-entry-date {
	    padding-left: 20px;
	    padding-right: 20px;
	    position: relative;
	    right: -10px;
	    width: 100%;
	}
	#plugIn {
	    border-spacing: 0 20px;
	    margin: 0 0 -20px -20px;
	    padding: 20px;
	}
	.filesharing-item { width: 96% }
	.filesharing-item-title a:before {
	    content: "»";
	    font-size: 15px;
	}
	img.photo-frame, #imgWrap { border-radius: 0 }
	#imgWrap {
	    margin: 0;
	    padding: 150px 0 0;
	}
	.photo-title { padding: 5px 0 0 20px }
	.photo-caption { padding: 0 20px 20px 20px }
	.photo-links { margin-right: 20px }
	.movie-title { font-size: 1.25em }
	#movieAlbum { padding: 2% }
	.movie-thumbnail-frame {
	    width: 100%;
	    margin: 3% 0%;
	}
	.firstMov { margin: 0 0 2% }
	.lastMov { margin: 2% 0 0 }
	.fluid-width-video-wrapper {
	    padding-left: 40px !important;
	    padding-bottom: 20px !important;
	    left: -20px;
	}
}
@media screen and (max-width: 500px) { 
	.s500.show { display: block }
	.s500.hide { display: none }
	.image-left, .image-right {
	    float: none;
	    padding: 0 0 20px 0;
	    text-align: center;
	}
	section { font-size: .97em }
	.flexslider .next, .flexslider .prev { display: none !important }
	#left ul#breadcrumb { display: none }
	nav {
	    font-size: 1.1em;
	    margin-top: 0px;
	}
	nav .children ul { top: 47px }
	nav ul ul li a { font-size: 0.95em }
	nav > ul > li a { padding: 12px 25px 12px 15px }
	nav ul ul li a, nav ul ul ul li a { padding: 12px 25px 12px 20px }
	nav > ul > .children > a:after {
	    font-size: 28px;
	    opacity: .5;
	    left: -4px;
	}
	#navBtn {
	    height: 32px;
	    width: 40px;
	    right: 15px;
	}
	#navBtn:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    right: -15px;
	    width: 40px;
	    height: 30px;
	    padding: 0 15px 25px 25px;
	    border: 1px solid transparent;
	    z-index: 10;
	}
	#navBtn:before {
	    height: 32px;
	    width: 40px;
	    font-size: 36px;
	    line-height: 28px;
	    z-index: 8;
	}
	.blog-entry-title, .blog-entry-date {
	    width: 100%;
	    padding-right: 20px;
	}
	.blog-entry-category { display: inline-block }
	.blog-entry-category a { padding: 15px 7px }
	.album-title { padding: 0 0 15px 7px }
	.thumbnail-wrap { margin: 1.5% 2.2% }
	.thumbnail-frame img {
	    width: 88% !important;
	    height: auto !important;
	}
	.photo-background { padding: 0 }
	.photo-title {
	    opacity: 0;
	    position: absolute;
	}
	.photo-links {
	    position: relative;
	    background: none;
	    top: 0;
	    left: 0;
	    float: none;
	    border-radius: 0;
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    text-align: center;
	    border: none;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    border-bottom: none;
	}
	.photo-links a {
	    font-size: 15px;
	    font-weight: normal;
	    padding: 20px 15px;
	}
	.photo-caption {
	    padding: 3% 0;
	    margin: 20px 0;
	}
	.photo-title, .photo-caption {
	    width: 100%;
	    text-align: center;
	}
	#imgWrap {
	    padding: 0 0 30px;
	    margin: 0 40px;
	}
	.photo-frame {
	    margin-top: 0;
	    top: 0;
	    border-radius: 2px;
	}
	#movieAlbum { padding: 0% }
	.movie-thumbnail-frame { margin: 2.5% 0% }
	.firstMov { margin: 0 0 2.5% }
	.lastMov { margin: 2.5% 0 0 }
}
@media screen and (max-width: 320px) { 
	.s320.show { display: block }
	.s320.hide { display: none }
	header h1 { padding: 20px 20px 12px 17px }
	.thumbnail-wrap { margin: 3% }
	.thumbnail-wrap img { width: 83% !important }
	.photo-background {
	    text-align: center !important;
	    width: 100%;
	}
	.photo-title {
	    float: none;
	    padding: 60px 0 10px 0 !important;
	    opacity: 1;
	    position: static;
	    margin: 0;
	}
	.photo-links {
	    position: absolute;
	    width: 100%;
	    padding: 0;
	    background: rgba(0,0,0,0.3);
	    border-bottom: 1px solid rgba(255,255,255,0.07);
	    -webkit-box-shadow: inset rgba(0,0,0,0.5) 0 -1px 0;
	    top: 0;
	    left: 0;
	}
	.photo-links a {
	    font-size: 13px;
	    font-weight: bolder;
	    padding: 10px 10px;
	}
	#imgWrap {
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	img.photo-frame { box-shadow: rgba(0,0,0,0.7) 0 0 7px }
	.photo-caption {
	    padding: 3% 5%;
	    width: 90%;
	}
	.movie-thumbnail-frame { margin: 3.5% 0% }
	.firstMov { margin: 0 0 3.5% }
	.lastMov { margin: 3.5% 0 0 }
}

section#container:not(#plugIn) *{-webkit-backface-visibility: hidden;}