@navLinkColor : #d0d0d0;
@navLinkColorHover : #f0f0f0;
@secMenuBgr : #fdfdfd;
@secMenuLinkColor: #555;
@secMenuLinkColorHover: #06e;
@secMenuBorderColor: #dedede;
@subMenuWidth: 176px;
@transLinkTime: 400ms;
@transBgrMenuTime: 450ms;
@deepsky: #00bfff;
@dodgerblue: #08c;
@darkorange: #ff8c00;
@lavender: #e6e6fa;
@darkgray: #444;
@gray: #808080;
@lightslategray: #778899;
@silver:#c0c0c0;
@ghostwhite: #fafaff;
@lightborder : #eee;
@gainsboro: #d8d8d8;
@whitesmoke: #fafafa;
@silversmoke: #f0f0ff;
@respondBgr: #DFF0D8;
@respondBorder: #D6E9C6;
@respondColor: #468847;

a:hover {
    color: @darkorange;    
}

@media (min-width: 768px) {
    .navbar .divider-vertical {
        padding: 0;
        margin: 0;
    }
    .navbar .nav > li {
        > a {
            float: left;
            padding-left: 6px;
            padding-right: 6px;
        }
        > .navbar-caret {
            padding-left: 2px;
            padding-right: 6px;
            cursor: pointer;
        }
        .dropdown-menu {
            left: -8px;
        }
    }
    .navbar .nav > li.dropdown > a {    
        padding-right: 4px;
    }
    .navbar .nav {
        > .active {
            > a,
            a:hover,
            a:focus {
                text-decoration: none;
                background-color: inherit;
                -webkit-box-shadow: inset 0 4px 0px @dodgerblue;
                -moz-box-shadow: inset 0 4px 0px @dodgerblue;
                box-shadow: inset 0 4px 0px @dodgerblue;
            }
            > a {
                font-weight: bold;   
            }
        }
        li.dropdown.open > .dropdown-toggle,
        li.dropdown.active > .dropdown-toggle,
        li.dropdown.open.active > .dropdown-toggle {
                background-color: inherit;
        }
    }
}

#wrap.container {
    code {
        white-space: normal;
    }
}

.transLinkColor(@prev; @after) {
    color: @prev;
    -webkit-transition-property: color;
    -webkit-transition-duration: @transLinkTime;
    -moz-transition-property: color;
	-moz-transition-duration: @transLinkTime;
	transition-property: color;
	transition-duration: @transLinkTime;
    &:hover{
        color: @after;
    }
}

#primary-nav{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    background-color: @dodgerblue;
    .menu {
        height: 28px;
    }
    a {
        .transLinkColor(@navLinkColor; @navLinkColorHover);
    }
    .current-menu-ancestor > a,
    .current-menu-item > a {
        text-shadow: -2px 1px 3px #222;
    }
    ul {
        list-style: outside none;
        > li > ul {
            display: block;
            position: absolute;
            visibility: hidden;
            li {
                -webkit-transition-property: background-color, opacity;
                -webkit-transition-duration: @transBgrMenuTime, 1s;
            	-moz-transition-property: background-color, opacity;
            	-moz-transition-duration: @transBgrMenuTime, 1s;
            	transition-property: background-color, opacity;
            	transition-duration: @transBgrMenuTime, 1s;
            	background-color: @dodgerblue;
            	opacity: 1;   
            }
        }
        > li {
            float: left;
            position: relative;
            padding: 4px 8px;
            background-color: @dodgerblue;
            &:hover > ul {
                display: block;
                opacity: 0.95;
                visibility: visible;
                z-index: 9999;
                line-height: 18px;
                position: absolute;
                margin-left: 0;
                margin-right: 0;
                top: 28px;
                width: @subMenuWidth;
                border: 1px solid @secMenuBorderColor;
                background-color: @secMenuBgr;
                > li {
                    background-color: @secMenuBgr;
                    float: none;
                    border: none;
                    padding: 3px 10px 2px;
                    opacity: 0.92;
                }
                a {
                    .transLinkColor(@secMenuLinkColor; @secMenuLinkColorHover);
                }
                > li:hover > ul {
                    top:-1px;
                    left: 100%;
                }
            }
        }
    }
}

#primary-nav-phone div {
    text-align: center;
    select {
        margin: 10px auto;
    }
}

#site-header {
    .navbar-inner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    position: relative;
    #site-title {
        font-size: 44px;
    }
    #site-description {
        font-style: italic;
        font-size: 24px;
        font-weight: normal;
    }
}

#content {
    #s {
        width: 66%;
    }
    word-wrap: break-word;
    * {
        max-width: 100%;
    }
    table {
        td,
        th {
            padding: 8px;   
        }
    }
    article {
        margin-bottom: 35px;
        .entry-content {
            padding: 4px 8px;
        }
    }
    .moretag {
        margin-left: 20px;
    }
}

#sidebar{
    font-size: 11px;
    * {
        max-width: 100%;
    }
    h1, h2 {
        font-size: 16px;
        line-height: 16px;
    }
    h3, h4, h5, h6 {
        font-size: 14px;
        line-height:14px;
    }
    ul {
        list-style-position: outside;
        list-style-type: square;
        ul {
            list-style-type: circle;  
            ul ul ul {
                margin-left: 0;   
            }
        }
    }
    ol ol ol ol ol {
        margin-left: 0;   
    }
    .widget {
        padding-top: 0;
        .widget-title {
        padding: 5px 12px;
        margin: 0 10px;
        border-top: 4px solid @dodgerblue;
        }
    }
}

.paginated > * {
    padding: 3px 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.entry-header {
    h2 {
        font-size: 18px;
        line-height: 18px;
        font-weight: normal;
    }
}

.entry-footer {
    margin: 10px 15px;
    i {
        margin-left: 6px;
        margin-right: 6px;
    }
    td {
        min-width: 80px;   
    }
}

.heading {
        border: 1px solid @silver;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: @ghostwhite;
        margin-bottom: 18px;
    h1, h2, h3, h4, h5, h6 {
        border-top: 4px solid @dodgerblue;
        margin:0 10px;
        padding: 2px 8px 6px;
        color: @gray;
        &:hover {
            color: @lightslategray;
        }
    }
    a:hover {
        text-decoration: none;
    }
}

.sticky {
    .entry-content {
        border: 1px solid @lightborder ;
        background-color: @ghostwhite;
    }
    .heading {
        border: 1px solid @silver;
        background-color: @dodgerblue;
        h2, h3 {
            color: @gainsboro;
            &:hover {
                color: #fff;
            }
        }
        a {
            color: @navLinkColor;
            &:hover {
                color: @navLinkColorHover;
                text-decoration: none;   
            }
        }
    }
}

.post-edit-link {
    margin-left: 5px;
    color: #fff;
}

#comments-wrapper {
    ul,
    ul.children {
        list-style-type: none;   
    }
    .avatar {
        float: left;
        margin: 5px;
        display: block;
    }
    .avatar-64 {
        width: 64px;
        height: 64px;
    }
    .avatar-32 {
        width: 32px;
        height: 32px;
    }
    .comment {
        .comment-content {
            padding: 8px;   
            border: 1px solid #e8e8e8;
            border-top: 0;
        }
        .comment-action {
            border: 1px solid #ededed;
            padding: 5px;
        }
    }
    .comment.odd > article > .comment-action {
        background-color: @silversmoke;   
    }
    .comment.even > article > .comment-action {
        background-color: @whitesmoke;   
    }
    .comment-edit-link {
        color: #fff;
        margin-left: 8px;
    }
    .reply {
        padding: 6px;   
    }
}

#respond {
    width: 100%;
    background-color: @respondBgr;
    color: @respondColor;
    border: none;
    #reply-title {
        font-style: italic;
        padding: 15px;
        margin: auto;
        display: block;
    }
    #commentform {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 15px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        textarea {
            width: 96%;
            margin-right: 15px;
            resize: vertical;
        }
        code {
            white-space: normal;
            background-color: transparent;
            border: 0;
        }
    }
}

#content #respond {
    border: 1px solid @respondBorder;
    margin-bottom: 40px;
    #commentform {
        width: auto;
    }
}

table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

table th,
table td {
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}

table tbody + tbody {
  border-top: 2px solid #dddddd;
}

table thead:first-child tr:first-child > th:first-child,
table tbody:first-child tr:first-child > td:first-child,
table tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

table thead:first-child tr:first-child > th:last-child,
table tbody:first-child tr:first-child > td:last-child,
table tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

table thead:last-child tr:last-child > th:first-child,
table tbody:last-child tr:last-child > td:first-child,
table tbody:last-child tr:last-child > th:first-child,
table tfoot:last-child tr:last-child > td:first-child,
table tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

table thead:last-child tr:last-child > th:last-child,
table tbody:last-child tr:last-child > td:last-child,
table tbody:last-child tr:last-child > th:last-child,
table tfoot:last-child tr:last-child > td:last-child,
table tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}


table tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

table tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

table caption + thead tr:first-child th:first-child,
table caption + tbody tr:first-child td:first-child,
table colgroup + thead tr:first-child th:first-child,
table colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

table caption + thead tr:first-child th:last-child,
table caption + tbody tr:first-child td:last-child,
table colgroup + thead tr:first-child th:last-child,
table colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

table table {
  background-color: #ffffff;
}

#site-footer {
    background-color: @dodgerblue;
    color: @navLinkColor;
    font-size: 12px;
    a {
        color: #fff;
        text-shadow: -2px 1px 3px #222;
    }
    .widget {
        margin-top: 20px;
    }
}
    
@media (min-width: 768px) {
    #respond {
        border: none;
        #reply-title {
            width: 630px;
        }
        #commentform {
            width: 630px;
        }
    }
}

@media (max-width: 767px) {
    #site-heading {
        padding: 15px 15px;
        max-height: 275px;
    }
    #site-footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@sliderHeight : 380px;
#pages-slider {
    height: @sliderHeight;
    .feat-page,
    .feat-page-block {
        height: @sliderHeight;
        width: 100%;
    }
    .overlay {
        position: absolute;
        vertical-align: baseline;
        top: 0;
        z-index: 600;
        width: @sliderHeight;
        height: @sliderHeight;
        white-space: normal;
        color: white;
        background-color: black;
        opacity: 0.6;
        > * {
            margin: 20px;
        }
        h3 {
            font-size: 36px;
        }
        p {
            font-size: 16px;   
            line-height: 26px;
        }
    }
}

.bln-twp {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0px;
    * {
        max-width: 96%;
    }
}

#frontpage-sidebar {
    .widget-title {
        padding: 5px 10px;
        margin: 0 8px 10px;
        background-color: inherit;
        -webkit-box-shadow: inset 0 4px 0px @dodgerblue;
        -moz-box-shadow: inset 0 4px 0px @dodgerblue;
        box-shadow: inset 0 4px 0px @dodgerblue;
    }
}

.horz-widget {
    .twplus-content {
        margin: 8px 12px;
        padding: 6px;
        font-size: 16px;
        letter-spacing: 2px;
    }
}

.content-full-width {
    font-size: 1.5em;
    line-height: 1.5em;
}