* { border:0; outline:0; }
input { outline:none; }
#header, .logo, #this { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
body { margin:0; font-family:Arial, Helvetica, sans-serif; }
#header, a.logo, #this, #ads, #share {margin-left:auto; margin-right:auto; }
#header { width:900px; height:45px; }
#nav { list-style:none; padding:0; }
#nav li { float:left; margin-right:15px; }
#nav li a { padding: 1px 5px; text-decoration:none; font-size:20px; font-weight:bold; }
a.tab { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:url(/images/tab.png) no-repeat; width:177px; height:40px; float:right; margin-top:-16px; text-align:center; text-decoration:none; }
a.tab:hover {text-decoration:underline; }
a.tab p { margin:7px 0 0 0; }
a.logo { display:block; margin-bottom:45px; width:900px; height:100px; text-decoration:none; }
a.logo:hover { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
h2.slogan {float:right; font-size:14px; font-weight:bold; text-decoration:none; margin-top:100px; }
h1.wtf { margin:10px auto 0 auto; padding:20px 0; font-size:84px; text-align:center; font-weight:normal; margin-bottom:25px; }
h1.wtf .first { font-family:Arial Black, Arial, Helvetica, sans-serif; font-weight:bold; }
#this { width:865px; font-weight:bold; height:40px; }
#words, #wordsoff { margin:0; padding:0; list-style:none; }
#words .word:hover { cursor:pointer; }
#words li, #wordsoff li { float:left; }
#words .is, #wordsoff .is, #words .word, #wordsoff .word { padding:2px 4px; margin-right:2px; }
#words .word, #wordsoff .word { margin-right:7px; }
#words .you, #wordsoff .you { font-size:14px; font-weight:normal; }
#words .better, #wordsoff .better { margin-left:10px; }
#percent { clear:both; padding:5px 0 0 0; margin:0; list-style:none; font-size:12px; font-weight:bold; margin-left:116px; }
#percent li { float:left; text-align:center; margin:0 3px 0 4px; }
#percent .per1 { width:54px; }
#percent .per2 { width:47px; }
#percent .per3 { width:43px; }
#percent .per4 { width:43px; }
#percent .per5 { width:58px; }
#percent .per6 { width:51px; }
#percent .per7 { width:34px; }
#percent .per8 { width:51px; }
#percent .per9 { width:45px; }
#percent .per10 { width:46px; }
#percent .per11 { width:51px; }
#percent .per12 { width:52px; }
#percent .per13 { width:47px; }
#percent .per14 { width:48px; }
#percent .per15 { width:53px; }
#percent .per16 { width:82px; }
#percent .per17 { width:59px; }
#share, #footer { width:865px; clear:both; }
#share { margin-top:25px; height:20px; }
#share #user { float:right; }
#post { float:right; margin-top:3px; }
#footer { margin:50px 0; font-size:14px; width:900px; margin-left:auto; margin-right:auto; }
#footer p { text-align:center; }
.user img { padding:5px; }
#area { width:100%; clear:both; padding:20px 0px; }
#wtfform #wtf, #wtfform #user, #wtfform #yup { margin:0 auto 15px auto; text-align:center; }
#wtfform #wtf input { font-size:60px; width:180px; font-family:Arial, Helvetica, sans-serif; padding:0 10px; margin:10px 10px 0 0; }
#wtfform #wtf #f.heynow { border:1px solid #CC0000; }
#wtfform #user input { font-size:16px; width:100px; font-family:Arial, Helvetica, sans-serif; padding-left:3px; }
#wtfform #user p { margin:10px 0 5px 0; padding-top:10px; }
#wtfform #user label { margin:0 5px 0 10px; font-size:14px; }
#wtfform #yup { clear:both; }
#wtfform #yup p { margin-bottom:5px; }
#wtfform #user #submit { font-size:20px; font-weight:bold; cursor:pointer; outline:0; }
#themes { width:900px; margin:0 auto; text-align:center; }
#themes .wrap { width:265px; height:150px; float:left; margin:0 15px 10px 15px; }
#themes .wrap div { width:250px; height:100px; padding:5px; border:1px solid transparent; } 
#themes .wrap div:hover { cursor:pointer; } 
#themes .wrap span { font-size:14px; } 
h3.thanks { margin-left:auto; margin-right:auto; width:900px; text-align:center; }
a.tweet { display:block; width:160px; height:76px; background:url(/images/twitter.png) no-repeat 0 0; }
a.tweet:hover { background:url(/images/twitter.png) no-repeat -162px 0; }
.share { background-color:#EEE; float:left; margin-top:23px; margin-left:15px; }
a.social { font-size:14px; margin-left:10px; padding:4px 8px 4px 32px; }
a.fb { background:url(/images/social2/facebook-16x16.png) no-repeat 8px 4px; }
a.del { background:url(/images/social2/delicious-16x16.png) no-repeat 8px 4px; }
a.tw { background:url(/images/social/16/twitter.png) no-repeat 8px 4px; }
#content { width:900px; margin-left:auto; margin-right:auto; clear:both; }
#browse { list-style:none; padding:0; margin:0 26px 0 0; float:left; width:124px; }
#browse li a { padding: 1px 5px; text-decoration:none; font-size:20px; font-weight:bold; }
#browse .new { padding-bottom:7px; }
#ad { padding-top:10px; text-align:center; height:85px; }
#ad p { font-size:10px; margin:0; }
.er { font-style:italic; }
#list { float:left; width:725px; margin-bottom:30px; }
#list .wtflist { margin-bottom:10px; padding:15px 10px; height:25px; clear:both; }
#list .wtflist h2 { font-weight:normal; margin-top:0; float:left; }
#list .wtflist h2 .first { font-weight:bold; }
#list .wtflist h2 a.dot { padding-right:20px; }
#list .wtflist .percent { font-size:14px; }
#list .wtflist .info { float:right; margin-top:4px; } 
#list .wtflist a.social { margin-left:0px; }
#pagination { margin:15px 0px; }
#pagination a { font-size:18px; margin-right:4px; padding:2px 6px; font-weight:bold; text-decoration:none; }
.yourvotes { font-size:14px; margin:0 0 15px 5px; clear:both; padding-bottom:10px; height:90px;  }
.yourvotes h2 { margin:0 0 7px 0; }
.yourvotes .percent { font-weight:bold; }
.yourvotes .you { display:block; float:left; margin:3px 5px 4px 0px;  padding:3px 6px; }
.grandtotal { float:right; font-size:18px; margin-top:2px; padding-left:14px; }
