/*************************************************************************
http://www.sitepoint.com/css3-vertical-accordion-short-using-target-selector/
*************************************************************************
How to Create a CSS3-Only Vertical accordion-short Using the :target Selector/
/*************************************************************************
	
*************************************************************************/
article.accordion-short
{
	display: block;
	width: 185px;
	padding: 5px;
	margin: 0 auto;
	background-color: white;
	border: 2px solid #1A4B9D;
	border-radius: 0px;
	box-shadow: 3px 3px 3px rgba(40, 89, 215, 1);
	}

article.accordion-short section
{
	display: block;
	height: 2em;
	padding: 0 5px;
	margin: 0 0 0.5em 0;
	color: #1A4B9D;
	background-color: transparent;
	overflow: hidden;
	border-radius: 3px;
}

/*************************************************************************
The section title is now styled to use all the available room in the closed state:
*************************************************************************/
article.accordion-short section h2
{
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	line-height: 2em;
	padding: 0;
	margin: 0;
	color: #1A4B9D;
}

article.accordion-short section h2 a
{
	display: block;
	line-height: 150%;
	text-decoration: none;
	color: #1A4B9D;
	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-short section:target
{
	height: auto;
	background-color: #ffffff;
}

article.accordion-short section:target h2
{
	font-size: 18px;
	color: #1A4B9D;
}
/*************************************************************************
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-short section,
article.accordion-short 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;
}