.crud.crud-idle:hover{background-color:rgba(255,247,184,0.25);}
.crud.crud-preview{outline:1px dashed #92907b;background-color:#c2dafc;}
.crud .crud-buttons{margin-top:1em;opacity:0.5;}
.crud:hover>.crud-buttons{opacity:1;}
.crud-modal .required,.crud-modal .optional{font-size:0.7em;position:relative;top:-0.15em;font-style:italic;}
.crud-modal .required{color:#442718;}
.crud-modal .optional{color:#cccccc;}
.crud-modal input[type=text]{border:1px solid #bbbbbb;}
.crud-modal input[type=datetime]{width:50%;}
.autodate-wrapper{position:relative;}
.autodate-wrapper label{font-style:normal;font-weight:normal;font-size:0.8em;color:#838383;float:right;position:absolute;top:50%;right:24px;margin-top:-0.8em;}
.autodate-wrapper .ui-datepicker-trigger{position:absolute;right:0;top:50%;margin-top:-8px;}
ol.form-fields{list-style-type:none;padding:0;margin:0;}
ol.form-fields li{margin-bottom:0.5em;}
ol.form-fields label.type-FormField{font-size:1.5em;}
ol.form-fields .state-error .form-label{color:#8d0f00;}
ol.form-fields .state-error .form-field input,ol.form-fields .state-error .form-field textarea{border-color:#8d0f00;}
ol.form-fields .errors{color:#8d0f00;display:inline-block;font-size:0.7em;font-style:italic;padding:0 0 0 5px;}
ol.form-fields .errors li{display:inline-block;}
ol.form-fields .field{position:relative;padding-right:10px;}
ol.form-fields .field.type-MarkdownField{padding:0;}
ol.form-fields .field input[type=text],ol.form-fields .field textarea{padding:4px;background-color:#ffffff;border:1px solid #bbbbbb;margin:0;width:100%;font:0.8em "Lucida Grande",Lucida,Verdana,sans-serif;}
.form-errors-title{color:#8d0f00;font-weight:bold;}
.markdown-editor textarea{border:1px solid #bbbbbb !important;font:0.9em "Courier New",Courier,mono !important;padding:3px 5px !important;background-color:white;outline:0;}
.markdown-editor .buttons{background-color:#eeeeee;border:1px solid #bbbbbb;display:block;border-bottom-style:none;margin-top:2px;}
.markdown-editor .buttons a{width:20px;height:20px;margin:2px;border-radius:3px;text-decoration:none;background:no-repeat center center;display:inline-block;}
.markdown-editor .buttons a:hover{background-color:#cccccc;}
.markdown-editor .buttons a.button-bold{background-image:url(/img/silk/text_bold.png);}
.markdown-editor .buttons a.button-italic{background-image:url(/img/silk/text_italic.png);margin-right:15px;}
.markdown-editor .buttons a.button-link{background-image:url(/img/silk/link.png);}
.markdown-editor .buttons a.button-list_item{background-image:url(/img/silk/text_list_bullets.png);}
.markdown-editor .buttons a.button-image{background-image:url(/img/silk/picture.png);}
.markdown-editor .buttons a.button-image_link{background-image:url(/img/silk/picture_link.png);}
.markdown-editor .buttons a.button-movie_link{background-image:url(/img/silk/film_link.png);}
.markdown-editor .buttons a.button-asset_link{background-image:url(/img/silk/plugin_link.png);}
.markdown-editor .buttons a.button-horizontal_rule{background-image:url(/img/silk/text_horizontalrule.png);}
.markdown-editor .buttons a.button-align_left{background-image:url(/img/silk/text_align_left.png);}
.markdown-editor .buttons a.button-align_center{background-image:url(/img/silk/text_align_center.png);}
.markdown-editor .buttons a.button-align_right{background-image:url(/img/silk/text_align_right.png);margin-right:15px;}
.markdown-editor .buttons a.button-float_left{background-image:url(/img/silk/text_padding_left.png);}
.markdown-editor .buttons a.button-float_right{background-image:url(/img/silk/text_padding_right.png);margin-right:15px;}
.markdown-editor .buttons a.button-help{background-image:url(/img/silk/help.png);margin-left:18px;float:right;}
html{height:100%;}
body{height:100%;width:800px;margin:0 auto;padding:0;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300;display:flex;flex-direction:column;}
#root{flex-grow:1;padding-top:20px;}
footer{flex-grow:0;width:900px;margin-left:-50px;padding-left:50px;padding-right:50px;border-top:1px dotted #bbbbbb;padding-top:10px;margin-top:20px;font-size:90%;}
@media print{display:none;}
footer p{line-height:1.5em;}
footer #site-attribution,footer #license{font-size:0.75em;color:#444444;}
footer #site-attribution{float:left;text-align:left;}
footer #license{float:right;width:65%;text-align:right;}
footer #license img{float:right;margin-left:1em;width:88px;height:31px;}
#logo{margin-left:5px;}
.nav{width:900px;margin-left:-50px;margin-bottom:12px;display:flex;padding-right:50px;}
.nav li:first-child{margin-left:50px;}
.nav li a{padding:6px 12px;}
.nav .spacer{flex-grow:1;}
.nav .social img{margin-top:-1px;}
#flash-messages{position:absolute;top:0;right:0;}
#tpixel{position:absolute;top:-10000;}
p.error{color:#990907;}
p.success{color:#004905;}
.btn-file{position:relative;overflow:hidden;}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:999px;text-align:right;filter:alpha(opacity =0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
body.status h1{font-size:200px;margin-bottom:50px;margin-top:0;}
body.status .cute{font-style:italic;}
#error-report{font-size:12px;white-space:pre;line-height:16px;font-family:monospace;}
.codehilite .hll{background-color:#ffffcc;}
.codehilite .c{color:#8f5902;font-style:italic;}
.codehilite .err{color:#a40000;border:1px solid #ef2929;}
.codehilite .g{color:#000000;}
.codehilite .k{color:#204a87;font-weight:bold;}
.codehilite .l{color:#000000;}
.codehilite .n{color:#000000;}
.codehilite .o{color:#ce5c00;font-weight:bold;}
.codehilite .x{color:#000000;}
.codehilite .p{color:#000000;font-weight:bold;}
.codehilite .cm{color:#8f5902;font-style:italic;}
.codehilite .cp{color:#8f5902;font-style:italic;}
.codehilite .c1{color:#8f5902;font-style:italic;}
.codehilite .cs{color:#8f5902;font-style:italic;}
.codehilite .gd{color:#a40000;}
.codehilite .ge{color:#000000;font-style:italic;}
.codehilite .gr{color:#ef2929;}
.codehilite .gh{color:#000080;font-weight:bold;}
.codehilite .gi{color:#00a000;}
.codehilite .go{color:#000000;font-style:italic;}
.codehilite .gp{color:#8f5902;}
.codehilite .gs{color:#000000;font-weight:bold;}
.codehilite .gu{color:#800080;font-weight:bold;}
.codehilite .gt{color:#a40000;font-weight:bold;}
.codehilite .kc{color:#204a87;font-weight:bold;}
.codehilite .kd{color:#204a87;font-weight:bold;}
.codehilite .kn{color:#204a87;font-weight:bold;}
.codehilite .kp{color:#204a87;font-weight:bold;}
.codehilite .kr{color:#204a87;font-weight:bold;}
.codehilite .kt{color:#204a87;font-weight:bold;}
.codehilite .ld{color:#000000;}
.codehilite .m{color:#0000cf;font-weight:bold;}
.codehilite .s{color:#4e9a06;}
.codehilite .na{color:#c4a000;}
.codehilite .nb{color:#204a87;}
.codehilite .nc{color:#000000;}
.codehilite .no{color:#000000;}
.codehilite .nd{color:#5c35cc;font-weight:bold;}
.codehilite .ni{color:#ce5c00;}
.codehilite .ne{color:#cc0000;font-weight:bold;}
.codehilite .nf{color:#000000;}
.codehilite .nl{color:#f57900;}
.codehilite .nn{color:#000000;}
.codehilite .nx{color:#000000;}
.codehilite .py{color:#000000;}
.codehilite .nt{color:#204a87;font-weight:bold;}
.codehilite .nv{color:#000000;}
.codehilite .ow{color:#204a87;font-weight:bold;}
.codehilite .w{color:#f8f8f8;text-decoration:underline;}
.codehilite .mf{color:#0000cf;font-weight:bold;}
.codehilite .mh{color:#0000cf;font-weight:bold;}
.codehilite .mi{color:#0000cf;font-weight:bold;}
.codehilite .mo{color:#0000cf;font-weight:bold;}
.codehilite .sb{color:#4e9a06;}
.codehilite .sc{color:#4e9a06;}
.codehilite .sd{color:#8f5902;font-style:italic;}
.codehilite .s2{color:#4e9a06;}
.codehilite .se{color:#4e9a06;}
.codehilite .sh{color:#4e9a06;}
.codehilite .si{color:#4e9a06;}
.codehilite .sx{color:#4e9a06;}
.codehilite .sr{color:#4e9a06;}
.codehilite .s1{color:#4e9a06;}
.codehilite .ss{color:#4e9a06;}
.codehilite .bp{color:#3465a4;}
.codehilite .vc{color:#000000;}
.codehilite .vg{color:#000000;}
.codehilite .vi{color:#000000;}
.codehilite .il{color:#0000cf;font-weight:bold;}
.codehilitetable{width:100%;}
.codehilitetable pre{font-size:13px;line-height:16px;margin:0 0 1em 0;padding:5px 5px 5px 10px;border:none;border-radius:0;border-left:2px solid #dddddd;word-wrap:normal;}
.codehilitetable .linenos{width:2ex;}
.codehilitetable .linenos pre{color:#999999;}
.codehilite pre{overflow-x:auto !important;font-size:13px;line-height:16px;margin:0 0 1em 0;padding:5px 5px 5px 10px;border:none;border-radius:0;border-left:2px solid #dddddd;word-wrap:normal;}
.ribbon{top:42px;position:absolute;width:200px;padding:1px 0;background:#000000;color:#eeeeee;-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5);}
.ribbon.left{left:-42px;}
.ribbon.right{right:-42px;}
.ribbon.left{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.ribbon.right{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.ribbon>*{display:block;padding:1px 0;height:24px;line-height:20px;text-align:center;font-family:'Helvetica Neue',Helvetica,sans-serif;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,0.3);-moz-text-shadow:0 0 10px rgba(0,0,0,0.31);-webkit-text-shadow:0 0 10px rgba(0,0,0,0.31);text-shadow:0 0 10px rgba(0,0,0,0.31);}
.ribbon a:visited,.ribbon a:active,.ribbon a:hover{text-decoration:none;color:inherit;}
.route-about h1{font-size:24px;margin-bottom:16px;}
.path-blog .blog-post{margin:2em 0;}
.path-blog #next-link{font-size:1.5em;}
.path-blog hr,.path-blog_index hr{border:none;border-top:1px dashed #cccccc;width:100%;}
.path-blog_index h2{font-size:24px;}
.blog-post .title{margin:0 0 5px;font-size:40px;}
.blog-post .subtitle{margin:10px 0 5px;font-size:1em;font-weight:bold;}
.blog-post .flag{font-size:0.85em;color:#aa3333;font-weight:bold;}
.blog-post .flag:before{content:"[ ";}
.blog-post .flag:after{content:" ]";}
.blog-post .content{margin:2em 0;}
.blog-post .the-fold{border:none;border-top:1px dashed #cccccc;margin:2em 0;width:100%;}
.blog-post .comment-link{display:block;margin-top:5px;}
.blog-post .meta{font-size:0.85em;font-style:italic;color:#aaaaaa;}
.blog-post .permalink{font-size:0.85em;}
.blog-post .tags{margin:1em 0;}
.blog-post .tags ul{display:inline-block;list-style:none;padding:0;margin:0;}
.blog-post .tags li{display:inline-block;}
.blog-post .social img{margin:0 0 0 2px;position:relative;top:2px;}
#blog-index-link{float:right;margin-top:1em;}
#related-title,#comment-title{font-size:1.5em;margin:1em 0;}
#comment-form-title{font-size:1.25em;margin:1em 0;}
.comment-form{border-top:1px dashed #bbbbbb;padding-top:1em;}
.comment-form p.error{font-size:125%;}
.comment-form .required{display:none;}
.comment-form label,.comment-form .optional{text-transform:lowercase;margin:0;font-size:0.75em;font-style:italic;color:#555555;}
.comment-form input{width:30% !important;}
.comment-form textarea{width:50% !important;height:6em;}
.comment-form button{font-size:0.85em;margin:1em 0 0;}
.comment-form ol.errors li{font-weight:bold;font-style:normal;}
.comment-form .field-lastname{display:none;}
.blog-post.preview .title{font-size:2em;}
.blog-post.preview .title a{text-decoration:none;color:#000000;}
.blog-post.preview .title a:hover{text-decoration:underline;}
.blog-post.preview .content{margin:1em 0;}
ol#comments{margin:0;}
.comment{position:relative;display:block;width:600px;margin:1em 0;padding:10px;padding-left:73px;}
.comment.comment-child{margin-left:63px;}
.comment .avatar{position:absolute;left:10px;border:1px solid #bbbbbb;padding:3px;width:45px;height:45px;box-sizing:content-box;}
.comment .body p{margin-bottom:0.4em;line-height:1.25em;font-size:0.8em;}
.comment .body :last-child{margin:0;}
.comment .name{font-weight:bold;}
.comment .name a{font-weight:normal;font-style:italic;font-size:0.85em;}
.comment .parent-name{font-size:0.8em;color:#555555;}
.comment .flag{font-size:0.85em;color:#aa3333;font-weight:bold;}
.comment .flag:before{content:"[ ";}
.comment .flag:after{content:" ]";}
.comment.comment-admin{background-color:#fff8da;}
.comment.comment-admin .flag{color:#daae00;}
.comment .attribution{font-size:0.7em;font-style:italic;color:#aaaaaa;}
.comment .attribution img{position:relative;top:3px;}
.comment .attribution a{color:#bbbbbb;}
.comment .attribution a.comment-reply-button{font-weight:bold;color:#2a6496;}
.blog-calendar{margin-top:1em;}
.blog-calendar tr:nth-child(even){background-color:#f4f4f4;}
.blog-calendar .year,.blog-calendar .month{color:#888888;font-size:12px;}
.blog-calendar td{width:8%;text-align:center;padding:0.5em;}
.blog-calendar a{font-size:18px;}
.blog-categories{margin:0;padding:0;}
.blog-categories li{line-height:1.2;display:inline-block;margin:6px;}
.blog-categories li.tag-count-1 a{color:#888888;}
.small-blog-posts{list-style:none;margin:0;}
.small-blog-posts>li{margin:1em 0;}
.small-blog-posts ul{list-style:none;margin:0;display:inline-block;}
.small-blog-posts ul li{display:inline-block;}
.small-blog-post .title{font-weight:bold;line-height:1em;}
.small-blog-post .subtitle{margin-left:12px;font-size:0.9em;}
.small-blog-post .meta{margin-left:12px;font-size:0.8em;color:#888888;}
.tweet,.redditlink{margin:1em 0;position:relative;padding:8px;}
.tweet .avatar,.redditlink .avatar{border:none;margin-right:10px;width:48px;height:48px;position:absolute;left:0;}
.tweet .avatar img,.redditlink .avatar img{border:1px solid #bbbbbb;padding:3px;}
.tweet p,.redditlink p{font-size:1.4em;line-height:1.3em;padding-left:64px;margin:0 0 0.6em;}
.tweet .attribution,.redditlink .attribution{font-size:0.85em;font-style:italic;color:#aaaaaa;padding-left:64px;}
.tweet .attribution img,.redditlink .attribution img{position:relative;top:-3px;margin-right:2px;}
.flickrphoto{margin:1em 0;position:relative;padding:8px;}
.flickrphoto .avatar{border:none;margin-right:10px;width:48px;height:48px;position:absolute;left:0;}
.flickrphoto .avatar img{border:1px solid #bbbbbb;padding:3px;}
.flickrphoto h3{font-size:1.4em;line-height:1.2em;padding-left:21.333333333333332px;margin:0 0 6px;}
.flickrphoto .flickrphoto-photo{border:1px solid #bbbbbb;padding:3px;}
.flickrphoto p{padding-left:21.333333333333332px;}
.flickrphoto .attribution{font-size:0.85em;font-style:italic;color:#aaaaaa;padding-left:21.333333333333332px;}
.flickrphoto .attribution img{position:relative;top:-3px;margin-right:2px;}
.flickrphoto a{text-decoration:none;}
.stackexchange{margin:1em 0;position:relative;padding:8px;}
.stackexchange .title{font-size:1.25em !important;margin:0 0 12px !important;color:#444444;line-height:1.3em;}
.stackexchange .title img{margin:0 -4px -8px;position:relative;top:-2px;}
.stackexchange .title .type{font-weight:bold;font-size:0.85em;}
.stackexchange .title,.stackexchange .body,.stackexchange .question-link{padding-left:64px;margin:0 0 6px;}
.stackexchange .question-link{font-size:0.8em;margin:-1em0 1em;}
.stackexchange .avatar{border:none;margin-right:10px;width:48px;height:48px;position:absolute;left:0;}
.stackexchange .avatar img{border:1px solid #bbbbbb;padding:3px;}
.stackexchange .attribution{font-size:0.85em;font-style:italic;color:#aaaaaa;padding-left:64px;}
.stackexchange .attribution img{position:relative;top:-3px;margin-right:2px;}
.stackexchange a{text-decoration:none;}
.path-card p{line-height:1.3em;margin-bottom:1em;}
.path-card p.error{font-weight:bold;}
.path-card p.success{font-weight:bold;font-size:1.3em;}
.path-card form ul{list-style:none;}
.path-card form li{margin-bottom:6px;}
.path-card form li label{width:100px;text-align:right;display:inline-block;vertical-align:top;font-size:0.8em;padding-right:2ex;font-style:italic;}
.path-card form li input[type=text],.path-card form li input[type=email],.path-card form li textarea{margin:0;padding:4px;border:1px solid #888888;}
.path-card form li textarea{height:100px;width:300px;}
.path-card form li input[type=text],.path-card form li input[type=email]{width:200px;}
.path-card form li input[type=submit]{margin-left:125px;}
.path-card form li.error label{color:#990907;}
.path-card form li.error span.errors{vertical-align:top;display:inline-block;}
.path-card form li.error span.errors span{color:#990907;font-size:0.8em;font-style:italic;}
.path-card form li.error span.errors span:before{content:"[";}
.path-card form li.error span.errors span:after{content:"]";}
.cpanel-push{height:38px;}
#cpanel{font-family:"Lucida Grande",sans-serif;font-size:12px;position:fixed;margin:0;padding:0;top:0;list-style-type:none;width:800px;z-index:2;}
#cpanel .ui-button{font-size:0.8em;}
#cpanel li{height:36px;line-height:36px;padding:0 10px;position:relative;background-color:#dddddd;border:2px solid #cccccc;border-top:none !important;}
#cpanel li.admin{background-color:rgba(226,241,253,0.84);border:2px solid #b2dafa;}
#cpanel li.admin .title{font-weight:bold;}
#cpanel li.admin .edit_status{font-weight:bold;}
#cpanel li.admin .user_status{float:right;}
#cpanel li.admin .user_status em{font-weight:bold;font-style:italic;}
#cpanel li.success{background-color:#ddffdd;border:2px solid #98c697;}
#cpanel li.error{background-color:#ba2d36;color:#ffffff;border:2px solid #440100;font-weight:bold;}
#cpanel li .close{border:2px solid #59190a;color:#59190a;font-size:1.5em;font-weight:bold;height:24px;line-height:24px;padding:0 2px;position:absolute;right:3px;top:4px;cursor:pointer;}
.edit_mode-on #cpanel li.admin{background-color:rgba(255,199,120,0.82);border:2px solid #bb853f;}
.edit_mode-on #cpanel li.admin .status{color:#bc180a;}
.route-services h3,.route-projects h3{font-size:20px;margin-top:2em;}
.route-services .anchor,.route-projects .anchor{position:absolute;}
.route-services .permalink,.route-projects .permalink{display:none;color:#880000;}
.route-services * :hover>.permalink,.route-projects * :hover>.permalink{display:inline;}
.route-services h2 .permalink,.route-projects h2 .permalink{font-size:18px;}
.route-services .verbose,.route-projects .verbose,.route-services .verbose *,.route-projects .verbose *{color:#aa8888 !important;}
.route-services .details-link,.route-projects .details-link{font-size:0.85em;}
.route-services .project-link,.route-projects .project-link{white-space:pre;font-size:0.8em;}
.route-services .project-link:before,.route-projects .project-link:before{content:"[ ";}
.route-services .project-link:after,.route-projects .project-link:after{content:" ]";}
.route-services hr,.route-projects hr{margin:3em 0;}
.route-services .section{margin:2em 0;}
.route-services p{margin-bottom:0.5em;}
.route-projects .section>p{margin:0 0 0.4em;}
ul.details,.service-list,.project-list{font-size:14px;}
ul.details .title,.service-list .title,.project-list .title{font-weight:bold;}
ul.details .title:after,.service-list .title:after,.project-list .title:after{display:inline;content:" -";}
ul.details dt,.service-list dt,.project-list dt{margin-bottom:0.25em;}
ul.details dd,.service-list dd,.project-list dd,ul.details li,.service-list li,.project-list li{margin-bottom:0.5em;width:650px;}
#filmography{list-style:none;}
.project-aka{font-size:20px;}
.project-timespan{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:300;font-style:italic;font-size:16px;color:#777777;}
#reel-container{padding:5px;border:1px solid #555555;width:720px;margin-bottom:2em;}
.path-demoreel .show-name{font-size:18px;font-weight:bold;}
.path-demoreel ul.photos{list-style-type:none;display:flex;flex-wrap:wrap;}
.path-demoreel ul.photos li{display:inline-block;margin:0 6px 6px 0;}
.path-demoreel ul.photos li img{border:1px solid #aaaaaa;padding:2px;box-sizing:content-box;}
.path-login h1{font-size:2em;}
.path-login label{display:inline-block;width:100px;text-align:right;margin-right:10px;font-size:0.85em;}
.path-login input[type=submit]{margin-left:120px;}
#album-index .album{margin:0 0 2px;position:relative;width:900px;margin-left:-50px;height:125px;overflow:hidden;}
#album-index .album.crud-state-edit{height:auto;}
#album-index .album .crud-buttons{position:absolute;bottom:5px;right:5px;z-index:1;margin:0;}
#album-index img{border-radius:5px;}
#album-index .ribbon{top:32px;background:#228822;z-index:1;}
#album-index .ribbon.left{left:-52px;}
#album-index .ribbon.right{right:-52px;}
#album-index .icons{position:absolute;top:5px;left:10px;font-size:2em;color:white;}
#album-index .album-title,#album-index .album-subtitle{position:absolute;left:62px;color:#ffffff;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0.1ex;}
#album-index .album-title{bottom:30px;font-size:2.5em;font-weight:100;text-shadow:2px 2px 2px #000000,0px 0px 8px #000000;margin:0;padding:0;box-shadow:0 0 80px 80px rgba(0,0,0,0.25);background:rgba(0,0,0,0.25);}
#album-index .album-subtitle{bottom:12px;font-size:14px;font-weight:100;text-shadow:1px 1px 1px #000000,1px 1px 2px #000000,1px 1px 4px #000000;}
#album-index .album-subtitle strong{font-weight:400;}
body.path-photos #order-controls{text-align:right;}
#photo-album{margin:1em 0;width:900px;margin-left:-50px;}
#photo-album .photo{width:178px;height:178px;margin:1px;float:left;border-radius:8px;overflow:hidden;position:relative;box-sizing:border-box;}
#photo-album .photo .ribbon{top:12px;background:#228822;}
#photo-album .photo .ribbon.left{left:-72px;}
#photo-album .photo .ribbon.right{right:-72px;}
#photo-album .photo .icons{position:absolute;top:30px;left:10px;font-size:2em;color:white;text-shadow:0 0 5px rgba(0,0,0,0.5);}
#photo-album .photo:hover .photo-title{opacity:1;}
#photo-album .photo .crud-buttons{position:absolute;top:5px;right:5px;z-index:1;margin:0;}
#photo-album .photo .backsplash-controls{position:absolute;top:5px;left:5px;z-index:1;opacity:0.5;}
#photo-album .photo .backsplash-controls span{width:10px;height:10px;}
#photo-album .photo:hover .backsplash-controls{opacity:1;}
#photo-album .photo.tile-locked{border:3px solid #dd8800;}
#photo-album .photo.tile-selected{border:3px solid #aaaa00;}
#photo-album .photo-title{position:absolute;opacity:0;transition:opacity 0.25s;left:10px;bottom:10px;width:158px;margin:0;font-size:12px;color:#ffffff;text-shadow:1px 1px 2px #000000;z-index:1;}
nav.photo-nav{margin:0 auto;}
#photo>h1{font-size:1.5em;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
#photo>h1 .untitled{color:#aaaaaa;}
#photo-frame{width:2000px;margin-left:-600px;text-align:center;}
#photo-frame img{box-sizing:content-box;display:inline-block;border-radius:10px;box-shadow:-30px0 60px -20px rgba(0,0,0,0.25),30px 0 60px -20px rgba(0,0,0,0.25);padding:10px;}
#photo-exif{font-size:0.8em;color:#888888;text-align:center;margin:1em 0 2em;}
#photo-description,#photo-comments{width:700px;margin:0 auto;}
#photo-relatives{margin-bottom:14px;}
#photo-relatives a{display:inline-block;}
#photo-relatives img{margin:2px;border-radius:5px;width:90px;height:90px;}
#photo-relatives .relative img{width:75px;height:75px;}