body
{
    font-family: "Raleway",helvetica,arial,sans-serif;
}
#navigation ul li a:after, #logo-navigation span, #ticker h4, .with-breaker span, .main-container blockquote, .main-container .welcome-message, .main-container ul.post-metadatas li, figure.effect-sadie p, .custom-section-text p, .comment-author, .contact-box p
{
    font-family: "Droid serif",serif;
    font-weight: 400;
}
#navigation ul li a, #navigation ul.sub-menu li a, #top-navigation ul.sub-menu li a, #header #navigation-mobile li a, #ticker-text ul li, .main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container thead th, .main-container .btn, .nav-tabs>li>a, #portfolio-container figure figcaption, #contact-form label, #comment-form label, .widget h4, .widget a.btn.btn-default, #copyright
{
    text-transform: uppercase;
}
.main-container h1, .main-container h2, .main-container h3, .main-container h4
{
    letter-spacing: -1px;
}
#ticker-text ul li
{
    letter-spacing: -4px;
}
.main-container .btn, figure.effect-sadie h4, .main-container a.blog-post-title h2, #blog-container .blog-post-title h2, .widget h4, #top-navigation ul.sub-menu li, #navigation ul li a, #navigation ul.sub-menu li a, #top-navigation ul.sub-menu li a
{
    letter-spacing: 1px;
}
.main-container .welcome-message
{
    font-weight: 100;
}
figure.effect-sadie h4, .main-container a.blog-post-title h2, #blog-container .blog-post-title h2, .widget h4
{
    font-weight: 300;
}
.main-container .btn, #logo-navigation span, #navigation ul.sub-menu li a
{
    font-weight: 400;
}
.main-container .dropcap
{
    font-weight: 900;
}
.comment-list li:before, #ticker-text ul li, .main-container h1, .main-container h2, .main-container h3, .main-container h4, #navigation ul li a
{
    font-weight: 700;
}
a#logo-navigation
{
    top: -10px;
    height: 55px;
    background-image: url("../image/logo-header.png");
    min-width: 200px;
    background-size: 200px;
}
#navigation.navigation-fixed a#logo-navigation
{
    background-image: url("../image/logo-fixed-menu.png");
    background-size: 150px;
}
#loader #loading-logo
{
    background-image: url("../image/logo-fixed-menu.png");
    background-size: 150px;
    width: 150px;
    height: 35px;
}
#shade
{
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(255,255,255,0) 100%);
}
#shade2
{
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.2) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(255,255,255,0) 100%);
}
#footer
{
    background-image: url("../image/footer.gif");
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)
{
    #footer
    {
        background-image: url("../image/footer@2X.png");
        background-size: 300px 300px;
    }
}
body.boxed
{
    background-image: url("../image/boxed.png");
    background-repeat: repeat;
    background-size: 798px 798px;
}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)
{
    body.boxed
    {
        background-image: url("../image/boxed.png");
        background-size: 798px 798px;
    }
}
body, .main-container a.blog-post-title, #blog-container .blog-post-title a, #navigation.navigation-fixed ul li a, .main-container .welcome-message span, .main-container h4.faq-link a, .main-container ul.social-list li:hover a, .nav-tabs>li>a:hover, .skill:hover p, #partners-slider a
{
    color: #444;
}
::-moz-selection
{
    background: #444;
}
::selection
{
    background: #444;
}
.main-container code, .main-container pre, .main-container .btn, #navigation ul.sub-menu li a:hover, #top-navigation ul.sub-menu li a:hover
{
    background: #444;
}
.main-container a.blog-post-title:hover, .main-container .blog-grid ul.post-metadatas, .single-post ul.post-metadatas, .comment-author, .comment-list .children li:before, #blog-container .blog-post-title a:hover, #blog-container .blog-button .btn.btn-default, #blog-container ul.post-metadatas, #footer, #navigation.navigation-fixed ul.sub-menu li a, #navigation.navigation-fixed ul li.current-menu-item a, #navigation.navigation-fixed ul li a:hover, .with-breaker span, .main-container a, .main-container blockquote, .main-container blockquote:before, .main-container .icon, .main-container .welcome-message, .main-container h4.faq-link.faq-active a, .skill:hover h4, .skill p
{
    color: #b4b4b4;
}
.widget a.btn.btn-default:hover
{
    color: #b4b4b4!important;
}
#blog-container .blog-button .btn.btn-default, .widget a.btn.btn-default
{
    border-color: #b4b4b4;
}
#blog-container .blog-button a.btn.btn-default:hover
{
    background: #b4b4b4;
}
.custom-section-container
{
    background: #5298a3;
}
.main-container .custom-section-buttons a.btn:hover
{
    color: #d05c3d;
}
#navigation ul.sub-menu li, #top-navigation ul.sub-menu li, #navigation ul.sub-menu li:hover, #top-navigation ul.sub-menu li:hover
{
    border-bottom-color: #424242;
}
.main-container hr, .main-container hr.align-left, .main-container h4.faq-link
{
    border-color: #e7e7e7;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
    border-bottom-color: #e7e7e7;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:hover:after, .nav-tabs>li.active>a:focus:after
{
    border-color: transparent transparent #e7e7e7 transparent;
}
#navigation ul.sub-menu li a, #top-navigation ul.sub-menu li a, #header a#close-navigation-mobile, #header #navigation-mobile li a, #ticker h4, .with-breaker:after, .main-container pre, .main-container .btn, #footer a
{
    color: #e7e7e7;
}
#navigation-mobile, #navigation ul.sub-menu li a, #top-navigation ul.sub-menu li a
{
    background-color: #313131;
}