

/*************************************************************************
http://www.sitepoint.com/css3-vertical-accordion-t1-using-target-selector/
*************************************************************************
How to Create a CSS3-Only Vertical accordion-t1 Using the :target Selector/
/*************************************************************************
	
*************************************************************************/
article.accordion-t1
{
	display: block;
	width:100%;
	
	margin: 0 auto;
	background-color: transparent;
	
	
	}

article.accordion-t1 section
{
	display: block;
	
	height: 2em;
	
	margin: 0 0 0.5em 0;
	color: #26AE58;
	background-color: transparent;
	overflow: hidden;
	
}

/*************************************************************************
The section title is now styled to use all the available room in the closed state:
*************************************************************************/
article.accordion-t1 section h2
{
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	
	padding: 0;
	margin: 0;
	color: #26AE58;
}

article.accordion-t1 section h2 a
{
	display: block;
	line-height: 150%;
	text-decoration: none;
	color: #26AE58;
	outline: 0 none;
	
	
}

  
/*************************************************************************
We can now ‘open’ the active section using the :target selector. We set a larger height and background color, then enlarge and re-color the title too:
#E9E6F1
*************************************************************************/
article.accordion-t1 section:target
{
	height: auto;
	background-color: #ffffff;
}

article.accordion-t1 section:target h2
{
	font-size: 16px;
	color: #26AE58;
}
/*************************************************************************
If necessary, you can set the section height to auto so it uses the minimum space it requires. However, that makes it impossible to add nice CSS3 transitions which smoothly resizes the element…
*************************************************************************/

article.accordion-t1 section,
article.accordion-t1 section h2
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


