/*======================================================================*\

|| #################################################################### ||

|| # Package - Joomla Template based on YJSimpleGrid Framework          ||

|| # Copyright (C) 2010  Youjoomla LLC. 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 LLC                      ||

|| # for more information visit http://www.youjoomla.com/license.html   ||

|| # Redistribution and  modification of this software                  ||

|| # is bounded by its licenses                                         ||

|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||

|| #################################################################### ||

\*======================================================================*/

/*CENTER TOP IS THE TOP PART OF THE SITE. SEE yjsg_main.php FOR REFERENCE*/

#centertop, #centerbottom {

	text-align:left;

	margin:0 auto;

	clear:both;

}

#sitehold {

	position:relative;

	text-align:left;

	margin:0 auto;

	clear:both;

}

/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */



#header {

	text-align:left;

	position:relative;

	padding:22px 0 22px 0;

	z-index:1000;

}

#logo, #logo_dark {

	float:left;

	text-align:left;

	overflow:hidden;

}

/* LOGO HOMEPAGE LINK */

#logo a, #logo_dark a {

	text-indent:-7500px;

	display:block;

	text-decoration:none;

	width:100%;

}

/* main body layouts with  side modules

--------------------- */

/* HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS */

#holder, #holder2, #holder3 {

	height:100% !Important;

	height:1%;

	overflow:hidden;

	margin:0 auto;

	text-align:center;

	padding:5px 0;

}

/* layout1.php , layout2.php, layout3.php reset and layout1.php main floats. layout 1 does not contain insettop and insetbottom*/

#leftblock, #midblock, #rightblock, #insetblock, #insetsholder_2t, #insetsholder_2b, #insetsholder_3t, #insetsholder_3b {

	height:100% !Important;

	height:1%;

	overflow:hidden;

	text-align:left;

	float:left;

}

/* layout2.php*/

#holder2 #midblock {

	float:left;

}

#holder2 #leftblock, #holder2 #rightblock, #holder2 #insetblock {

	float:right;

}

#holder2 #insetsholder_2t {

	float:left;

}

#holder2 #insetsholder_2b {

	float:right;

}

/*layout3.php*/

#holder3 #midblock {

	float:right;

}

#holder3 #leftblock, #holder3 #rightblock, #holder3 #insetblock {

	float:left;

}

#holder3 #insetsholder_3t {

	float:right;

}

#holder3 #insetsholder_3b {

	float:left;

}

.clearm {

	clear:both;

	height:1px;

	overflow:hidden;

}

/*END DEFAULT GRID LAYOUT*/



/*BEGING YJSIMPLEGRID 

#yjsg1 contains top1  - top5 | #yjsg2 contains adv1 - adv5 | #jsg3 contains user1 - user5 | #jsg4 contains user6 - user10 | #jsg5 contains user11 - user15 | #yjsg6 contains user16 - user20

#yjsg7 contains user21 - user25 | #yjsgheadergrid contains logo div and top menu | #yjsgbodytop contains bodytop1 - bodytop3 | #yjsgbodybottom  contains boddybottom1 - bodybottom3

*/

#yjsgheadergrid {/* top menu moved to this grid */

	float:right;

	height:auto;

	margin:0;

	padding:0;

}

#yjsg1, #yjsg2, #yjsg2_inside, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #yjsgbodytop, #yjsgbodybottom, #yjsg7_holder {

	margin:0 auto 0 auto;

	text-align:center;

	overflow:hidden;

	height:auto;

	padding:15px 0;

}

/* #yjsg7_holder IS INSIDE yjsg7 div . NO NEED FOR EXTRA PADDING */

#yjsg7 {

	padding:0;
	height:110px;

}

#yjsgbodytop, #yjsgbodybottom {

	width:100%;

	padding:0 0 0px 0;

	margin:5px 0 5px 0;

}

#yjsg2 {

	padding:0 0 0px 0;

}

#yjsg2_inside {

	margin:0 auto 32px auto;

}

#yjsg7 .yjsgxhtml {

	min-height:245px;

}

#yjsg7 .yjsquare {

	padding: 0px 15px 10px 15px;

}

/* FIRST MODULE IN THE yjsg7 GRID */

#yjsg7 #user21 .yjsquare {

	padding: 0px 15px 10px 0px;

}

/* LAST MODULE IN THE yjsg7 GRID */

#yjsg7 #user25 .yjsquare {

	padding: 0px 0px 10px 15px;

}

/* Mozaic slider addon class */

.Mozaic#yjsg2 {

	padding:0;

	background:none;

}

.Mozaic#yjsg2 #yjsg2_inside {

	background:none;

	margin:0 auto;

	padding:0;

}

/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING

   USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare  */

.yjsgxhtml {

	float:left;

	clear:right;

	text-align:left;

	margin:0;

	padding:0;

}

.yjsgxhtml .yjsquare_in {

}

/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE 

   WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/

#yjsg1 #top5 { /*background:none;*/

}

/* GUTTERS */

/* SQUARE MODULES GUTTER */

.yjsgxhtml .yjsquare {

	margin:0 0;

	padding:0 0;

}

/* yjblank */

.yjplain p {

	padding:5px 10px;

}

/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */

#insetsholder_2t, #insetsholder_2b {

	padding:0;

	margin:0px 0 0 0;

}

.inside {

	margin:0;

	padding:0px 3px;

	overflow:hidden;

}

/* SPECIFIC PADDING FOR SIDEBLOCKS */

#leftblock .inside, #rightblock .inside, #insetblock .inside {

	padding:0 0 0 15px;

}

/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE

--------------------- */

.insidem {

	padding:0px 3px;

	margin:0 0;

}

/*END GUTTERS*/

/*FOOTER AND FOOTER LINKS

--------------------- */

#footer, #footer_holder {

	clear:both;

	text-align:center;

	overflow:hidden;

	margin:0 auto;

	padding:0px 0;

	position:relative;

}

#youjoomla {

	clear:both;

	text-align:left;

	padding:5px 0px;

	overflow:hidden;

}

#footmod {

	clear:both;

	text-align:left;

	padding:0;

	margin:0px;

	overflow:hidden;
	
	font-size:12px;

}

#cp {

	text-align:left;

	padding:2px 0px;

	overflow:hidden;

}

.yjsgcp span {

	text-transform:capitalize;

}

.yjsglogo {

	position:absolute;

	right:10px;

	display:block;

	top:10%;

	height:48px;

	width:229px;

	margin:0;

	padding:0;

	background: url(../images/yjsglogo.png) no-repeat center center;

}

.yjsglogo span {

	line-height:999px;

}

#joomlacredit {

	padding:3px 0px 3px 0px;

	text-align:left;

	text-indent:10px;

	margin:0 auto;

}

/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css

ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES. 

TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.

STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE

--------------------- */

/* MAIN MODULE HOLDER*/

.yjsquare, .yjsquare_yj1, .yjsquare_yj2 {

	margin: 5px 0 10px 0px;

	padding: 0px 0 10px 0;

	clear: both;

	display:block;

	height:100% !Important;

	height:1%;

	overflow:hidden;

}

/* MODULE TITLE */

.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4, .yjsquare_mozslider h4, .yjsquare_yjnf3 h4 {

	text-transform: capitalize;

	overflow:hidden;

	padding:0 0 10px 0;

	margin:5px;

	font-size:150%;

}

#leftblock .yjsquare h4, #rightblock .yjsquare h4, #insetblock .yjsquare h4 {

	margin:5px 0px;

}

/* MODULE TITLE SPAN*/

.yjsquare h4 span, .yjsquare_yj1 h4 span, .yjsquare_yj2 h4 span, .yjsquare_mozslider h4 span, .yjsquare_yjnf3 h4 span {

	text-transform: capitalize;

	overflow:hidden;

}

/* MODULE CONTENT*/

.yjsquare_in, .yjsquare_yj1 .yjsquare_in, .yjsquare_yj2 .yjsquare_in {

	overflow:hidden;

	padding:5px;

}

/* MODULE p ELEMENT*/

.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p {

	overflow:hidden;

	padding:3px;

}

/*FOOTER MODULE STYLE

--------------------- */

#footmod .yjsquare {

	padding:0;

	margin:0;

}

#footmod .yjsquare h4 {

}

#footmod .yjsquare h4 span {

}

#footmod li, #footmod li:hover {

	list-style-type:none;

	list-style-image:none;

	background:none;

}

#footmod ul {

	padding:0;

	margin:0;

}

#footmod ul li {

	display: inline;

	margin:0;

	padding:0 10px 0 0;

}

#footmod ul li a {

}

/*PATHWAY*/

#pathway {

	padding:3px 0px;

}

#pathway .yjsg_breadcrumbs a.pathway {

	margin:0 5px 0 0;

	padding:0 15px 0 0;

}

/*SITE TOOLS DIV CONTAINING RTL/LTR SWITCH AND FONT RESIZER*/

#tools {

	position:absolute;

	z-index:10000;

	right:4px;

	top:0px;

	padding:0px 0px 0 0px;

	margin:0;

	text-align:left;

	width:auto;

	font-weight:bold;

	height:25px;

	line-height:19px;

}

#tools .tdir {

	font-size:80%;

	margin:0 0 4px 0;

}

#tools .fs {

	font-size:110%;

	margin:0 7px 0 0;

}

#tools img {

}

/* ADDITIONAL MODULE STYLES */

/*mod_poll

--------------------- */

.pollbuttons {

	margin:0 auto;

	text-align:center;

}

/*login module

--------------------- */

#modlgn_passwd, #modlgn_username {

	width: 95%;

	height:16px;

	padding-left: 3px;

	padding-top:3px;

}

/*searchbox

--------------------- */

.search {

}

.search .inputbox {

}

/*BANNER MODULE AND IMAGE .banner CLASS.

USED FOR POSITIONING WHEN RESIZING LOGO AND HEADER BLOCK*/

#yjsgheadergrid .bannergroup, #yjsgheadergrid .banner {

	padding:15px 0 0 0;

	text-align:right;

}

/* MODULE NEWS FLASH */

div.yjsg-newsflash {

	overflow: hidden;

}

div.yjsg-newsflash div.item {

	padding-bottom: 15px;

	overflow: hidden;

}

div.yjsg-newsflash div.last {

	padding-bottom: 0px;

}

/* YJ NF 3.3 */

.yjsquare_yjnf3, .yjsquare_yjnf3 .yjsquare_in {

	padding:0;

	margin:0;

}

.yjsquare_yjnf3 h4 {

	margin:5px 5px 10px 5px;

}

.yjnewsflash {

	margin:0px 0px 0px 0px !important;

	padding:0px 0px !important;

	border:none;

	font-size:100%;

	height:1% !important;

}

.yjnewsflash img {

	padding:6px;

	margin:0;

	border:0;

}

.nfimgpos {

	text-align:left;

	margin:0;

	padding:0;

}

/* title class*/

.yjnewsflash_title {

	margin:15px 0;

	display:block;

	font-size:150%;

	line-height: 18px;

	font-weight: bold;

	font-variant: normal;

}

span.yjnsreadon {

	height:24px;

	line-height:24px;

	display:block;

	clear:both;

	float:right;

	padding:0 0 0 10px!important;

	margin:10px 0 0 0!important;

}

/* a class read more */

a.yjns_rm {

	display: block;

	height:24px;

	line-height:24px;

	padding:0 10px 0 0px!important;

	border:0;

}

/* QUICK NAVIGATION FOOTER */

ul.quick_nav {

	margin:0;

	padding:0;

	list-style-type:none;

	background:none;

}

ul.quick_nav li {

	display:block;

	width:50%;

	float:left;

	margin:0;

	padding:0;

	list-style-type:none;

	background:none;

	overflow:hidden;

}

ul.quick_nav li a {

	height: 26px;

	line-height: 20px;

	text-decoration: none;

	display: block;

	text-decoration: none;

	padding:5px 0 0 8px;

}

/* ABOUT YOUSTUDIO SMALL LOGO */

.small_logo {

	float:right;

	display:block;

	width:125px;

	height:61px;

	background: url(../images/gray/small_logo.png) no-repeat left center;

}