graygilmore

.feature-box {
    width: 300px;
    float: left;
    margin: 30px 0 15px 20px;
    padding: 0;
    position: relative;
}

.feature-box:first-child {

graygilmore

html {
background: #ccc;
}

body {
padding: 100px;
}

#awesome {
min-height: 400px;

graygilmore

* { margin: 0; padding: 0; }

html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

body {
background: url('http://placebear.com/500/500') center top no-repeat;

graygilmore

.button {
    display: inline-block;
    padding: 8px 13px;
    color: #fff;
    font-weight: bold;
    
    text-decoration: none;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;

graygilmore

body {
background:#e9e8e1;
}
.button {
    display: inline-block;
    padding: 8px 13px;
    color: #fff;
    font-weight: bold;
    
    text-decoration: none;

graygilmore

body {
background:#e9e8e1;
}
.button {
    display: inline-block;
    padding: 8px 13px;
    color: #fff;
    font-weight: bold;
    
    text-decoration: none;

graygilmore

html { background: grey; }

div.photo { border-radius: 5px; overflow: hidden; background-clip: border-box; }

div.photo img { }

graygilmore

#wrapper { 
			width: 900px;
			margin: 0 auto;
			position: relative;
			background: #999;
		}

		#content {
			width: 500px;

graygilmore

#wrapper { 
			width: 900px;
			margin: 0 auto;
			position: relative;
			background: #999;
		}

		#content {
			width: 500px;

graygilmore

/**
 * Weirdness when using "size" and HTML5 number input
 */

input {
	display: block
}

.small { width: 30px; }
.medium { width: 120px; }