/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimplegrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # greenistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body#stylef1,
body#stylef2,
body#stylef3,
body#stylef4,
body#stylef5,
body#stylef6,
body#stylef7,
body#stylef8,
body#stylef9,
body#stylef10,
body#stylef11,
body#stylef12,
body#stylef13,
body#stylef14,
body#stylef15,
body#stylef16 {
/*	background: url(../images/inner-bg.jpg) 100% 100%;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed; */
	 background-color:#fffff; 
	color:#3A3A3A; /* #909090; */
}
/* Backgrounds 
.yjsg7_out { border-top:5px solid #F2F2F2; }*/

.yjsg1_out img{ border: 3px solid wheat; }

.yjsg1_out,
{
/* background: #3AAB3B; 
background: url(../images/green/grid5_bg.jpg) repeat;*/
}

.yjsg7_out
{
background: #CBD1CD url(../images/green/bottom-bg.jpg);
background-repeat: repeat-x, no-repeat;
background-position: bottom;
}

.yjsg1_out
{
background: #77993D;
}

.centertop_out,
.yjsg1_out,
.yjsg2_out,
.yjsg3_out,
.yjsg6_out {
	border-bottom:5px solid #f5f5f5; 
}
.bottom_out {
	color:#fff;
/*  	*/border-top:5px solid #556e2b;
	border-bottom:5px solid #556e2b; 
	background:url(../images/green/grid5_bg.jpg) repeat;
}
.bottom_out h2.module_title,
.bottom_out h2.module_title span {
	color:#fff;
}
.bottom_out h1,
.bottom_out h2,
.bottom_out h3,
.bottom_out h4,
.bottom_out h5,
.bottom_out h6 {
	color:#fff;
}
.bottom_in {
	background:url(../images/green/grid5_shine.png) no-repeat center top;
}
#centerbottom {
	/* background:#F5F5ED; */
}
#logo {
	background:url(../images/green/logo.png) no-repeat 0px 0px;
}
/* SITE LINKS */
a {
	text-decoration: none;
	color:#556E2B;
}
/* SITE HOVERS */
a:focus,
a:hover {
	color:#333333;
}
/* SITE HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#454545;
}
/* SITE LI IMAGE */
ul li {
	background: url(../images/green/bodyli.gif) no-repeat 0px 7px;
}
/* ARTICLE TABLE OF CONTENTS */
fieldset,
#article-index ul {
	border:1px solid #dcdcdc;
}
#article-index ul li {
	border-bottom:1px solid #dcdcdc;
}
#article-index ul li:last-child {
	border:none;
}
/* INPUTBOXES */
.inputbox {
	background: #FFFFFF;
	border: 1px solid #e4e4e4!important;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#a6a6a6!important;
}
.inputbox:hover,
.inputbox:focus {
	background: #FFFFFF;
	border: 1px solid #556E2B!important;
}
/*BUTTONS AND READON
--------------------- */
.button,
.button:hover,
.validate,
a.readon,
a.hover,
a.focus {
	color:#fff;
	text-shadow:none;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:none;
}
a.readon:hover {
	color:#333333;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
#topmenu_holder.yjsgmega,
#topmenu_holder.topmodpoz,
#topmenu_holder.topmodpoz_navbar {
	background:#F5F5ED;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.top_menu ul.group_holder ul.subul_main.level2,
.top_menu ul.group_holder ul.subul_main.level4 {
	border:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
}
.top_menu ul.subul_main a.first {
	-webkit-border-top-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
}
.top_menu ul.subul_main a.last {
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.top_menu li {
	background-image:none;
}
/* sub ul border */
.top_menu ul.subul_main {
	/* border:1px solid #556E2B; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	box-shadow: 2px 2px 4px #000;
}
/* reset Bootstrap navbar */
	.navbar-inner {
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
}
/* TOP LEVEL LINKS */
.top_menu ul li a {
	color:#333333;
}
/* active and hover */
.top_menu ul li a:hover,
.top_menu li.active a.activepath,
.top_menu li.active a,
.top_menu li.haschild.level0:hover span.child a {
	color: #fff;
}
/*SUBTITLE */
.top_menu ul li a span.yjm_desc {
	color:#c6c6c6;
}
/* active and hover */
.horiznav ul li.active a span.yjm_desc,
.horiznav ul li a:hover span.yjm_desc {
	color:#fff;
}
.horiznav ul.subul_main li.active a span.yjm_desc,
.horiznav ul.subul_main li a:hover span.yjm_desc {
	color:#556E2B;
}
/* HASCHILD ARROWS */
.top_menu ul li.haschild span.child a {
	position:relative;
}
.top_menu ul li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content:url(../images/green/menu_circle.png);
	position: absolute;
	top:30%;
	left: 0px;
	padding: 1px 7px;
}
.top_menu ul li.haschild.active span.child a:after,
.top_menu ul li.haschild:hover span.child a:after {
	content:url(../images/green/menu_circle_hover.png);
}
.top_menu ul.subul_main li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content:url(../images/green/menu_circle.png);
	position: absolute;
	top:30%;
	left:auto;
	right:10px;
}
.top_menu ul.subul_main li.haschild span.child a:hover:after {
	content:url(../images/green/submenu_circle_hover.png);
}
/* rtl arrows */
body.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {
	right:auto;
	left:10px;
	content: "\f0d9";
}
/* side menu arrow */
body.yjsgrtl ul.defaultmenu li a:after {
	content: "\f053";
	left:auto;
	right:-15px;
}
/*SUB LEVELS A*/
.top_menu li.haschild.level0:hover ul.subul_main li.haschild a {
	color:#333333;
}
.top_menu li.haschild.level0:hover ul.subul_main li.haschild a:hover {
	color:#556E2B;
}
.top_menu ul.subul_main li a {
	background:#F4FBF0;
	border-bottom: 1px solid #eaeaea;
}
.top_menu ul.subul_main li a:hover,
.top_menu ul.subul_main li a.activepath,
.top_menu ul.subul_main li.active a {
	background:#F2F2F2;
	color:#556E2B;
}
/* Group holder title*/
.top_menu ul.group_holder a.grouptitle,
.top_menu ul.group_holder a.activepath.grouptitle,
.top_menu ul.group_holder a.grouptitle:hover {
	color: #556E2B;
	border:none;
	background:none;
}
.top_menu ul.group_holder a.grouptitle:after {
	display:none;
}
span.separator {
	color:#333333;
	background:#fff;
	border-bottom: 1px solid #eaeaea;
}
/* DROPLINE */
ul.subul_main.dropline.dlevel1 {
	background:#f8f8f8;
	border:none;
	-webkit-box-shadow:inset #D4D4D4 0 1px 0 0;
	-moz-box-shadow:inset #D4D4D4 0 1px 0 0;
	-khtml-box-shadow:inset #D4D4D4 0 1px 0 0;
	box-shadow:inset #D4D4D4 0 1px 0 0;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
ul.subul_main.dropline.dlevel1 a.dlevel1a {
	background:none;
}
/*SIDE MENU MODULE
--------------------- */
.defaultmenu li a {
	border-bottom: 1px solid #eaeaea;
}
.defaultmenu li a {
	position:relative;
	display:block;
}
.defaultmenu li a:after {
	font-family: 'FontAwesome';
	content:url(../images/green/submenu_circle_hover.png);
	position: absolute;
	top:5px;
	left:-15px;
}
.defaultmenu li a:hover:after,
.defaultmenu a.isactivea:after {
	content:url(../images/green/menu_circle.png);
}
.defaultmenu a.alast {
	border:none;
}
.defaultmenu a.isactivea,
.defaultmenu li a:hover {
	background:none;
	color: #333333;
}
/* Accordion side menu */
ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after {
	content: "\f078";
}
/* FOOTER MENU MODULE*/
#footmod ul.defaultmenu li a,
#footmod ul.defaultmenu li a:hover,
#footmod ul.defaultmenu a.isactivea {
	border:none;
	background:none;
}
/*USER PAGES STYLES */
div.userpageswrap.offline div.userpages {
	border:none;
	background:#fff;
}
div.userpages dt {
	background:#fff;
	border:1px solid #ccc;
}
/* PAGINATION */
ul.pagination li a,
ul.pagination li span,
th.pagenav_prev a,
th.pagenav_next a,
div.back_button a,
li.pagenav-next a,
li.pagenav-prev a {
	background-image: url(../images/green/pagination.png);
}
/* active one*/
ul.pagination li span {
	color:#fff;
}
/* hover*/
ul.pagination li a:hover {
	color:#fff;
}
/*SECTION TABLE */
table.category {
	border: 1px solid #DDD;
	border-collapse: separate;
	border-bottom:none;
}
table.category td {
	border-bottom: 1px solid #DDD;
}
th.sectiontableheader {
	border-bottom: 1px solid #DDD;
	background:#fff;
}
tr.sectiontableentry1 td {
	background-color: #fafafa;
}
tr.sectiontableentry2 td {
	background-color: #fff;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background-color: #f7f7f7;
}
.yjsglogo {
	background: url(../images/green/yjsglogo.png) no-repeat center center;
}
/* responsive menu */
#mmenu_holder {
	background:#fff!important;
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: none;
}
/* Template readmore buttons */
a.template_readmore,
a.template_readmore2 {
	color:#333333;
}
a.template_readmore {
	color:#fff;
}
a.template_readmore:hover {
	color:#333333;
}
a.template_readmore2:hover {
	color:#556E2B;
}
.typo {
	background:url(../images/green/grid5_bg.jpg) repeat;
}
/* Gradient bg */
.top_menu li.active,
.top_menu li.level0:hover,
.pame .yjme_item a.item_readmore,
.pame2 .yjme_item a.item_readmore,
a.subCategoryMore,
a.subCategoryMore:visited,
ul.catItemTags li,
div.catItemReadMore a,
ul.itemTags li,
#submitCommentButton,
div.itemReadMore a,
div.k2TagCloudBlock a,
a.template_readmore,
.button,
.button:hover,
.validate,
a.readon,
#YjArtoSlider .navigation a:hover,
#YjArtoSlider .navigation a.selected {
	background:url(../images/green/gradient_bg.png) repeat-x left center!important;
}
#tabs_container #tabs,
a.template_readmore2,
#YjArtoSlider .navigation a {
	background:url(../images/green/gradient_bg2.png) repeat-x left center!important;
}
/* Shadow slider */
#YjArtoSlider {
	background:#fff;
	border-bottom:5px solid #F2F2F2;
}
#YjArtoSlider .TopShadow {
	background:url(../images/top-shadow.png) repeat-x scroll 0 0;
}
#YjArtoSlider .slides ul li {
	color:#FFFFFF;
}
#YjArtoSlider #prev,
#YjArtoSlider #next {
	background:url(../images/green/slider_arrow_left.png) no-repeat left top;
}
#YjArtoSlider #next {
	background:url(../images/green/slider_arrow_right.png) no-repeat left top;
}
#YjArtoSlider .slideintro h1 {
	text-shadow: 0px 0px 4px #000000;
	color: #fff;
}
#YjArtoSlider .slideintro p {
	color:#fff;
}
#YjArtoSlider .slideintro span.bgdark {
	color:#fff;
}
#YjArtoSlider .slideintro span.bgwhite {
	color:#333;
}
/* Module Engine */
.pame .yjme_item a.item_readmore,
.paym .yjme_item a.item_readmore,
.pame2 .yjme_item a.item_readmore {
	color:#fff;
	border: 1px solid white;
	float: right;
	margin: 5px;
}
.pame .yjme_item a.item_readmore:hover,
.paym .yjme_item a.item_readmore:hover,
.pame2 .yjme_item a.item_readmore:hover {
	color:#333333;
	border: 1px solid white;
}
/* Team members engine */
.pame2 .yjme_item div.imageholder {
	border:5px solid #e9e7e7;
}
.pame2 .yjme_item a.item_title {
	border-bottom:5px solid #F2F2F2;
		color: #303E0D;
}
.pame2 .yjme_item div.item_details {
	border-bottom:5px solid #F2F2F2;
}
.team_facebook,
.team_twitter,
.team_google {
	display:none;
}

/* York module */
/* navigation */
.yy_container .linkForward,
.yy_container .linkBackward {
	background:url(../images/green/york_navigation_right.png) no-repeat left top;
}
.yy_container .linkBackward {
	background:url(../images/green/york_navigation_left.png) no-repeat left top;
}
.yy_container .linkForward:hover,
.yy_container .linkBackward:hover {
	background-position:left bottom;
}
/* bottom navigation */
ul.yy_bottom_navigation li a {
	background:url(../images/green/york_bottom_nav.png) no-repeat right top;
}
ul.yy_bottom_navigation li a:hover,
ul.yy_bottom_navigation li a.active {
	background:url(../images/green/york_bottom_nav.png) no-repeat left top;
}
/* Custom module user2 */
ul.proapps_list li {
	background:url(../images/green/proapps_li.png) no-repeat left center;
}
/* Multitabs */
.pamt #tabs {
	-webkit-box-shadow:0px 0px 2px 2px #556E2B;
	box-shadow:0px 0px 2px 2px #556E2B;
}
.pamt #tabs li {
	color:#333333;
	-webkit-box-shadow:inset -1px 0px 0px 0px #e4e4e4, 2px 0px 0px 0px #fff;
	box-shadow:inset -1px 0px 0px 0px #e4e4e4, 2px 0px 0px 0px #fff;
}
.pamt #tabs li.selected,
.pamt #tabs li:hover {
	color:#556E2B;
}
.pamt #tabs li.selected:after {
	border-color:#f6f6f6 transparent transparent transparent;
}
/* Custom tab3 */
.pamt .tabs_ul_holder ul li {
	border-bottom:1px solid #F2F2F2;
}
.pamt .tabs_ul_holder ul li a {
	color:#fff;
}
.pamt .tabs_ul_holder ul li a:hover {
	color:#333333;
}
/* Last grid */
#yjsg7 ul li a {
	color:#909090;
}
#yjsg7 ul li a:hover {
	color:#556E2B;
}
/* socials */
.yj_facebook {
	background:url(../images/facebook.png) no-repeat left center;
}
.yj_twitter {
	background:url(../images/twitter.png) no-repeat left center;
}
.yj_skype {
	background:url(../images/skype.png) no-repeat left center;
}
.yj_google {
	background:url(../images/googleplus.png) no-repeat left center;
}
.yj_vimeo {
	background:url(../images/vimeo.png) no-repeat left center;
}
/* Module Styles */
/* yj1 */
.yj1 h2.module_title,
.yj1 h2.module_title span {
	color:#556E2B;
}
/* yj2 */
.yj2 h2.module_title {
	border-bottom:5px solid #F2F2F2;
}
/* yj3 */
.yj3 h2.module_title,
.yj3 h2.module_title span {
	color:#556E2B;
}
.yj3 h2.module_title {
	border-bottom:5px solid #556E2B;
}
/* yj4 */
.yj4 {
	background:#556E2B;
	color:#fff;
}
.yj4 h2.module_title,
.yj4 h2.module_title span {
	color:#fff;
}
/* yj5 */
.yj5 {
	background:#556E2B url(../images/green/grid5_shine.png) no-repeat center center;
	color:#fff;
}
.yj5 h2.module_title,
.yj5 h2.module_title span {
	color:#fff;
}
.yj5 h2.module_title {
	border-bottom:5px solid #fff;
}
/* yj6 */
.yj6 {
	background:#f4fbf0;
	border:1px solid #F2F2F2;
	/* border: 1px solid #556E2B; */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 4px #000;
font-weight:500;
}
/* Hover effect */
.yj_readmore {
	background:url(../images/green/hover_circle.png) no-repeat left top;
	color:#fff;
}
.yj_readmore:hover {
	color:#333333;
}
/* Response menu */
#mmenu_holder {
	color:#333333;
	border:1px solid #e4e4e4!important;
}
span#yjmm_selectid {
	color:#333333!important;
}
/* K2 */
div.itemHeader h2.itemTitle,
div.itemAuthorLatest h3,
div.itemRelated h3,
h3.itemCommentsCounter,
div.itemComments ul.itemCommentsList li span.commentAuthorName,
div.itemCommentsForm h3 {
	color:#556E2B;
}
form#comment-form .inputbox:hover {
	border:1px solid #556E2B!important;
}
.k2LatestCommentsBlock li.even,
.k2LatestCommentsBlock li.odd {
	border-bottom:1px solid #77993d;
}
.k2CategoriesListBlock ul li a {
	background:url(../images/green/mainlevel.png) no-repeat left top;
}
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
