body{margin:0; padding:0; background:url(../images/bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464646;}
body.list{background-image:url(../images/listbg.png);}
a{text-decoration:none; outline:none; color:#464646;}
img{border:none;}


.container{width:960px; margin:0 auto; position:relative;}

.tophat{margin:0; padding:4px 0 0 0; list-style:none; height:21px;}
.tophat li{float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #a4c639;}
.tophat li.last{border:none;}
.tophat li a{color:#fff;}

.phonenav{position:absolute; top:0; right:0;}
.phonenav a{display:block; width:96px; height:25px; float:left; text-indent:-9999px;}
.phonenav a:hover{background:#999;}
.phonenav a.activeSlide{background:#797879;}

.header{height:157px; position:relative;}
.header h1 {margin:0; position:relative; top:40px;}
.header a{display:block; text-indent:-9999px; overflow:hidden;}
.header h1 a{width:290px; height:75px; background:url(../images/logo.png) no-repeat;}
.header a.follow{position:absolute; top:0px; right:0px; display:block; width:96px; height:35px; background:url(../images/follow.png) no-repeat 0 -3px;}
.header a.follow:hover{background-position:0px 0px;}
.header a.shift{background-position:bottom;}
.header a.shift:hover{background-position:bottom;}
.header a.andme{width:205px; height:50px; background:url(../images/andmelogo.png) no-repeat; position:absolute; top:78px; right:0;}

.app{position:relative; padding:50px 0 0 0; height:497px;}
.app .info{position:relative; top:0px;}
.app h2{font-size:65px; margin:0 0 10px 0;}
.app .line{background:#464646; color:#fff; font-size:26px; padding:5px 10px; margin:0 0 8px 0; display:inline-block;}
.app p{font-size:14px; line-height:22px; width:450px;}
.app p a{color:#000; border-bottom:1px dotted #666;}

.app .phone{width:384px; height:547px; background:url(../images/phone.png) no-repeat; position:absolute; top:0; right:0;}
.app .phone a{display:block; text-indent:-9999px; overflow:hidden;}
.app .phone a.next{width:30px; height:40px; background:url(../images/arrownext.png) no-repeat; position:absolute; top:254px; right:-8px;}
.app .phone a.prev{width:30px; height:40px; background:url(../images/arrowprev.png) no-repeat; position:absolute; top:254px; left:-8px;}
.app .phone a.next:hover, .phone a.prev:hover{background-position:0 -40px;}
.app .phone .rotate{width:320px; height:480px; position:absolute; top:22px; left:32px; overflow:hidden;}

.app .meta{padding:10px 0 0 0; position:relative;}
.app .meta .button{padding:5px 10px; background:#ccc; float:left; margin:0 10px 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; font-weight:bold;}
.app .meta .button:hover{background:#464646; color:#fff;}
.app .meta p{margin:5px 0; font-size:12px;}
.app .meta p a{font-weight:bold;}

.app .meta .nominated {width:200px; height:35px; top:10px; left:310px; position:absolute;}
.app .meta .nominated img{float:left; margin:0 8px 0 0;}
.app .meta .nominated a{display:block; font-weight:bold;}
.app .meta .nominated a.name{margin:3px 0 0 0;}

.followpanel{position:relative; display:none; top:80px; opacity:0;}
.followpanel h2 {font-size:24px;}
.followpanel h2 a{padding:100px 0 0 0; display:block;}
.followpanel .rsslink, .followpanel .emaillink, .followpanel .twitterlink {width:160px; float:left; margin:0 20px 0 0;}
.followpanel .rsslink a{padding-left:13px; position:relative; left:-13px; background:url(../images/rss.png) no-repeat;}
.followpanel .emaillink a{padding-left:26px; position:relative; left:-26px; background:url(../images/email.png) no-repeat 0px 6px;}
.followpanel .twitterlink a{background:url(../images/twitter-bird.png) no-repeat;}
.followpanel span{font-size:11px;}
.followpanel .grid{width:300px; height:460px; position:absolute; top:-28px; right:32px; z-index:9; background:#F0F0F0; padding:10px;}
.followpanel .grid a{background:#fff; display:block; text-indent:-9999px; overflow:hidden; height:110px; -moz-border-radius:5px; -webkit-border-radius:5px; width:145px; float:left;}
.followpanel .grid a.androidandme{width:300px; margin:0 0 10px 0; height:220px; background:#fff url(../images/androidandmelogo.png) no-repeat 50% 50%;}
.followpanel .grid a.droidweek{margin:0 10px 10px 0; background:#fff url(../images/droidweeksmall.png) no-repeat 50% 50%;}
.followpanel .grid a.forums{margin:0 0 10px 0; background:#fff url(../images/forums-logo.png) no-repeat 50% 50%;}
.followpanel .grid a.secret1{margin:0 10px 0 0;background:#fff url(../images/soon.png) no-repeat 50% 50%;}
.followpanel .grid a.secret{background:#fff url(../images/soon.png) no-repeat 50% 50%;}
.followpanel .about{clear:both; margin:60px 0 10px 0;}
.followpanel p{width:520px;}
.followpanel p a{font-weight:bold;}

.sidebar{width:125px; float:left; padding:40px 0 0 0; margin:0 25px 0 0;}
.sidebar .button{padding:7px 10px; background:#464646; margin:0 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; font-weight:bold; color:#fff; display:block; width:105px; position:relative;}
.sidebar .button:hover{background:#a4c639;}
.sidebar .button span{width:20px; height:20px; position:absolute; top:5px; right:5px; background:#999; text-align:center; line-height:20px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:14px;}
.sidebar .button:hover span{background:#fff; color:#777;}
.sidebar p{line-height:18px; font-size:11px;}
.sidebar p a{font-weight:bold;}
.sidebar p a:hover{color:#a4c639;}

.reviews{width:335px; float:left; position:relative; margin:0 0 0 30px;}
.reviews h2{font-size:28px; margin:40px 0 20px;}
.reviews ul{margin:0; padding:0; list-style:none; font-size:18px;}
.reviews ul li{margin:0 0 20px 0; padding:0; background:url(../images/quote.png) no-repeat; line-height:24px;}
.reviews ul li span{float:left; display:block; width:38px; height:20px;}
.reviews ul li small{margin: 0 0 0 10px; font-size: 11px; color:#999;}

.download {width:230px;}
.download a{float:left;}
.download a.qr{width:80px; height:80px; background-position:50% 50%; background-repeat:no-repeat; display:block; border:1px solid #ccc; margin:0 10px 0 0; text-indent:-9999px;}
.download .button2 {padding:5px 10px; background:#464646; margin:0 0 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; font-weight:bold; color:#fff; display:block; width:110px; position:relative;}
.download .button2:hover{background:#a4c639;}

.app .download{position:absolute; left:280px; z-index:5; width:222px; top:80px; opacity:0; display:none;}
.app .download .close{padding:10px 10px 0; position:absolute; right:-10px; top:-30px;}

.soundoff{width:384px; float:right; padding:30px 0 0 0; position:relative;}
.soundoff h2{font-size:28px; position:absolute; top:40px; left:0px; margin:0;}
.soundoff .twitter{width:315px; height:45px; background:url(../images/twitter.png) no-repeat; padding:15px 0 0 85px; font-size:24px; display:block; position:relative; right:16px; margin:20px 0 0 0;}
.soundoff .twitter:hover{color:#fff; background-position:0 -60px;}

.footer{width:100%; height:200px; background:#464646; margin:30px 0 0 0;}

.twtr-widget .twtr-tweet{margin:0 0 10px 0; padding:0 0 5px 0;}
.adhere{margin:20px 0 0 0; height:125px; width:125px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/droidweek-banner-worksf-1.gif) no-repeat;}

.listapp{width:225px; height:338px; position:relative; display:block; float:left; margin:20px 10px 0 10px; left:-10px;}
.listapp .meta{height:60px; position:absolute; bottom:0px; background:#231f20; color:#fff; width:185px; padding:20px;}
.listapp .meta strong{margin:4px 0 0 0; font-size:20px; line-height:28px;}
.listapp .meta em{margin:8px 0 0 0; display:block; font-style:normal;}

.filter{height:62px; padding:28px 0 0 0; margin:0 0 20px 0;}
.filter h2{font-size:40px; margin:0; float:left;}
.filter .button{padding:5px 10px; background:#ccc; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; font-weight:bold; text-decoration:none; color:#464646; display:block; float:right; margin:5px 0 0 0;}

.archivegroup{width:980px;}


.clear{clear:both;}
.alignleft{float:left; margin:20px 15px 15px 0;}
.alignright{float:right; margin:20px 0 15px 15px;}
