/* Eric Meyer's Reset Reloaded, pared down */
/*   Available at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
 html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, button, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; }
  strong {font-weight:bold}
  :focus {	outline: 0; }
  body { line-height: 1; color: black; background: transparent;}
  ol, ul {	list-style: none; }
  table { border-collapse: separate; border-spacing: 0; }
  caption, th, td { text-align: left; font-weight: normal; }
  i {position: absolute; top: -3000px !important; margin-top: -3000px !important; font-size:.001em; font-style: normal;}

/* BEGIN PhoneFace styles, written by Beth Budwig for PhoneFace.com */
      
body {text-align:center; font-size:.75em; font-family: Verdana, Helvetica, sans; background-color:#9f989c;}
body * {font-size:100%}
a {color:#0089a7; text-decoration:none;}
a:hover {text-decoration:underline;}
/* a:visited {color:#666;} */
.clear {clear:both;}

#logobar {margin: 10px auto 0; width:800px; padding:10px 25px 0; color:#ccc; background:#000 url(top-white-corners.png) top left no-repeat; border-bottom:1px solid #7f7c7e;}
#logobar h1 {float:left; width:400px; 90px;}
#logobar #topLinks {float:left; padding:0; width:400px; height:32px; margin-top:58px; text-align:right; vertical-align: bottom;}
#logobar #topLinks a {color:#eee; text-decoration:none; margin: 4px;}
#logobar #topLinks a:hover {text-decoration:underline;}
/* #logobar #topLinks a:visited {color:#ccc;} */

#container {width:848px; margin: 0 auto 10px; padding:0 0 20px; background:#fff url(grey-divider.png) repeat-x bottom left; border:1px solid #7f7c7e; border-top:1px solid #9f9c9e;}
.platformContainer em, #platformList em {text-transform: uppercase; color:#ef6800;  font-style:normal; font-weight:bold; padding:0 2px;}

#platformList {list-style:none; outside; margin: 0; padding: .75em 10px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; height:1em; background:#e3e3e3 url(grey-bar.png) repeat-x top; clear:both;}
#platformList li span {text-transform:uppercase; color:#666; padding:0 0 0 20px; font-weight:normal; letter-spacing:.1em; font-family: Lucida Sans Unicode;}
#platformList li {font-weight:bold; display:block; float:left; padding: 0 12px 0 15px;}

#content {clear:both; text-align:left; padding: 15px 30px;}
#content h2 {font-size:1.5em; font-family: Lucida Sans Unicode; font-weight:bold; letter-spacing: .05em; color:#7f7c7e;}
#content h4 {font-size:1em; font-weight:bold; color:#ef6800;}
#content h2, #content h4, #content h5 {padding:4px 15px;}
#content h5{font-style:italic; font-size:.95em; color:#9f989c; text-indent:.2em;}
#content #twitter {margin-bottom: 4px; padding-top:0;}
#content #twitter img {margin: 2px 3px -5px 0;}

#content .platformContainer {text-align:left; padding:0 60px; float:left; margin-top:-20px;}
#content .platformContainerFirst {border-top: 1px dashed #ccc; margin-top:10px; padding-top:20px;}
#content .platformContainerLast {border-bottom: 1px dashed #ccc; margin-bottom:2px; padding-bottom:5px;}

#content .platformContainer .captions {float:left; padding:65px 0 0;}
#content .platformContainer .captions-left {margin:0 45px 0 0;}
#content .platformContainer .captions-right {margin:0 0 0 45px;}
#content .platformContainer h3 {padding: 8px 0 10px;}
#content .platformContainer p{padding:5px 0; line-height:1.3em;}
#content .platformContainer h5{padding:8px 0;}
#content .platformContainer .screenshot {float:left;}

/* iphone -- actual screenshot size */
#content .iphone .screenshot {width: 200px;}
#content .iphone .captions {width:350px;}

/* android - just a guess - change it, just make sure the values add up to 600px */
#content .android .screenshot {width: 200px;}
#content .android .captions {width:350px;}

/* blackberry - just a guess - change it, just make sure the values add up to 600px */
#content .blackberry .screenshot {width: 200px;}
#content .blackberry .captions {width:350px;}

/* support styles */
#content .question-list {padding: 10px 0;}
#content .question-list h5 {font-size:1em; font-weight:bold; font-style: normal; cursor:pointer; text-indent:0; color:#222;}
#content .question-list div {padding:3px 17px 7px; line-height:1.3em}
#content .question-list p {margin-bottom:.75em;}
#content .question-list ul, #content .question-list ol {padding: 0 15px;}
#content .question-list ul li {list-style:disc outside; padding:2px 0 4px; color:#666;}
#content .question-list ol li {list-style:decimal outside; padding:2px 0 4px; color:#666;}

#footer {clear:both; font-size:.8em; padding:0 45px;}