/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
    #Typography
    #Generic Items
    #Header
    #Intro
    #Services
    #Work
    #About
    #Contact
    #Media Queries
    #Font-Face */


/* #Typography
================================================== */

p, body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 98px;
    font-weight: 200;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    filter: dropshadow(color=#666666, offx=2, offy=2);
    margin-bottom: 25px;
}

h1.small {
    font-size: 55px;
    color: D8FF3D;
    margin-top: 0px;
    margin-bottom: -30px;
}

h2 {
    font-size: 38px;
    color: #4f4f4f;
    text-transform: uppercase;
    padding-top: 20px;
}

h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #656565;
}

h4 {
    font-size: 18px;
    font-weight: 600;
    color: #545454;
    text-transform: uppercase;
    margin: 12px 0 12px 0;
}

h4.proc {
    color: #3ebeff;
}

h5 {
    font-size: 18px;
    font-weight: 600;
    color: #656565;
    text-transform: uppercase;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 5px;
}



/* #Generic Items
================================================== */

.headline {
    text-align: center;
    margin-top: -48px;
    position: relative;
    z-index: 300;
}

.headline p {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 0;
    padding: 12px 0 12px 0;
    margin: 40px 0 20px 0;
    color: #686868;
}

.line {
    border-bottom: 1px solid #c0c0c0;
    position: relative;
    display: inline-block;
    width: 200px;
    margin: 0 10px 7px 10px;
}

.action {
    background: #fff;
    text-align: center;
    padding-bottom: 40px;
}

.action p {
    font-size: 22px;
    color: #656565;
}

.action img {
    display: block;
    margin: 10px auto 0 auto;
}

.separator {
    background: url(../images/intro-bg.jpg) repeat fixed;
    position: relative;
    z-index: 200;
    margin-top: -18px;
    text-align: center;
}

.separator p {
    font-family: 'Open Sans',sans-serif;
    font-size: 33px;
    font-weight: 600;
    line-height: normal;
    padding: 115px 0 115px 0;
    color: #fff;
    font-style: italic;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    filter: dropshadow(color=#666666, offx=2, offy=2);
}



/* #Header
================================================== */

header {
    position: relative;
    z-index: 1000;
    width: 100%;
    text-align: center;
}

.topbar {
    background: #000;
    width: 100%;
    height: 85px;
    position: relative;
    opacity: 0.5;
    z-index: 900;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

p.logo, p.logo a {
    font-size: 36px;
    color: #e4ff4f;
    font-weight: 600;
    text-align: left;
    padding: 18px 0 0 0;
}

p.logo a {
    text-decoration: none;
}

ul.top-social {
    margin: 20px 0 0 0;
    text-align: right;
    font-size: 13px;
    color: #898989;
}

.topbar ul li {
    display: inline;
    margin: 0 0 0 4px;
}

.topbar p {
    margin: 0;
}

.icn-skype {
    background: url(../images/icn-top-skype.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-facebook {
    background: url(../images/icn-top-facebook.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-linkedin {
    background: url(../images/icn-top-linkedin.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-gplus {
    background: url(../images/icn-top-gplus.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-pinterest {
    background: url(../images/icn-top-pinterest.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-dribbble {
    background: url(../images/icn-top-dribbble.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icn-twitter {
    background: url(../images/icn-top-twitter.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.sprite:hover {
    background-position: 0 -24px;
}


/**** nav ****/

nav {
    background: transparent;
    border-radius: 3px;
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: -50px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

nav ul {
    text-align: left;
    margin: 14px -13px 0;
}

nav ul li {
    display: inline;
}

nav a {
    font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 7px 14px 7px 14px;
}

nav a:visited {
    color: #fff;
}

nav a:hover {
    background: #fff;
    border-radius: 2px;
    color: #464646;
}

.contact-top {
    color: #fff;
    text-align: right;
}

.contact-top img {
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 5px;
}



/* #Intro
================================================== */


#intro {
    background: url(../images/intro-bg.jpg) repeat;
    background-position: 0 0 !important;
    -webkit-background-size: cover;
    position: relative;
    z-index: 1;
    height: 650px;
    margin-top: -130px;

}

.title {
    padding-top: 210px;
    line-height: 0;
    width: 100%;
    text-align: left;
    position: relative;
}

.title p {
    font-size: 30px;
    font-weight: 300;
    line-height: 380%;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    filter: dropshadow(color=#666666, offx=2, offy=2);
    margin-bottom: 0px;
}



/* #Services
================================================== */

.four.columns p {
    font-size: 14px;
    color: #737373;
}

p.subheader {
    color: #b1b1b1;
    font-size: 16px;
    margin-bottom: 35px;
}

.proc img {
    margin-right: 7px;
    vertical-align: middle;
}



/* #
================================================== */

#work {
    background: #e9f4c2;
    background: url(../images/pattern_repeat.jpg) repeat 0 0;
    z-index: 200;
    padding-bottom: 50px;
}

.portfolio {
    text-align: center;
}

.portfolio img {
    opacity: 0.85;
}

.portfolio img:hover {
    opacity: 1;
}

.caption {
    background: #3e4f63;
    padding: 8px 0 8px 0;
    margin-top: -6px;
    margin-bottom: 20px;
}

p.proj-name {
    color: #fff !important;
    margin: 0 0 2px 0;
    font-size: 13px !important;
    text-transform: uppercase;
}

p.proj-type {
    color: #fff !important;
    margin-bottom: 0;
    font-size: 11px !important;
    text-transform: uppercase;
}

.portfolio2 {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.portfolio2 img {
    border: 4px solid #d0d0d0;
    opacity: 0.85;
}

.portfolio2 img:hover {
    opacity: 1;
}

p.proj-name2 {
    margin-top: 2px;
    margin-bottom: 1px;
    font-size: 13px !important;
    line-height: 10px;
    text-transform: uppercase;
    color: #707070 !important;
}

p.proj-type2 {
    font-size: 11px !important;
    text-transform: uppercase;
    color: #9c9c9c !important;
    margin: 0;
}

.bg {
    position: relative;
    background: #fff;
    background: url(../images/pattern_repeat.jpg) repeat 0 0;
    z-index: 200;
    text-align: center;
    padding-bottom: 90px;
}

.bg h3 {
    margin-top: 40px;
}



/* #About
================================================== */

.eight.columns p, .eight.columns {
    text-align: left;
    color: #686868;
    font-size: 15px;
}


/***** skills *****/

.skills h5, .testimonials h5 {
    text-align: left;
}

.skills {
    text-align: left;
}

.skills p {
    margin: 0;
    padding-top: 45px;
    font-size: 12px !important;
    text-align: center !important;
    text-transform: uppercase;
    color: #fff !important;
    display: block;
}

.sk:hover {
    opacity: 0.8;
}

.skill1 {
    background: url(../images/skill1.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    display: inline-block;
    margin-top: 40px;
}

.skill2 {
    background: url(../images/skill2.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    display: inline-block;
    margin-left: -6px;
}

.skill3 {
    background: url(../images/skill3.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    display: inline-block;
    margin-left: -6px;
}

.skill4 {
    background: url(../images/skill1.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    position: relative;
    margin-top: -30px;
    margin-left: 51px;
}

.skill5 {
    background: url(../images/skill2.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    position: relative;
    margin-top: -118px;
    margin-left: 153px;
}

.skill6 {
    background: url(../images/skill3.png) no-repeat 0 0;
    width: 104px;
    height: 118px;
    position: relative;
    margin-top: -118px;
    margin-left: 255px;
}


/***** testimonials *****/

.testimonials p {
    font-size: 14px !important;
    color: #8c8c8c !important;
    text-align: left !important;
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #dadada;
}


/***** team *****/

.team {
    padding-bottom: 40px;
}

.team img {
    border: 6px solid #f2f2f2;
}

.team ul li {
    margin-right: 4px;
    display: inline;
}

.team ul img {
    border: 0;
}

.team ul img:hover {
    opacity: 0.7;
}

p.t-name, p.t-position {
    text-transform: uppercase !important;
    font-size: 13px !important;
    margin: 0;
}

p.t-name {
    color: #707070 !important;
}

p.t-position {
    color: #a5a5a5 !important;
    margin-bottom: 4px;
}

p.t-desc {
    font-size: 14px !important;
    color: #666666;
}



/* #contact
================================================== */

#contact-layout {
    background: #fff;
    background: url(../images/pattern_repeat.jpg) repeat 0 0;
    position: relative;
    z-index: 200;
    padding-bottom: 60px;
}

.map {
    border: 4px solid #d0d0d0;
    width: 100%;
    margin-top: 40px;
}

.contact-info {
    padding-top: 40px;
}


/***** contact form *****/

.done {
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 10px;
    display: none;
}

.contact-form {
    position: relative;
    z-index: 300;
    margin-top: 40px;
}

.contact-form p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #585858;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.contact-form input {
    background: #ebeaea;
    width: 60%;
    height: 18px;
    margin-bottom: 10px;
    padding-left: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #585858;
    border: 1px solid #dddddd;
}

.contact-form textarea {
    background: #ebeaea;
    margin-bottom: 10px;
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #585858;
    width: 98%;
    height: 125px;
    border: 1px solid #dddddd;
}

.contact-form input.submit-button {
    background: #3ebeff; /* Old browsers */
    background: -moz-linear-gradient(top, #3ebeff 0%, #3ebeff 50%, #30aeee 51%, #30aeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ebeff), color-stop(50%,#3ebeff), color-stop(51%,#30aeee), color-stop(100%,#30aeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ebeff', endColorstr='#30aeee',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    font-size: 12px;
    width: 60px;
    margin-top: 5px;
    padding: 1px;
    height: 25px;
    text-align: center;
    border: 0;
}

.contact-form input.submit-button:hover {
    opacity: 0.8;
}


/***** contact info *****/

.contact-info h5 {
    margin-bottom: 25px;
}

.contact-info p {
    color: #656565;
}

.contact-info img {
    margin-right: 10px;
    vertical-align: middle;
}

.social-bottom ul li {
    display: inline;
    margin-right: 5px;
}


.footer {
    background-image: none !important;
    background-color: #3d4e63 !important;
    -webkit-background-size: cover;
    position: relative;
    z-index: 200;
    margin-top: -18px;
    text-align: center;
}

.footer p, .footer a {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #636363;
    font-weight: 600;
    padding: 40px 0 35px 0;
    margin: 0;
}




/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {

        nav a {
            padding: 7px;
        }

        .contact-top {
            display: none;
        }

        .title {
            position: relative;
        }

    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .title p {
            font-size: 30px !important;
        }

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

        .topbar {
            text-align: center;
        }

        .top-social {
            display: none;
        }

        h1 {
            font-size: 88px !important;
        }

        h1.small {
            font-size: 78px !important;
        }

        .title p {
            font-size: 25px !important;
        }

        .caption {
            margin-left: auto;
            margin-right: auto;
            width: 300px;
        }

        span.line {
            display: none;
        }

        p.proj-type2 {
            margin-bottom: 20px;
        }


        .team ul {
            margin-bottom: 40px;
        }


        .contact-form input {
            width: 100%;
        }


    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

        h1 {
            font-size: 98px !important;
            margin-bottom: 25px;
        }

        h1.small {
            font-size: 20px !important;
            margin-top: 0px;
            margin-bottom: -30px;
        }

        .heading {
            margin: 350px auto 0px;
            width: 50%;
            text-align: center;
        }
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

        nav ul {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        nav a {
            padding: 4px;
        }


        .title {
            position: relative;
            padding-top: 150px;
        }

        h1 {
            font-size: 50px !important:
        }

        h1.small {
            font-size: 45px !important;
            line-height: 80px;
        }

        .intro-arrow {
            display: none;
        }


        .skill1 {
            margin-left: -5px;
        }

        .skill2 {
            margin-left: -10px;
        }

        .skill3 {
            margin-left: -10px;
        }

        .skill4 {
            margin-left: 42px;
        }

        .skill5 {
            margin-left: 140px;
        }

        .skill6 {
            margin-left: 238px;
        }

    }

/* #Wordpress related css
================================================== */

.wp-caption {
    max-width: 100%;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding: 6px 2px 0;
}
.wp-caption-text {
    font-size: 11px;
    padding: 0 4px 5px;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
}
.alignright {
    float: right;
    margin: 0px 0px 10px 10px;
}
.sticky {
    color: red;
}
.single-navigation {
    position: relative;
    z-index: 1000;
}
.single-navigation .prev {
    float: left;
}
.single-navigation .next {
    float: right;
}
.gallery-caption {

}

form#contactform input {
    width: 125px;
}
#respond label {
    display: none;
    float: none;
    height:0px;
}
#respond input, #respond textarea, #respond select {
    width: 254px;
    padding: 7px 13px;
    border: 1px solid #ddd;
    margin: 0px 28px 0px 0;
    font:12px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#707070;
    line-height:20px;
    float:left;
}
#respond textarea {
    width: 93% !important;
}
#respond input:focus, #respond textarea:focus {
    border: 1px solid #000;
}
#respond input {
    margin-bottom: 15px !important;
}
#respond fieldset {
    padding-left:0px;
}
#respond legend {
    padding:7px 10px;
    font-weight:bold;
    color:#000;
    border:1px solid #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin-bottom:0 !important;
    margin-bottom:20px;
}
#respond span.required {
    padding-left:28px;
    background:url(images/bg-bullet.png) no-repeat 12px 5px;
    margin-left:-28px;
}

#respond input#submit {
    background-color: #FBC96B;
    color: #fff;
}

li.comment {
    color: #707070;
    margin-bottom: 10px;
    padding-left: 11px;
    clear: both;
}

ol.commentlist {
    margin-left: 0;
    list-style-type: none;
}

ol.commentlist a {
    text-decoration: none;
    font-size: 13px;
}

ol.commentlist a:hover {
    text-decoration: underline;
}

.commentlist .avatar {
    float: left;
    margin: 3px 0 0;
}
.commentlist .no-wrap {
    margin-left: 110px;
    margin-top: 10px;
}

.no-wrap .meta {
    font-size: 16px;
    color: #000;
}

.no-wrap p {
    margin-bottom: 12px;
    font-size: 14px;
}

li.bypostauthor {

}

.tags {
    padding: 5px 0 15px;
}

.tags a {
    text-decoration: none;
    padding: 3px;
    background: lightgray;
}

#slideshow-product, .slider-product, #slider-product, .proj-img, .pic {
    max-width: 100%;
    max-height: 100%;
}

#slideshow-product {
    height: 312px;
    margin-bottom: 20px;
    width: 639px;
    z-index: 99;
}

.pic {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2D2D2;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 3px;
    z-index: 99;
}

.slideshow_navigation {
    margin-top: 12px;
    text-align: center;
}

.slideshow_navigation a {
    background: url("../images/slide.png") no-repeat scroll 0 -18px transparent;
    border: 0 none;
    color: #B22222;
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    text-indent: -9999px;
    width: 10px;
}

.slideshow_navigation a.activeSlide {
    background-position: 0 0;
    cursor: default;
}

.proj-img {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.proj-img a {
    background: url("../images/zoom.png") no-repeat scroll 50% 50% transparent;
    display: inline-block;
    height: 100%;
    position: absolute;
    top: -500px;
    width: 100%;
    z-index: 10;
}

.proj-img a {
    background: url("../images/zoom.png") no-repeat scroll 50% 50% transparent;
    display: inline-block;
    height: 100%;
    position: absolute;
    top: -500px;
    width: 100%;
    z-index: 10;
}

.proj-img i {
    background: none repeat scroll 0 0 #493636;
    display: block;
    font-style: normal;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-indent: -9000px;
    top: 0;
    width: 100%;
    z-index: 9;
}

.quote-nav-left, .quote-nav-right {
    float: left;
}

.quote-slider {
    margin-left: 35px;
    max-width: 100%;
}

.panel {
    width: 100%;
}

p.quoter {
    color: #493636;
    font: 700 10px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 0 0 7px;
    text-transform: uppercase;
    margin-top: -13px;
}

.quote-nav-left a, .quote-nav-right a {
    display: block;
    text-align: center;
    text-decoration: none;
}
.quote-nav-right a {
    background: url("../images/bg-coda-right.jpg") no-repeat scroll 0 0 transparent;
    height: 19px;
    margin-left: -19px;
    margin-top: 10px;
    padding: 0;
    text-indent: -9000px;
    width: 19px;
}

.quote-nav-left a {
    background: url("../images/bg-coda-left.jpg") no-repeat scroll 0 0 transparent;
    height: 19px;
    margin-left: 0;
    margin-top: 30px;
    padding: 0;
    text-indent: -9000px;
    width: 19px;
}

#price {
    width: 98%;
}

#price th {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #707070;
    font: 12px/20px 'Open Sans',Arial,Helvetica,sans-serif;
    height: 39px;
    padding: 9px 0 4px 20px;
    width: 148px;
}

#price th.first-column {
    height: 44px;
    width: 169px;
}

#price th.first-row {
    color: #493636;
    font: 700 14px/20px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 13px 0 4px 20px;
}

#price .last {
    border-right: 0 none !important;
    margin-right: 0;
    padding-right: 0;
}

.twitter_small {
    width:46px;
    height:46px;
    float:left;
    margin-top: -8px;
    background:url(../images/bg-twitter.png) no-repeat left top;
}

.twitter_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:46px;
    height:46px;
    display:block;
}

.twitter2_small {
    width:16px;
    height:16px;
    float:left;
    margin: 5px 0 15px 15px;
    background:url(../images/bg-twitter2.png) no-repeat left top;
}

.twitter2_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:16px;
    height:16px;
    display:block;
}
.twitter2_small a:hover {
    background:url(../images/bg-twitter2Hover.png) no-repeat left top;
}

.facebook_small {
    width:16px;
    height:16px;
    float:left;
    margin: 5px 0 5px 15px;
    background:url(../images/bg-facebook.png) no-repeat left top;
}

.facebook_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:16px;
    height:16px;
    display:block;
}

.facebook_small a:hover {
    background:url(../images/bg-facebookHover.png) no-repeat left top;
}

.dribble_small {
    width:16px;
    height:16px;
    float:left;
    margin: 5px 0 15px 15px;
    background:url(../images/bg-dribble.png) no-repeat left top;
}

.dribble_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:16px;
    height:16px;
    display:block;
}

.dribble_small a:hover {
    background:url(../images/bg-dribbleHover.png) no-repeat left top;
}

.flickr_small {
    width:16px;
    height:16px;
    float:left;
    margin: 5px 0 15px 15px;
    background:url(../images/bg-flickr.png) no-repeat left top;
}

.flickr_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:16px;
    height:16px;
    display:block;
}

.flickr_small a:hover {
    background:url(../images/bg-flickrHover.png) no-repeat left top;
}

.vimeo_small {
    width:17px;
    height:16px;
    float:left;
    margin: 5px 0 15px 15px;
    background:url(../images/bg-vimeo.png) no-repeat left top;
}

.vimeo_small a {
    text-indent:-9000px;
    text-decoration:none;
    width:17px;
    height:16px;
    display:block;
}

.vimeo_small a:hover {
    background:url(../images/bg-vimeoHover.png) no-repeat left top;
}

ul.list {
    display:block;
    position:relative;
    padding:0px;
    margin-bottom:-1px;
    list-style-type: none;
}
ul.float {
    float:left;
    width:50%;
    list-style-type: none;
}
ul.list li {
    padding:4px 0px 5px 0;
    width:auto;
    border-bottom:1px solid #ddd;
}
ul.float li {
    margin-right:20px;
}
ul.bullet li {
    padding:4px 0px 5px 21px;
    background:url(../images/list-dot.jpg) no-repeat 1px 13px;
}
ul.check li {
    padding:4px 0px 5px 21px;
    background:url(../images/list-check.png) no-repeat 1px 11px;
}

.heading {
    margin: 350px auto 0px;
    width: 50%;
    text-align: center;
}

.heading h3 {
    background: none repeat scroll 0 0;
    display: inline;
    padding: 0 20px;
}

header .seven.columns {
    font-size: 14px;
}

.post {
    text-align: left;
}

.post h3 {
    border-bottom: 1px solid #BEBEBE;
    color: #3D3D3D;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
}

.post h3 a {
    font-size: 22px;
    text-decoration: none;
}
.post p {
    font-size: 14px;
}

.post p.line2nd {
    color: #7F7F7F;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 11px;
}

p.singlemeta {
    text-align: center;
}

p.form-allowed-tags {
    font-size: 12px;
    margin-top: 10px;
}

.wp-pagenavi, .pagination {
    margin: 30px 0 15px;
}
.pagination .leftpag {
    float: left;
}
.pagination .rightpag {
    float: right;
}

.addthis_floating_style {
    top: 160px !important;
    z-index: 100000;
}

nav ul {
    height: 26px;
    overflow: hidden;
}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
        Just create a "fonts" folder at the root,
        copy your FontName into code below and remove
        comment brackets */

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