@charset "utf-8";
/* CSS Document */

body{background:#a4c639 url(images/bg.png) repeat-y; background-position:center; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
img{border:0;}
a{font-weight:bold; color:#7fa215; outline:none;}
.nav{list-style:none; padding:0; margin:0; position:fixed; right:50%; margin:0 390px 0 0; top:50px; text-align:right;}
.nav li{margin-bottom:10px;}
.nav li a{text-decoration:none; color:#fff;}
.nav li a:hover{color:#7fa215;}
.sponsors{list-style:none; padding:40px 0 0 0; margin:0; position:fixed; left:50%; margin:0 0 0 390px; top:40px; background:url(images/sponsors.png) no-repeat 5px 0;}
.sponsors li{margin-bottom:5px;}
.sponsors .telenavlink{display:block; text-indent:-9999px; overflow:hidden; width:105px; height:50px; background:url(images/telenav.png) no-repeat;}
.sponsors .storagelink{display:block; text-indent:-9999px; overflow:hidden; width:105px; height:50px; background:url(images/storage.png) no-repeat;}
.sponsors .buyuslink{display:block; text-indent:-9999px; overflow:hidden; width:105px; height:50px; background:url(images/buyus.png) no-repeat;}
.container{width:609px; margin:0 auto; padding:8px 25px; position:relative; }
h1 a{display:block; width:420px; height:100px; text-indent:-9999px; background:url(images/title2.png); overflow:hidden; margin:20px 0;}
.map{width:705px; height:345px; background:url(images/mapbg.png) no-repeat; position:absolute; text-indent:-9999px; top:140px; left:-20px; overflow:hidden; z-index:-1;}
iframe.mapframe{position:relative; left:-22px; top:18px}
a.twitter{width:200px; height:30px; text-indent:-9999px; display:block; background:url(images/twitter.png) no-repeat; position:absolute; top:459px; left:15px;}
a.follow{width:220px; height:140px; text-indent:-9999px; display:block; background:url(images/car.png) no-repeat; position:absolute; top:12px; right:-32px;}
.intro{width:610px; height:100px; background:url(images/intro.png) no-repeat; text-indent:-9999px; margin:120px 0 20px 0;}
.desc{font-size:12px; line-height:26px; margin:0 0 20px 5px; color:#848484; position:relative; padding:0 0 0 65px;}
.retweet{position:absolute; top:8px; left:0px;}
.destinations{position:relative; margin:30px 0 0 0; background:url(images/destinations.png) no-repeat;  padding:200px 0 0 0; text-indent:-9999px;}
.ctia{width:375px; height:110px; display:block; background:url(images/ctia.png) no-repeat; position:absolute; left:-58px; top:20px; overflow:hidden;}
.moto{width:325px; height:185px; display:block; background:url(images/moto.png) no-repeat; position:absolute; right:-58px; top:4px; overflow:hidden;}
#contact{margin:20px 0 0 0;}
#contact h2{width:540px; height:55px; text-indent:-9999px; overflow:hidden; background:url(images/contact.png) no-repeat;}
p.contactus{font-size:12px; line-height:26px; color:#848484; margin:0 0 20px 5px;}
div.tips{padding:120px 0 0 0; background:url(images/tips.png) no-repeat;}
div.tips a{font-size:13px; font-weight:bold; text-decoration:none; margin:0 28px 0 22px; padding:20px 0;}
div.tips a.last{margin-left:45px;}
div.tips p{font-size:12px; line-height:18px; color:#848484; padding:30px 20px 0 15px}
div.tips a.maplink{margin:0; padding:0;}
div.calendar{padding:60px 0 0 0; background:url(images/event.png) no-repeat; margin:30px 0 0 0;}
div.calendar p{font-size:12px; line-height:18px; color:#848484; padding:10px 20px 20px 15px;}

#stream{background:url(images/updates.png) no-repeat; width:705px; height:54px; position:relative; left:-45px; padding:38px 0 0 0; background-position:0 20px;}
#stream a{display:block; text-indent:-9999px; overflow:hidden; width:75px; height:35px; float:right;}
#stream a.up1{background:url(images/up1.png) no-repeat;}
#stream a.up2{background:url(images/up2.png) no-repeat; margin:0 5px;}
#stream a.up3{background:url(images/up3.png) no-repeat;}
#stream a.up4{background:url(images/up4.png) no-repeat; margin-right:15px;}
.main a.up{display:block; text-indent:-9999px; overflow:hidden; width:75px; height:35px; float:right;}
.main a.up1{background:url(images/up1.png) no-repeat; position:relative; top:-10px; right:-10px;}
.main a.up2{background:url(images/up2.png) no-repeat; position:relative; top:-5px; right:-5px;}
.main a.up3{background:url(images/up3.png) no-repeat;}
.main a.up4{background:url(images/up4.png) no-repeat; position:relative; top:5px; right:-5px;}

.main{float:left; width:480px;}
.main h2 a{display:block; width:140px; height:25px; background:url(images/socialtitle.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.main h2.twittertitle a{background-position:-6px -2px;}
.main h2.blogtitle {background:url(images/line1.png) no-repeat; padding:40px 0 0 0; margin:40px 0 10px 0;}
.main h2.blogtitle a{background-position:-6px -33px;}
.main h2.flickrtitle {background:url(images/line1.png) no-repeat; padding:40px 0 0 0; margin:40px 0 10px 0;}
.main h2.flickrtitle a{background-position:-6px -60px;}
.main h2.youtubetitle {background:url(images/line1.png) no-repeat; padding:40px 0 0 0; margin:40px 0 20px 0;}
.main h2.youtubetitle a{background-position:-6px -87px;}

.main .tweet{margin:0 0 20px 0;}
.main .tweet .face{display:block; width:50px; height:50px; text-indent:-9999px; overflow:hidden; float:left;}
.main .tweet .clarklab{background:url(images/clark.png) no-repeat;}
.main .tweet .androidandme{background:url(images/taylor.png) no-repeat;}
.main .tweet p{background:#f0f0f0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; float:right; width:395px; padding:10px; margin:0; line-height:16px; position:relative;}
.main .tweet .arrow{width:12px; height:12px; background:url(images/arrow.png) no-repeat; position:absolute; left:-12px;}
.main .photo {width:150px; float:left; margin:0 10px 10px 0;}
.main .photo p{color:#fff; font-size:1px;}
.main .photo p a{color:#fff;}
.main .photo a{display:none; width:150px; height:150px; overflow:hidden;}
.main .photo a.block{display:block;}
.main .photo a.time{height:15px;}
.main  a.time{display:block; color:#666; font-size:10px; text-decoration:none; font-weight:normal;}

.stream{width:100px; float:right; padding:65px 0 0 0; background:url(images/stream.png) no-repeat 0 25px;}
.stream .item{margin:0 0 20px 0; position:relative;}
.stream .item h3 {margin:0;}
.stream .item h3 a{font-size:11px; text-decoration:none; padding:0 0 0 20px; display:block;}
.stream .item .meta{font-size:10px; margin:0; padding:0 0 0 20px; color:#666;}
div.favicon span{width:16px; height:16px; display:block; position:absolute;}

.blogpost{background:#f0f0f0; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin:0 0 10px 0;}
.blogpost h3 {margin:0 0 5px;}
.blogpost h3 a{text-decoration:none;}
.blogpost p{font-size:11px; line-height:16px; margin:5px 0;}

.youtube{background:#f0f0f0; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin:0 0 10px 0; font-size:11px; line-height:16px;}
.youtube h3 {margin:0 0 5px;}
.youtube h3 a{text-decoration:none;}
.youtube span{padding:3px;}


.clear{clear:both;}