/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== DEFAULT HTML ============================== */
a {
        color: #251313;
}
input,
.inputbox,
textarea {
    background: rgba(255, 248, 228);
    border: 1px solid #CABD9A;
}
img.image-border {
    background-color: #FDF6E3;
    border: 1px solid #D6CBAE;
}
img.image-border:hover {
        background-color: #F6EDD6;
}
/* ============================== LAYOUT ============================== */
#jsn-header {
    background-color: #1a0f0f;
        border-bottom:1px solid #4b3434;
}
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
        background-image: url("../../images/colors/brown/bg_content.png");
}
/* =============== CONTENT PART =============== */
div.jsn-hasleft #jsn-content_inner,
div.jsn-hasright #jsn-content_inner2 {
    background-image: url(../../images/colors/brown/bg-rightside.png);
}
/* =============== CONTENT TOP =============== */
#jsn-promo-inner {
    background-image: url("../../images/colors/brown/bg-content-top.png");
}
/* =============== CONTENT BOTTOM =============== */
#jsn-content-top-over {
        background-image: url("../../images/colors/brown/bg-content-top-b.png");
}
#jsn-content-top-over-inner1 {
        background-image: url(../../images/colors/brown/bg-content-bottom.png);
}
#jsn-content-top-over-inner {
        background-image: url(../../images/colors/brown/bg-menu-inner.png);
}
#jsn-wapper-usermodules3 {
        padding: 0;
        background: #F2E7CD;
}
#jsn-usermodules3_inner {
        background-image: url(../../images/backgrounds/bg-user-top.png);
        background-repeat: repeat-x;
}
/* =============== FOOTER =============== */
#jsn-footer {
        background-image: url(../../images/colors/brown/bg-content-top-b.png);
        background-color: #F2E7CD;
}
#jsn-footer-inner {
        background-image: url(../../images/colors/brown/bg-menu.png);
}
/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ------ MY SKILL----*/
div.grid-layout div.grid-col div.grid-col_inner p.icon-skill {
        background:url(../../images/colors/brown/bg-menu.png);
        }
/* ----- ACTION LINK ----- */
.link-action:hover {
        background-color: #251313;
}
/* =============== TYPOGRAPHY - TABLE STYLES =============== */
.text-box-highlight:hover {
    background: rgba(248, 242, 228 , .9);
    border-color: #f8f2e4;
}
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th {
        background-color: #999999;
        border-right: 1px groove #B9B9B9;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes td,
table.style-colorstripes th {
        border-bottom: 1px solid #BBBBBB;
        border-right: 1px groove #BBBBBB;
}
table.style-colorstripes thead th {
        background-color: #737373;
}
table.style-colorstripes thead th.highlight {
        background-color: #8B8B8B;
}
table.style-colorstripes tbody tr {
        background-color: #A3A3A3;
}
table.style-colorstripes tbody .highlight {
        background-color: #F0F0F0;
}
table.style-colorstripes tbody tr.odd {
        background-color: #8B8B8B;
}
table.style-colorstripes tbody tr.odd .highlight {
        background-color: #DBDBDB;
}
table.style-colorstripes tbody tr:hover th,
table.style-colorstripes tbody tr:hover td {
        background-color: #808080;
}
table.style-colorstripes tbody tr:hover .highlight {
        background-color: #D0D0D0;
}
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
        border-left: none;
        border-right: 1px solid #BBBBBB;
}
table.style-colorstripes tfoot th,
table.style-colorstripes tfoot td {
        background-color: #737373;
}
.sectiontableheader {
        background-image: url(../../images/colors/brown/bg-menu.png);
}
/* ----- brown STRIPES TABLE ----- */
table.style-brownstripes thead th.highlight {
        background-color: #8B8B8B;
}
/* ============================== MENU ============================== */
#menu-wrapper,
#jsn-menu.jsn-menu-sticky {
        background-image: url(../../images/colors/brown/bg-menu-inner.png);
}
#menu-wrapper-inner,
#jsn-menu.jsn-menu-sticky #jsn-menu-inner {
        background-image: url(../../images/colors/brown/bg-menu.png);
}
/* =============== MENU - MAIN MENU =============== */
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
        background-color: #1d1111;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul:after,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent:after {
        border-color: rgba(29, 17, 17, 0);
        border-bottom-color: #1d1111;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
        border-bottom: 1px solid #2d1d1d;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > a,
#jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner:hover h3.jsn-moduletitle {
        color: #f4e7c5;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {
        background-color: #2d1d1d;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a {
        background-color: #2d1d1d;
}
/* =============== MENU - TREE MENU =============== */
div.jsn-modulecontainer ul.menu-treemenu ul {
    border-top: 1px solid #F8EDD1;
}
ul.menu-treemenu li > a > span {
        background-image: url(../../images/colors/brown/icon-arrow-black.png);
}
div.jsn-modulecontainer ul.menu-treemenu > li,
div.jsn-modulecontainer ul.menu-treemenu > li > ul > li {
        border-bottom: 1px solid #F8EDD1;
}
div.jsn-modulecontainer ul.menu-treemenu > li > a,
div.jsn-modulecontainer ul.menu-treemenu > li > ul > li > a {
        border-bottom: 1px solid #ccbf9d;
}
div.jsn-modulecontainer ul.menu-treemenu ul ul li a span {
        background-image: url(../../images/colors/brown/icon-plus-black.png);
}
div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
        color: #251313;
}
/* ----- CURRENT / HOVER STATE ----- */
div[class*="box-"] ul.menu-treemenu li a:hover,
div[class*="box-"] ul.menu-treemenu li a.current {
        background-color: #fbf3dc;
}
/* =============== MENU - SIDE MENU =============== */
/* ---------- 1st LEVEL ---------- */
ul.menu-sidemenu li a > span {
        background-image: url(../../images/colors/brown/icon-arrow-black.png);
}
div.jsn-modulecontainer ul.menu-sidemenu ul {
        background: rgb(255,245,219);
        border: 1px solid #DBCDAA;
}
div.jsn-modulecontainer ul.menu-sidemenu > li {
    border-bottom: 1px solid #F8EDD1;
}
div.jsn-modulecontainer ul.menu-sidemenu li {
    border-bottom: 1px solid #fff7e3;
}
div.jsn-modulecontainer ul.menu-sidemenu li a {
        border-bottom: 1px solid #ccbf9d;
}
div.jsn-modulecontainer ul.menu-sidemenu ul li a {
    border-bottom: 1px solid #E7DDC5;
}
body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-sidemenu ul li a {
        border-left: none;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a {
        background:        rgba(255, 248, 228, 0.8);
}
/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */
div[class*="box-"] ul.menu-sidemenu > li:hover > a,
div[class*="solid-"] ul.menu-sidemenu > li:hover > a {
        background-color: #fbf3dc;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {
        background: rgba(255, 248, 228, 0.8);
}
/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div[class*="box-"] ul.menu-sidemenu > li.active > a,
div[class*="solid-"] ul.menu-sidemenu > li.active > a {
        background-color: #fbf3dc;
}
div.jsn-modulecontainer ul.menu-sidemenu ul li a {
        color: #251313;
}
div[class*="richbox-"] ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {
        color: #251313;
}
/* ============================== SITE TOOLS ============================== */
/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */
/* ----- DROP DOWN ----- */
/* ============================== MODULE STYLES ============================== */
/* =============== MODULE STYLES - MODULE BOXES =============== */
/* ----- RICHBOX ----- */
div.richbox-1 div.jsn-modulecontainer_inner h3:before {
    background-image: url(../../images/colors/brown/bg-title-richbox1-l.png);
}
div.richbox-1 div.jsn-modulecontainer_inner h3:after {
    background-image: url("../../images/colors/brown/bg-title-richbox1-r.png");
}
div.richbox-1 div.jsn-modulecontainer_inner h3 {
    background-image: url("../../images/colors/brown/bg-title-richbox1.png");
}
div.richbox-2 div.jsn-modulecontainer_inner h3 {
        background-image: url(../../images/colors/brown/bg-title-richbox2.png);
}
/* ----- LIGHTBOX ----- */
div.lightbox-2 div.jsn-modulecontainer_inner {
}
/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */
#jsn-pos-top div.search input#mod_search_searchword {
        border: 1px solid #737373;
}
/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
/* PAGE PAGINATION */
ul.jsn-pagination li a,
ul.jsn-pagination li span {
        background-image: url(../../images/colors/brown/bg-menu.png);
        border: 1px solid #1A0F0F;
}
ul.jsn-pagination li.navigation-page span {
        background: #faf3dd !important;
        border:1px solid #c6b894;
        color:#2a1717;
}
/* ============================== CSS3 EFFECTS ============================== */
.text-box-highlight:hover  {
        box-shadow: 0 0 2px #e2d5b3;
        -moz-box-shadow: 0 0 2px #e2d5b3;
        -webkit-box-shadow: 0 0 2px #e2d5b3;
}
input,
.inputbox,
textarea {
    background: rgba(255, 248, 228, 0.5);
    box-shadow: 1px 1px 0 #FCF3DA, 0 0 1px rgba(52, 34, 34, 0.2) inset;
        -moz- box-shadow: 1px 1px 0 #FCF3DA, 0 0 1px rgba(52, 34, 34, 0.2) inset;
        -webkit- box-shadow: 1px 1px 0 #FCF3DA, 0 0 1px rgba(52, 34, 34, 0.2) inset;
}
/*---BROWN BUTON---*/
ul.jsn-pagination li a {
        box-shadow: 1px 1px 0 #4B3434 inset, -1px -1px 0 #4B3434 inset;
        -moz-box-shadow: 1px 1px 0 #4B3434 inset, -1px -1px 0 #4B3434 inset;
        -webkit-box-shadow: 1px 1px 0 #4B3434 inset, -1px -1px 0 #4B3434 inset;
}
/* ----- CONTENT BOTTOM BACKGROUND ----- */
#jsn-wapper-usermodules5 {
        background-image:linear-gradient(-90deg,rgb(253,246,227) 0%,rgb(242,231,205) 100%);
        background-image:-moz-linear-gradient(-90deg,rgb(253,246,227) 0%,rgb(242,231,205) 100%);
        background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(253,246,227)),color-stop(1, rgb(242,231,205)));
        background-image:-webkit-linear-gradient(-90deg,rgb(253,246,227) 0%,rgb(242,231,205) 100%);
        background-image:-o-linear-gradient(-90deg,rgb(253,246,227) 0%,rgb(242,231,205) 100%);
        background-image:-ms-linear-gradient(-90deg,rgb(253,246,227) 0%,rgb(242,231,205) 100%);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdf6e3,endColorstr=#fff2e7cd,GradientType=0)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdf6e3,endColorstr=#fff2e7cd,GradientType=0);
}