g12n

/**
 * Rounded corner Images
 * compare: http://webdesignerwall.com/tutorials/css3-image-styles
 * 
 */
 
.roundImage {
 	border-radius: 10px; 
 	margin: 0 0 0 9px;
 	display:block; 

g12n

/**
 * stacked images
 * compare: http://webdesignerwall.com/tutorials/css3-image-styles
 * 
 */
 
 .roundImage {
 	border-radius: 5px; 
 	margin: 0 0 0 9px;
 	display:block; 

g12n

.cropImage {
  display: block;
  overflow: hidden; 
  float: left; 
  border: 2px solid #000;
  border-radius:50px;
}

img{
	vertical-align: bottom; 

g12n

/*Chrome rounded corner bug test*/

.cropImage {
  display: block;
  overflow: hidden; 
  float: left; 
  border: 2px solid #000;
  border-radius:50px;
  /*Position Relative prohibits the div in Chrome and Safari from clipping it's child elements */
  position:relative;

g12n

/**
 * Steal a Car
 */

#two {
   background-image: -moz-element(#one);
   height: 40px;
}

g12n

/**
 * Multilevel Cheklists with :checked
 */

.checklist{
	list-style:none;
	padding:0
}
.checklist ul{
	list-style:none;

g12n

/**
 * Flexbodx
 */

section, header, aside{

border: 1px solid; margin: 0px;

}

g12n

.container { overflow:hidden ; background: 0}
.pusher { margin-top:-100%; transition:margin-top .5s ease-out; }
.open .pusher { margin-top:0%; }

g12n

/*CSS-Block-Buttons Text*/

.button{
border: 1px solid #ddd;
background: #efefef;
border-radius: 10px;
padding:8px;
text-align: center;
}

g12n

/*CSS-Block-Buttons Text*/

.button{
border: 1px solid #ddd;
background: #efefef;
border-radius: 10px;
padding:8px;
text-align: center;
}