/* ============================== CSS3 EFFECTS ============================== */
/* ----- READ MORE ----- */
body.jsn-css3 .readon {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(216,216,216)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0);
}
body.jsn-css3 .readon:hover {
	box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
}
/* ----- GO TOP LINK ----- */
img.image-border,
#jsn-wapper-usermodules5 li a,
body.jsn-css3 #jsn-gotoplink,
#jsn-footer a {
	transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-webkit-transition: color 0.3s ease-in-out 0s;
}
.top-socials a {
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	}
/* ----- TYPOGRAPHY STYLE ----- */
/* TEXT STYLES */
#jsn-wapper-usermodules5 li a{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
body.jsn-css3 .text-box {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
}
body.jsn-css3 .text-box-highlight {
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
body.jsn-css3 .text-box-highlight:hover {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body.jsn-color-brown.jsn-css3 .text-box-highlight:hover  {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px #e2d5b3;
	-moz-box-shadow: 0 0 2px #e2d5b3;
	-webkit-box-shadow: 0 0 2px #e2d5b3;
}
body.jsn-color-cyan.jsn-css3 .text-box-highlight:hover {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px #c2bca4;
	-moz-box-shadow: 0 0 2px #c2bca4;
	-webkit-box-shadow: 0 0 2px #c2bca4;
}

body.jsn-css3 .text-highlight {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
body.jsn-color-cyan.jsn-css3 .text-box-highlight:hover,
body.jsn-color-blue.jsn-css3 .text-box-highlight:hover,
body.jsn-color-red.jsn-css3 .text-box-highlight:hover {
    box-shadow: 0 0 2px #d7d7d7;
	-moz-box-shadow: 0 0 2px #d7d7d7;
	-webkit-box-shadow: 0 0 2px #d7d7d7;
}
body.jsn-color-cyan.jsn-css3 .text-box-highlight:hover  {
    box-shadow: 0 0 2px #c8bd9b;
	-moz-box-shadow: 0 0 2px #c8bd9b;
	-webkit-box-shadow: 0 0 2px #c8bd9b;
}
/* LINK STYLES */
body.jsn-css3 .link-button,
body.jsn-css3 .link-button a {
	transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
}
body.jsn-css3 .link-action,
#form-login li a {
	transition: color 0.3s linear, background 0.3s ease-out;
	-moz-transition: color 0.3s linear, background 0.3s ease-out;
	-webkit-transition: color 0.3s linear, background 0.3s ease-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
body.jsn-css3 .link-highlight {
	transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
}
body.jsn-css3 .link-highlight:hover {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
}
/* TABLE STYLES */
body.jsn-css3 table.table-style th,
body.jsn-css3 table.table-style td {
	transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
}
/* LIST STYLES */
ul.list-number-bullet li .jsn-listbullet {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.list-number-bullet.bullet-blue li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(28,107,179)),color-stop(1, rgb(51,57,63)));
	background-image:-webkit-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%);
	background-image:linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0);
}
ul.list-number-bullet.bullet-green li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(66,158,0)),color-stop(1, rgb(38,91,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%);
	background-image:linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0);
}
ul.list-number-bullet.bullet-grey li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(133,133,133)),color-stop(1, rgb(56,56,56)));
	background-image:-webkit-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%);
	background-image:linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0);
}
ul.list-number-bullet.bullet-orange li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(230,96,0)),color-stop(1, rgb(116,50,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%);
	background-image:linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0);
}
ul.list-number-bullet.bullet-red li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(191,0,0)),color-stop(1, rgb(113,0,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%);
	background-image:linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0);
}
ul.list-number-bullet.bullet-violet li .jsn-listbullet {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(158,0,132)),color-stop(1, rgb(93,0,76)));
	background-image:-webkit-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%);
	background-image:linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9e0084,endColorstr=#ff5d004c,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9e0084,endColorstr=#ff5d004c,GradientType=0);
}
/* FORM STYLE */
body.jsn-css3 input,
body.jsn-css3 .inputbox,
body.jsn-css3 textarea {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s;
	-moz-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s;
	-webkit-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s;
}
body.jsn-css3.jsn-color-brown input,
body.jsn-css3.jsn-color-brown .inputbox,
body.jsn-css3.jsn-color-red input,
body.jsn-css3.jsn-color-red .inputbox,
body.jsn-css3.jsn-color-brown textarea,
body.jsn-css3.jsn-color-red 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;
}
body.jsn-css3.jsn-color-green input,
body.jsn-css3.jsn-color-green .inputbox,
body.jsn-css3.jsn-color-green textarea {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 0 #ede6dd, 0 0 3px rgba(226, 239, 219, 0.2) inset;
	-moz- box-shadow: 1px 1px 0 #ede6dd, 0 0 3px rgba(226, 239, 219, 0.2) inset;
	-webkit- box-shadow: 1px 1px 0 #ede6dd, 0 0 3px rgba(226, 239, 219, 0.2) inset;
}
body.jsn-css3.jsn-color-cyan input,
body.jsn-css3.jsn-color-cyan .inputbox,
body.jsn-css3.jsn-color-cyan textarea {
    background: rgba(234, 227, 206, 0.5);
    box-shadow: 1px 1px 0 #dad2b9, 0 0 3px rgba(131, 118, 75, 0.5) inset;
	-moz- box-shadow: 1px 1px 0 #dad2b9, 0 0 3px rgba(131, 118, 75, 0.5) inset;
	-webkit- box-shadow: 1px 1px 0 #dad2b9, 0 0 3px rgba(131, 118, 75, 0.5) inset;
}
body.jsn-css3 .button {
	background-image: -ms-linear-gradient(top, #999, #777);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#777));
	background-image: -webkit-linear-gradient(top, #999, #777);
	background-image: -o-linear-gradient(top, #999, #777);
	background-image: linear-gradient(top, #999, #777);
	background-image: -moz-linear-gradient(top, #999, #777);
	background-repeat: repeat-x;
	border: 1px solid #000;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#999', endColorstr='#777', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: color 0.1s linear, background 0.3s ease-out;
	-moz-transition: color 0.1s linear, background 0.3s ease-out;
	-webkit-transition: color 0.1s linear, background 0.3s ease-out;
}
body.jsn-css3 .button:hover,
body.jsn-css3 .button:active {
	background-image: -ms-linear-gradient(top, #777, #555);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#555));
	background-image: -webkit-linear-gradient(top, #777, #555);
	background-image: -o-linear-gradient(top, #777, #555);
	background-image: linear-gradient(top, #777, #555);
	background-image: -moz-linear-gradient(top, #777, #555);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#777', endColorstr='#555', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s;
	-moz-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s;
	-webkit-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s;
}
ul.jsn-pagination li a,
ul.jsn-pagination li span {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*---BROWN BUTON---*/	
body.jsn-css3.jsn-color-brown 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;
}
ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #faf3dd ;
	-moz-box-shadow: 1px 1px 0 #faf3dd ;
	-webkit-box-shadow: 1px 1px 0 #faf3dd ;
	box-shadow: 0 0 5px #c6b894 inset ;
	-moz-box-shadow:  0 0 5px #c6b894 inset;
	-webkit-box-shadow:  0 0 5px #c6b894 inset ;
	text-shadow: 0 0 1px rgba(255, 255, 255, 1);
}
/*---RED BUTON---*/	
body.jsn-css3.jsn-color-red ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #800001 inset, -1px -1px 0 #800001 inset;
	-moz-box-shadow: 1px 1px 0 #800001 inset, -1px -1px 0 #800001 inset;
	-webkit-box-shadow: 1px 1px 0 #800001 inset, -1px -1px 0 #800001 inset;
}
/*---GRAY BUTON---*/
body.jsn-css3.jsn-color-grey ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
	-moz-box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
	-webkit-box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
}
body.jsn-css3.jsn-color-grey ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #faf3dd ;
	-moz-box-shadow: 1px 1px 0 #faf3dd ;
	-webkit-box-shadow: 1px 1px 0 #faf3dd ;
	box-shadow: 0 0 5px #cbcbcb inset ;
	-moz-box-shadow:  0 0 5px #cbcbcb inset;
	-webkit-box-shadow:  0 0 5px #cbcbcb inset ;
}
/*---GREEN BUTON---*/
body.jsn-css3.jsn-color-green ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #465d00 inset, -1px -1px 0 #465d00 inset;
	-moz-box-shadow: 1px 1px 0 #465d00 inset, -1px -1px 0 #465d00 inset;
	-webkit-box-shadow: 1px 1px 0 #465d00 inset, -1px -1px 0 #465d00 inset;
}
body.jsn-css3.jsn-color-green ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #FFFFFF ;
	-moz-box-shadow: 1px 1px 0 #FFFFFF ;
	-webkit-box-shadow: 1px 1px 0 #FFFFFF ;
	box-shadow: 0 0 5px #bdb1a4 inset ;
	-moz-box-shadow:  0 0 5px #bdb1a4 inset;
	-webkit-box-shadow:  0 0 5px #bdb1a4 inset ;
}	
/*---CYAN BUTON---*/
body.jsn-css3.jsn-color-cyan ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #007a80 inset, -1px -1px 0 #007a80 inset;
	-moz-box-shadow: 1px 1px 0 #007a80 inset, -1px -1px 0 #007a80 inset;
	-webkit-box-shadow: 1px 1px 0 #007a80 inset, -1px -1px 0 #007a80 inset;
}
body.jsn-css3.jsn-color-cyan ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #FFFFFF ;
	-moz-box-shadow: 1px 1px 0 #FFFFFF ;
	-webkit-box-shadow: 1px 1px 0 #FFFFFF ;
	box-shadow: 0 0 5px #c0b798 inset ;
	-moz-box-shadow:  0 0 5px #c0b798 inset;
	-webkit-box-shadow:  0 0 5px #c0b798 inset ;
}
/*---BLUE BUTON---*/
body.jsn-css3.jsn-color-blue ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #384c60 inset, -1px -1px 0 #384c60 inset;
	-moz-box-shadow: 1px 1px 0 #384c60 inset, -1px -1px 0 #384c60 inset;
	-webkit-box-shadow: 1px 1px 0 #384c60 inset, -1px -1px 0 #384c60 inset;
}
body.jsn-css3.jsn-color-blue ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #FFFFFF ;
	-moz-box-shadow: 1px 1px 0 #FFFFFF ;
	-webkit-box-shadow: 1px 1px 0 #FFFFFF ;
	box-shadow: 0 0 5px #d8dee5 inset ;
	-moz-box-shadow:  0 0 5px #d8dee5 inset;
	-webkit-box-shadow:  0 0 5px #d8dee5 inset ;
}	

/* ----- MENU STYLES ----- */
/* GENERAL */
body.jsn-css3 ul.menu-mainmenu li a,
body.jsn-css3 ul.menu-sidemenu li a,
body.jsn-css3 ul.menu-treemenu li a {
	transition: color 0.3s linear, background 0.3s ease-out;
	-moz-transition: color 0.3s linear, background 0.3s ease-out;
	-webkit-transition: color 0.3s linear, background 0.3s ease-out;
}
/* MAIN MENU - SIDE MENU */
body.jsn-css3 ul.menu-mainmenu li ul,
body.jsn-css3 ul.menu-sidemenu li ul {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
body.jsn-css3 ul.menu-mainmenu li ul {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body.jsn-css3 div.jsn-modulecontainer ul.menu-mainmenu ul li.first > a:hover,
body.jsn-css3 div.jsn-modulecontainer ul.menu-mainmenu ul li.first.active a {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
body.jsn-css3 div.jsn-modulecontainer ul.menu-mainmenu ul li.last > a:hover,
body.jsn-css3 div.jsn-modulecontainer ul.menu-mainmenu ul li.last.active > a {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
body.jsn-css3 ul.menu-mainmenu li:hover > ul,
body.jsn-css3 ul.menu-sidemenu li:hover > ul {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* ----- SITE TOOLS ----- */
ul#jsn-sitetools-menu li ul,
ul#jsn-sitetools-inline li ul {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
ul#jsn-sitetools-menu li ul,
ul#jsn-sitetools-menu,
ul#jsn-sitetools-menu > li > a,
ul#jsn-sitetools-inline li ul,
ul#jsn-sitetools-inline,
ul#jsn-sitetools-inline > li > a {
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-o-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	transition: 0.6s ease;
}
ul#jsn-sitetools-menu li {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
ul#jsn-sitetools-menu > li:hover,
ul#jsn-sitetools-menu > li.active {
    border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}
ul#jsn-sitetools-menu li:hover ul {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
body.jsn-css3 ul#jsn-sitetools-menu li {
	transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
}
ul#jsn-sitetools-menu ul li a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
body.jsn-direction-rtl ul#jsn-sitetools-menu > li:hover,
body.jsn-direction-rtl ul#jsn-sitetools-menu > li.active {
    border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}
/* ----- MODULE STYLES ----- */
/* ----- MY SKILL-----*/
div.grid-layout div.grid-col div.grid-col_inner p.icon-skill {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	}
div.grid-layout div.grid-col div.grid-col_inner p.icon-skill img {
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}	
div[class*="lightbox-"] div.jsn-modulecontainer_inner h3 span:before,
div[class*="lightbox-"] div.jsn-modulecontainer_inner h3 span:after {
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}
div[class*="lightbox-"] div.jsn-modulecontainer_inner h3 span:after {
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
/* ----- FONT STYLES ----- */
body.jsn-css3.jsn-color-grey #jsn-content-top div[class*="box-"] h3.jsn-moduletitle,
body.jsn-css3.jsn-color-grey #jsn-content-top div[class*="solid-"] h3.jsn-moduletitle,
body.jsn-css3.jsn-color-grey #jsn-content-top div[class*="lightbox-"] h3.jsn-moduletitle,
body.jsn-css3.jsn-color-grey .contentheading,
body.jsn-css3.jsn-color-grey .componentheading,
body.jsn-css3.jsn-color-grey .subheading {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
body.jsn-css3 div[class*="box-"] h3.jsn-moduletitle,
button,
.button {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
div.richbox-1 div.jsn-modulecontainer_inner h3:before,
div.richbox-1 div.jsn-modulecontainer_inner h3 {
	box-shadow: 1.1em 0 2.4em -1.8em #000000 inset;
	-moz-box-shadow: 1.1em 0 2.4em -1.8em #000000 inset;
	-webkit-box-shadow: 1.1em 0 2.4em -1.8em #000000 inset;
}
/* ----- SUB-MENU BACKGROUND ----- */
body.jsn-color-blue div.jsn-modulecontainer ul.menu-sidemenu ul {
	background-color: rgba(255,255,255,0.9);
}
body.jsn-color-blue div.jsn-modulecontainer ul.menu-sidemenu > li.active > a,
body.jsn-color-blue div.jsn-modulecontainer ul.menu-sidemenu > li:hover > a {
	background-color: rgba(255, 255, 255, 0.6);
}
body.jsn-color-blue div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a,
body.jsn-color-blue div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a,
body.jsn-color-blue div.jsn-modulecontainer ul.menu-treemenu li a:hover, 
body.jsn-color-blue div.jsn-modulecontainer ul.menu-treemenu li a.current {
	background-color: rgba(239, 239, 237, 0.9);
}
body.jsn-color-green div.jsn-modulecontainer ul.menu-sidemenu ul {
	background-color: rgba(236, 229, 220, 0.9);
}
body.jsn-color-green div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a,
body.jsn-color-green div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a,
body.jsn-color-blue div.jsn-modulecontainer ul.menu-treemenu li a:hover, 
body.jsn-color-blue div.jsn-modulecontainer ul.menu-treemenu li a.current {
	background: rgba(255, 248, 228, 0.8);
}
body.jsn-color-cyan div.jsn-modulecontainer ul.menu-sidemenu ul {
	background-color: rgba(228, 224, 208, 0.95);
}
body.jsn-color-green ul.menu-treemenu li a:hover, 
body.jsn-color-green ul.menu-treemenu li a.current {
    background-color: rgba(255,248,228,0.8);
}
/* ----- CONTENT TOP OVER ----- */
.jsn-themegrid-image:hover img {
 transform: scale(1.2) rotate(-7deg);
 -ms-transform: scale(1.2) rotate(-7deg);
 -moz-transform: scale(1.2) rotate(-7deg);
 -webkit-transform: scale(1.2) rotate(-7deg);
 -o-transform: scale(1.2) rotate(-7deg);
 transition: all 0.7s ease-in-out 0s;
 -o-transition: all 0.7s ease-in-out 0s;
 -moz-transition: all 0.7s ease-in-out 0s;
 -webkit-transition: all 0.7s ease-in-out 0s;
}

/* ----- CONTENT BOTTOM BACKGROUND ----- */
body.jsn-color-brown #jsn-wapper-usermodules5 {
	background-image:-moz-linear-gradient(50% 0% -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%);
	background-image: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);
}