/* stylesheet for demo and examples */

@import url(http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:300);




#examples > hr{ margin: 20px 10px; }

.content1{
	text-align:left;
	overflow: auto;
	position: relative;
	padding: 25px;
	text-transform:uppercase;
	/*background: #333;*/
	margin: 10px;
	width: 260px;
	max-width: 97%;
	height: 300px;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.content1.hidden{ display: none; }

.content1.light{
	background-color: #ddd;
	color: #333;
}

.content1 hr{
	margin-bottom: -10px;
	/*border-top: 1px solid rgba(0,0,0,0.7);*/
}

/*.content1.light hr{
	border-bottom: 1px solid rgba(255,255,255,0.6);
	border-top: 1px solid rgba(0,0,0,0.1);
}*/

.content1 p{ margin: 7px 0 15px 0; text-decoration:none; font-size:19px;}

.content1 p a{text-decoration:none; display:block; padding:16px 0 0px 0;}

.content1 p:last-child{ margin-bottom: 0px; }

.content1 p:nth-child(odd), .content1.light p:nth-child(odd){
	background:none;
	/*background: rgba(255,255,255,0.1);*/
	padding: 10px 10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

/*.content1 p:nth-child(3n+3){
	color: #bbb;
	background: none;
	padding: 0;
}

.content1.light p:nth-child(odd){
	background: #fff;
	background: rgba(255,255,255,0.8);
}

.content1.light p:nth-child(3n+3){ color: #666; }

.content1 p.full:nth-child(odd), .content1 p.half:nth-child(odd), 
.content1 p.full:nth-child(3n+3), .content1 p.half:nth-child(3n+3){
	background: none;
	padding: 0;
}
*/
.content1 h2{
	font-size: 200%;
	line-height: 130%;
}

.content1 h2:first-child{ margin-top: 5px; }

.content1:nth-child(odd) h2{
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-style: normal;
}