.article h2 {
    padding: 0.2em;
	font-size: 30px;
}
h2 {
	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#006400;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
h2:before{
	content:" ";
	position:absolute;
	top:100%;
 left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color: transparent;
	border-top-color:#333;
}
h2:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color: transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}
.article h3 {
    border: none;
	font-size: 25px;	
	 padding: 0.3em;
	padding-left:60px;
	border-top: solid 3px #8fbc8f;
	border-bottom: 3px solid #3cb371;
	}
h3{
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.8em;
    padding: 0.5em 0.5em 0.5em 2.0em;
	    border-bottom: 3px solid #4169E1;
}
 
h3:before{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #40E0D0;
    top: -0.15em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
h3:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #4169E1;
    top: 0.2em;
    left: 0;
    height: 12px;
    width: 12px;
}
.article h4 {
    border: none;
    padding: 0.2em;
	border-top: solid 3px #8d93c8;
border-bottom: solid 3px #8d93c8;
}