/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To activate the loading of this file goto the template folder and take a look
 * at css/template.css.php at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 */ 



/*
 * layout.css
 */


 
body.yoopage {
	padding-bottom: 0px;
	background: #ffffff;
} 


h4, h5, h6 {
margin-bottom:15px;
}

div.gallery, span.gallery {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	background: #f5faeb url(../images/div_gallery.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

/*
 * general.css
 */



/*
 * menus.css
 */


/*
 * modules.css
 */



/*
 * joomla.css
 */

div#yoo-search {
	margin-top:0px;
}

/*
a.readmore-link {
	margin: 10px 0px 0px 0px;
	width: 100px;
	height: 15px;
	background: transparent url(../images/readmore.png) 0 0 no-repeat; 
	display: block;
	float: left;
	line-height: 20px;
	text-indent: 0px;
	font-size: 90%;
	color:#FFFFFF;
}

a.readmore-link:hover {
	background: transparent url(../images/readmore.png) 0 -20px no-repeat; 
	text-decoration:none;
}

*/

.modifydate {
	color: #cccccc;
}

.contentheading {
	font-size: 180%;
}

h4 {
	font-size: 150%;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size: 100%;
}

/*
 * extensions.css
 */


.smartresize {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:4px;
	border: 1px solid #f8c122;
	background: #f1f1f1;
	margin-top:-1px;
}

/* JComments */
#jc h4 {
	font-size:14px;
	color:#666666;
	background-color: inherit;
	font-weight:bold;
	text-align: left;
	border-bottom: 1px solid #D2DADB;
	padding: 0 0 2px 0;
	margin-bottom: 10px
}

/* Slimbox plugin style */
#lbOverlay {
	z-index:11;	
}

#lbCenter, #lbBottomContainer {
	z-index:20;
}

/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */
 
 