/*Locale | screen.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; 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: 12px; line-height: 21px}
p {margin-bottom: 10px; display: block}
em {font-weight: bold}

/*container - browser*/
#container {background: url(../images/stripe_vert2.gif) top left repeat-x; width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 20px; position: relative}

/*header*/
#header {display: block; margin: 3px auto 3px; height: 50px; padding: 0 25px; width: 810px; overflow: hidden}

/*logo*/
#logo {display: block; height: 48px; width: 108px; float: left}
#logo a {background: url(../images/logo_new.gif) bottom left no-repeat; display: block; height: 48px; width: 108px }

/*nav*/
.nav {float: right; width: 600px; overflow: hidden; padding-top: 25px}
.nav li {float: left; width: 119px; text-align: right; color: #000}
.nav li span {font-weight: bold;}
.nav li.first {border-left: 0px}
.nav li a {text-decoration: none; font-weight: normal; color: #5d5d5d; display: block; width: 119px; height: 100%; position: relative}
.nav li a:hover {font-weight: bold; background-color:transparent}

/*footer*/
#footer {display: block; margin: 3px auto 0; overflow: hidden; padding: 5px 25px; width: 810px}
.copyright {display: block; float: left; width: 200px; color: #a1a5a9; font-size: 9px; text-align: left}
#footer .nav {padding-top: 0px}

/* Primary class of sections on the site */
.section {background: #fcfcfc; margin: 5px auto; position: relative; width: 770px; overflow: hidden; padding: 20px 30px 25px; border: 1px solid #dedede;  border-top-color: #f0f0f0;  border-bottom-color: #bebeb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* 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: 770px; overflow: hidden; padding: 20px 30px 25px; text-align: center}

/*feature*/
#feature {background: #fff url(../images/feature.png) bottom left no-repeat; width: 770px; height: 482px; border: 0px}
#feature p {display: block; position: relative; top: 100px; left: 276px; width: 340px}

#feature h2 {margin-top: 80px; position: relative; top: 100px; left: 276px; width: 340px}
#feature h2 em {font-size: 16px; display: block}

/*press*/
#press {background: #efefef}
#press ul {width: 100%; overflow: hidden; text-align: center}
#press li {padding: 10px 10px 10px; width: 172px; height: 30px; float: left}
#press li.header {width: 738px; clear: both; text-align: center; padding-bottom: 10px }
#press li a {margin: 0 auto}
#press span, #feature span {display: none}

/*press*/
#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*/
li.item ul {width: 100%; overflow: hidden; list-style-type: none}
li.item ul li {float: left; width: 520px; text-align: left; list-style-type: none}
li.item ul li.icon {float: right; width: 48px; height: 48px; text-align: right; padding-top: 5px; list-style-type: none}
.name {color: #222; font-size: 18px; float: left; font-weight: bold; padding-top: 3px}
.price {color: #666}
.description {padding-top: 5px;}
.buyButton {clear: both; margin: 10px 0 15px; height: 39px; width: 141px}
#store .name {font-size: 140%}

/*product*/
#product p, #product .header {display: block; float: left; width: 470px}
#product .header {padding-top: 10px}
#product img.mdpi {background: #e7e7e7; display: block; float: right; height: 336px; width: 224px; padding:4px; margin: 0  0 14px; border: 1px solid #b6b6b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#product img.hdpi {background: #e7e7e7; display: block; float: right; height: 373px; width: 224px; padding:4px; margin: 0  0 14px; border: 1px solid #b6b6b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#product img.xhdpi {background: #e7e7e7; display: block; float: right; height: 398px; width: 224px; padding:4px; margin: 0  0 14px; border: 1px solid #b6b6b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*store*/

/*lists*/
li.item, li.note, li.faq, li.tip {background: #fefefe; border: 1px solid #d7d7d7; border-left-color: #f0f0f0; border-right-color: #f0f0f0; overflow: hidden; width: 698px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  padding:20px 30px 16px; margin: 5px 0;}
li.faq h3, li.tip h3 {font-size: 14px; padding-bottom: 5px}
ol {list-style: decimal; padding: 0 50px 12px}
ol li {padding-bottom: 8px}
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: 22px; }
.blog-entry-header a { color: #000; text-decoration: none; }
.blog-entry-subheader { color: #666; font-size: 11px; margin: 0px 0px 20px; 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*/
.header {font-size: 16px; line-height: 16px; font-weight: bold; padding-bottom: 5px}
p.last {margin-bottom: 3px}
.hide {display: none}
.left {float: left}
.right {float: right}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
* html .clearfix {height: 1%}