body{margin: 0px; padding: 0px; font-family: Verdana; background-image: url('../image/bg.jpg'); min-height: 420px;}
.clear{clear:both;font-size: 0; height:0; line-height: 0;}
.clearIphone{clear: none; display: none;}
img{border: none;}
a{text-decoration: none;}
li{list-style: none;}

#header{display: block; text-align: center; width: 100%; background-image: url('../image/balk.png'); padding: 10px 0px 14px 0px; color: white; font-size: 22px; font-weight: bold;text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; font-family: Helvetica; position: relative; overflow: hidden;}
#header #refresh{position: absolute; right: 13px; top:8px;}
#header #home{position: absolute; left: 13px; top:8px;}
#message{color:#AAA;text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; margin-top: -6px; text-align: center; background-image: url(../image/status.png); padding: 2px 0px 5px 0px; display: block;}

#mask{display: block; width: 100%; overflow-x: hidden; position: relative;}
#boxcontainer{width: 400%; display: block; position: relative; left: 0px; top:0px;-webkit-transition-property: left;-webkit-transition-duration: 0.5s, 0.5s;}
.part{display: black; width: 25%; float: left;}
.box{-webkit-border-radius: 10px;-moz-border-radius: 10px; font-size: 12px; margin: 15px; background-image: url(../image/tweet.png); -webkit-background-size: 100%; color: #4a2909;-webkit-box-shadow: 0px 1px 2px #000; padding: 15px; display: block; position: relative; width: 260px; left: 50%; margin-left: -145px; padding-bottom: 57px;}
#tagcontainer{margin: 0px; padding: 0px; margin-bottom: 15px;}
#tagcontainer li{ padding: 15px 0 0 15px; font-weight: bold; width: 100%; font-size: 14px; overflow: hidden;}
#tagcontainer img{float: left; margin-right: 4px;}

.txt{font-size: 14px; color: #4a2909; margin-top: 5px; width: 232px; background: none; border: 1px solid #4b2c10; height: 28px; padding: 0px;}
.nav{border-top: 1px solid #ae9222; padding-top: 10px; position: absolute; bottom:15px; width: 260px; display: block; }
.right{float: right;}

h1{margin: 0px; padding: 0px; font-size: 14px;}

#boxcontainer.welcome{left:0%;}
#boxcontainer.stepOne{left:-100%;}
#boxcontainer.stepTwo{left:-200%;}
#boxcontainer.stepThree{left:-300%;}

.tweet{display: block; width: 300px; padding: 10px; float: left;position: relative;}
.arrow{position: absolute; left: 1px;}
.link{display: block; float: left; width: 48px; height: 48px; -webkit-border-radius: 5px; position: relative; -moz-border-radius: 5px;-webkit-box-shadow: 0px 1px 2px #000; background-color: white; margin-top: 5px;}
.content{postion:relative; padding:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; font-size: 12px; width: 220px; background-image: url(../image/tweet.png); -webkit-background-size: 100%; color: #4a2909;-webkit-box-shadow: 0px 1px 2px #000; overflow: hidden; float: right; padding-bottom: 25px;}
.content a, .content a b{text-decoration: none; font-weight: bold; color: #4a2909;}
.content b{font-weight: normal;}
.date{display: block; text-align:right; font-size: 10px; position: absolute; bottom: 18px; right: 23px; color: #85690e;}

body[orient="landscape"] .tweet{width: 218px;}
body[orient="landscape"] .content{width: 150px; }
body[orient="landscape"] .link{width: 34px; height: 34px;}
body[orient="landscape"] .arrow{left: -9px; top:0px;}
body[orient="landscape"] .clear{clear:none; display: none;}
body[orient="landscape"] .clearIphone{clear:both;font-size: 0; height:0; line-height: 0; display: block;}

body[desktop="true"] #container{display: block; position: relative; left:50%; margin-left: -480px; width: 960px; padding-top: 10px; padding-bottom: 20px;}