jwdallas

/**
 * Styled Select
 */

body {
	margin-top:200px;
	font-family:'proxima nova';
}

select {

jwdallas

/**
 * Wtf
 */
body {
	margin: 100px;
}

select {
	-webkit-appearance: menulist-button;
	height:200px;

jwdallas

/**
 * Styled Select
 */

body {
	margin-top:200px;
	font-family:'proxima nova';
}

select {

jwdallas

/**
 * Top Level Page Headers
 */
html {
font-family:'proxima nova';

}

header { width:980px; height:150px;
background-color: #252525;

jwdallas

/**
 * Action button
 */
html {
background:#f5f5f5;
margin:10px;
}

div { width:60px; height:30px; background:#140606; display:block; padding:10px 20px }

jwdallas

/*
 * Series Image
 */

img { box-shadow:-3px 0 3px rgba(0,0,0,.4) }
img + img { margin-left:-140px }

jwdallas

/**
 * Place Images
 */

html { margin:103px}

img { box-shadow: 0px 1px 4px #555 }

jwdallas

/**
 * vertical align issue
 */

div { background:#c4ee34; font:12px/27px helvetica; }
div:before { content:'+'; vertical-align:middle; display:inline-block } 

jwdallas

/**
 * Multiple psuedo selectors
 */


img { display:block;
 width:80px; height:80px; background:lightgrey }

img:after { content:''; display:block;
width:20px; height:20px; background:red }

jwdallas

/**
 * Next button
 */
* { font-family:helvetica; font-weight:100 }
a { color: #666; text-decoration:none; cursor:pointer }

#next { width:200px; text-align:center; font-size:30px; line-height:30px; display:block;
	margin:20px auto 50px; padding:10px 0; background:#ffec8b;
	color:#666; text-shadow: 0px 1px 0px #ffff9e }
#next:after { content:'→'; position:relative; left:20px; top:3px }