/*-----------------------------------------------------------------------------
**Table Of Content**

1-- Layouts
2-- Header
3-- Banner
4--Pagination
5--Blog Lists
6--Blog Single
7--Portfolio Lists & Grids
8--Portfolio Single
9--Product Lists & Grids
10--Product Single
11--Search Lists
12--Related Posts
13--Archive Page
14--Contact Page
15--Page 404
16--Comment
17--Footer
-----------------------------------------------------------------------------*/

/* =========================================
   Layouts
   ======================================== */
body {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: 50% 0;
}

.col-2-1, .col-3-1, .col-4-1 { float: left; margin-right: 30px;}
.col-width { width: 990px; margin: 0 auto;}
.col-2-1 { width: 480px; }
.col-3-1 { width: 310px; }
.col-4-1 { width: 225px; }
.last { margin-right: 0; }

.footer-col-2-1, .footer-col-3-1, .footer-col-4-1 { float: left; margin-left: 30px;}
.footer-col-1-1 { width: 990px; }
.footer-col-2-1 { width: 480px; }
.footer-col-3-1 { width: 310px; }
.footer-col-4-1 { width: 225px; }
.footer-col-first { margin-left: 0; }

#container-wrap { padding: 50px 0 60px; }
#content { width: 670px; }
#sidebar { width: 270px; }
.fullwidth #content { width: 990px; }
.side-right #sidebar, .side-left #content { float: right; }
.side-left #sidebar, .side-right #content { float: left; }




/* =========================================
   Header
   ======================================== */
#wrap > header {
    margin-top: 40px;
    position: relative;
    z-index: 300;
}

#wrap > header .header-shadow {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: url(../imgs/header-shadow.png);
}

.header-inner {
    position: relative;
}

.header-inner .shadow {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: url(../imgs/inner-shadow.png) no-repeat 50% 0;
}

#wrap > header .site-logo,
#wrap > header .site-name { float: left; }
#wrap > header .site-name h1,
#wrap > header .site-name p { margin: 0;}

#top-menu { float: right; }
#top-menu ul li { float: left; font-size: 13px; margin-left: 2px;}
#top-menu ul li a { display: block; font-size: 14px; font-weight: bold; padding: 0 15px; height: 28px; line-height: 27px; border:1px solid #FFFFFF; color: #666666;}

#top-menu ul li a:hover,
#top-menu ul li.current_page_item a:hover,
#top-menu ul li.current-menu-item a:hover,
#top-menu ul li a.selected {
    background-image: url(../imgs/menu-bg.png);
    border-left: 1px solid #D2D2D2;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #C1C1C1;
}

#top-menu ul li.current_page_item a,
#top-menu ul li.current-menu-item a {
    background-repeat: repeat-x;
    background-position: 0 0;
    color: #FFFFFF;
}

#top-menu ul li ul { height: auto;  padding: 12px 0; margin: 3px 0 0; background-color: #fff;}
#top-menu ul li ul li { margin: 0; padding: 0; background: none; font-size: 12px;}
#top-menu ul li ul li a { height: 30px; line-height: 29px; overflow: hidden;}
#top-menu ul li ul li ul { margin: 0 0 0 1px;}

#top-menu ul li ul li a,
#top-menu ul li ul li a:hover,
#top-menu ul li ul li a.selected,
#top-menu ul li.current_page_item ul li a,
#top-menu ul li.current-menu-item ul li a,
#top-menu ul li.current_page_parent ul li a,
#top-menu ul li.current-menu-parent ul li a,
#top-menu ul li.current-menu-item ul li.current-menu-item a,
#top-menu ul li.current_page_parent ul li.current_page_item a,
#top-menu ul li.current_page_item ul li a:hover,
#top-menu ul li.current-menu-item ul li a:hover,
#top-menu ul li.current-menu-parent ul li a:hover{
    border: none;
    font-weight: normal;
    background: none;
}



/* =========================================
   Banner
   ======================================== */
.banner-section { text-align: center; }



/* =========================================
   Pagination
   ======================================== */

.pagination,
.normal-pagination { margin-top: 60px; }

/*-- WP PAGINATION --*/
.pagination a,
.pagination span {
    display: block;
    float: left;
    padding: 0 10px;
    margin-right: 5px;
}

/*-- NORMAL PAGINATION --*/
.normal-pagination span,
.normal-pagination span a {
    display: block;
}

.normal-pagination span.prev {
     float: left;
}

.normal-pagination span.next {
     float: right;
}

.normal-pagination span a {
     padding: 0 15px;
}

/*-- COMMENT PAGINATION --*/
.comment-pagination {
    margin-top: 50px;
}

.comment-pagination a,
.comment-pagination span {
     display: block;
     float: left;
     padding: 0 10px;
     margin-right: 5px;
}


/*--Single Pagination--*/
.single-page-navigation {
    margin-bottom: 50px;
}

.single-page-navigation a {
    float: left;
    margin-right: 5px;
    padding: 0 20px;
}

.single-page-navigation span {
    background-image: url(../imgs/single-page-arrow.png);
    background-repeat: no-repeat;
}

.single-page-navigation .nav-previous {
    background-position: 0 8px;
    padding-left: 10px;
}

.single-page-navigation .nav-next {
    background-position: 100% -67px;
    padding-right: 10px;
}





/* =========================================
   Blog Lists
   ======================================== */
.blog-lists li { margin-bottom: 60px; }
.blog-lists li:last-child { margin: 0; }
.blog-lists .post-entry h2 { margin-bottom: 5px;}
.blog-lists .post-meta { font-size: 11px; }
.blog-lists .post-meta, .blog-lists .post-meta a { color: #666666;}
.blog-lists .post-meta a:hover { color: #222222; }
.blog-lists .post-meta span { padding: 0 5px; }
.blog-lists .post-meta span:last-child { display: none; }
.blog-lists .post-excerpt { padding: 15px 0 15px; }

.blog-lists-1 .post-thumb { margin: 23px 0 8px; background-image: url(../imgs/img-bg-650-200.png); }
.blog-lists-1 .post-entry h2 { font-size: 20px; }

.blog-lists-2 .post-thumb { float: left;  margin-top: 8px; background-image: url(../imgs/img-bg-190-120.png); }
.blog-lists-2 .post-entry { margin-left: 240px; }
.blog-lists-2 .post-entry h2 { font-size: 18px; }



/* =========================================
   Blog Single
   ======================================== */
.post-blog-single .post-entry h2 { margin-bottom: 5px;}
.post-blog-single .post-meta { font-size: 11px; }
.post-blog-single .post-meta, .blog-lists .post-meta a { color: #666666;}
.post-blog-single .post-meta a:hover { color: #222222; }
.post-blog-single .post-meta span { padding: 0 5px; }
.post-blog-single .post-meta span:last-child { display: none; }
.post-blog-single .tags span { font-weight: bold; color: #333333; }
.post-blog-single .post-thumb { margin: 20px 0; }

.author-info {margin-top: 60px;}

.author-info h3 { font-size: 14px; padding-bottom: 5px; }
.author-info dt { float: left; width: 64px; padding: 4px;}
.author-info dd { margin-left: 95px; }



/* =========================================
   Portfolio Lists & Grids
   ======================================== */
.portfolio-lists li { margin: 0 0 60px 0; }
.portfolio-lists li:last-child { margin: 0; }
.portfolio-lists li ul li, .portfolio-lists-1 li ol li { margin: 0; }
.portfolio-lists .post-entry { width: 290px;   float: left; }
.portfolio-lists .post-entry h2 { font-size: 20px; }
.portfolio-lists .post-excerpt { margin-top: 10px; }
.portfolio-lists .post-excerpt p { margin-bottom: 5px; }
.portfolio-lists .post-excerpt ul { margin: 0; }
.portfolio-lists .post-thumb { width: 650px;  float: right; margin-bottom: 0;}
.portfolio-lists .post-more { margin-top: 0px; }


.portfolio-grid { margin-top: -60px; }
.portfolio-grid li { margin: 60px 30px 0 0; }
.portfolio-grid li.last { margin-right: 0; }
.portfolio-grid li.first { clear: left; }
.portfolio-grid .post-thumb { margin-bottom: 10px; }
.portfolio-grid .post-entry h2 { font-size: 14px; }
.portfolio-grid .post-excerpt { margin-top: 5px; }
.portfolio-grid .post-more { margin-top: 12px; }

.portfolio-sortable-grid { margin-right: -30px; }

.portfolio-sortable-grid-2 li:nth-child(3),
.portfolio-sortable-grid-2 li:nth-child(5),
.portfolio-sortable-grid-2 li:nth-child(7),
.portfolio-sortable-grid-2 li:nth-child(9),
.portfolio-sortable-grid-3 li:nth-child(4),
.portfolio-sortable-grid-3 li:nth-child(7),
.portfolio-sortable-grid-3 li:nth-child(10),
.portfolio-sortable-grid-3 li:nth-child(13),
.portfolio-sortable-grid-4 li:nth-child(5),
.portfolio-sortable-grid-4 li:nth-child(9) ,
.portfolio-sortable-grid-4 li:nth-child(13) ,
.portfolio-sortable-grid-4 li:nth-child(17) {
    clear: left;
}

.portfolio-menu { margin-bottom: 60px; }
.portfolio-menu li { float: left; margin-right: 5px; }
.portfolio-menu li a { padding: 0 15px; }



/* =========================================
   Portfolio Single
   ======================================== */
.post-portfolio-single .post-entry h2 { margin-bottom: 5px;}
.post-portfolio-single .post-meta { font-size: 11px; }
.post-portfolio-single .post-meta, .blog-lists .post-meta a { color: #666666;}
.post-portfolio-single .post-meta a:hover { color: #222222; }
.post-portfolio-single .post-meta span { padding: 0 5px; }
.post-portfolio-single .post-meta span:last-child { display: none; }
.post-portfolio-single .post-portfolio-content { width: 470px; float: left; }
.post-portfolio-single .post-thumb { width: 460px; float: right; }



/* =========================================
   Product Lists & Grids
   ======================================== */
.product-menu { margin-bottom: 60px; }
.product-menu li { float: left; margin-right: 5px; }
.product-menu li a { padding: 0 15px; }

.product-grid { margin-top: -60px; }
.product-grid li { margin: 60px 30px 0 0; }
.product-grid li.last { margin-right: 0; }
.product-grid li.first { clear: left; }
.product-grid .post-excerpt, .product-grid .post-price { margin-top: 5px; }

.product-lists li {
    margin: 0 0 60px 0;
    padding: 20px;
}
.product-lists li:last-child { margin: 0; }
.product-lists .post-entry h2 { font-size: 20px; }
.product-lists .post-excerpt, .product-lists .post-price { margin-top: 8px; }
.product-lists li .post-entry .btn-toolbar {
    margin-bottom: 0;
}

.product-lists .product-features-holder {}
.product-lists .product-features-holder .control-group {}
.product-lists .product-features-holder .control-label {
    background: url("../imgs/linebg.png") repeat-x scroll 0 100% transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 7px;
}
.product-lists .product-features-holder select {
    width: 100%;
}

.product-grid .post-thumb, .product-lists .post-thumb {
    float: left;
    position: relative;
}
.post-thumb .product-img-loading {
    background: url("../imgs/loading-product-img.gif") no-repeat scroll center center rgba(248, 248, 248, 0.86);
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-grid .post-entry, .product-lists .post-entry { margin-left: 354px; }
.product-grid .post-entry h2 { font-size: 18px; }
.product-grid .post-more, .product-lists .post-more { margin-top: 12px; }

.product-grid .post-price, .product-lists .post-price { font-size: 16px; font-weight: bold; }
.product-grid .post-price s, .product-lists .post-price s { color: #999; padding-right: 15px; }
.product-grid .post-price span, .product-lists .post-price span { color: #46A546; }
.product-grid .post-price span.onsale, .product-lists .post-price span.onsale { color: #B92410 }



/* =========================================
   Product Single
   ======================================== */
.post-product-wrap { margin-bottom: 40px; }
.post-product-wrap .post-thumb {
    float: left;
    width: 280px;
}
.post-product-wrap .post-product-content {
    float: right;
    width: 350px;
}
.post-product-wrap .post-entry h2 { font-size: 28px; font-weight: normal; line-height: 36px }
.post-product-wrap .post-price { margin-top: 20px; }
.post-product-wrap .post-price {  font-weight: bold; }
.post-product-wrap .post-price s { color: #999; padding-right: 15px; font-size: 16px; }
.post-product-wrap .post-price span {}
.post-product-wrap .post-price span.onsale { color: #B92410; }

.post-product-wrap .post-product-content .post-more,
.post-product-wrap .post-product-content .btn-toolbar{
    margin-top: 35px;
}
.post-product-wrap .post-product-content .post-entry .product-features-holder {}
.post-product-wrap .post-product-content .post-entry .product-features-holder .control-group {}
.post-product-wrap .post-product-content .post-entry .product-features-holder .control-label {
    background: url("../imgs/linebg.png") repeat-x scroll 0 100% transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 7px;
}
.post-product-wrap .post-product-content .post-entry .product-features-holder select {
    width: 100%;
}

.post-product-wrap .post-product-content .post-entry .post-price {
    color: #46a546;
    display: inline-block;
    float: left;
    font-size: 38px;
    line-height: 38px;
    margin: 0;
    width: 175px;
}
.post-product-wrap .post-product-content .post-entry .post-actions {
    display: inline-block;
    float: right;
    margin-top: 5px;
    width: 125px;
}
.post-product-wrap .post-product-content .post-entry .post-actions .add_product {
    font-size: 16px;
    line-height: 18px;
    width: 103px;
}

/* =========================================
   Search Lists
   ======================================== */
.search-lists li  { margin-bottom: 60px; }
.search-lists li:last-child { margin: 0; }
.search-lists .post-entry h2 { margin-bottom: 5px;}
.search-lists .post-excerpt { padding: 5px 0 25px; }



/* =========================================
   Related Posts
   ======================================== */
.related-posts { margin-top: 60px; }
.related-posts h3 { font-size: 14px; }
.related-posts li { margin: 20px 20px 0 0; }
.related-posts li.last { margin-right: 0; }
.related-posts li h2 { font-size: 12px; text-align: center; }
.related-posts li .post-thumb { margin-bottom: 8px; }
.related-posts-blog li { float: left; width: 210px; }
.related-posts-portfolio li, .related-posts-product li { float: left; width: 225px; margin-right: 30px; }



/* =========================================
   Archive Page
   ======================================== */
.post-archives-page .latest-posts h3,
.post-archives-page .page-lists h3,
.post-archives-page .category-lists h3,
.post-archives-page .archive-lists h3 { font-size: 14px; }

.post-archives-page .latest-posts { border-bottom: 1px solid #E5E5E5;  padding-bottom: 25px; margin-bottom: 40px; }



/* =========================================
   Contact Page
   ======================================== */
.contact-form-wrap dl,
.contact-form-wrap .contact-form-content {
    border-left: 1px solid #D0D0D0;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #C6C6C6;
    background: url(../imgs/text-file-bg.png) repeat-x 0 0 #F3F2F2;
    margin-bottom: 15px;
}

.contact-form-wrap dl {
    height: 33px;
    line-height: 33px;
    width: 600px;
}

.contact-form-wrap dt, .contact-form-wrap dd { margin: 0; padding: 0; }
.contact-form-wrap dt {
    background: url("../imgs/text-file-label.png") repeat-x scroll 0 0 transparent;
    border-right: 1px solid #D0D0D0;
    float: left;
    text-align: center;
    width: 200px;
}
.contact-form-wrap dd { margin-left: 200px; }
.contact-form-wrap dd input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 5px 15px;
    width: 369px;
}

.contact-form-wrap .contact-form-content {
    padding: 10px;
    width: 80%;
    height: 120px;
}

.contact-form-wrap #send-message { height: 30px; line-height: 30px; padding: 0 15px; font-weight: bold; color: #333; }

.contact-form-wrap .error,
.contact-form-wrap .success{
    display: none;
    padding: 10px 20px;
    width: 380px;
}

.contact-form-wrap .error {
    background-color: #FFC7C2;
    border: 1px solid #FF8C80;
    color: #A22121;
}

.contact-form-wrap .success {
    background-color: #E3FFCD;
    border: 1px solid #A3C159;
    color: #5E6F33;
}


/* =========================================
   Page 404
   ======================================== */
.page-error { text-align: center; padding-bottom: 50px; }
.page-error h1 { font-size: 280px; line-height: 300px; font-weight: normal; }
.page-error p { font-size: 14px; }



/* =========================================
   Comment
   ======================================== */
#comments { margin-top: 50px; }
#comments-title { font-size: 14px; }
.commentlist li .comment-author { float: left; text-align: center; }
.commentlist li .post-thumb-comment { padding: 4px; }
.commentlist li .reply { font-weight: bold; display: block; margin-top: 5px; }
.commentlist li .comment-meta { padding-bottom: 10px; }
.commentlist li .comment-meta .fn { font-weight: bold; padding-right: 5px; }
.commentlist li .comment-meta .says { padding: 0 5px; }
.commentlist li .comment-awaiting-moderation { padding-bottom: 10px; display: block; }

.commentlist li article.comment-wrap,
.commentlist li article.comment-wrap li ul.children article.comment-wrap {
    padding: 20px 0;
    background: url(../imgs/linebg.png) repeat-x 0 100%;
    }

.commentlist ul.children {
    padding-left: 94px;
    }

.commentlist li.pingback {
    padding: 10px 0;
    background: url(../imgs/linebg.png) repeat-x 0 100%;
    }

.commentlist li.pingback:first-child {
    padding-top: 15px;
    }

.commentlist li.pingback .edit-link {
    font-size: 11px;
    padding-left: 15px;
    }

#respond { margin-top: 50px; }
#respond #reply-title { font-size: 14px; margin-bottom: 5px; }
#respond #reply-title small { display: block; }
#respond .logged-in-as { padding: 10px 0; }

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
    border-left: 1px solid #D0D0D0;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #C6C6C6;
    background: url(../imgs/text-file-bg.png) repeat-x 0 0 #F3F2F2;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
    width: 320px;
    height: 33px;
    line-height: 33px;
    margin-top: 15px;
}

#respond .comment-form-comment {
    padding: 10px;
    width: 80%;
    height: 120px;
}

#respond dl { height: 100%; overflow: hidden; }
#respond dt,  #respond dd { margin: 0; padding: 0; }
#respond dt { float: left; width: 80px; text-align: center; border-right: 1px solid #D0D0D0; background: url(../imgs/text-file-label.png) repeat-x 0 0; }
#respond dt span { padding-left: 3px; color: #FF0000; }
#respond dd { margin-left: 80px; }
#respond dd input { width: 200px; padding: 5px 15px; border: none; background: none;}

#respond .form-submit { margin-top: 15px; }
#respond .form-submit input { height: 30px; line-height: 30px; padding: 0 15px; font-weight: bold; color: #333; }




/* =========================================
   Footer
   ======================================== */
footer {}

.footer-widget {
    background: url(../imgs/linebg.png) repeat-x 0 100%;
    border-top: 4px double #e2e2e2;
    padding: 50px 0;
}

footer .footer-section { padding: 25px 0 30px; }
footer .site-logo, footer .footer-wrap { float: left;}

footer #bottom-menu ul { margin: 5px 0; }
footer #bottom-menu ul li { float: left; }
footer #bottom-menu ul li a { font-weight: bold; font-size: 13px;}
footer #bottom-menu ul li span { padding: 0 15px;}
footer #bottom-menu ul li:last-child span { display: none; }


#toTop {
    height: 55px;
    width: 55px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    cursor: pointer;
    display: none;
    text-indent: -999em;
    z-index: 999;
    background: url(../imgs/top.png) no-repeat 0 0;
}

#toTop:hover {
    background: url(../imgs/top-hover.png) no-repeat 0 0;
}