#background { background-color: #F2F2F2; text-align: center; height: 380px; color: #222; width: 900px; margin: auto; margin-bottom: 20px; position: relative; }
#background #overlay { position: absolute; background: url(/images/slideshow_background.png) no-repeat; left: 0px; top: 0px; width: 900px; height: 380px; z-index: 20; }

.slide { width: 900px; z-index: 50; }

table.dialog_border { border-collapse: collapse; padding: 0; margin: 0; }

.dialog_border.tl, .dialog_border.tr, .dialog_border.bl, .dialog_border.br, .dialog_border.tc, .dialog_border.bc { height: 19px !important; padding: 0 !important; border: 0; margin: 0; }
.dialog_border.tl, .dialog_border.bl, .dialog_border.tr, .dialog_border.br, .dialog_border.cl, .dialog_border.cr { width: 19px !important; padding: 0 !important; border: 0; margin: 0; }
.dialog_border.tl { background: url(/images/dialog_border_tl.png); }
.dialog_border.tr { background: url(/images/dialog_border_tr.png); }
.dialog_border.bl { background: url(/images/dialog_border_bl.png); }
.dialog_border.br { background: url(/images/dialog_border_br.png); }
.dialog_border.cl { background: url(/images/dialog_border_cl.png); }
.dialog_border.tc { background: url(/images/dialog_border_tc.png); }
.dialog_border.cr { background: url(/images/dialog_border_cr.png); }
.dialog_border.bc { background: url(/images/dialog_border_bc.png); }
.dialog_border.content { background-color: #FFFFFF; }

.popup-background { position: fixed; top: 0; left: 0; background-color: black; height: 100%; width: 100%; z-index: 5; }

table.dialog_border .dialog_border.content { background-color: white; vertical-align: top; padding: 4px; }
table.dialog_border .dialog_border.content h2 { margin-top: 0; }
table.dialog_border .dialog_border.content .buttons { text-align: right; margin-top: 12px; }
table.dialog_border .dialog_border.content .buttons img { cursor: pointer; }
table.dialog_border .dialog_border.content .label { font-weight: bold; }

.dropdown { background-color: white; border: 1px solid #CCC; border-top: 0; }
.dropdown .option { padding: 4px; cursor: pointer; }
.dropdown .option.selected { background-color: #BCE; }

a img { border: 0; }

body, input, textarea { font-family: "Lucida Grande", sans-serif; }

form.standard { background-color: #EEE; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #AAA; padding: 20px; margin: 10px 0; }
form.standard .field { margin-bottom: 16px; margin-right: 8px; font-size: 1.1em; }
form.standard .field input, form.standard .field select, form.standard .field textarea { font-size: inherit; }
form.standard .field select { width: 352px; }
form.standard .field textarea { width: 346px; height: 60px; -webkit-appearance: textfield; margin-left: 2px; padding: 1px; }
form.standard .field input.subdomain { width: 180px; text-align: right; }
form.standard .field label { font-size: 0.9em; }
form.standard .fieldWithErrors { display: inline; }
form.standard .fieldWithErrors input, form.standard .fieldWithErrors textarea { background-color: #FAA; }
form.standard .label { font-weight: bold; position: relative; margin-bottom: 2px; }
form.standard .explanation { position: absolute; right: 0px; top: 4px; font-size: 0.75em; font-weight: normal; width: 33em; }
form.standard .example { font-size: 0.75em; color: #2D4580; font-weight: bold; text-align: right; }

form.standard.sections { background-color: #FFF; border: 0; padding: 0; }
form.standard.sections .section { background-color: #EEE; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #AAA; padding: 20px; }
form.standard.sections .section + .section { margin-top: 10px; }

form.standard table td { vertical-align: top; }

#clearfix { clear: both; }

.buttons { white-space: nowrap; }


#lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightbox img { border: none; clear: both; }

#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }

#lightboxCaption { float: left; }

#keyboardMsg { float: right; }

#closeButton { top: 5px; right: 5px; }

#overlay { background-image: url(/images/overlay.png); }
#overlay img { border: none; }

* html #overlay { background-color: #333; back\ground-color: transparent; background-image: url(/images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale"); }

kbd { color: #555; background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; }

.archive { float: left; margin-left: 24px; width: 18em; }
.archive h2 { width: 100%; font-size: 1.2em; margin-top: 0.7em; position: relative; }
.archive h2 .feed-link { position: absolute; right: 0px; bottom: 2px; }

.posts { float: left; width: 35em; }

.post p { line-height: 1.5; margin-top: 0; }
.post p + p { margin-top: 1.5em; }
.post h3 { font-weight: bold; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.post h4 { font-weight: bold; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
.post h5 { font-weight: bold; font-size: 1em; margin-bottom: 1.5em; }
.post h6 { font-weight: bold; font-size: 1em; }
.post li ul, .post li ol { margin: 0 1.5em; }
.post ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
.post ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
.post ul ul { margin-bottom: 0; }
.post h2 { position: relative; width: 550px; }
.post h2 a { text-decoration: none; }
.post h1 { position: relative; font-family: inherit; font-weight: inherit; border-bottom: 1px solid #2D4580; margin: 0 8px; width: 99%; }
.post .date { position: absolute; bottom: 0px; right: 0px; font-size: 0.7em; }
.post .author { color: #AAA; text-align: right; }
.post.show { padding-right: 20px; }

body { font-size: 100%; margin: 0px; background-color: #DDD; line-height: 1.4; }

#container { width: 960px; margin: 4px auto; }

#header { position: relative; }
#header > img { display: block; }

#logo { position: absolute; left: 0px; top: 0px; }

#navigation { position: absolute; right: 20px; bottom: 8px; }
#navigation a { padding: 0 8px; }

#left_shadow { background: url('/images/page_left_shadow.png?1283201617') left repeat-y; }

#right_shadow { background: url('/images/page_right_shadow.png?1283201617') right repeat-y; }

#content { background-color: white; margin: 0 4px; text-align: left; padding: 20px; }
#content h3 { font-family: Georgia, serif; font-weight: normal; font-size: 2em; margin-top: 0.6em; line-height: 1; margin-bottom: 0.25em; }
#content h3 em { text-decoration: underline; }
#content ul { font-size: 0.8em; }
#content .slide table { width: 100%; margin-bottom: 50px; }
#content .slide table td.left { text-align: right; }
#content .slide table td.right { text-align: left; }
#content .slide table .arrow { width: 0px; height: 100%; position: relative; }
#content .slide table .arrow img { position: absolute; left: -40px; top: -40px; }

#screenshots { float: right; width: 240px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 12px; background-color: #EEE; margin: 0 6px; }
#screenshots h3 { margin-top: 0.2em; margin-bottom: 0.2em; font-size: 1.5em; color: #333; }
#screenshots img { border: 1px solid #CCC; margin: 10px 0; }

.question { font-weight: bold; border-bottom: 1px solid #AAA; }

.answer { color: #222; margin: 4px 0 1.3em 2px; }
.answer ol { margin: 8px; padding-left: 30px; }
.answer ol li { margin-bottom: 8px; }

h1 { font-family: Georgia, serif; font-size: 2em; margin: -10px 0 0.4em 0; padding-left: 4px; color: #2D4580; }

h2 { color: #2D4580; font-size: 1.75em; font-weight: normal; border-bottom: 1px solid #2D4580; margin: 0 8px; width: 22em; }

p { margin-left: 18px; margin-bottom: 1.4em; margin-top: 0.5em; }

a, a:visited { color: #2D4580; }

table.features { margin: 0 0 12px 0; padding: 0; }
table.features td { vertical-align: top; }
table.features img { margin-right: 8px; }

.feature { font-weight: bold; border-bottom: 1px solid #AAA; }

.description { color: #222; margin-top: 4px; margin-left: 2px; }

table.pricing { border: 2px solid #AAA; background-color: #EEE; -webkit-border-radius: 16px; }
table.pricing td, table.pricing th { padding: 5px 10px; vertical-align: top; }
table.pricing th { text-align: right; width: 190px; }
table.pricing td { text-align: center; }
table.pricing .or { font-size: 0.75em; line-height: 1.5; }
table.pricing .subscription { background-color: #BDCEE9; border: 2px solid #99B4DD; -webkit-border-radius: 12px; padding: 4px 8px; color: #1E2E56; }
table.pricing .check { font-size: 1.5em; }

.person { margin: 20px 0; }
.person td { vertical-align: top; }

.iphone-slideshow { position: relative; width: 294px; height: 620px; text-align: center; background-color: #353637; }
.iphone-slideshow .overlay { position: absolute; background: url(/images/iphone_frame.png) no-repeat; left: 0px; top: 0px; width: 294px; height: 620px; }
.iphone-slideshow .slide { position: absolute; top: 92px; left: 250x; width: 240px; }

.app-store-logo { margin: 40px; text-align: center; }

.disclaimer { font-size: 10px; text-align: center; margin: 20px; color: #555; }