/* reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, legend { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* base */

html, body { background-color:#DDD; color:#666; }
body { font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif; }
h1 { color: #666; font-size: 18px; line-height:1.5em; margin-bottom:1em; }
p { line-height:1.5em; margin-bottom:1em; }
a { color:#666; }
b, strong { font-weight: bold; }

/* structure */

body { text-shadow: #FFF 0 1px 0; position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -275px; width: 200px; height: 249px; padding: 49px 49px 0 299px; background: #EEE; background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(211, 211, 211, .9))); border: 1px solid #FFF; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: #666 0 2px 20px; -moz-box-shadow: #666 0 2px 10px; -webkit-animation-name: pop; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; }

@-webkit-keyframes pop {
	from { -webkit-transform: scale(.1); opacity: 0; }
	85% { -webkit-transform: scale(1.05); opacity: 1; }
	to { -webkit-transform: scale(1); }
}

.logo { margin-left:-250px; float:left;}