@charset "utf-8";
/*
 * Style Name: Twister Stylesheet
 * Style Path: /css/style.css
 * Description: design stylesheet
 *
 */

html,
body {
  height: 100%;
  background: #81c4e2 url(http://s3.twisternow.net/images/bg.png) repeat-x fixed;
}

::-moz-selection {
    color: #fff;
    background: #A8C6E5;
}

::selection {
    color: #fff;
    background: #A8C6E5;
}

div#container {
  background: url(http://s3.twisternow.net/images/bodybg.png) no-repeat fixed center top;
  _background-position: expression('center '+this.parentNode.scrollTop + 'px');  /* for Win IE6 */
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
/*  font-family: 'Myriad Pro', 'Myriad Set', 'Myriad Apple', Myriad, sans-serif;  */
  _font-family: Arial, Helvetica, sans-serif;  /* for Win IE6 */
  text-align: center;
}

div#doc {
  margin: 0 auto;
  width: 761px;
  position: relative;
  text-align: left;
}

h1, h2, h3, h4, h5, strong, em {
  font-weight: bold;
}

h3 {
  margin-bottom: 6px;
  font-size: 123.1%;
  font-size: 108%;
}

h4 {
  margin-bottom: 5px;
  color: #09f;
}

div.doc h3 {
  padding: 1px 0 4px 20px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -721px;
  line-height: 1.1;
}

a {
  text-decoration: none;
}

a:link {
  color: #36c;
  color: #2268af;
}

a:visited {
  color: #2268af;
}

a:hover {
  color: #2268af;
}

p {
  margin-bottom: 0.9em;
  line-height: 1.4;
}

p.description {
  color: green;
}

img {
  vertical-align: middle;
}

nobr {
  word-break: normal!important;
}

div.doc ul,
div.doc ol {
  margin-bottom: 10px;
}

div.doc li {
  padding-left: 20px;
  margin-bottom: 0.3em;
  background: url(http://s3.twisternow.net/images/sprites.png) 5px -476px no-repeat;
}

form dl dt {
  margin-bottom: 2px;
}

form dl dd {
  margin-bottom: 7px;
}

input {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

input.text,
input.password,
input.email,
textarea {
  padding: 2px 3px;
  border: 1px solid #999;
  vertical-align: top;
}

input.submit,
input.button {
  margin-bottom: 10px;
  padding: 0 7px;
  *padding: 0;  /* for Win IE */
}

button {
  border: none;
  background: transparent;
  cursor: pointer;
}

button.submit[disabled="disabled"] {
  
}

form div.option {
  margin-bottom: 5px;
}

form div.submit {
  margin: 2px 0 10px 0;
}

input.text,
input.password,
input.email,
textarea,
select {
  margin-bottom: 4px;
}

#loading {
  padding: 2px 4px 3px 4px;
  position: fixed;
  top: 15px;
  display: block;
  width: 60px;
  color: #fff;
  background: red;
  font-weight: bold;
  font-size: 108%;
  text-align: center;
  display: none;
}

.error,
.error a,
.mark {
  color: #f00;
}

.success {
  color: blue;
}

/* blank fill and answer */
.blank {
  margin: 0 0.1ex 0 0;
  color: orange!important;
}

.answer,
.answer a {
  padding: 0 0.3ex 0 0.3ex;
  color: #f90;
}

/*
#sub .answer,
#sub .answer a {
  padding: 0 0.3ex 0 0.3ex;
}
*/

a.create,
a.add {
  padding-left: 15px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -556px;
}

div.feed {
  margin-bottom: 10px;
  float: left;
}

div.feed a {
  padding: 2px 4px 2px 20px;
  width: 60px;
  display: block;
  font-size: 93%;
  color: #333;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -677px;
}

ul.pager {
  margin: 0 0 10px 420px;
  width: 108px;
  color: #ddd;
}

li.prev {
  float: right;
}

li.next {
  float: right;
}

ul.pager li.prev a {
  padding: 2px 12px 2px 12px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 2px -512px;
}

ul.pager li.next a {
  padding: 2px 12px 2px 12px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 45px -472px;
}

div.bnr {
  margin-bottom: 10px;
  text-align: center;
}

/* ----------------------------------------
 * floating- clear
 * ---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* ----------------------------------------
 * header
 * ---------------------------------------- */
#header {
  margin-bottom: 10px;
}

#logo {
  margin: 0;
  float: left;
  height: 80px;
  position: relative;
}

#logo a {
  margin-top: 14px;
  margin-left: 10px;
  width: 222px;
  height: 66px;
  display: block;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -34px;
  overflow: hidden;
}

#logo a strong {
  display: none;
}

#logo span.alpha {
  display: block;
  width: 27px;
  height: 11px;
  position: absolute;
  right: -5px;
  bottom: 0;
  z-index: 3;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -111px -23px;
}

#logo span.alternative {
  display: block;
  width: 123px;
  height: 24px;
  position: absolute;
  right: -118px;
  bottom: 0;
  z-index: 3;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -238px -159px;
}

#logo span.alpha span,
#logo span.alternative span {
  display: none;
}

#header div.menu {
  padding-top: 20px;
  float: right;
  width: 500px;
}

#header div.menu ul#account-menu {
  margin-bottom: 4px;
  text-align: right;
}

#header div.menu ul#account-menu li {
  margin: 0 0 0 1px;
  display: inline;
  text-align: right;
  font-size: 96%;
}

#header div.menu ul#language {
  margin: 0 0 4px 465px;
  padding-top: 2px;
  width: 36px;
}

#header div.menu ul#language li.en {
  float: left;
  width: 20px;
}

#header div.menu ul#language li.jp {
  float: left;
  width: 16px;
}

#header div.menu ul#language li.en a {
  margin-right: 4px;
  padding-bottom: 1px;
  display: block;
  width: 16px;
  height: 11px;
  _height: 14px;  /* for Win IE6 */
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -21px -23px;
}

#header div.menu ul#language li.jp a {
  padding-bottom: 1px;
  display: block;
  width: 16px;
  height: 11px;
  _height: 14px;  /* for Win IE6 */
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -37px -23px;
}

#header div.menu ul#language li.current a {
  border-bottom: 2px solid red;
}

#header div.menu ul#language li a span {
  display: none;
}

div.baloon-top {
  margin-left: 36px;
  width: 21px;
  height: 11px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -23px;
  overflow: hidden;
  font-size: 1px;
  line-height:1;
}

/* ----------------------------------------
 * contents
 * ---------------------------------------- */
#contents {
  padding: 0 11px 0;
  position: relative;
  background: url(http://s3.twisternow.net/images/contentsbg.png) repeat-y;
}

/* ----------------------------------------
 * main
 * ---------------------------------------- */
div#main {
  float: left;
  width: 555px;
}

#main div.section {
  margin: 0 10px 0 12px;
}

#main div.section div.section {
  margin: 0 0 15px 0;
}

#main div.section p,
#main div.section dl {
  margin-left: 3px;
}

#main div.doc div.section {
  margin-bottom: 10px;
  padding: 7px 7px 0 7px;
  border: 1px dotted #ddd;
}

#main div.doc div.section p {
  margin-left: 0;
}

#main div.doc div.section:hover {
  border: 1px dotted #04b0e6;
}

#main h2 {
  margin: 14px 0 0 0;
  width: 533px;
  clear: both;
  color: #fff;
  background: #67a7e3 url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -1466px;
  font-size: 153.9%;
}

#main h2 strong {
  padding: 4px 9px 0 9px;
  display: block;
}

#main div.h2-bottom {
  margin: 0 0 12px 0;
  width: 533px;
  height: 4px;
  font-size: 1px;
  line-height: 1;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -3px;
}

#main h2 a {
  color: #fff;
}

/* ----------------------------------------
 * Title-list
 * ---------------------------------------- */
ul.title-list {
  line-height: 1.5;
  color: #ccc;
}

ul.title-list li {
  display: inline;
}

ul.title-list li a {
  color: green;
}

/* ----------------------------------------
 * Top page
 * ---------------------------------------- */
div#important-info {
  position: relative;
}

div#important-info h2 {
  margin-top: 10px;
  padding: 5px 0;
  font-size: 93%;
  color: #000;
  background: none;
  border: 1px solid #ddd;
  text-align: center;
}

div#important-info h2 a {
  color: #f00;
}

div#important-info h2 a span {
  font-size: 85%;
  color: #666;
}

div#important-info p {
  margin: 7px 0;
  padding:0;
  font-size: 93%;
  line-height: 1.3;
}

div#important-info p.last {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

div#important-info .close {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 10;
}

div#main div#lead {
  margin: 15px 5px 18px 3px;
}

div#main div#lead p {
  margin: 0;
  padding: 0;
  float: left;
  width: 320px;
  line-height: 1.3;
  font-size: 11px;
  color: #666;
}

div#main div#lead h2 {
  margin: 2px 0 0 0;
  padding: 0;
  float: right;
  clear: none;
  width: 196px;
  height: 25px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -877px -441px;
  overflow: hidden;
}

div#main div#lead h2 strong {
  display: none;
}

ul#overview {
  margin: 0 0 24px 3px;
}

ul#overview li {
  margin: 0 15px 0 0;
  float: left;
  width: 165px;
  height: 200px;
}

ul#overview li.find {
  background: url(http://s3.twisternow.net/images/sprites2.gif) no-repeat -174px 0;
}

ul#overview li.post {
  background: url(http://s3.twisternow.net/images/sprites2.gif) no-repeat -354px 0;
}

ul#overview li.twit {
  background: url(http://s3.twisternow.net/images/sprites2.gif) no-repeat -535px 0;
}

ul#overview li span {
    display: none;
}

ul#overview li.twit {
  margin: 0;
}

div#get-started {
  margin: 0 0 30px 0;
}

div#get-started a {
  margin: 0 0 0 165px;
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -873px -400px;
  outline: none;
}

div#get-started a span {
  display: none;
}

div#main div.extra {
  padding: 14px 16px 0 16px;
  background: url(http://s3.twisternow.net/images/extrabg.png) repeat-x;
}

div#main div.extra h3 {
  padding: 0 0 4px 23px;
  border-bottom: 1px solid #8fc9e2;
  font-size: 100%;
}

div#main div#hot-titles {
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
  width: 250px;
}

div#main div#hot-titles h3 {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -703px;
}

div#main div#popular-titles {
  margin: 0;
  padding: 0 0 10px 0;
  float: right;
  width: 250px;
}

div#main div#popular-titles h3 {
  padding-left: 28px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -633px;
}

div#main div.extra ul li {
  padding: 0 0 4px 27px;
  display: block;
  font-size: 93%;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 12px -270px;
}

div.badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 108px;
  height: 108px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -965px -1478px;
}

div.badge span {
  display: none;
}

/* ----------------------------------------
 * Home page
 * ---------------------------------------- */
div#main div.home-action-area {
  margin: 0!important;
  padding-bottom: 8px;
}

div.home-action-area div.title {
  float: left;
  width: 465px;
}

div.home-action-area div.title h3#title {
  margin: 0;
  padding: 0 0 0 21px;
  color: green;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px 3px;
  _background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px 0;  /* for Win IE6 */
}

div.home-action-area div.title h3#title a {
  color: green;
}

div.home-action-area form#post-form div.textarea {
  width: 428px;
}

div.home-action-area form#post-form textarea {
  width: 410px;
}

div.tabs {
  margin-bottom: 12px;
}

ul.tabs-nav {
  margin: 3px 0 0 0;
}

ul.tabs-nav li {
  margin: 0 2px 0 0;
  *margin: 0 2px -3px 0;  /* for Win IE */
  float: left;
  overflow: hidden;
}

ul.tabs-nav li a {
  margin: 0;
  padding: 4px 7px 4px 20px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #f9f9f9;
  display: block;
  text-decoration: none;
  color: #669;
  outline: none;
}

ul.tabs-nav li.ui-tabs-selected a {
  color: black;
  background-color: #f9f9f9;
}

ul.tabs-nav li#tab-stars a {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -542px -1037px;
}

ul.tabs-nav li#tab-stars.ui-tabs-selected a {
  background: #f9f9f9 url(http://s3.twisternow.net/images/sprites.png) no-repeat -542px -1037px;
}

ul.tabs-nav li#tab-answereds a {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -1002px;
}

ul.tabs-nav li#tab-answereds.ui-tabs-selected a {
  background: #f9f9f9 url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -1002px;
}

ul.tabs-nav li#tab-recents a {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -1108px;
}

ul.tabs-nav li#tab-recents.ui-tabs-selected a {
  background: #f9f9f9 url(http://s3.twisternow.net/images/sprites.png) no-repeat -541px -1108px;
}

ul.tabs-nav li#tab-hots a {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -539px -1072px;
}

ul.tabs-nav li#tab-hots.ui-tabs-selected a {
  background: #f9f9f9 url(http://s3.twisternow.net/images/sprites.png) no-repeat -539px -1072px;
}

ul.tabs-nav li#tab-news a {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -1060px -1002px;
}

ul.tabs-nav li#tab-news.ui-tabs-selected a {
  background: #f9f9f9 url(http://s3.twisternow.net/images/sprites.png) no-repeat -1060px -1002px;
}

div.tabs div {
  padding: 5px;
  border-top: 1px solid #ccc;
  clear: left;
}

div.tabs div.ui-tabs-hide {
  display: none;
}

div.tabs div p {
  margin: 0 0 5px 0;
  padding: 0;
}

#main div.tabs ul.title-list li a {
  color: #2268af!important;
}

#main div.tabs ul.title-list li a:hover {
  color: green!important;
}

/* ----------------------------------------
 * Title list page
 * ---------------------------------------- */
form#title-search-form input.text {
  padding-left: 20px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -543px -775px;
}

/* ----------------------------------------
 * Title page
 * ---------------------------------------- */

#main div.action-area {
  position: relative;
  background: #efffce;
}

#main div.action-area div.title {
  margin: 14px 0 0 0;
  padding: 8px 9px 0 10px;
  width: 514px;
  clear: both;
  background: #efffce url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -1586px;
}

#main div.action-area div.title div.star {
  margin: 6px 7px 0 0;
  float: left;
  width: 15px;
}

#main div.action-area div.title div.star a.star-on {
  display: block;
  width: 15px;
  height: 16px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -328px -23px;
}

#main div.action-area div.title div.star a.star-off {
  display: block;
  width: 15px;
  height: 16px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -313px -23px;
}

#main div.action-area div.title div.star a span {
  display: none;
}

#main div.action-area div.title h2 {
  margin: 0;
  padding: 0 0 3px 0;
  float: left;
  clear: none;
  width: 425px;
  background: none;
  font-size: 146.5%;
  font-size: 161.6%;
}

#main div.action-area div.title h2 a {
  color: green;
}

#main div.action-area div.title h2 a .count {
  font-size: 85%;
}

#main div.action-area div.title h2 span.admin {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

#main div.action-area div.title h2 span.admin a {
  color: blue;
}

#main div.action-area a.edit {
  margin-left: 5px;
  padding-left: 14px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -606px;
  font-size: 12px;
}

div#form-counter {
  margin-top: -1px;
  width: 55px;
  float: right;
  line-height: 1;
  font-size: 161.6%;
  font-weight: bold;
  font-family: Georgia, serif;
  color: #ddd!important;
  text-align: right;
}

#main div.action-area div.action-body {
  margin: 0 9px;
}

blockquote {
  margin: 3px 0 0 3px;
  padding: 0 0 0 20px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px -1187px;
}

blockquote.clearfix div.icon {
  margin-top: 2px;
  float: left;
  width: 24px;
}

blockquote.clearfix p {
  margin: 0 0 4px 0;
  padding-top: 1px;
  float: left;
  width: 460px;
  font-size: 93%;
  line-height: 1.3;
}

form#post-form {
  margin: 8px 0 0 0;
}

form#post-form div.textarea {
  float: left;
}

div.action-area form#post-form div.textarea {
  width: 413px;
}

form#post-form span.error {
  margin: 0 0 5px 2px;
  display: block;
}

form#post-form textarea {
  margin: 0 0 4px 0;
  padding: 4px;
  border: 1px solid #ccc;
  width: 395px;
  height: 2.5em;
  line-height:1.25;
  overflow: auto;
}

form#post-form div.submit {
  margin: 2px 10px 0 0;
  float: left;
}

form#post-form div.submit button {
  width: 80px;
  height: 28px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -222px -23px;
}

form#post-form div.utility {
    float: left;
    width: 12px;
}

form#post-form a.twitter {
  margin: 0 0 4px 0;
  display: block;
  width: 11px;
  height: 14px;
}

form#post-form a.twitter-on {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px -885px;
}

form#post-form a.twitter-off {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -558px -885px;
}

form#post-form a.help {
  margin: 0;
  display: block;
  width: 12px;
  height: 12px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -635px;
}

form#post-form div.submit button span,
form#post-form a.twitter span,
form#post-form a.help span {
  display: none;
}

div#formatting-guide {
  margin: 5px 0 0 0!important;
  padding: 5px 7px 7px 7px;
  border: 1px dotted #d8eef7;
  position: relative;
  background: #fff;
}

div#formatting-guide dl dt {
  padding: 0 0 2px 10px;
  background: url(http://s3.twisternow.net/images/sprite.png) no-repeat 0 -474px;
  font-weight: bold;
}

div#formatting-guide dl dd {
  padding: 0 0 3px 10px;
  font-family: monospace;
  font-size: 108%;
}

div#formatting-guide code {
  color: blue;
}

div#formatting-guide div.close {
  position: absolute;
  bottom: 10px;
  right: 7px;
  z-index: 10;
}

p.account-status {
  margin: 0 0 0 2px;
  padding: 6px 0 4px 0;
}

p.account-status a {
  padding-left: 12px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -475px;
}

#main div.title-bottom {
  margin: 0 0 10px 0;
  width: 533px;
  height: 7px;
  font-size: 0;
  overflow: hidden;
  line-height: 1;
  background: #efffce url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -7px;
}

div.entries h3 {
  padding: 7px 0 0 2px;
  margin-bottom: 5px;
  font-size: 100%;
  background: url(http://s3.twisternow.net/images/dot_blue.png) repeat-x;
}

div.add-button {
  margin-bottom: 10px;
  text-align: right;
}

ul.title-nav {
  margin-bottom: 15px;
  clear: both;
}

ul.title-nav li.prev {
  float: left;
  width: 240px;
}

ul.title-nav li.next {
  float: right;
  width: 240px;
  text-align: right;
}

ul.title-nav li.prev,
ul.title-nav li.next {
  padding: 2px 0;
}

/* ----------------------------------------
 * New Title page
 * ---------------------------------------- */
form#new-title-form {
  margin-bottom: 17px;
  background: url(http://s3.twisternow.net/images/dot_blue.png) repeat-x bottom;
}

form#new-title-form div.submit {
  padding-bottom: 10px;
}

div.guidelines dl dt {
  margin: 0 0 2px 0;
  padding-left: 10px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -475px;
}

div.guidelines dl dd {
  margin: 0 0 20px 10px;
}

/* ----------------------------------------
 * statuses
 * ---------------------------------------- */
ul.statuses {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

ul.statuses li {
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  padding: 7px 3px 2px 3px;
  word-break: break-all;
}

ul.statuses li:hover {
  background: #fafeff
}

/* status */
li.status div.icon {
  margin: 0 8px 5px 0;
  _margin: 0 8px 10px 0;  /* for Win IE6 */
  float: left;
  width: 54px;
  height: 54px;
  background: #fff;
  position: relative;
}

li.status div.right div.icon {
  margin: 0 0 5px 0;
}

li.status div.icon img {
  padding: 2px;
  border: 1px solid #eee;
  width: 48px;
  background: #fff;
}

li.status div.status-body {
  padding: 0 0 5px 0;
  float: left;
  width: 428px;
}

li.status div.right div.status-body {
  margin-right: 10px;
  text-align: right;
}

li.status div.user div.status-body {
  width: 496px;
}

li.status div.status-body a.title {
  padding: 0 0 2px 9px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 1px -271px;
  color: green;
}

li.status div.status-body .comment {
  color: #555;
}

li.status div.status-body .comment a {
}

li.status div.footer {
  font-size: 85%;
}

li.status div.status-body a.username {
  color: #2268af;
}

li.status div.status-body a.date {
  color: #999;
}

li.status div.action {
  float: right;
  width: 16px;
}

li.status div.action a {
  margin-bottom: 3px;
  display: block;
}

li.status div.action a span {
  display: none;
}

li.status div.action a.fav-off {
  width: 12px;
  height: 11px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -66px -23px;
}

li.status div.action a.fav-on {
  width: 12px;
  height: 11px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -78px -23px;
}

li.status div.action a.delete {
  width: 12px;
  height: 10px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -53px -24px;
}

li.status div.action a.reply {
  width: 12px;
  height: 13px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -302px -23px;
}

/* status permalink */
li.permalink {
  padding: 20px 0;
}

li.permalink div.status-body a.title {
  padding: 3px 0 3px 20px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px 6px;
  font-size: 131%;
  font-weight: bold;
}

li.permalink div.status-body span.text,
li.permalink div.status-body div.comment {
  margin: 3px 0 3px 0;
  display: block;
  font-size: 116%;
}

/* ----------------------------------------
 * Users page
 * ---------------------------------------- */
ul.user-list {
  line-height: 1.8;
}

ul.user-list li {
  margin-bottom: 3px;
  _margin-bottom: 6px;  /* for Win IE6 */
}

ul.user-list span.description {
  line-height: 1.4;
  color: #666;
  font-size: 93%;
}

/* ----------------------------------------
 * User page
 * ---------------------------------------- */
div#user-profile {
  margin: 15px 0 0 0;
  padding: 10px 10px 0 10px;
  background: #f2f2f2 url(http://s3.twisternow.net/images/sprites.png) no-repeat -533px -1586px;
}

div#user-profile div.icon {
  float: left;
  width: 90px;
}

div#user-profile div.icon img.icon {
  padding: 2px;
  border: 1px solid #eee;
  background: #fff;
}

div#user-profile div.icon div.follow {
  margin: 4px 0 0 7px;
  padding-bottom: 5px;
  width: 66px;
  height:14px;
}

div#user-profile div.icon div.follow a {
  display: block;
  width: 66px;
  height: 14px;
}

div#user-profile div.icon div.follow a.follow-on {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -396px -61px;
}

div#user-profile div.icon div.follow a.follow-off {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -396px -47px;
}

div#user-profile div.icon div.follow a span {
  display: none;
}

div#user-profile div.profile {
  margin-left: 92px;
}

div#user-profile h2 {
  margin: 0 0 11px 0;
  width: auto;
  color: #000;
  clear: none;
  line-height: 1;
  font-size: 197%;
  background-image: none;
  background-color: transparent;
}

div#user-profile h2 strong {
  padding: 0;
  display: inline;
  background: none transparent;
  font-size: 110%;
}

div#user-profile h2 span.user-name {
  margin-left: 4px;
  font-size: 70%;
}

div#user-profile h2 a {
  color: #000;
}

div#user-profile h2 a:hover {
  color: #2268af;
}

div#user-profile h2 .count {
  margin-left: 10px;
  font-size: 80%;
}
/*
div#user-profile dl dt {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 85%;
  color: #999;
}
*/
div#user-profile p.bio {
  margin: 0 0 8px 0;
  line-height: 1.3;
}

div#user-profile ul {
  padding-top: 6px;
  border-top: 1px dotted #ccc;
}

div#user-profile ul li.twitter {
  padding: 0 0 4px 0;
}

div#user-profile ul li.twitter a {
  padding: 1px 0 0 19px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px -952px;
}

div.user-profile-bottom {
    margin: 0 0 15px 0;
    width: 533px;
    height: 9px;
    font-size: 1px;
    line-height: 1;
    background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -14px;
    overflow: hidden;
}

div.user h3 {
  margin-bottom: 4px;
  font-size: 100%!important;
}

/* ----------------------------------------
 * Following/Followers page
 * ---------------------------------------- */
ul.follow-users {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

ul.follow-users li {
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  padding: 7px 3px 2px 3px;
}

ul.follow-users li:hover {
  background: #e4f2f9;
}
ul.follow-users div.icon {
  margin: 0 8px 5px 0;
  _margin: 0 8px 10px 0;  /* for Win IE6 */
  float: left;
}

ul.follow-users div.icon img {
  padding: 2px;
  border: 1px solid #eee;
}

ul.follow-users div.profile {
  padding: 0 0 5px 0;
  float: left;
  width: 457px;
}

ul.follow-users div.profile a.name {
  font-size: 108%;
  font-weight: bold;
}

ul.follow-users div.profile .description {
  margin: 3px 0;
  font-size: 93%;
}

ul.follow-users div.status {
  margin-bottom: 3px;
  font-size: 93%;
  color: #666;
}

/* ----------------------------------------
 * Sign in page and Sign up page
 * ---------------------------------------- */
p.continue em {
  color: #67a7e3;
}

div.signin {
  margin-bottom: 30px;
  background: url(http://s3.twisternow.net/images/sprites2.gif) no-repeat -178px -240px;
}

form.account {
  margin-bottom: 13px;
  padding: 14px 14px 10px 14px;
  width: 311px;
  background: #f8fafd;
}

form.account dl {
  margin-bottom: 13px;
}

form.account dl dt {
  margin-bottom: 8px;
  color: #333;
  font-size: 93%;
  font-weight: bold;
}

form.account dl dd {
  margin-bottom: 15px;
}

form.account dl dd input.mail,
form.account dl dd input.password {
  padding-top: 3px;
  width: 260px;
  height: 22px;
  _height: 24px;  /* for Win IE6 */
  border: 1px solid #aaa;
  color: #333;
  background: #fff url(http://s3.twisternow.net/images/form_bg.png) repeat-x;
  font-size: 116%;
  font-weight: bold;
}

form.account dl dd input.mail:focus,
form.account dl dd input.password:focus {
  background-image: none;
}

form.account dl dd input#password {
  margin-bottom: 10px;
}

form.account dl dd label,
form.account dl dd a {
  font-size: 93%!important;
}

form.account dl dd label.remember {
  margin-right: 30px;
}

form.account div.submit {
  margin-bottom: 0;
}

form.account div.submit input.submit {
  padding: 3px 9px;
  *padding: 0;  /* for Win IE */
  font-size: 116%;
  font-weight: bold;
}

div.signin li {
  padding-left: 10px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -475px;
  font-size: 93%;
}

div.signup {
  margin-bottom: 30px!important;
  background: url(http://s3.twisternow.net/images/sprites2.gif) no-repeat 331px -240px;
}

table#signup-table {
  margin: 3px 0 17px 0;
  width: 500px;
}

table#signup-table th {
  padding: 0 17px 0 0;
  width: 70px;
  color: #333;
  font-size: 93%;
  font-weight: bold;
  text-align: right;
}

table#signup-table span.note {
  display: block;
  color: #999;
  font-size: 85%;
  font-weight: normal;
}

table#signup-table td input {
  margin: 12px 0 9px 0;
  padding-top: 3px;
  width: 190px;
  height: 17px;
  _height: 21px;  /* for Win IE6 */
  border: 1px solid #aaa;
  color: #333;
  background: #fff url(http://s3.twisternow.net/images/form_bg.png) repeat-x;
  font-size: 108%;
  font-weight: bold;
}

table#signup-table td input:focus {
  background-image: none;
}

form#signup-form p {
  margin-bottom: 18px;
  font-size: 85%;
}

div.signup li {
  padding-left: 10px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -475px;
  font-size: 93%;
}

/* ----------------------------------------
 * Welcome page
 * ---------------------------------------- */
div#welcome {
  padding: 50px 0 80px 8px;
}

div#welcome div.image {
  float: left;
  width: 213px;
  height: 182px;
}

div#welcome h2 {
  margin: 0;
  padding: 0;
  clear: none;
  float: left;
  background: none;
  width: 301px;
  height: 182px;
}

/* ----------------------------------------
 * Account Settings page
 * ---------------------------------------- */
div#main div#twitter-account-settings {
  margin-bottom: 0;
}

div#settings h3.twitter {
  margin-bottom: 9px;
  padding: 0;
  width: 114px;
  height: 24px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -396px -23px;
}

div#settings h3.twitter span,
div#settings a.delete span {
  display: none;
}

ul.accounts li.active {
  border-top: 1px solid #ddd;
}

ul.accounts li {
  padding: 3px 0;
  border-bottom: 1px solid #ddd;
}

ul.accounts li.active {
  padding: 4px 0;
}

ul.accounts div.icon {
  margin: 3px 5px 5px 0;
  float: left;
}

ul.accounts li.active div.icon {
  margin: 3px 7px 5px 0;
}

ul.accounts div.icon img {
  padding: 1px;
  border: 1px solid #eee;
}

ul.accounts dl {
  margin-left: 33px;
}

ul.accounts li.active dl {
  margin-left: 58px;
}

ul.accounts dl dt {
  height: 20px;
  overflow: hidden;
}

ul.accounts dl dt a,
ul.accounts dl dt span{
  margin-right: 5px;
  display: block;
  float: left;
}

ul.accounts li.active dl dt a.user-name {
  font-weight: bold;
  font-size: 108%;
}

ul.accounts dt a.twitter {
  display: block;
  width: 11px;
  height: 14px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -546px -885px;
}

ul.accounts dt a.twitter span {
  display: none;
}

ul.accounts li dl dt a.activate {
  color: orange;
}

ul.accounts li dl dt a.delete {
  margin: 3px 0 0 0;
  width: 12px;
  height: 10px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -53px -24px;
}

ul.accounts dd {
  margin-bottom: 3px;
  font-size: 93%;
  color: #666;
}

ul.accounts dd p {
  margin-bottom: 2px;
}

ul.accounts dd .disabled {
  font-size: 85%;
  color: #999;
}

ul.accounts li.active dl dd span.active {
  padding: 0 3px;
  border: 1px dotted pink;
  color: #f63;
  font-weight: bold;
}

div#settings p.description {
  margin: 8px 0 12px 0;
}

div#update-info {
  margin-bottom: 3px;
  display: none;
  font-weight: bold;
  font-size: 108%;
  color: green;
}

span.caution {
  font-size: 93%;
  font-weight: normal;
  color: #999;
}

form#twitter-account-form {
  margin-bottom: 15px;
  padding: 10px 10px 0 10px;
  border: 1px solid #ddd;
  width: 380px;
}

form#twitter-account-form dd.end {
  margin: 0;
}

form#twitter-account-form div.submit {
  margin-bottom: 0;
}

form#twitter-account-form div#post-to-twitter {
  margin: 0 0 8px 2px;
}

/* ----------------------------------------
 * Terms of service and Privacy Poicy page
 * ---------------------------------------- */
div.terms p,
div.privacy p,
div.terms li {
  line-height: 1.7;
  font-size: 93%;
  word-break: normal;
}

div.terms li ol,
div.terms li ul {
  margin-top: 4px;
}

div.terms ol li {
  margin-left: 30px;
  list-style-type: decimal;
}

div.terms li li {
  font-size: 100%;
}

/* ----------------------------------------
 * About Us page
 * ---------------------------------------- */
dl.staff dt {
}

ul.staff strong {
  margin-bottom: 13px;
  display: block;
  font-weight: bold;
  font-size: 108%;
}


/* ----------------------------------------
 * Contact Us page
 * ---------------------------------------- */
p a.mail {
  font-weight: bold;
  font-size: 131%;
}

/* ----------------------------------------
 * sub
 * ---------------------------------------- */
div#sub {
  float: left;
  width: 184px;
  word-break: break-all;
}

#sub .section {
  margin: 0 0 25px 11px;
}

#sub h2 {
  margin: 0 0 5px 0;
  padding: 4px 0 1px 0;
  border-bottom: 1px solid #8fc9e2;
}

/* main-menu */
div#sub div#menu {
  margin: 0;
}

ul#main-menu {
  margin: 10px 0 25px 0;
  padding: 0;
  width: 184px;
}

ul#main-menu li {
  margin-bottom: 4px;
  width: 183px;
}

ul#main-menu li li {
  width: auto;
}

ul#main-menu li.selected {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -364px -100px;
}

ul#main-menu li a.menu {
  margin-left: 1px;
  padding: 0;
  width: 182px;
  height: 29px;
  display: block;
  line-height: 2.2;
  font-size: 108%;
  font-weight: bold;
  color: #2268af;
  text-indent: 44px;
  overflow: hidden;
}

ul#main-menu li a.menu:hover {
}

ul#main-menu li.top a.menu {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 17px -187px;
}

ul#main-menu li.top a.menu:hover {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -100px;
}

ul#main-menu li.home a.menu {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -148px -187px;
}

ul#main-menu li.home a.menu:hover {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -182px -100px;
}

ul#main-menu li.titles a.menu {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 17px -216px;
}

ul#main-menu li.titles a.menu:hover {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -129px;
}

ul#main-menu li.users a.menu {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -148px -216px;
}

ul#main-menu li.users a.menu:hover {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -182px -129px;
}

ul#main-menu li.settings a.menu {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 17px -245px;
}

ul#main-menu li.settings a.menu:hover {
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -158px;
}

ul#main-menu li dl {
  margin: 0 0 0 11px;
  padding: 4px 0 0 0;
  background: #fff;
}

ul#main-menu li dl dt {
  margin: 0 7px 5px 7px;
  padding: 3px 0 2px 0;
  font-weight: bold;
  border-bottom: 1px solid #8fc9e2;
}

ul#main-menu li dl dd {
  padding: 0 7px 10px 7px;
}

ul#main-menu li dl dd li {
  margin: 0 0 2px 0;
  font-size: 93%;
}

/* signin-form */
#sub div#signin {
  margin-bottom: 16px;
  padding: 0 11px 2px 11px;
  background: #c3e3f1;
  _width:170px;  /* for Win IE6 */
  position: relative;
}

#sub div#signin h2 {
  margin-bottom: 12px;
  padding: 11px 0 0 20px;
  border-bottom: 0;
  font-size: 12px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -1062px -579px;
}

form.account.sub {
  margin-bottom: 13px;
  padding: 0;
  background: none;
  width: 150px;
}

form.account.sub dl {
  margin-bottom: 6px;
}

form.account.sub dl dt {
  margin: 0 0 4px 0;
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

form.account.sub dl dd {
  margin-bottom: 3px;
}

form.account.sub dl dd label {
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

form.account.sub dl dd input.mail,
form.account.sub dl dd input.password {
  margin-bottom: 2px;
  padding: 1px;
  width: 146px;
  height: 15px;
  _height: 19px;  /* for Win IE6 */
  font-size: 93%;
  font-weight: normal;
}

form.account.sub dl dd input#password {
  margin-bottom: 6px;
}

form.account.sub dl dd label.remember {
  margin: 0 0 13px 0;
  display: block;
}

form.account.sub div.submit {
  margin: 0;
  padding: 0;
}

form.account.sub div.submit input.submit {
  margin: 1px 18px 2px 0;
  padding: 0 0 1px 0;
  *padding: 0;  /* for Win IE */
  float: left;
  font-size: 13px;
  font-weight: normal;
}

form.account.sub div.submit div#forgot {
  font-size: 11px;
  line-height: 1.1;
}

div#sub div.bird {
  position: absolute;
  top: -23px;
  right: -8px;
  width: 44px;
  height: 30px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -1034px -1448px;
  z-index: 4;
}

div#sub div.bird span {
  display: none;
}

/* stats */
ul.stats {
  margin: 0 1px;
  width: 156px;
}

ul.stats li {
  *margin: 0!important;  /* for Win IE */
}

ul.stats li a {
  display: block;
  float: left;
  width: 85px;
}

ul.stats li nobr {
  display: block;
  float: right;
  text-align: right;
  font-size: 116%;
  font-family: 'Georgia', selif;
}

/* userlist */
div#sub ul.icon {
  margin-left: 3px;
}

div#sub ul.icon li {
  margin: 0 7px 7px 0;
  float: left;
  width: 24px;
  position: relative;
}

div#status-bubble {
  background: transparent url(http://s3.twisternow.net/images/bg_bubble.gif) no-repeat bottom right;
  visibility: hidden;
  position: absolute;
  text-align: center;
  font-size: 0.9em;
  z-index: 10;
  width: 180px;
  left: 500px;
  top: -100px;
}

div#status-bubble span.status {
  margin: 0.5em;
  width: auto;
  position: absolute;
  right: 0;
  top: 0; 
  text-align: right;
}

div#status-bubble div {
  margin: 0 0 20px 0;
  padding: 0.5em 20px 0.5em 0.5em;
  border: solid 1px #999;
  border-bottom: none;
  background: #fff;
  overflow: hidden;
  text-align: left;
}

div#status-bubble strong {
  padding-left: 9px;
  display: block;
  font-weight: normal;
  color: green;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -272px;
}

div#status-bubble p {
  margin: 0;
  padding: 0;
}

/* Active users */
div#sub div#active-users {
  margin: 0 8px 25px 16px;
}

div#sub div#active-users h2 {
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 108%;
}

div#active-users ul.icon {
  margin-left: 5px;
}

/* twitter friends timeline */
div#twitter-friends-timeline h2 {
  width: 170px;
  height: 16px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -900px -379px;
}

div#twitter-friends-timeline h2 span {
  display: none;
}

div#twitter-friends-timeline ul {
  overflow: hidden;
}

div#twitter-friends-timeline ul li {
  margin-bottom: 3px;
  line-height: 1.4;
  font-size: 85%;
  color: #333;
}

div#twitter-friends-timeline ul li a {
    font-size: 11px;
}

/* bird information */
#sub div#info {
  margin: 0 0 0 11px;
  padding-top: 10px;
}

#sub div#info h2 {
  margin: 0;
  padding: 0;
  border: none;
  width: 174px;
  height: 32px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -222px -51px;
  overflow: hidden;
}

#sub div#info h2 span {
  display: none;
}

#sub div.info div.contents {
  margin: 0;
  padding: 0;
  width: 174px;
  color: #555;
  background: #f5fafc;
}

#sub div.info div.contents p {
  margin: 0;
  padding: 0 10px 2px 10px;
  font-size: 11px;
  line-height: 1.3;
}

#sub div.info-bottom {
  margin: 0 0 30px 11px;
  padding: 0;
  width: 174px;
  height: 6px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -222px -84px;
  font-size: 1px;
  line-height: 1;
  overflow: hidden;
}

#sub ul.title-list {
  padding: 0 0 6px 0;
}

#sub ul.title-list li {
  margin-bottom: 1px;
  line-height: 1.4;
  display: block;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat 0 -270px;
}

#sub ul.title-list li a {
  padding-left: 10px;
  color: green;
  font-size: 100%;
}

/* ----------------------------------------
 * footer
 * ---------------------------------------- */
div.baloon-bottom {
  margin: 10px 96px 0 655px;
  width: 21px;
  height: 11px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -90px -23px;
  overflow: hidden;
  font-size: 1px;
  line-height:1;
}s

#footer {
  clear: both;
  background: #d2eaf5;
}

#footer div.clearfix {
  padding: 0 25px 16px 154px;
  color: #666;
  background: #d2eaf5 url(http://s3.twisternow.net/images/sprites.png) no-repeat -941px -479px;
  font-size: 12px;
}

address {
  display: block;
}

#footer ul {
  margin: 12px 0 4px 0;
}

#footer ul li {
  margin: 0 5px 3px 0;
  display: inline;
}

#footer div#built-on {
  margin-top: 15px;
  float: right;
  width: 51px;
  height: 30px;
}

#footer div#built-on a {
  display: block;
  width: 51px;
  height: 29px;
  background: url(http://s3.twisternow.net/images/sprites.png) no-repeat -182px -158px;
}

#footer div#built-on a span {
  display: none;
}

/* ----------------------------------------
 * for Win IE6: Alpha image roader
 * ---------------------------------------- */
* html #contents {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.twisternow.net/images/contentsbg.png',sizingMethod='scale');
  background: none;
}