/*** BEGIN FILE: /var/www/web/themes/fuji/lessframework.css ***/
/*	Less Framework 3 by Joni Korpi http://lessframework.com	*/


/*	Resets	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets	------------------	*/

.gigantic {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0px;
}

h1, h2, h3, h4, h5, h6 { 
    font-weight: 400; 
}

.huge,
h1 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0px;
}

.large,
h2
{
    font-size: 22px;
    line-height: 32px;
}

.big,
h3
{
    font-size: 18px;
    line-height: 26px;
}

h4 {
    font-size: 16px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 22px;
}

h6 {
    font-size: 14px;
    line-height: 22px;
}

.normal,
body,
blockquote,
input {
    font-size: 12px;
    line-height: 20px;
    font-family: "Open Sans", Arial, sans-serif;
}

pre {
    white-space: normal;
    margin-bottom: 10px;
}

address {
    margin-bottom: 10px;
}

.pagerbox a {
    padding: 10px 15px;
}

#content #comments .vcard img {
    height: 50px;
    width: 50px;
}

#comment-info {
    margin-left: 63px;
}

.comment-content {
    margin-left: 63px;
}

#nav-primary ul a {
    font-size: 14px;
    line-height: 14px;
}

#nav-primary ul ul a {
    font-size: 12px;
    line-height: 22px;
}

.mobilemenu, .mobilemenu .menu { width: 100%;
}

.mobilemenu .dropdown-menu {
    height: 24px;
    margin-top: 20px;
}

.orbit-wrapper .orbit-caption {
    font-size: 12px;
}


.small {
    font-size: 13px;
    line-height: 18px;
}

abbr,
acronym{
    border-bottom: 1px dotted;
    cursor: help;
    font-variant: small-caps;
}

address,
cite,
em,
i{
    font-style: italic;
}

a {
    text-decoration: none;
    outline: none;
}

a:active,
a:focus {
    text-decoration: underline;
}



/*	13-column layout
60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
---------------------------------------------------------------------------------------
1     2      3      4      5      6      7      8      9      10     11     12     13
60px  144px  350px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/



.container {
    padding: 0 20px;
    width: 1030px;
    margin: 0 auto;
}

.mobilemenu { display:none; }
#header-image {
    width: 1030px;
    height:330px;
}
#header-image img {
    width: 1030px;
    height: 330px;
    margin-left: 0;
}
#main .container .header-rps {
    display: block;
}
.maps-wrapper iframe {
    width: 1030px;
    height: 220px;
}

#content {
    width: 700px; /* 8 columns */
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#sidebar {
    width: 306px; /* 5 columns */
    float: right;
    margin: 0;
    padding: 0px;
    overflow: hidden;
}
#sidebar .widget-area {
    margin-bottom: 15px;
}
#top-line, #nav-secondary {
    display: block;
}
#nav-primary {
}
#footer .widget-footer {
    float: left;
}	

h1 {
    font-size: 24px;
}

.page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
    width: 1030px; 
    height: auto;
}

.page-template-page_portfolio-one-column-php .portfolio-item img {
    width: 500px;
    height: auto;
}

.page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
    padding-left: 0;
}

.page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
    width: 474px; 
    height: auto;
}

.page-template-page_portfolio-two-column-php .portfolio-item img,
.page-template-page_portfolio-two-column-php .portfolio-item .overlay { 
    width: 476px;
    height: auto;
}

.page-template-page_portfolio-two-column-php #portfolio-list .portfolio-item .overlay {
    display: none;
    height: 120px;
}

.page-template-page_portfolio-two-column-php .thumb {
    float: none;
}

.page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
    width: 316px; 
    height: auto;
}

.page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item img,
.page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
    width: 317px;
    height: auto;
}

.page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
    display: none;
    height: 120px;
}

.page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item {
    width: 237px; 
    height: auto;
}

.page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item img,
.page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
    width: 237px;
    height: auto;
}

.page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
    display: none;
    height: 100px;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay h3 {
    color: #FFFFFF;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay .excerpt  {
    color: #cccccc;
}

.page-template-page_portfolio-four-column-php #portfolio-list  .portfolio-item {
    margin-bottom: 0;
}

#portfolio-filter a {
    margin: -1px 0 -1px -1px;
}

.depth-2 .comment-wrapper {
    padding-left: 63px;
}

.depth-3 .comment-wrapper {
    padding-left: 126px;
}

.depth-4 .comment-wrapper {
    padding-left: 189px;
}

.depth-5 .comment-wrapper {
    padding-left: 252px;
}

.depth-6 .comment-wrapper {
    padding-left: 315px;
}

.depth-7 .comment-wrapper {
    padding-left: 378px;
}

.depth-8 .comment-wrapper {
    padding-left: 441px;
}

.depth-9 .comment-wrapper {
    padding-left: 504px;
}

.depth-10 .comment-wrapper {
    padding-left: 567px;
}

.single-project .featured-thumbnail img, 
.page-template-page_full-width-no-header-php .container #content img, 
.page-template-page_full-width-php .container #content img {
    height: auto;
    max-width: 1030px;
}

.single-post #content .featured-thumbnail img, 
.page #content img, 
.blog #content img, 
.single-post #content img, 
.tag #content .featured-thumbnail img, 
.tag #content img,
.category #content .featured-thumbnail img,
.category #content img {
    height: auto;
    max-width: 700px;
}

.page #content a img.alignleft, 
.page #content a img.alignright,
.page #content a img.aligncenter,
.single-post #content a img.alignleft,
.single-post #content a img.alignright,
.single-post #content a img.aligncenter,
#content .wp-caption.alignleft a img,
#content .wp-caption.alignright a img,
#content .wp-caption.aligncenter a img,
#content .wp-caption.alignleft,
#content .wp-caption.alignlcenter,
#content .wp-caption.alignright {
    height: auto;
    max-width: 622px;
}

#content .su-frame-shell a img {
    margin: 0;
    border: none;
    max-width: 614px;
}

#content iframe {
    max-width: 700px;
}

.su-jcarousel {
    height: auto;
    max-width: 530px;
}

.widget-header, #slogan, #logo {
    float: left;
}

#header-right {
    float: right;
}

#orbit-slider .orbit-wrapper {
    height: 330px !important;
    width: 1030px !important;
}




@media only screen and (max-width: 980px) and (min-width: 767px) {

    /* 8-column layout
    60 px columns, 24 px gutters, 60 px margins, 768 px total
    ---------------------------------------------------------
    1     2      3      4      5      6      7      8     
    60px  144px  350px  312px  396px  480px  564px  648px	*/




    .mobilemenu { display: none; clear: both; }

    #header #nav-primary .sliding-menu { width: 710px;  }

    #header #nav-primary ul a { font-size: 12px; }

    #top-line #menu-label-aligner { width: 710px; }

    #top-line #slidingoff { margin-right: 0px; }

    #if-logged-in {
        position: relative;
        width: 100%;
        height: 24px;
        line-height: 24px;
        background: #000;
        color: #aaa;
        font-size: 10px;
        z-index: 1000;
    }

    #if-logged-in .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    #if-logged-in p {
        margin: 0;
    }

    #if-logged-in a:link,
    #if-logged-in a:visited {
        color: #fff;
        text-decoration: none;
    }

    #if-logged-in a:hover {
        text-decoration: underline;
    }

    #if-logged-in a:active {
        text-decoration: underline;
        margin-bottom: -1px;
    }

    #orbit-slider #featured,
    #orbit-slider .orbit-wrapper {
        height: 242px !important;
        width: 708px !important;
    }

    .container {
        padding: 0 10px;
        width: 708px;
        margin: 0 auto;
        overflow: hidden;
    }

    #header-image {
        width: 708px;
        height: 242px;
        padding: 0;
        overflow: hidden;
    }
    /* HEADER IMAGE
            full size - 1068x300
            8 column layout resized to 890x250 displayed at 648x250
            5 column layout resized to 534x150 displayed at 396x150
            3 column layout resized to 365x100 displayed at 228x100
    */
    #header-image img {
        width: 708px;
        height: 242px;
        padding: 0;
    }
    .orbit-wrapper {
        width: 708px;
        height: 242px;
    }
    #content {
        width: 492px; /* 5 columns */
    }
    #sidebar {
        width: 200px; /* 3 columns */
    }
    #sidebar .widget-area {
        margin-bottom: 16px;
    }
    .page-template-page_contacts-php #main .container .maps {
        height: 190px;
    }
    #header-image .maps-wrapper {
        height: 190px;
    }
    .maps-wrapper iframe {
        width: 708px;
        height: 190px;
    }
    #main .container .header-rps {
        display: none;
    }

    .page-template-page_portfolio-one-column-php .portfolio-item img {
        width: 300px;
        height: auto;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 708px;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 316px;
    }

    .page-template-page_portfolio-two-column-php .portfolio-item img,
    .page-template-page_portfolio-two-column-php .portfolio-item .overlay {
        width: 355px;
        height: auto;
    }

    .page-template-page_portfolio-two-column-php #portfolio-list .portfolio-item .overlay {
        display: none;
        height: 120px;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 353px;
    }

    .page-template-page_portfolio-two-column-php .thumb {
        float: left;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 353px;
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
        width: 354px;
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
        display: none;
        height: 120px;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item {
        width: 353px; 
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
        width: 353px;
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
        display: none;
        height: 120px;
    }

    .page-template-page_portfolio-two-column-php #portfolio-list .overlay h3,
    .page-template-page_portfolio-three-column-php #portfolio-list .overlay h3,
    .page-template-page_portfolio-four-column-php #portfolio-list .overlay h3 {
        color: #FFFFFF;
    }

    .page-template-page_portfolio-two-column-php #portfolio-list .overlay .excerpt,
    .page-template-page_portfolio-three-column-php #portfolio-list .overlay .excerpt,
    .page-template-page_portfolio-four-column-php #portfolio-list .overlay .excerpt  {
        color: #cccccc;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list  .portfolio-item {
        margin-bottom: 0;
    }

    #portfolio-filter a {
        margin: -1px 0 0 -1px;
    }

    .depth-2 .comment-wrapper {
        padding-left: 63px;
    }

    .depth-3 .comment-wrapper {
        padding-left: 126px;
    }

    .depth-4 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-5 .comment-wrapper {
        padding-left: 252px;
    }

    .depth-6 .comment-wrapper {
        padding-left: 252px;
    }

    .depth-7 .comment-wrapper {
        padding-left: 252px;
    }

    .depth-8 .comment-wrapper {
        padding-left: 252px;
    }

    .depth-9 .comment-wrapper {
        padding-left: 252px;
    }

    .depth-10 .comment-wrapper {
        padding-left: 252px;
    }

    #footer .widget-footer {
        float: left;
    }

    .single-project .featured-thumbnail img, 
    .page-template-page_full-width-no-header-php .container #content img, 
    .page-template-page_full-width-php .container #content img {
        height: auto;
        max-width: 708px;
    }

    .single-post #content .featured-thumbnail img, 
    .page #content img, 
    .blog #content img, 
    .single-post #content img, 
    .tag #content .featured-thumbnail img, 
    .tag #content img,
    .category #content .featured-thumbnail img,
    .category #content img {
        height: auto;
        max-width: 492px;
    }

    .page #content a img.alignleft, 
    .page #content a img.alignright,
    .page #content a img.aligncenter,
    .single-post #content a img.alignleft,
    .single-post #content a img.alignright,
    .single-post #content a img.aligncenter,
    #content .wp-caption.alignleft a img,
    #content .wp-caption.alignright a img,
    #content .wp-caption.aligncenter a img,
    #content .wp-caption.alignleft,
    #content .wp-caption.alignlcenter,
    #content .wp-caption.alignright {
        height: auto;
        max-width: 458px;
    }

    #content .su-frame-shell a img {
        margin: 0;
        border: none;
        max-width: 450px;
    }

    #content iframe {
        max-width: 492px;
    }

    .su-jcarousel {
        height: auto;
        max-width: 374px;
    }

    .widget-header, #slogan, #logo {
        float: left;
    }

    #header-right {
        float: right;
    }

}



/*	5-column layout
60 px columns, 24 px gutters, 42 px margins, 480 px total
---------------------------------------------------------
1     2      3      4      5
60px  144px  350px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {

    .container {
        padding: 0 42px;
        width: 396px;
        -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
    }

    .mobilemenu { 
        display:block; clear: both; 
    }

    .mobilemenu .dropdown-menu {
        margin-top: 10px;
        padding: 4px;
        height: 30px;
        border: none;
        cursor: pointer;
        font-size: 14px;
    }

    #top-line, #nav-secondary, #header #nav-primary  { 
        display: none !important; 
    }

    #header .container {
        padding-top: 40px;
        padding-bottom: 12px;
    }

    #orbit-slider #featured,
    #orbit-slider .orbit-wrapper {
        height: 150px !important;
        width: 396px !important;
    }

    #title {
        height: 60px !important;
    }

    #slogan {
    }

    .post-meta .meta-date,
    .post-meta .meta-author,
    .post-meta .meta-cat,
    .post-meta .meta-comment-count {
        width: 100%;
        padding-left: 16px;
        margin-top: -14px;
        margin-bottom: 10px;
    }

    #tagline {
        line-height: 20px !important;
    }

    #header-image {
        height: 150px !important;
        padding: 0;
        width: 396px;
    }

    #header-image img {
        width: 396px;
        height: 150px;
    }

    #content {
        width: 396px; /* 5 columns */
        float: none;
        padding: 0px;
    }

    #sidebar {
        width: 396px; /* 5 columns */
        float: none;
        padding: 0px;
    }

    #footer .widget-footer {
        float: none;
        width: 100%;
    }

    #header-image .maps-wrapper {
        height: 150px;
    }

    .maps-wrapper iframe {
        width: 396px;
        height: 150px;
    }

    #main .container .header-rps {
        display: none;
    }

    .gigantic {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: -2px;
    }

    .huge,
    h1 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -1px;
        font-weight: 400;
    }

    .large,
    h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }
    .big, h3 {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
    }
    h4 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }

    h5 {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }

    h6 {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }

    .normal,
    body  {
        font-size: 13px;
        line-height: 18px;
    }

    .small {
        font-size: 11px;
        line-height: 16px;
    }

    .depth-5 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-6 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-7 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-8 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-9 .comment-wrapper {
        padding-left: 189px;
    }

    .depth-10 .comment-wrapper {
        padding-left: 189px;
    }

    #content #portfolio-list a img {
        margin-bottom: 4px !important;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 396px; 
        height: auto;
    }

    .page-template-page_portfolio-one-column-php .portfolio-item img {
        width: 396px;
        height: auto;
        float: none;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 16px;
        margin-bottom: 20px;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 16px;
        margin-bottom: 8px !important;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 394px; 
        height: auto;
    }

    .page-template-page_portfolio-two-column-php .portfolio-item img,
    .page-template-page_portfolio-two-column-php .portfolio-item .overlay { 
        width: 396px;
        height: auto;
    }

    .page-template-page_portfolio-two-column-php .thumb {
        float: none;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 394px; 
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
        width: 395px;
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item {
        width: 394px; 
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
        width: 394px;
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    #portfolio-filter a {
        margin: -1px 0 0 -1px;
    }

    .pagerbox {
        font-size: 12px;
    }
    .pagerbox a {
        padding: 4px 8px;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list  .portfolio-item {
        margin-bottom: 20px;
    }

    .single-project .featured-thumbnail img, 
    .page-template-page_full-width-no-header-php .container #content img, 
    .page-template-page_full-width-php .container #content img {
        height: auto;
        max-width: 396px;
    }

    .single-post #content .featured-thumbnail img, 
    .page #content img, 
    .blog #content img, 
    .single-post #content img, 
    .tag #content .featured-thumbnail img, 
    .tag #content img,
    .category #content .featured-thumbnail img,
    .category #content img {
        height: auto;
        max-width: 396px;
    }

    .page #content a img.alignleft, 
    .page #content a img.alignright,
    .page #content a img.aligncenter,
    .single-post #content a img.alignleft,
    .single-post #content a img.alignright,
    .single-post #content a img.aligncenter,
    #content .wp-caption.alignleft a img,
    #content .wp-caption.alignright a img,
    #content .wp-caption.aligncenter a img,
    #content .wp-caption.alignleft,
    #content .wp-caption.alignlcenter,
    #content .wp-caption.alignright {
        height: auto;
        max-width: 362px;
    }

    #content .su-frame-shell a img {
        margin: 0;
        border: none;
        max-width: 354px;
    }

    #content iframe {
        max-width: 396px;
    }

    .su-jcarousel {
        display: none;
    }

    .su-column-1-2, .su-column-1-3, .su-column-2-3, .su-column-3-4, .su-column-1-4, .su-column-1-5, .su-column-2-5, .su-column-3-5, .su-column-4-5, .su-column-1-6, .su-column-5-6 {
        float: none !important;
        width: 100% !important;
    }

    .widget-header, #slogan, #logo {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #header-right {
        width: 100%;
    }

    #error-text,
    #error-archives {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
    }


}


/*	3-column layout
60 px columns, 24 px gutters, 46 px margins, 320 px total
---------------------------------------------------------
1     2      3
60px  144px  350px	*/

@media only screen and (max-width: 479px) {
    .mobilemenu { display:block; clear: both; }
    #top-line, #nav-secondary, #header #nav-primary  { display: none !important; }
    #if-logged-in {
        height: 40px;
        line-height: 20px;
    }
    #if-logged-in .right {
        float: left;
        clear: left;
    }
    .scrolltop {
        display: none;
    }

    .post-meta .meta-date,
    .post-meta .meta-author,
    .post-meta .meta-cat,
    .post-meta .meta-comment-count {
        width: 100%;
        padding-left: 16px;
        margin-top: -14px;
        margin-bottom: 10px;
    }

    .container {
        padding: 0px;
        width: 350px;
        -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
    }
    #title {
        height: 60px !important;
    }

    #slogan {
        border-left: none !important;
        padding-left: 0 !important;
    }
    #tagline {
        line-height: 20px !important;
    }
    #header-image img {
        width: 350px;
        height: 100px;
    }

    #header-image .maps-wrapper {
        height: 100px;
    }
    .maps-wrapper iframe {
        width: 350px;
        height: 100px;
    }

    #main #header-image {
        display:none;
    }

    #main .container .header-rps {
        display: none;
    }
    .pagerbox {
        font-size: 12px;
    }
    .pagerbox a {
        padding: 4px 8px;
    }

    .timer {
        display: none;
    }
    .orbit-wrapper .orbit-caption {
        font-size: 10px;
    }
    #content {
        padding: 0;
        width: 350px; /* 3 columns */
        float: none;
    }
    #sidebar {
        padding: 0;
        width: 350px; /* 3 columns */
        float: none;
    }

    h1, h2, h3, h4, h5, h6 { font-weight: 400; }

    #logo img { max-width: 350px; height: auto; }

    #content #comments .vcard img {
        height: 30px;
        width: 30px;
    }

    #comment-info {
        margin-left: 35px;
    }

    .comment-content {
        margin-left: 45px;
    }

    .huge,
    h1 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -1px;
    }

    .large,
    h2 {
        font-size: 14px;
        line-height: 22px;
    }

    .big, h3 {
        font-size: 13px;
        line-height: 20px;
    }

    h4 {
        font-size: 13px;
        line-height: 18px;
    }

    h5 {
        font-size: 12px;
        line-height: 16px;
    }

    h6 {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }

    .normal,
    body,
    #post-single h3 {
        font-size: 11px;
        line-height: 16px;
    }

    .small {
        font-size: 11px;
        line-height: 16px;
    }

    .depth-2 .comment-wrapper, .depth-3 .comment-wrapper, .depth-4 .comment-wrapper, .depth-5 .comment-wrapper, .depth-6 .comment-wrapper, .depth-7 .comment-wrapper, .depth-8 .comment-wrapper, .depth-9 .comment-wrapper, .depth-10 .comment-wrapper   {
        padding-left: 16px;
    }

    #content #portfolio-list a img {
        margin-bottom: 4px !important;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 350px; 
        height: auto;
    }

    .page-template-page_portfolio-one-column-php .portfolio-item img {
        width: 350px;
        height: auto;
        float: none;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 16px;
        margin-bottom: 20px;
    }

    .page-template-page_portfolio-one-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 16px;
        margin-bottom: 6px !important;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 226px; 
        height: auto;
    }

    .page-template-page_portfolio-two-column-php .portfolio-item img,
    .page-template-page_portfolio-two-column-php .portfolio-item .overlay { 
        width: 350px;
        height: auto;
    }

    .page-template-page_portfolio-two-column-php .thumb {
        float: none;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-two-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item {
        width: 226px; 
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-three-column-php #portfolio-list .portfolio-item .overlay {
        width: 227px;
        height: auto;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-three-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item {
        width: 226px; 
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item img,
    .page-template-page_portfolio-four-column-php #portfolio-list .portfolio-item .overlay {
        width: 226px;
        height: auto;
    }

    .page-template-page_portfolio-four-column-php #portfolio-list  .portfolio-item {
        margin-bottom: 20px;
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item .overlay {
        display: block;
        position: inherit !important;
        float: none;
        background: none !important;
        height: auto !important;	
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item .excerpt {
        padding-left: 6px;
        margin-bottom: 10px;
        display: block;
        color: #999999;
    }

    .page-template-page_portfolio-four-column-php #portfolio-wrapper #portfolio-list .portfolio-item h3 {
        padding-left: 6px;
        margin-bottom: 6px !important;
        display: block;
        color: #555555;
    }

    #portfolio-filter a {
        margin: -1px 0 0 -1px;
    }

    .single-project .featured-thumbnail img, 
    .page-template-page_full-width-no-header-php .container #content img, 
    .page-template-page_full-width-php .container #content img {
        height: auto;
        max-width: 350px;
    }

    .single-post #content .featured-thumbnail img, 
    .page #content img, 
    .blog #content img, 
    .single-post #content img, 
    .tag #content .featured-thumbnail img, 
    .tag #content img,
    .category #content .featured-thumbnail img,
    .category #content img {
        height: auto;
        max-width: 350px;
    }

    .page #content a img.alignleft, 
    .page #content a img.alignright,
    .page #content a img.aligncenter,
    .single-post #content a img.alignleft,
    .single-post #content a img.alignright,
    .single-post #content a img.aligncenter,
    #content .wp-caption.alignleft a img,
    #content .wp-caption.alignright a img,
    #content .wp-caption.aligncenter a img,
    #content .wp-caption.alignleft,
    #content .wp-caption.alignlcenter,
    #content .wp-caption.alignright {
        height: auto;
        max-width: 196px;
    }

    #content .su-frame-shell a img {
        margin: 0;
        border: none;
        max-width: 186px;
    }

    #content iframe {
        max-width: 350px;
    }

    .su-jcarousel {
        display: none;
    }

    .su-column-1-2, .su-column-1-3, .su-column-2-3, .su-column-3-4, .su-column-1-4, .su-column-1-5, .su-column-2-5, .su-column-3-5, .su-column-4-5, .su-column-1-6, .su-column-5-6 {
        float: none !important;
        width: 100% !important;
    }

    .widget-header, #slogan, #logo {
        float: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #header-right {
        float: none;
    }

    #error-text,
    #error-archives {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .top-border {
        margin-left: 0 !important;
    }

    .post-icon,
    .meta-icon {
        display: none !important;
    }

    .mobilemenu .dropdown-menu {
        margin-top: 10px;
        padding: 4px;
        height: 30px;
        border: none;
        cursor: pointer;
        font-size: 14px;
    }


}

/*	Retina media query.
Overrides styles for devices with a 
device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    body {

    }

}

/*** END FILE: /var/www/web/themes/fuji/lessframework.css ***/
/*** BEGIN FILE: /var/www/web/themes/fuji/style.css ***/
@charset "utf-8";

/*

Theme Name: Fuji
Theme URI: http://satoristudio.net/fuji
Version: 2.2
Description: Fuji is a premium WordPress theme with clean design, wide customization possibilities, and responsive layout.
Author: Satori Design
Author URI: http://www.satoristudio.net

License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html

Built on the Whiteboard Framework
http://whiteboardframework.com

*/


/********** General Styles **********/

.serif,
cite,
h1,
h2,
h3,
h4,
h5,
h6,
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#header-image h1 a,
#header-image h2 a,
#header-image h3 a,
#header-image h4 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited {
color: #990000;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
text-decoration: none;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
margin: 24px 12px 12px;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
margin: 20px 0 12px 0;
}

.monospace,
var,
code {
font-family: "courier new", courier, monospace;
}

.amp {
font-style: italic;
font-family: baskerville,palatino,"palatino linotype","book antiqua",georgia,times,"times new roman",serif;
font-weight: normal;
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
display: none;
}

.clear {
clear: both;
}

.clearboth {
display: block;
margin: 0;
padding: 0;
clear: both;
}

.clearleft {
display: block;
margin: 0;
padding: 0;
clear: left;
}

.clearright {
display: block;
margin: 0;
padding: 0;
clear: right;
}

.left {
float: left;
}

.right {
float: right;
}

.alignnone,
a img.alignnone {
margin: 0;
}

.aligncenter,
div.aligncenter,
a img.aligncenter {
text-align: center;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.alignleft, 
a img.alignleft,
#main #content a .alignleft,
.wp-caption.alignleft img {
display: inline;
float: left;
margin-right: 1.4em;
margin-top: 5px;
}

.alignright, 
#main s#content a .alignright,
a img.alignright,
.wp-caption.alignright img  {
display: inline;
float: right;
margin-left: 1.4em;
margin-top: 5px;
}

a:link {
color: #800303;
}

a:visited {
color: #800303;
}

a:hover, a:active {
color: #ff0000;
text-decoration: none;
}

body {
background: #eeeeee;
color: #444444;
padding: 0;
line-height: 1.5em;
}

#page-background {
position: fixed;
top: 0;
left: 0;
z-index: -100;
height: 100%;
width: 100%;
}

#main .container  {
display: block;
margin: 0 auto;
}

#if-logged-in .container {
background: #000;
margin-top: -24px;
}

li {
list-style-type: square;
}


/********** Header **********/

#header {
display: block;
}

#header-top {
display: block;
float: left;
margin-top: 50px;
width: 100%;
}

#header-top::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#header .container {
padding: 0;
overflow: visible;
padding-bottom: 18px;
}

#logo {
vertical-align: middle;
margin-right: 32px;
}

#logo a {
line-height: 0px;
font-size: 0px;
}

#slogan {
border-left: 1px #111111 solid;
color: #666666;
font-size: 11px;
width: 200px;
line-height: 12px;
padding: 3px 0 5px 10px;
vertical-align: middle;
}

#header-right {
/*margin-top: 8px;*/
}

.widget-header h3 {
display: none;
}

#header-image {
padding: 0;
margin: 18px 0 0 0;
background: #ffffff;
}

#header-image img {
padding: 0;
border: none;
}

#header-image  #orbit-slider img {
padding: 0;
border: none;
}

#header-image #orbit-slider {
padding: 0;
border: none;
}

#orbit-slider .orbit-bullets {
position: absolute;
right: 20px;
bottom: 14px;
}

#main .container .header-rps,
#main .container .maps {
height: 220px;
}

.maps-wrapper {
float: left;
height: 220px;
}

#header-image #rps img {
width: auto;
height: 226px;
margin-top:-20px;
margin-left:-20px;
}

#header-image #rps h4 {
margin-bottom: 12px;
}

.preload-img {
display: none;
}

#header-right .widget_search input#s {
height: 18px;
float: left;
}

#header-right .widget-header ul {
margin-left: 30px;
}


/********** Top Sliding Menu **********/

#top-line {
height: 8px;
width: 100%;
float: left;
background: #575757;
}

#menu-label-aligner {
width: 950px;
margin: 0 auto;
height: 10px;
}

#menu-label, #menu-label-active {
float: right;
background: #575757;
color: #ffffff;
padding: 4px 35px;
margin-top: 8px;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}

#menu-label-sign, #menu-label-active-sign {
padding-right: 10px;
}

#nav-primary {
padding: 0;
margin: 0;
width: 100%;
float: left;
height: 34px;
background-color: #575757;
display: none;
}

.sliding-menu-container {
display: block;
}

.sliding-menu {
list-style: none;
vertical-align: middle;
width: 950px;
line-height: 42px;
margin: 0 auto;
}

#slidingoff {
float: right;
margin: -24px 120px 0 0;
color: #FFFFFF;
}

#slidingoff a {
font-style: italic;
color: #cccccc;
font-size: 11px;
}

#nav-primary li a:hover,
#nav-primary li a:active {
border-bottom: 3px solid #999999;
}

#nav-primary li {
padding: 0 25px 0 0;
float: left;
list-style-type: none;
}

#nav-primary li a {
color: #ffcc99;
}

#nav-primary li a:active {
text-decoration: none;
}

#nav-primary ul li ul {
display: none;
position: absolute;
z-index:9000;
top: 33px;
float: left;
text-align: left; 
padding: 0;
vertical-align: 100%;
width: 150px;
border: 1px solid #777777;
background: #777777;
}

#nav-primary ul li ul li {
float: none;
text-align: left;
display: block;
padding: 6px 0px;
border-bottom: 1px solid #999999;
background: none;
line-height: 14px;
}

#nav-primary ul li ul li:last-child {
padding-right: 0;
border-bottom: none;
}

#nav-primary ul li ul li ul {
position: absolute;
z-index: 9900;
top: -1px;
left: 150px;
width: 150px;
float: left;
text-align: left;
}

#nav-primary ul a {
font-size: 14px;
line-height: 16px;
font-weight: 400;
}

#nav-primary ul ul a {
font-size: 11px;
line-height: 12px;
font-weight: 400;
color: #eeeeee;
width: 132px;
display: block;
padding: 0 10px;
}

#nav-primary ul ul a:hover, #nav-primary ul ul a:active  {
color: #ffcc99;
text-decoration: none;
border-bottom: none;
}



/********** Menu Above Content **********/

#nav-secondary li#pre-menu:hover {
background-color: transparent !important;
}

#nav-secondary {
background: #999999;
border-bottom: 4px solid #777777;
float: left;
width: 100%;
}

#nav-secondary li {
float: left;
padding: 7px 0;
list-style-type: none;
font-size: 14px;
position: relative;
font-weight: 400;
}

#nav-secondary li:hover {
background-color: #777777;
}

#nav-secondary li a {
color: #ffffff;
padding: 7px 16px 8px 16px;
}

#nav-secondary li.current-menu-item a {
background-color: #777777;
}

#nav-secondary ul ul {
display: none;
position: absolute;
top: 35px;
left: 0px;
z-index:800;
text-align: left; 
padding: 0 10px;
width: 150px;
background: #777777;
}

#nav-secondary ul li ul li {
float: none;
text-align: left;
display: block;
padding: 0;
border-bottom: 1px solid #999999;
background: none;
line-height: 14px;
font-size: 12px;
font-weight: 400;
}

#nav-secondary ul li ul li a {
width: 150px;
display: block;
padding: 6px 0;
}

#nav-secondary ul li ul li:first-child {
margin-left: 0;
}

#nav-secondary ul li ul li:last-child {
padding-right: 0;
border-bottom: none;
}

#nav-secondary ul ul ul {
left: 156px;
top: 0px;
}

#nav-secondary #sec-info {
float: left;
margin: 0 16px;
padding: 9px 0 6px 0;
}


/********** Content **********/

#content {
margin-top:25px;
}

#content a img,
#content img,
#content iframe {
margin-bottom: 20px;
}

#content p {
margin-bottom: 10px;
line-height: 1.5em;
}

#widget-alert {
background: #C6D8CD;
border: 1px #5b816a solid;
padding: 24px;
margin-bottom: 24px;
}

.post-single {
margin-bottom:30px;
}

.post-wrapper, #page-wrapper {
border-bottom: 4px solid #e1e1e1;
}

.post-wrapper .su-custom-gallery {
margin-bottom: 0;
}

.post-header,
.page h1 {
background: #ca3c3c;
padding: 10px 16px 1px 16px;
float: left;
min-height: 32px;
color: #ffffff;
}

.post-header {
margin-left: 55px;
}

.page h1 {
margin-left: 0;
}

#content .post-header h2 a,
#content .post-header h2 a:visited {
color: #FFFFFF;
}

.search-no-results .meta-delimiter {
display: none;
}

.page .page-header-title h1 {
margin: 0;
padding: 0;
}

.post-content h1, 
.page-content h1 {
background: none;
color: #990000; 
float: none;
padding:0;
}

.page-template-page_left-sidebar-php #content,
.page-template-page_left-sidebar-no-header-php #content {
float: right;
}

.page-template-page_left-sidebar-php #sidebar,
.page-template-page_left-sidebar-no-header-php #sidebar {
float: left;
}

.page-template-page_full-width-php #content,
.page-template-page_full-width-no-header-php #content,
.page-template-page_portfolio-four-column-php #content,
.page-template-page_portfolio-three-column-php #content,  
.page-template-page_portfolio-two-column-php #content, 
.page-template-page_portfolio-one-column-php #content  {
width: 100%;
}

.post-header-title {
background: #ff0000;
float: left;
}

.post-header-title h4 {
padding: 8px 16px;
color: #FFFFFF;
margin: 0;
}

.post-meta {
margin: 32px 0 28px 0;
color: #666666;
font-size: 11px;
clear: both;
line-height: 14px;
}

.post-meta span {
white-space: nowrap;
float: left;
}

.post-icon {
float: left;
width: 50px;
height: 50px;
background-color: #ca3c3c;
margin: 0 -50px -7px 0;
}

.post-icon img {
margin: 17px !important;
}

.post-content {
padding: 16px;
background: #ffffff;
}

.post-content ul,
.post-content ol {
padding-left: 24px;
margin-bottom: 10px;
}

.featured-thumbnail {
float: left;
}

.page #content img, 
.single-post #content img,
#content iframe,
.blog .post-content img  {
}

.post-content .meta-img img,
.single-post #content .meta-img img {
margin-left:0 !important;
}


.page #content a img.alignleft, 
.page #content a img.alignright,
.single-post #content a img.alignleft,
.single-post #content a img.alignright,
.page #portfolio-list a img,
.page #content .wp-caption a img,
.single-post #content .wp-caption a img {
margin-left: 0;
}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .single-post img  {
max-width: 100%;
height: auto;
}

.post-edit {
background: #ffffff;
}

.edit-post-link,
.post-edit-link {
margin-top: -10px;
margin-bottom: 10px;
margin-left: 2px;
padding-left: 15px;
}

#post-meta .post-tags {
text-align: right;
margin: 3px 12px 9px 0;
background-color: #FFFFFF;
}

#content #post-meta .post-tags a {
white-space: nowrap;
}

#content #post-meta {
padding: 16px 0 12px 16px;
margin: -8px 0 0 0;
background-color: #FFFFFF;
font-size: 11px;
}

.post-single .post-meta .meta-img {
margin-right: 5px;
}

.single-post #post-meta .meta-img {
margin-right: 2px;
}

.single-post #post-meta #meta-tag {
margin-right: 7px;
}

.meta-delimiter {
height: 20px;
width: 100%;
}

#content .meta-img img {
margin-bottom: -2px;
}

.meta-author,
.meta-cat,
.meta-date,
.meta-comment-count {
margin-right: 30px;
}

input[type='text'],
textarea { 
border: 1px #cccccc solid;
padding: 2px 5px;
margin: 0 0 0 0;
height: 18px;
background-color: #ffffff;
color: #aaaaaa;
}

input[type='submit'] {
border: none;
margin: 0;
height: 18px;
outline: none;
background-color: #ffffff;
color: #CCCCCC;
}

input#s {
width: 130px;
}

.archive input#s {
float: left;
}

.widget-header input#s {
width: 50px;
}

textarea {
min-height: 150px;
width: 90%;
text-align: left;
}

a.more-link {
text-decoration: none; 
white-space: nowrap;
}

blockquote {
border-top: 1px #ccc dotted;
border-bottom: 1px #ccc dotted;
text-align: justify;
margin: 20px;
padding: 12px;
font-style: italic;
}

.wp-caption {
text-align: left;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.aligncenter {
margin: 5px 20px 20px 0;
text-align: left;
}

.wp-caption.aligncenter a {
text-align: left;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
text-align: left;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
}

blockquote:first-letter {
font-size: 24px;
padding-right: 1px;
}

blockquote:first-line {
font-size: 20px;
}

.wp-caption-text {
margin-top: -12px;
color: #777777;
font-style: italic;
}

.tag #content #post-meta .post-tags a {
margin: 0 0 5px 5px;
float: left;
}

.tag #content #post-meta .post-tags {
margin-left: 12px;
text-align: left;
}

.post-delimiter {
border-top: 1px solid #dddddd;
margin: 0 16px 10px 16px;
}

.post-content ul, .post-content menu, .post-content dir {
display: block;
list-style-type: square;
}

#post-author {
padding: 24px 20px 12px 12px;
display: block;
min-height:80px;
border-top: 12px solid #ffffff;
background: #e1e1e1;
}

#post-author h3,
#author h3 {
margin: 4px 0 9px 0;
font-size: 1.2em;
}

#post-author img {
margin: 0;
width: 80px;
height: 80px;
}

#post-author #authorDescription {
margin-top:-92px;
padding-left: 100px;
line-height: 1.3em;
}

#author {
padding: 16px;
display: block;
min-height: 84px;
background: #ffffff;
}

#commentform #author {
height: 1.5em;
min-height: 1.5em;
padding: 2px 5px;
}

#author-desc {
margin-top:-108px;
padding-left: 100px;
line-height: 1.4em;
}

.author #author-desc {
margin-top: -100px;
}

#author-section-desc {
margin: 0 0 -4px 0;
}

#author img {
margin: 0;
width: 80px;
height: 80px;
}

#comments {
padding-bottom: 16px;
background: #ffffff;
}

#comments-title {
padding: 0 16px;
}

#cancel-comment-reply-link {
margin-left: 20px;
font-size: 12px;
}

#comments-top {
height: 20px;
border-top: 3px solid #E1E1E1;

}

#post-author-top {
border-top: 4px solid #dddddd;
height: 12px;
}

#comments ul,
#comments ol {
list-style-type: none;
}

#comments h3,
#comments h4, 
#post-author h3,
#author h3
{
color: #222222;
font-weight: 400;
}

.error404 h4 {
margin-bottom: 30px;
}

.error-list {
margin-bottom: 24px;
}

.error404 input#s {
margin-bottom: 26px;
width: 160px;
}

#error-text {
float: left;
width: 40%;
margin-right: 40px;
}

#error-archives {
float: left;
width: 25%;
}

.commentlist {
margin-top:20px;
}

#comments article {
border-bottom: 1px #E1E1E1 solid;
margin-top: 10px;
border-collapse: collapse;
}

.comment-wrapper {
padding: 0 16px;
}

#comments .reply {
text-align: right;
font-size: 0.8em;
}

.comment-author {
float: left;
margin-right: 10px;
font-weight: 700;
}

.comment-author a {
font-weight: 700;
background: none;
color: #444444;
padding: 24px 0 0 0;
}

.comment-date {
font-size: 0.8em;
color: #777777;
font-style: italic;
}

.comment-content {
min-height: 27px;
line-height: 1.6em;
}

#content #comments .vcard img {
margin: 3px 0 0 0;
}

#respond {
padding: 30px 16px 0 16px;
border-top: 4px #E1E1E1 solid;
}

#respond input#submit,
.contact-submit input,
.back-button input {
background-color: #999999;
cursor: pointer;
color: white;
margin-left: 0;
width: auto;
height: auto;
padding: 3px 8px;
border: none;
}

#respond input#submit:hover,
.contact-submit input:hover,
.back-button input:hover {
background-color: #666666;
}

#respond textarea {
width: 60%;
display: block;
margin-bottom: 7px;
}

#respond input {
width: 40%;
display: block;
margin-bottom: 7px;
}

.contact-form-wrapper {
padding-top: 30px;
}

.contact-form-wrapper br,
#content .contact-form-wrapper p {
display:none;
}

#content .contact-form-wrapper p.contact-submit {
display:block;
}

.contact-form-wrapper blockquote {
font-style: italic;
}

.logged-in-as,
.comment-notes {
font-style: italic;
margin-bottom: 10px;
}

.pagerbox {
margin-top: 30px;
}

.pagerbox a {
border-bottom: 4px solid #E1E1E1;
background: #ffffff;
color: #777777;
white-space: nowrap;
margin-right: 2px;
margin-top: 4px;
display: inline-block;
}

.pagerbox a.current {
background: #ca3c3c;
color: #ffffff;
}

.pagerbox a:hover {
background: #ca3c3c;
color: #ffffff;
}

.pagerbox a:active {
text-decoration: none;
}


/********** Sidebar **********/

#sidebar {
margin-top: 25px;
}

.widget-sidebar {
border-bottom: 4px solid #E1E1E1;
padding: 12px 0 0 0;
}

.widget-sidebar ul {
padding: 0;
}

.widget-sidebar div,
.widget-sidebar ul {
background-color: #ffffff;
}

.widget-sidebar div#twitter_div {
background: transparent !important;
}

.widget-sidebar .top-border,
#content .top-border  {
height: 7px;
background-color: #ca3c3c;
}

#content .top-border {
margin-left: 55px;
}

.page #content .top-border {
margin-left: 0;
}

.top-header-border {
height: 7px;
background-color: #ff0000;
margin-top: -7px;
margin-left: 45px;
}

.widget-sidebar h3 {
background: #ca3c3c;
margin: -12px 0 0 0;
padding: 9px 12px 0 12px;
font-size: 18px;
line-height: 20px;
float: left;
color: #FFFFFF;
}

.widget-sidebar .textwidget p {
padding: 12px;
}

#sidebar .widget-sidebar ul {
clear: both;
}

#sidebar #calendar_wrap #wp-calendar {
width: 100%;
}

#footer #calendar_wrap #wp-calendar {
width: 70%;
}

#footer #calendar_wrap #wp-calendar tr td, 
#footer #calendar_wrap #wp-calendar tr th,
#footer #wp-calendar thead, 
#footer #wp-calendar tfoot {
background: none;
}

#calendar_wrap {
padding-top: 12px;
}

#calendar_wrap #wp-calendar tr td,
#calendar_wrap #wp-calendar tr th {
text-align: center;
}

.widget-area .screen-reader-text {
display: none;
}

input#searchsubmit { 
background-color: #aaaaaa;
border: none;
cursor: pointer;
float: left;
color: #ffffff;	
margin: 0 0 0 -4px;
width: 24px;
height: 24px;
background-image: url('../../themes/fuji/images/search.png');
}

input#searchsubmit:hover { 
background-image: url('../../themes/fuji/images/search-hover.png');
}

#sidebar ul,
#sidebar li {
margin: 0;
list-style: none;
}

#sidebar .children {
padding-left: 10px;
}

#sidebar .children .children {
padding-left: 10px;
}

#sidebar .widget-sidebar ul li {
border-bottom: 1px solid #E1E1E1;
padding: 12px;
}

#sidebar .widget-sidebar ul p,
#sidebar .widget-sidebar #searchform div {
padding: 12px;
}

#sidebar .widget-sidebar form input {
float: left;
}

#sidebar .widget_search form div {
float: left;
width: 100%;
}

#sidebar .widget-sidebar ul li:last-child {
border-bottom: none;
}

#sidebar .widget-area .recentcomments {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/comment-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget-area .recentcomments:last-child {
border-bottom: none;
}

.widget-area #recentcomments {
margin: 0;
}

#sidebar .widget_recent_entries ul li {
padding: 12px 0 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/recent-posts-icon.png');
background-position: 14px 11px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_recent_entries ul li:last-child {
border-bottom: none;
}

#sidebar .widget_pippin_recent_posts ul li {
padding: 12px 12px 8px 12px;
border-bottom: 1px solid #E1E1E1;
line-height: 1.4em;
}

.widget_pippin_recent_posts ul li:last-child {
border-bottom: none;
}

.widget_pippin_recent_posts ul li img {
margin-right: 3px;
}

.widget_pippin_recent_posts ul li .time {
color: #777777;
font-size: 10px;
line-height: 18px;
}

#sidebar .widget_archive ul li {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/archives-icon.png');
background-position: 12px center;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_archive ul li:last-child {
border-bottom: none;
}

#sidebar .widget_categories ul li {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/categories-icon.png');
background-position: 12px center;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_categories ul li:last-child {
border-bottom: none;
}

#sidebar .widget_links ul li {
padding: 12px;
border-bottom: 1px solid #E1E1E1;
line-height: 1.2em;
}

#sidebar .widget_links ul li img {
margin: 0 4px -4px 0;
}

.widget_links ul li:last-child {
border-bottom: none;
}

#sidebar .widget_pages ul li {
padding: 12px 12px 12px 34px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/recent-posts-icon.png');
background-position: 12px 10px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_pages ul li:last-child {
border-bottom: none;
}

s#sidebar .widget_pages ul.children {
margin-top: 0;
}

#sidebar .widget_pages ul.children li:first-child {
margin-top: 12px;
border-top: 1px solid #E1E1E1;
}

#wp-calendar thead,
#wp-calendar tfoot {
background-color: #eeeeee;
}

#sidebar .widget_tag_cloud {
padding-bottom: 10px
}

#sidebar .tagcloud {
padding: 12px;
margin-bottom: -10px;
}

.tagcloud a {
color: #777777;
padding: 4px 7px;
border-bottom: 1px solid #cccccc;
background: #E1E1E1;
font-size: 1em;
margin: 0 5px 5px 0;
white-space: nowrap;
line-height: 18px;
display:inline-block;
}

.tagcloud a:hover {
background: #ca3c3c;
color: #ffffff;
}

#sidebar .Social_Widget .socialmedia-buttons  {
padding: 12px 14px;
}

.Social_Widget .socialmedia-buttons img {
margin-right: 4px;
}

#sidebar ul#twitter_update_list li {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('../../themes/fuji/images/twitter-widget-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;
}

ul#twitter_update_list li:last-child {
border-bottom: none;
}


/********** Error 404 Page & misc **********/

.error404 #content .top-border {
margin-left: 0;
}

.error404 .post-header h1 {
color: #ffffff;
}

.error404 #content {
margin-top: 18px;
width: 100%;
}

.error404 #searchform {
padding-left: 5px;
}

.error404 .post-header {
margin-bottom: 0;
}

.error404 h4 {
margin-left: 0;
margin-top: 6px;
}

.no-results {
padding: 16px;
background-color: #FFFFFF;
}

.post-single input#s, .post-single input#searchsubmit {
float: left;
}

.search-no-results .screen-reader-text,
.error404 .screen-reader-text  {
display: none;
}

.scrolltop {
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:40px;
height:40px;
border:none;
text-indent:-999px;
background:url(../../themes/fuji/includes/to-top/to-top-button.png) no-repeat left top;
}

.scrolltop:hover {
background:url(../../themes/fuji/includes/to-top/to-top-button.png) no-repeat left -40px;
width:40px;
height:40px;
display:block;
overflow:hidden;
float:left;
}

.tag-desc, .cat-desc {
margin: 0 0 30px 0;
line-height: 1.4em;
padding: 16px;
background: #ffffff;
font-style: italic;
}

.meta-icon {
float: left;
width: 40px;
height: 40px;
background-color: #ff0000;
margin: 0 5px -7px 0;
}

#content .meta-icon img {
margin: 15px 14px 14px 14px;
}

.su-media iframe, .su-map, .su-document {
margin-left: -16px;
}


/********** Portfolio **********/

.page-portfolio h2 {
padding: 20px 16px 4px 16px;
}

.home-link {
float: right;
margin-top: 20px;
padding: 3px 0;
}

.home-link a {
font-size: 11px;
}

.page-portfolio {
margin-bottom: 16px;
}

#portfolio-filter {
margin: 0;
border-top: 1px solid #E1E1E1;
border-bottom: 3px solid #E1E1E1;
list-style-type: none;
float: left;
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
}

#portfolio-filter li {
float: left;
list-style-type: none;
}

#portfolio-filter li.active a, #portfolio-filter li a:hover {
color: #800303;
}

#portfolio-filter li.active a {
background-color: #E1E1E1;
}

#portfolio-filter a {
float: left;
line-height: 30px;
padding: 0 16px;
text-decoration: none;
font-size: 14px;
color: #777777;
border: 1px solid #E1E1E1;
background: #ffffff;
border-collapse: collapse;
}

#portfolio-filter a:hover {
background: #E1E1E1;
}

#portfolio-filter a:last-child {
clear: right;
} 

.page-template-page_portfolio-one-column-php .thumb,
.page-template-page_portfolio-two-column-php .thumb,
.page-template-page_portfolio-three-column-php .thumb,
.page-template-page_portfolio-four-column-php .thumb {
float: left;
margin-right: 20px;
}

.page-template-page_portfolio-one-column-php h4 {
margin-top: 8px;
}

.page-template-page_portfolio-one-column-php .post-content ,
.page-template-page_portfolio-two-column-php .post-content ,
.page-template-page_portfolio-three-column-php .post-content ,
.page-template-page_portfolio-four-column-php .post-content {
padding-bottom: 10px;
padding-top: 12px;
}

.page-template-page_portfolio-one-column-php #content #portfolio-list a img {
margin-bottom: -4px;
}

#content #portfolio-list a img {
margin-bottom: -6px;
}

#portfolio-wrapper {
background: none;
margin-bottom: 20px;
}

.page-template-page_portfolio-one-column-php #portfolio-wrapper {
background: #ffffff;
}

.overlay {
position: absolute;
z-index: 100;
background-color:#222222;
display: none;
opacity:0.9;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay h3 {
margin: 16px 10px 0 10px;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay .excerpt  {
font-size: 11px;
margin: 5px 10px 10px 10px;
}

#portfolio-list {
list-style-type: none;
overflow: hidden;
}

#portfolio-list .portfolio-item {
float: left;
}

.page-template-page_portfolio-one-column-php #portfolio-list .portfolio-item {
border-bottom: 4px solid #E1E1E1;
}

.single-project #comments {
padding: 0 0 16px 0;
}

#portfolio-list .portfolio-item .excerpt {
padding-right: 10px;
margin-bottom: 0;
}

#portfolio-list h3 {
margin: 35px 0 20px 0;
}

.portfolio-item img {
height: auto;
}

.portfolio-item {
list-style-type: none;
}

#portfolio-list .portfolio-item .excerpt a:hover {
text-decoration: none;
}

.single-project #content {
width: 100%;
margin-top: 0;
}

.single-project .post-single {
margin-top: 18px;
}

.single-project .back-button input {
margin-top: 18px;
}

.single-project .featured-thumbnail {
float: none;
background: #ffffff;
}

.single-project #content a img,
.single-project #content img {
margin-bottom: 0;
}


/********** Footer **********/

#footer {
background-repeat: repeat;
margin-top: 50px;
color: #ffffff;
float: left;
width:100%;
}

#footer a {
color: #ffb0b0;
}

#footer a:hover {
color: #ff7f7f;
}

#footer .widget-footer ul {
color: #dddddd;
line-height: 1.4em;
}

#footer #copyright {
clear:both;
padding: 20px 0;
background-color: #333333;
font-size: 10px;
}

#footer #copyright a {
color: #FFCC99;
font-size: 10px;
}

#footer-content {
padding: 20px;
}

#footer ul,
#footer li {
list-style: none;
}

footer h4 {
font-size: 18px;
margin-bottom: 14px;
color: #ffcc99;
font-weight: 400;
}

#footer .widget-footer {
margin: 40px 0 35px 5%;
}

#footer .widget-footer ul li {
border-bottom: 1px solid #999999;
padding: 6px 0;
}

#footer .widget-footer ul li:first-child {
padding-top: 0;
}

#footer .widget-footer ul li:last-child {
border-bottom: none;
}

#footer-widget-area {
padding: 0 4px;
margin-left: -5.4%;
}

#footer .widget_pippin_recent_posts ul ul li .time {
color: #aaaaaa;
}

#footer .widget-footer .blogroll img {
margin-bottom: -3px;
margin-right: 4px;
}

#footer .tagcloud a {
color: #9c0000;
padding: 3px 8px;
background: #D6AEAE;
margin: 0 5px 5px 0;
white-space: nowrap;
line-height: 18px;
float: left;
}

#footer .tagcloud a:hover {
background: #e3e3e3;
color: #888888;
}/*** END FILE: /var/www/web/themes/fuji/style.css ***/
/*** BEGIN FILE: /var/www/web/themes/fuji/custom.css ***/
.normal, body, input, blockquote { font: 12px 'Open Sans', Arial, sans-serif; }

#nav-primary ul a, #nav-primary ul ul a, #nav-secondary ul a, #nav-secondary ul ul a, #menu-label, #sec-info, .serif, cite, h1, h2, h3, h4, h5, h6 { font-family: 'Coda', Arial, sans-serif; }

@media only screen and (min-width: 767px) {
#footer .widget-footer { width: 28.333333333333%; } }

.timer { display: none; }

body { background-image: url('/themes/fuji/images/default-background.jpg'); background-color: #eeeeee; }


.su-tabs-style-1 .su-tabs-pane { border-color: #f56262; }
.su-tabs-style-1 .su-tabs-nav { background-color: #f56262; }

.su-tabs-style-3 { border-color: #bdbdbd; }
.su-tabs-style-3 .su-tabs-nav span { background-color: #bdbdbd; }

.su-tabs-style-2 .su-tabs-pane { border-color: #212121; }
.su-tabs-style-2 .su-tabs-nav { background-color: #212121; }

.su-tabs-style-1 .su-tabs-nav span { background-color: #edadad; }

.su-tabs-style-2 .su-tabs-nav span { background-color: #cfcfcf; }
.su-tabs-style-2 .su-tabs-nav span { border-color: #cfcfcf; }

.su-tabs-style-1 .su-tabs-nav span.su-tabs-current, .su-tabs-style-1 .su-tabs-pane { background-color: #f2e6e6; }
.su-tabs-style-1 .su-tabs-nav span.su-tabs-current { border-color: #f2e6e6; }

.su-tabs-style-2 .su-tabs-nav span.su-tabs-current, .su-tabs-style-2 .su-tabs-pane { background-color: #ffffff; }
.su-tabs-style-2 .su-tabs-nav span.su-tabs-current { border-color: #ffffff; }

.su-tabs-style-3 .su-tabs-nav span.su-tabs-current, .su-tabs-style-3 { background-color: #c8ebeb; }
.su-tabs-style-3 .su-tabs-nav span.su-tabs-current { border-color: #c8ebeb; }

.su-tabs-style-1 .su-tabs-nav span:hover { background-color: #db8c8c; }
.su-tabs-style-2 .su-tabs-nav span:hover { background-color: #23ad53; }
.su-tabs-style-2 .su-tabs-nav span:hover { border-color: #23ad53; }
.su-tabs-style-3 .su-tabs-nav span:hover { background: #8ed1b3; }


#footer { background-image: url('/themes/fuji/images/default-footer-background.jpg');   }

#post-author { display: block; }

.pagerbox li {display: inline-block;}
.pagerbox li.disabled {display: none;}

.pagerbox li.active a {
    background: #ca3c3c;
    color: #ffffff;
}

.post-content {
    font-size: 16px;
    line-height: 1.8em;
}

#content p {
    line-height: inherit;
}

.post-content img {
    margin: 10px auto;
    max-width: 100%;
    display: block !important;
}

#content .post-content img {
    margin-bottom: 10px;
}

.featured-thumbnail {
    width: 100%;
}

.featured-thumbnail img {
    width: 100%;
    margin: 0 auto;
    display: block !important;
}

.post-content h4 {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: black;
}

#logo {
    margin-right: 16px;
    margin-top: -8px;
    margin-left: 5px;
}

#slogan {
    margin-top: 2px;
}

#logo-title {
    float: left;
    margin-top: 1px;
    margin-right: 20px;
    font-size: 24px;
    color: black;
}

.commentlist {
    margin: 10px;
}

#post-footer {
    /* padding: 24px 20px 12px 12px; */
    display: block;
    border-top: 12px solid #ffffff;
    background: #e1e1e1;
}

.post-content img.fotorama__img {
    margin: 0;
}

.video-wrap {
    position: relative;
    width: 100%;
}

img.video-iframe-placeholder {
   width: 100%; 
}

.video-iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#related-posts {
    padding: 12px;
    background: #ffffff;
}

.socialmedia-buttons img {
    width: 32px;
}

.embed-instagram {
    display: none;
}/*** END FILE: /var/www/web/themes/fuji/custom.css ***/
/*** BEGIN FILE: /var/www/web/themes/fuji/grid.css ***/
/**
 * Shortcodes Ultimate stylesheet
*/
.su-error { color: #f03 }
/* Spacer */
.su-spacer {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}
.su-spacer-5 { height: 5px }
.su-spacer-10 { height: 10px }
.su-spacer-20 { height: 20px }
.su-spacer-30 { height: 30px }
.su-spacer-40 { height: 40px }
/* Heading */
.su-heading-style-1 {
	margin: 0 0 1.5em 0;
	padding: 2px 0;
	border-top: 4px solid #dddddd;
	border-bottom: 4px solid #dddddd;
}
.su-heading-style-2 {
	margin: 0 0 1.5em 0;
	padding: 2px 0;
	background: #eeeeee;
}
.su-heading-style-1 .su-heading-shell {
	padding: 20px 0;
	text-align: center;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	font-size: 1.8em;
	background: #eeeeee;
}
.su-heading-style-2 .su-heading-shell {
	padding: 20px 0;
	text-align: center;
	font-size: 1.8em;
}
/* Quote */
.su-quote {
	padding: 1em 0 0 40px;
	margin: 0 0 1.5em 0;
}
.su-quote-shell {
	padding: 0 30px 1em 0;
	font-style: italic;
}
.su-quote-style-1 { background: 0 0 url(../../themes/images/quote1.png) no-repeat }
.su-quote-style-1 .su-quote-shell { background: 100% 100% url(../../themes/images/quote1-shell.png) no-repeat }
.su-quote-style-2 { background: 0 0 url(../../themes/images/quote2.png) no-repeat }
.su-quote-style-2 .su-quote-shell { background: 100% 100% url(../../themes/images/quote2-shell.png) no-repeat }
.su-quote-style-3 { background: 0 0 url(../../themes/images/quote3.png) no-repeat }
.su-quote-style-3 .su-quote-shell { background: 100% 100% url(../../themes/images/quote3-shell.png) no-repeat }


/* Pullquote */
.su-pullquote {
	padding: 10px 25px;
	width: 30%;
	font-size: 0.9em;
	font-style: italic;
	margin: 1em;
}
.su-pullquote-align-left { float: left }
.su-pullquote-align-right { float: right; margin-left: 25px; }
.su-pullquote-style-1 { border-left: 5px solid #ddd }


/* Frame */
.su-frame {
}
.su-frame-shell {
	border: 4px solid #cccccc;
}
.su-frame-align-left {
	float: left;
	margin: 0 0 1em 0;
}
.su-frame-align-right {
	float: right;
	margin: 0 0 0 1.5em;
}
.su-frame-align-center { margin: 0 auto 1.5em auto }
.su-frame-align-none { margin: 0; }
.su-frame img {
	display: block !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* Divider */
.su-divider {
	clear: both;
	height: 0px;
	margin: 1.5em 0;
	border-top: 4px solid #cccccc;
}
.su-divider a {
	display: block;
	float: right;
	padding-left: 10px;
	margin-top: -1.2em;
	background: #fff;
	color: #777;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
}
/* Columns */
.su-column-1-2 { width: 48% }
.su-column-1-3 { width: 30.66% }
.su-column-2-3 { width: 65.33% }
.su-column-1-4 { width: 22% }
.su-column-3-4 { width: 74% }
.su-column-1-5 { width: 16.8% }
.su-column-2-5 { width: 37.6% }
.su-column-3-5 { width: 58.4% }
.su-column-4-5 { width: 67.2% }
.su-column-1-6 { width: 13.33% }
.su-column-5-6 { width: 82.67% }
.su-column {
	position: relative;
	margin: 0 4% 1.5em 0;
	float: left;
}
.su-column-last {
	margin-right: 0 !important;
	clear: right;
}
/* Spoiler */
.su-spoiler-style-1 { margin: 0 0 1.5em 0 }
.su-spoiler-style-1 > .su-spoiler-title {
	padding: 0.3em 0 0.3em 26px;
	font-weight: bold;
	background: 0 50% url(../../themes/images/spoiler-closed.png) no-repeat;
	cursor: pointer;
}
.su-spoiler-style-1.su-spoiler-open > .su-spoiler-title { background: 0 50% url(../../themes/images/spoiler-open.png) no-repeat }
.su-spoiler-style-1 .su-spoiler-content {
	padding: 15px 0;
	display: none;
}
.su-spoiler-style-1 .su-spoiler-style-1 { margin: 1em }
.su-spoiler-style-2 {
	margin-bottom: 1em;
	background: #fff;
	border: 1px solid #e1e1e1;
}
.su-spoiler-style-2 > .su-spoiler-title {
	padding: 10px 10px 10px 40px;
	background: #e1e1e1 12px 8px url(../../themes/images/spoiler-style-2.png) no-repeat;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}
.su-spoiler-style-2.su-spoiler-open > .su-spoiler-title {
	border-bottom: 1px solid #e1e1e1;
	background: #e1e1e1 12px -92px url(../../themes/images/spoiler-style-2.png) no-repeat;
}
.su-spoiler-style-2 .su-spoiler-content {
	padding: 1em;
	display: none;
}
/* Tabs */
.su-tabs { margin: 0 0 1.5em 0 }
.su-tabs-style-1 .su-tabs-nav {
	padding: 5px 5px 0 5px;
	margin: 0;
	height: 40px;
	background: #e5e5e5;
}
.su-tabs-style-1 .su-tabs-nav span {
	display: block;
	float: left;
	padding: 0 20px;
	height: 39px;
	line-height: 39px;
	margin-right: 5px;
	cursor: pointer;
	background: #f1f1f1;
}
.su-tabs-style-1 .su-tabs-nav span:hover { background: #fff }
.su-tabs-style-1 .su-tabs-nav span.su-tabs-current { background: #fff; border-bottom: 1px solid #ffffff }
.su-tabs-style-1 .su-tabs-pane {
	padding: 15px;
	border-right: 5px solid #e5e5e5;
	border-bottom: 5px solid #e5e5e5;
	border-left: 5px solid #e5e5e5;
}
.su-tabs-style-2 .su-tabs-nav {
	padding: 5px 5px 0 5px;
	margin: 0;
	height: 40px;
	background: #222;
}
.su-tabs-style-2 .su-tabs-nav span {
	display: block;
	float: left;
	padding: 0 20px;
	height: 39px;
	line-height: 39px;
	margin-right: 5px;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #f1f1f1;
}
.su-tabs-style-2 .su-tabs-nav span:hover { background: #fff }
.su-tabs-style-2 .su-tabs-nav span.su-tabs-current { background: #fff }
.su-tabs-style-2 .su-tabs-pane {
	padding: 15px;
	border-right: 5px solid #222;
	border-bottom: 5px solid #222;
	border-left: 5px solid #222;
}
.su-tabs-style-3 {
	background: #fff;
	border: 5px solid #e1e1e1;
}
.su-tabs-style-3 .su-tabs-nav {
	width: 200px;
	float: left;
}
.su-tabs-style-3 .su-tabs-nav span {
	display: block;
	padding: 5px 10px;
	cursor: pointer;
	background: #e1e1e1;
}
.su-tabs-style-3 .su-tabs-nav span:hover { background: #f7f7f7 }
.su-tabs-style-3 .su-tabs-nav span.su-tabs-current { background: #fff }
.su-tabs-style-3 .su-tabs-pane {
	padding: 15px;
	float: none;
	margin-left: 200px;
}
/* Lists */
.su-list ul {
	list-style-type: none !important;
	margin: 0.5em 0 1.5em 0.5em !important;
	padding: 0 !important;
}
.su-list ul li {
	list-style-type: none !important;
	display: block !important;
	padding: 3px 0 3px 22px !important;
}
.su-list-style-star li { background: 0 50% url(../../themes/images/list-style-star.png) no-repeat !important }
.su-list-style-arrow li { background: 0 50% url(../../themes/images/list-style-arrow.png) no-repeat !important }
.su-list-style-check li { background: 0 50% url(../../themes/images/list-style-check.png) no-repeat !important }
.su-list-style-cross li { background: 0 50% url(../../themes/images/list-style-cross.png) no-repeat !important }
.su-list-style-thumbs li { background: 0 50% url(../../themes/images/list-style-thumbs.png) no-repeat !important }
.su-list-style-link li { background: 0 50% url(../../themes/images/list-style-link.png) no-repeat !important }
.su-list-style-gear li { background: 0 50% url(../../themes/images/list-style-gear.png) no-repeat !important }
.su-list-style-time li { background: 0 50% url(../../themes/images/list-style-time.png) no-repeat !important }
.su-list-style-note li { background: 0 50% url(../../themes/images/list-style-note.png) no-repeat !important }
.su-list-style-plus li { background: 0 50% url(../../themes/images/list-style-plus.png) no-repeat !important }
.su-list-style-guard li { background: 0 50% url(../../themes/images/list-style-guard.png) no-repeat !important }
.su-list-style-event li { background: 0 50% url(../../themes/images/list-style-event.png) no-repeat !important }
.su-list-style-idea li { background: 0 50% url(../../themes/images/list-style-idea.png) no-repeat !important }
.su-list-style-settings li { background: 0 50% url(../../themes/images/list-style-settings.png) no-repeat !important }
.su-list-style-twitter li { background: 0 50% url(../../themes/images/list-style-twitter.png) no-repeat !important }
.su-list-style-check li.x { background: 0 50% url(../../themes/images/list-style-cross.png) no-repeat !important }
.su-list-style-cross li.v { background: 0 50% url(../../themes/images/list-style-check.png) no-repeat !important }

/* Box */
.su-box { margin: 0 0 1.5em 0 }
.su-box-title {
	display: block;
	padding: 10px 15px;
	margin: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}
.su-box-content {
	background: #fff;
	padding: 15px;
}
/* Note */
.su-note { margin: 0 0 1.5em 0 }
.su-note-shell { padding: 15px }
/* Private */
.su-private { margin: 0 0 1.5em 0 }
/* Gmap */
.su-gmap {
	margin: 16px 0 1.5em 0;
}
/* Highlight */
.su-highlight {
	display: inline;
	padding: 1px 0;
}
/* Label */
.su-label {
	display: inline-block;
	margin-right: 0.6em;
	padding: 0.4em 0.5em;
	font-size: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	text-transform: uppercase;
	color: #fff;
}
.su-label-style-default { background: #999 }
.su-label-style-success { background: #090 }
.su-label-style-warning { background: #f90 }
.su-label-style-important { background: #f03 }
.su-label-style-info { background: #09c }
/* Button */
.su-button {
	display: inline-block;
	text-decoration: none !important;
}
.su-button span {
	display: block !important;
	text-decoration: none !important;
	text-transform: uppercase;
}
.su-button img {
	display: inline !important;
	padding: 0 !important;
}
.su-button-style-1 span { background: 0 -20px url(../../themes/images/button-style-1.png) repeat-x }
.su-button-style-1:hover span { background: 0 0 url(../../themes/images/button-style-1.png) repeat-x }
.su-button-style-2 span { background: 0 50% url(../../themes/images/button-style-2.png) repeat-x }
.su-button-style-2:hover span { background: 100% 50% url(../../themes/images/button-style-2.png) repeat-x }
.su-button-style-3 span { background: 0 50% url(../../themes/images/button-style-3.png) no-repeat }
.su-button-style-3:hover span { background: -710px 50% url(../../themes/images/button-style-3.png) no-repeat }
.su-button-style-4 span { background: 0 0 url(../../themes/images/button-style-4.png) repeat-x }
.su-button-style-4:hover span { background: 0 0 url(../../themes/images/button-style-1.png) repeat-x }
.su-button-style-5 span {
	margin: 1px;
	border: 1px dashed #fff !important;
}
.su-button-style-5:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/* Fancy link */
.su-fancy-link {
	display: inline-block;
	padding: 0 10px 0 0;
	height: 1em !important;
	line-height: 1em !important;
	margin: 0 !important;
	text-decoration: none;
}
.su-fancy-link:hover {
	padding: 0 14px 0 0;
	text-decoration: none;
}
.su-fancy-link-white {
	color: #fff !important;
	background: 100% 100% url(../../themes/images/fancy-link-white.png) no-repeat;
}
.su-fancy-link-black {
	color: #000 !important;
	background: 100% 100% url(../../themes/images/fancy-link-black.png) no-repeat;
}
/* Services */
.su-service {
	position: relative;
	margin: 0 0 1.5em 0;
}
.su-service-title {
	display: block;
	height: 16px;
	line-height: 16px;
	margin: 0 0 5px 0;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
.su-service-title img {
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.su-service-content { line-height: 1.4 }
/* Media */
.su-media { margin: 16px 0 0 0 }
/* Table */
.su-table {
	width: 100% !important;
	margin: 0 0 1.5em 0 !important;
	border-collapse: collapse !important;
	font-size: 1em !important;
}
.su-table table {
border-collapse: collapse;
padding: 1px;
}
.su-table th {
	text-align: center;
	padding: 10px;
	font-size: 1em !important;
	font-weight: normal !important;
	color: #333;
}
.su-table td { padding: 10px 15px; }
.su-table .su-even td { }
.su-table-style-1 table { border: 3px solid #ccc; }
.su-table-style-1 th {
	border: 1px solid #e1e1e1;
	background: #e1e1e1;
}
.su-table-style-1 td {
	border: 1px solid #e1e1e1;
	background: #fff;
}
.su-table-style-1 .su-even td { background: #f1f1f1; }
.su-table-style-2 table { border: none; }
.su-table-style-2 table tbody th {
	border: none;
	background: #888888;
	color: #FFFFFF;
}
.su-table-style-2 table {
	border: 3px solid #888888;
}
.su-table-style-2 td {
	border: none;
	background: #fff;
}
.su-table-style-2 .su-even td { background: #e2e2e2; }
.su-table-style-3 table { border: none; }
.su-table-style-3 th {
	border: none;
	border-bottom: 4px solid #cccccc;
	background: #fff;
	font-weight: 700;
}
.su-table-style-3 table { }
.su-table-style-3 table tbody td {
	border: none;
	background: #fff;
	text-align: left;
}
.su-table-style-3 table tbody th, .su-table-style-3 table tbody td {
	padding-left: 0px;
	text-align: left;
	padding-right: 30px;
}
.su-table-style-3 table tbody th:last-child, .su-table-style-3 table tbody td:last-child {
	padding-right: 0px;
}
.su-table-style-3 .su-even td { background: #fff; }
/* Document */
.su-document { border: none !important; margin-top: 16px; }
/* Members */
.su-members {
	padding: 1em;
	text-align: center;
	margin-bottom: 1.5em;
	color: #000;
}
.su-members-style-1 {
	background: #ffc;
}
.su-members-style-2 {
	background: #D9EEFF;
}
/* Guests */
.su-guests { margin-bottom: 1.5em }
/* Tweets */
.su-tweets { margin: 0 0 1.5em 0 }
.su-tweet { }
.su-tweet-time {
	display: block;
	margin-top: 0.3em;
	font-size: 0.9em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.su-tweets-style-1 .su-tweet {
	margin: 0 0 0.7em 0;
	padding: 0 0 0.7em 30px;
	border-bottom: 1px dotted #ccc;
	background: 0 2px url(../../themes/images/tweet-style-1.png) no-repeat;
}
.su-tweets-style-1 .su-tweet-last {
	margin: 0;
	padding: 0 0 0.7em 30px;
	border-bottom: none;
}
.su-tweets-style-2 .su-tweet {
	margin: 0 0 0.7em 0;
	padding: 0.7em 0.7em 0.7em 34px;
	border: 1px solid #555;
	background: #333 0.4em 0.8em url(../../themes/images/tweet-style-2.png) no-repeat;
	color: #fff;
}
.su-tweets-style-2 .su-tweet:hover { background: #444 0.4em 0.8em url(../../themes/images/tweet-style-2.png) no-repeat }
.su-tweets-style-2 .su-tweet a { color: #fff }
/* Custom gallery */
.su-custom-gallery-style-1 { margin: 0 0 1.5em 0 }
.su-custom-gallery-style-1 a {
	float: left;
	display: block;
	margin: 0 1em 1em 0;
	padding: 0;
}
.su-custom-gallery-style-1 img {
	display: block;
	margin: 0;
	padding: 0;
	border: 2px solid #ccc;
}
/* Pricing & plan */
.su-pricing { margin: 0 0 1.5em 0 }
.su-plan { float: left }
.su-pricing-style-1 { text-align: center }
.su-pricing-style-1 ul {
	margin: 0;
	padding: 0;
}
.su-pricing-style-1 li {
	list-style-type: none;
	display: block;
}
/* Dropcap */
.su-dropcap {
	float: left;
	display: inline-block;
	width: 2em;
	height: 2em;
	margin: 0.2em 0.5em 0.2em 0;
	line-height: 2em;
	text-align: center;
	overflow: hidden;
	text-transform: uppercase;
}
.su-dropcap-style-1 {
	background: #333 0 -20px url(../../themes/images/dropcap-style-1.png) repeat-x;
	color: #f0f0f0;
	text-shadow: -1px -1px 0 #000;
	-moz-text-shadow: -1px -1px 0 #000;
	-webkit-text-shadow: -1px -1px 0 #000;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.su-dropcap-style-2 {
	background: #ccc 0 -20px url(../../themes/images/dropcap-style-2.png) repeat-x;
	color: #000;
	text-shadow: 1px 1px 0 #eee;
	-moz-text-shadow: 1px 1px 0 #eee;
	-webkit-text-shadow: 1px 1px 0 #eee;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.su-dropcap-style-3 {
	background: url(../../themes/images/dropcap-style-3.png);
	color: #fff;
	border: 1px solid #cccccc;
	
}
/* Siblings */
.su-siblings, .su-subpages {
margin-bottom: 10px;
}
/*** END FILE: /var/www/web/themes/fuji/grid.css ***/