/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * 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 load this file when Gzip is enabled in the template parameters do the following:
 * Open css/template.css.php and take a look at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 *
 * To load this file when Gzip is disabled in the template parameters do the following:
 * Open lib/php/yootools.php and take a look at line 100. Uncomment follwing line:
 * // $document->addStyleSheet($baseurl.'/css/custom.css');
 *
 */ 



/*
 * layout.css
 */

div#header {
	width: auto;  
	height: 240px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
	clear: both;  
}

div#logobar {
	width: auto;
	height: 178px;
	margin: auto;
	border-top: 1px solid #D7D7D2;
	border-bottom: 1px solid #D7D7D2;
	clear: both;  
	overflow: hidden;
}

div#logo {
	height: 153px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 350%;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}

div#menu {
	position: absolute;
	top: 192px;
	left: 0px;
	z-index: 11;
	height: 46px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

/*
 * general.css
 */



/*
 * menus.css
 */



/*
 * modules.css
 */



/*
 * joomla.css
 */

div.joomla div.article h1.title {
text-align: center;
float: none;
}


/*
 * extensions.css
 */



/*
 * [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; }
 */
