/*Locale | mobile.css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: none; outline: none; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent}
ol, ul {list-style: none}
html {background: #e3e3e3 url(../images/stripe_vert2.gif) top left repeat-x; ; height: 100%}
body, textarea {font-family: 'Lucida Grande', LucidaGrande, 'Lucida Sans', LucidaSans, 'Lucida Sans Unicode', LucidaSansUnicode, 'Bitstream Vera Sans', BitstreamVeraSans-Roman, Verdana, sans-serif; font-size: 75%; line-height: 180%}
p {margin-bottom: 10px; display: block}
em {font-weight: bold}


/*container - fluid - prod*/
#container {background: url(../images/stripe_vert2.gif) top left repeat-x; width: 95%; padding: 0 2.5% 2%; overflow: hidden; position: relative} 

/*container - dev*/
/* #container {background: url(../images/stripe_vert2.gif) top left repeat-x; width: 320px; margin: 0 auto; overflow: hidden; position: relative} */

/*content*/
#content {width: 95%; padding: 0 2.5%; overflow: hidden}

/*logo*/
#logo {margin-top: 3px; width: 108px; height: 48px; margin: 0 auto; display: block; overflow: hidden}
#logo a {background: url(../images/logo_new.gif) bottom left no-repeat; display: block; height: 48px; width: 108px;}

/*nav*/
.nav {background: url("../images/nav.gif") top left repeat-x; border-left: 1px solid #eee; border-right: 1px solid #eee; display: block; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px }
.nav li {float: left; width: 20%; text-align: center}
.nav a, .nav span {text-decoration: none; color: #111; display: block; position: relative; width: 100%; padding: 10px 0; font-size: 85%}
.nav span {font-weight: bold}

/*footer*/
.copyright {display: block; width:100%; color: #a1a5a9; font-size: 9px; padding-top: 11px; text-align: center}

/* Primary class of sections on the site */
.section {margin: 5px 0; position: relative; width: 90%; padding: 3% 5%; background: #eee; border: 1px solid #ccc;  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

/* Forward/backward navigation on the blog.  Links will appear at the top and the bottom of the page */
.blognav {margin: 5px auto; position: relative; width: 90%; overflow: hidden; padding: 3px 3px 3px; text-align: center}

/*feature*/
#feature {background: #fff url(../images/android_small.png) bottom right no-repeat; padding-top: 18px}
#feature h2 {margin-top: 40px}
#feature h2 em {font-size: 16px; display: block}

/*press*/
#press ul {background: #fefefe; border: 1px solid #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 10px 0 19px; text-align: center}
#press li {padding: 10px 0}
#press li.header {padding: 0px 0 7px;}
#press li a {margin: 0 auto}
#press span {display: none}

/*press links*/
#mitLink{background: url(../images/logo_technologyreview.png) top left no-repeat; display: block; width: 113px; height: 30px}
#wiredLink{background: url(../images/logo_wired.png) top left no-repeat; display: block; width: 147px; height: 30px}
#engadgetLink{background: url(../images/logo_engadget.png) top left no-repeat; display: block; width: 97px; height: 30px}
#xconomyLink{background: url(../images/logo_xconomy.png) top left no-repeat; display: block; width: 149px; height: 30px}
#gizmodoLink{background: url(../images/logo_gizmodo.png) top left no-repeat; display: block; width: 129px; height: 30px}
#popmechLink{background: url(../images/logo_popularmechanics.png) top left no-repeat; display: block; width: 106px; height: 30px}
#pcworldLink{background: url(../images/logo_pcworld.png) top left no-repeat; display: block; width: 134px; height: 30px}
#lifehackerLink{background: url(../images/logo_lifehacker.png) top left no-repeat; display: block; width: 127px; height: 30px}

/*store*/
.name {color: #222; font-size: 150%; float: left; font-weight: bold; width: 75%; padding-top: 3px}
.price {float: left; width: 75%; color: #666}
.icon {float: right; width: 25%; height: 48px; text-align: right}
.description {clear: both; padding-top: 5px; width: 100%}
.buyButton {margin: 10px 0 5px; height: 39px; width: 141px}
#store .name {font-size: 140%}

/*product*/
#product img.mdpi {display: block; background: #eaeaea; border: 1px solid #b8b8b8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  height: 336px; width: 224px;  margin: -5px auto 10px;}
#product img.hdpi {display: block; background: #eaeaea; border: 1px solid #b8b8b8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  height: 373px; width: 224px;  margin: -5px auto 10px;}
#product img.xhdpi {display: block; background: #eaeaea; border: 1px solid #b8b8b8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  height: 398px; width: 224px;  margin: -5px auto 10px;}

/*lists*/
li.item, li.note, li.faq, li.tip {background: #fefefe; border: 1px solid #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 90%; padding: 3% 5%; margin: 5px 0;}
li.faq, li.tip h3 {padding-bottom: 10px}
ol {padding-left: 20px; padding-bottom: 12px; padding-right: 0px; padding-top: 0px; list-style: decimal;}
li.issue {margin-left: 20px; margin-bottom: 0px; margin-right: 0; margin-top: 0px; list-style: disc}

/*blog*/
.blog-entry-header { color: #000; font-size: 150%; }
.blog-entry-header a { color: #000; text-decoration: none; }
.blog-entry-subheader { color: #666; margin: 0px 0px 5px; font-weight: normal; }
.blog-entry-subheader a { color: #666; }
.blog-entry-subheader a:hover { color: #333; }
.blog-entry-body li {margin-left: 40px; margin-bottom: 0px; margin-right: 0; margin-top: 0px; list-style: disc}
.blog-entry-body img.mdpi {display: block; background: #eaeaea; border: 1px solid #b8b8b8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  height: 336px; width: 224px;  margin: -5px auto 10px;}
.blog-entry-body img.hdpi {display: block; background: #eaeaea; border: 1px solid #b8b8b8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  height: 373px; width: 224px;  margin: -5px auto 10px;}

/*etc*/
p.last {margin-bottom: 3px}
.header {font-size: 125%; border-bottom: 1px solid #eee}
.hide {display: none}
.left {float: left}
.right {float: right}
.copyright {color: #a1a5a9; font-size: 9px; text-align: center}