/* ============================== 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;
}
body.jsn-css3 .readon:hover {
	box-shadow: 0px 0px 3px #333333;
	-moz-box-shadow: 0px 0px 3px #333333;
	-webkit-box-shadow: 0px 0px 3px #333333;
}
/* ----- GO TOP LINK ----- */
body.jsn-css3 #jsn-gotoplink {
	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;
}
/* ----- TYPOGRAPHY STYLE ----- */
/* TEXT STYLES */
body.jsn-css3 .text-box {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 2px #999999;
	-moz-box-shadow: 0px 0px 2px #999999;
	-webkit-box-shadow: 0px 0px 2px #999999;
}
body.jsn-css3 .text-box-highlight {
	transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
}
body.jsn-css3 .text-box-highlight:hover {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 2px #999999;
	-moz-box-shadow: 0px 0px 2px #999999;
	-webkit-box-shadow: 0px 0px 2px #999999;
}
body.jsn-css3 .text-highlight {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* LINK STYLES */
body.jsn-css3 .link-button {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body.jsn-css3 .link-button:hover {
	box-shadow: 0px 0px 3px #333333;
	-moz-box-shadow: 0px 0px 3px #333333;
	-webkit-box-shadow: 0px 0px 3px #333333;
}
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 {
	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;
}
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: 0px 0px 2px #999999;
	-moz-box-shadow: 0px 0px 2px #999999;
	-webkit-box-shadow: 0px 0px 2px #999999;
}
/* 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;
}
/* ----- MENU STYLES ----- */
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;
}
/* ----- SITE TOOLS ----- */
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;
}
/* ----- MOBILE TOOLS ----- */
body.jsn-css3 #jsn-mobiletools ul li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* ----- MODULE STYLES ----- */
div[class*="box-"] div.jsn-modulecontainer_inner,
div[class*="solid-"] div.jsn-modulecontainer_inner,
div[class*="richbox-"] div.jsn-modulecontainer_inner,
div[class*="lightbox-"] div.jsn-modulecontainer_inner {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
}
/* ----- FONT STYLES ----- */
body.jsn-css3 h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top div[class*="box-"] h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top div[class*="solid-"] h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top div[class*="lightbox-"] h3.jsn-moduletitle,
body.jsn-css3 .contentheading,
body.jsn-css3 .componentheading,
body.jsn-css3 .subheading {
	text-shadow: 1px 1px 1px #e5e5e5;
}
body.jsn-css3 ul.menu-mainmenu > li.active > a,
body.jsn-css3 div.box-grey h3.jsn-moduletitle,
body.jsn-css3 div[class*="richbox-"] h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top div.box-grey h3.jsn-moduletitle,
body.jsn-css3 #jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
	text-shadow: 1px 1px 1px #000;
}
#menu-container {position:relative;z-index:99;}