/* 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');
 *
 */ 
/*
 * typography.css
 */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial,Helvetica,sans-serif;
}

h1 {
	font-weight: normal;
	color: #339966;
}

#page h1 a {
	color: #339966;
	text-decoration: none;
}

h2 {
	font-weight: normal;
        font-variant: small-caps;
        color: #339966;
}

h3 {
       font-weight: medium; 
	color:#339966;
}

h4 {
	
	color: #FFFFFF;
}

h5 {
	color: #339966;
}

h6 {
	color: #c8001e;
}


body.green h1, body.green h4, body.green h6, body.green #page-body h1 a { color: #339966; }

/*
 * anchor
 */

a:link, a:visited {
	color: #C8001E;
        font-weight:bold;
}

a:hover {
	color: #ff0000;
}

body.green a:link, body.green a:visited { color: #339966; }
body.green a:hover { color: #339966; }




/*
 * layout.css
 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}
div#date {
	margin: 0px 10px 0px 0px;
	float: right;
}
.right div#main {
	margin: 0px 195px 0px 0px;  
}
.showright div#content {
	margin: 0px 180px 0px 0px;  
}
div#right {
	width: 150px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
div#breadcrumbs {
        color:#339966;
}
div#maintop h3.header {
	font-size:110%;
        font-weight:bold;
        text-align:center;
}
div#maintop a {
	font-size:90%;
        font-weight:bold;
}
/*
 * general.css
 */



/*
 * menus.css
 */

div#menu li.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
	background: #339966;
}

div#menu li.bg-blue { background: #00bed2; }
div#menu li.bg-pink { background: #c800c8; }
div#menu li.bg-orange { background: #dc5000; }
div#menu li.bg-green { background: #339966; }
div#menu li.bg-yellow { background: #FFC800; }
div#menu li.bg-lilac { background: #6432C8; }
div#menu li.bg-turquoise { background: #00DCB4; }

/*
 * modules.css
 */
div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFAA;
	font-size: 175%;
        color: #339966;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}


/*
 * joomla.css
 */
.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 100%;
	font-weight: bold;
	color: #60CC93;
	letter-spacing: -1px;
}
body.green .contentheading, body.green .componentheading { color: #339966; }
a.readmore {
	width: 115px;
	
}
div.joomla div.contact div.image {
	float: right;
        margin-right:65px;
        padding-top:20px;
        display:inline;
}

/*
 * extensions.css
 */

/*
 * reset.css
 */

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
/*
 * popups.css
 */
body {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	margin: 0px;
}

/*
 * [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; }
 */

body.green div#page-body { background: url(../../images/colors/page_bg_t_green01.png) 50% 0 repeat-x; }

/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */