/**

 * @package		Joomla Bamboo Zen Grid Framework

 * @Type        Core CSS

 * @version		v2.0

 * @author		Joomlabamboo http://www.joomlabamboo.com

 * @copyright 	Copyright (C) 2007 - 2010 Joomla Bamboo

 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only

 */





/*------------------------------------*\

	TYPE

\*------------------------------------*/

/*--- HEADINGS ---*/

h1,.componentheading{

	font-size:2em;			/* 32px */

	margin-bottom:0.75em;	/* 24px */

	line-height:1.5;		/* 48px */

}

h2{

	font-size:1.5em;		/* 24px */

	margin-bottom:1em;		/* 24px */

	line-height:1.5;			/* 24px */

}

h3{

	font-size:1.25em;		/* 20px */

	margin-bottom:1.2em;	/* 24px */

	line-height:1.2;		/* 24px */

}

h4{

	font-size:1.125em;		/* 18px */

	margin-bottom:1.333em;	/* 24px */

	line-height:1.333;		/* 24px */

}

h5{

	font-weight:bold;

}

h5,

h6{

	font-size:1em;			/* 16px */

	/*margin-bottom:1.5em;	 24px */

	line-height:1;		/* 24px */

}







h3.centered {

width: 70%;margin: 20px auto;clear: both;

font-style: italic;line-height: 2em;font-variant: small-caps;letter-spacing:0.1em;

}



h3.centered:first-letter {

font-size: 3.75em;padding: 0.30em 10px 0 0 ;float: left;

}



/*--- PARAGRAPHS ---*/

p,

address{

	font-size: 1em;

	margin-bottom:1.5em;

	line-height: 1.5em;

}

 



/*--- LINKS ---*/

/*

Say no to negative hovers: http://csswizardry.com/2011/05/on-negative-hovers/

A negative hover is one whose appearance is subtracted from on hover rather than added to.

*/

a{

	text-decoration:none;



}

a:visited{

	opacity:0.8; /* A bit basic, but it’s a bare minumum... */

}

a:hover{

	text-decoration:underline;

}

a:active,

a:focus{

	/* Give clicked links a depressed effect. */

	position:relative;

	top:1px;

}







/*--- Images ---*/



img {

max-width: 100%;

height: auto;

width: auto\9; /* ie8 */

}



.zenimage img,.itemImageBlock{

max-width: 100%;

}





/*--- Fix for images in maps ---*/

.phocamaps-box img,#map img,#hotspots img {

max-width: none;

}



/*--- Fix for images stretching out of the container in JCE inserted images ---*/

span.easy_img_caption {max-width: 100% !important;width: 100% !important;}







.border {

box-shadow: 0 0 3px rgba(0, 0, 0, .2);

-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);

background: #fff;padding: 4px;

max-width: 98%;margin-bottom: 20px;

}

.video embed,

.video object,

.video iframe {

	width: 100%;

	height: auto;

}





.floatleft {

float: left;margin:0 20px 20px 0;

}



.floatright {

float: right;margin: 0 0 20px 20px;

}

/*--- LISTS ---*/

ul,

ol{

	margin:0 0 1.5em 20px;

}

ul ul,

ol ol,

ul ol,

ol ul{

	/* Let’s take care of lists in lists */

	margin:0 0 0 20px;

}



/*

A numbered list is NOT the same as an ordered one.

Use this class when you want a list to be numbered but it has no order.

See http://jsfiddle.net/csswizardry/sdrth/

*/

ul.numbered{

	list-style:decimal outside;

}

dl{

	margin-bottom:1.5em;

}

dt{

	font-weight:bold;

}



dd{

	margin-left:60px;

}



/*--- QUOTES ---*/

blockquote{



	font-size: 2em;

	font-family: georgia;

	font-style: italic;

	margin: 1em 0;

}

blockquote b,

blockquote .source{

	/* Mark the source up with either a <b> or another element of your choice with a class of source. */

	display:block;

	text-indent:0;

}







/*--- GENERAL ---*/

q,

i,

em,

cite{

	font-style:italic;

	font-weight:inherit;

}

b,

strong{

	font-weight:bold;

	font-style:inherit;

}

mark											{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }



s,

del{

	text-decoration:line-through;

}





ins	{ color: #f00; }

small, sup, sub	{ font-size: 80%; }



abbr, acronym									{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }



abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }

sup, sub										{ line-height: 0; }

sup												{ vertical-align: super; }

sub												{ vertical-align: sub; }



/*--- CODE ---*/

pre, code {

	overflow-x: auto;max-height: 200px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	background: #eee;

	border: 1px solid #ddd;display: block;

	font-family: monaco, courier, "courier new", monospace;

	font-size: 11px;

	margin: 0;

	padding: 9px;

	white-space: pre;

}







/* notices

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



.notice,.error,.success,.moduletable-notice,.moduletable-success,.moduletable-warning {

	margin: 0 0 30px 0; 

	padding: 10px;

	font-size: 11px;

	line-height: 18px;

}



.notice,.moduletable-notice,.moduletable.notice {

	background: #FFF6BF; 

	color: #514721; 

	border-bottom: 1px solid #FFD324;

	margin-bottom: 30px !important;

	float: left;

}



.error,.invalid,.moduletable-warning,.moduletable.warning {

	background: #FBE3E4; 

	color: #8a1f11; 

	border-bottom: 1px solid #FBC2C4;

	margin-bottom: 30px;

}



.success,.moduletable-success,.moduletable.success  {

	background: #E6EFC2; 

	color: #264409; 

	border-bottom: 1px solid #C6D880;	

	margin-bottom: 30px; 

}



.inputbox.invalid {

border: 1px solid #FBC2C4;

}

label.invalid {

color: inherit;background: none;border: 0;

}





.moduletable.simple,.moduletable-simple,.moduletable.border,.moduletable-border {

clear: both;

}







/* Page Layouts

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

.box {

padding: 10px;border: 1px solid #ddd;background: #fafafa;margin-bottom: 20px;

}



.shortintro em {

color: #bbb;text-transform: lowercase;

}

.shortintro h2{

margin-top: -15px;text-transform: uppercase;word-spacing: 0.2em;font-size: 2em;margin-bottom: 30px;

}



/* Simple Module classes for menus and lists

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

.moduletable-horileft ul li,

.moduletable.horileft ul li {

list-style-type: none;float: left;margin: 0 10px 0 0;

}



.moduletable-horiright ul,

.moduletable.horiright ul {

float: right;

}







.moduletable-horiright ul li,

.moduletable.horiright ul li {

list-style-type: none;float: left;margin: 0 0 0 10px;

}



.moduletable-vert ul li,

.moduletable.vert ul li{

list-style-type: none;padding: 4px 0;display: block

}



ul.simple {

margin: 0 0 30px 0

}

ul.simple li {

border-bottom: 1px solid #e8e8e8;

border-top: 1px solid #fff;

list-style-type: none;

margin: 0;

padding: 4px 0;

}



ul.simple li:last-child {

border-bottom: 0;

}



ul.simple li:first-child {

border-top: 0;

}



.divider {

clear: both;width: 100%;float: none;margin: 20px 0;height: 12px

}



.top25 {margin-top: 25px}

.top50 {margin-top: 50px}

.top75 {margin-top: 75px}

.top100 {margin-top: 100px}

.top125 {margin-top: 125px}

.top150 {margin-top: 150px}

.top175 {margin-top: 175px}

.top200 {margin-top: 200px}

.top225 {margin-top: 225px}

.top250 {margin-top: 250px}

.top275 {margin-top: 275px}

.top300 {margin-top: 300px}

.top325 {margin-top: 325px}

.top350 {margin-top: 350px}

.top375 {margin-top: 375px}

.top400 {margin-top: 400px}

.top425 {margin-top: 425px}

.top450 {margin-top: 450px}

.top475 {margin-top: 475px}

.top500 {margin-top: 500px}