body {
  position:relative;
  font:13px/1.22 "helvetica neue",arial,clean,sans-serif;
  *font-size:small;
  *font:x-small;
  color:#5f5f5f;
  background:#efefef url(../images/grad.gif) repeat-x;
  height:100%;
}
html {
  height:100%;
  margin-bottom: 1px;
}
table {font-size:inherit;font:100%;}
* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
h2 {
  font-size:200%;
  font-weight:normal;
  margin-bottom:13px;
}
h3 {
  font-size:150%;
  font-weight:normal;
  margin-bottom:10px;
}
p {
  font-size:110%;
  margin-bottom:15px;
}
a img {
  border:none;
}
a {
  outline:none;
  color:#47b4ef;
  text-decoration:underline;
}
a:hover {
  color:#5f5f5f;
  text-decoration:none;
}
div.account {
  margin-top:10px;
  float:right;
}
p.tiny {
  margin-top:-15px;
  font-size:90%;
}
a.tiny, input.tiny, span.tiny {
  font-size:50%;
}
p.tiny a {
  font-style:italic;
}
label {
  font-weight:bold;
  display:block;
  margin:13px 0 4px;
}
fieldset label {
  margin:5px;
}
div.cool {
  position:relative;
  width:955px;
  margin:0 auto;
}
#header {
  position:relative;
  height:131px;
  z-index:0;
}
#header h1 a {
  text-indent:-9999px;
  background: url(../images/facestat.gif) no-repeat;
  height:91px;
  width:155px;
  margin:10px 0 0 27px;
  float:left;
}
#header iframe {
  clear:right;
  margin-top:25px;
  float:right;
}
#header ul {
  position:absolute;
  bottom:1px;
  right:50px;
  height:42px;
  padding-left:3px;
  background:url(../images/edge.gif) no-repeat;
}
#header ul li {
  position:relative;
  line-height:44px;
  height:42px;
  float:left;
  list-style-type:none;
  font-size:120%;
  padding:0px 3px;
  background:url(../images/nav.gif) repeat-x;
}
#header ul li:hover, #header ul li.cur {
  background:url(../images/nav_over.gif) repeat-x;
}
#header ul li.cap {
  width:3px;
  background:url(../images/edge.gif) -2px 0px no-repeat;
}
#header ul a {
  padding:10px 15px;
  font-weight:normal;
  text-decoration:none;
  color:#6c6c6c;
}
#header ul a:hover, #header ul a.cur {
  color:#5f5f5f;
}
#body ul#submenu {
  list-style-type:none;
  float:right;
  margin:-10px 45px 10px 0;
}
ul#submenu li {
  margin:2px 15px;
  float:left;
}
ul#submenu li a {
  text-decoration:none;
  color:#5f5f5f;
}
ul#submenu li a.cur, ul#submenu li a:hover {
  color:#47b4ef;
}
#per_graph {
  position:relative;
  margin:-110px 0 0 -70px;
  z-index:0;
}
#header a {
  font-weight:normal;
  text-decoration:none;
  color:#b5bbbd;
}
#header a:hover, #header a.cur {
  color:#5f5f5f;
}

/* Notifications */
div.info {
  z-index:2;
  position:absolute;
  top: -10px;
  right: -10px;
}
div.info a {
  padding:0 !important;
}
#header .info {
  top:-30px;
  right:-26px;
  width:80px;
  height:40px;
  overflow:hidden;
}
#header .one {
  width:40px !important;
}
.basic .info {
  top:20px;
  right:0;
}
#header .info div {
  width:80px;
}
#header .info a {
  margin-left:0;
}
div.info a {
  float:left;
  width:40px;
  height:40px;
  text-decoration:none;
  font-weight:bold;
  font-size:19px;
  margin-left:3px;
  text-align:center;
  line-height:31px;
}
div.info a.judgments {
  color:#FFF !important;
  background:url(../images/newj.png) no-repeat;
}
div.info a.comments {
  color:#406895 !important;
  background:url(../images/bubble_blank.png) no-repeat;
}
div.info a.nocomment {
  background:url(../images/bubble_plus.png) no-repeat !important;
}
div.info a.favorite {
  background:url(../images/favorite.png) no-repeat;
}
div.info a.notfavorite:hover {
  background:url(../images/favorite.png) no-repeat !important;
}
div.info a.notfavorite {
  background:url(../images/notfavorite.png) no-repeat !important;
}
#main {
  height:auto !important;
  min-height:100%;
}
#body {
  padding-top:15px;
}
#body ul, #body ol {
  margin:10px 0 15px 30px;
  font-size:115%;
}
/* Front page hotness */
h2.judge {
  width:543px;
  height:98px;
  text-indent:-9999px;
  margin-left:380px;
  background: url(../images/judge_a_face.gif) no-repeat;
}
p.quote {
  position:relative;
  z-index:2;
  margin:18px 0 0;
  font-family:"Absara",times,serif;
  font-size:112%;
  margin-right:35px;
}
span.attrib {
  display:block;
  text-align:right;
  color:#7a7a7a;
  padding-right:40px;
  font-size:92%;
}
#banner {
  position:relative;
  float:left;
  margin-top:10px;
  margin-left:-20px;
  padding:5px 15px;
  height:175px;
  width:540px;
  background: url(../images/banner.jpg) repeat-x;
}
a.special {
  font-size:120%;
  color:#ec9e54;
  margin-left:5px;
}
#banner .right {
  width:81px;
  height:175px;
  position:absolute;
  right:0;
  top:0;
  background: url(../images/free.gif) no-repeat;
}
#banner ul {
  position:relative;
  z-index:2;
  font-size:98%;
  list-style-type:square;
}
#banner img {
  position:relative;
  margin:30px 0 0 -5px;
}
#newz {
  margin-top:55px;
  height:140px;
  background:#fafafa;
}
#newz .col {
  text-align:left;
  padding:8px;
  width:284px;
  float:left;
}
#newz .col h3 {
  font-size:130%;
}
#newz .col .comment{
  width:280px;
  height:36px;
  overflow:hidden;
}
#newz .col .comment p {
  margin:0;
}
#newz .comment a.who {
  width:35px;
  height:35px;
  display:block;
  float:left;
  overflow:hidden;
  margin:0 3px 3px 0;
}
#newz .comment a img.vert {
  width:35px;
  height:auto;
  margin-top:-5px;
}
#newz .comment a img.horz {
  height:35px;
  width:auto;
  margin-left:-5px;
}
p.incentivize {
  margin-top:-20px;
  text-align:right;
  position:relative;
}
p.incentivize span {
  display:block;
  position:absolute;
  right:179px;
  top:10px;
}
p.incentivize a.add {
  position: relative;
  float: right;
  width:173px;
  height:40px;
  display: block;
  text-align:center;
  text-indent:-9999px;
  background:url(../images/add_photo.gif) no-repeat;  
}
#newz .featured {
  color:#CCC;
  text-decoration:none;
  overflow:hidden;
  border:4px solid #efefef;
  margin:0 5px 5px;
  width:75px;
  height:75px;
  display:block;
  float:left;
  line-height:75px;
  text-align:center;
  font-size:155%;
}
/* End of front page stuff 
  This photo's box is to make the boxes play nice
*/
#photos {
  margin:0 0 0 40px;
}
#shoestat {
  position:absolute;
  top:0;
  left:200px;
}
.pending, .chosen {
  cursor:pointer;
}
label.inline {
  display:inline;
}
/* UGGGGGGGGGGGGG */
.vert, .horz {
  overflow:hidden;
  float:left;
  margin:0 8px 0 0;
}
.vert {
  width:94px;
  height:121px;
}
.horz {
  height:94px;
  width:121px;
}
.vert span, .horz span, .vert a, .horz a {
  display:block;
}
.vert a, .vert span {
  background: url(../images/vert-frame.png);
}
.horz a, .vert span {
  background: url(../images/horz-frame.png);
}
.vert img, .horz img {
  cursor:pointer;
  margin:7px;
}
.chooser {
  position:relative;
  padding:10px;
  height:147px;
  width:955px;
  line-height:130px;
  border:2px solid #e8e8e8;
  background:#fcfcfc;
  overflow:auto;
}
span.tip {
  font-style:italic;
  display:block;
  margin:-10px 0 10px 0
}
.tchooser {
  position:relative;
  padding:10px;
  height:200px;
  width:955px;
  border:2px solid #e8e8e8;
  background:#fcfcfc;
  overflow:auto;
}
.tchooser span, .tchooser div.face {
  margin:2px;
  border: 3px solid #FFF;
  width:50px;
  height:50px;
  overflow:hidden;
  float:left;
  cursor:pointer;
}
.tchooser span.chosen, .tchooser div.chosen {
  border: 3px solid fuchsia;
}
.chooser .wrap {
  width:1500px;
  padding-bottom:10px;
}

.chartwrapper {
  float:left;
  width:580px;
  margin-left:-15px;
}

.charts {
  float:left;
}

.chartwrapper_browser {
  right: 0px;
  padding: 0;
  float: right;
  position: relative;

  margin-left: -354px;
}

.chartwrapper_browser .charts {
  width: 350px;
  margin: 0;
  padding: 0;
}

.charts span {
  display: inline;
  font-size:90%;
  font-style:italic;
  margin-left: 100px;
}

.charts select {
  font-size:120%;
  display: inline;
}
.charts select option {
  padding-right:10px;
}
.charts div {
  float:left;
  margin:0 10px 10px;
}

.selector {
  position:relative;
  z-index:1;
  width: 600px;
}

.selector select {
  float: left;
  display: block;
}

.selector span {
  margin-left: 200px;
/*  width: 200px; 
  bottom: 0px; 
  right: 0px;
  margin-left: auto;
  text-align: right;
  margin-top: auto;
  font-size: 16px;
*/
  /*float: left;*/
}
.choices {
  margin-right: 356px;
  padding:0;
  width: 600px;
  float:left;
  position:relative;
}
.vchooser {
  margin:0 0 9px !important;
  height:auto;
  border:2px solid #e8e8e8;
  background:#fcfcfc;
}
.vchooser .wrap {
  margin:9px;
}

div#contact {
  width:500px;
  background:#FFF;
  padding:10px;
  border:5px solid #99aaff;
}

div#feedback, div.focus, form.focus {
  width:500px;
  background:#FFF;
  padding:10px;
  border:5px solid #99aaff;
}

#import .close {
  position:absolute;
  top:-15px;
  right:-15px;
}

div#previous {
  margin-right:-25px;
  width:140px;
  float:right;
  height:450px;
}
#previous .basic {
  position:relative;
  z-index:1;
}
#hotrant .basic {
  position:relative;
  margin-right:10px;
  float:left;
}
.paginate {
  text-align: right;
}
.pagination {
  text-align:center;
  padding:5px;
  font-size:110%;
}
.my_faces_wrapper {
  margin-top: 20px;
}
#mine {
  height:150px;
  overflow:auto;
}

#miniphotos .miniphoto {
  float:left;
  height:66px;
  width:66px;
  padding: 5px;
}

p#counts {
  margin-left: 0px;
  margin-bottom: 0px;
  font-style: italic;
}

#photos .photo ol {
  margin:0 0 10px 20px;
}
#photos .photo {
  float:left;
  width:275px;
  height:155px;
  padding:10px;
  border:2px solid #e8e8e8;
  background:#fcfcfc;
  margin:0 6px 10px 0;
  position:relative;
}
textarea.example{
  color:#CCC;
}

#newsfeed {
  float:right;
  width:300px;
  padding:10px;
  border:2px solid #e8e8e8;
  background:#fcfcfc;
}
#newsfeed h4 {
  font-size:115%;
}
#photos .basic, #mine .basic, .rad .basic {
  position:relative;
  float:left;
  width:127px;
  height:137px;
  padding:7px;
  overflow:hidden;
}
.box .basic {
  border:2px solid #e8e8e8;
  margin:10px;
  background:#fcfcfc;
}
.basic h3 {
  height:1.2em;
  overflow:hidden;
  margin-bottom:0;
}
#photos .photo h3 {
  font-size:155%;
  width:265px;
  height:25px;
  overflow:hidden;
  margin-bottom: 5px;
}
ol span {
  color:#CCC;
}
a.done {
  color:#5F5F5F;
}
a.done:hover {
  color:#CCC;
}
div.charts dl.stats {
  margin:-40px 0 0 60px;
}
.photo dl.stats {
  width:145px;
  height:125px;
  overflow:hidden;
}
dl.stats dt {
  float:left;
  margin-right:3px;
  font-weight:bold;
}
dl.stats dd {
  color:#b5bbbd;
}
dl.faq dt {
  font-size:135%;
}
dl.faq dd {
  font-size:110%;
  margin:2px 0 10px 20px;
}
/* Friend Select */
img.provider, span.provider {
  cursor:pointer;
}
/* Comments */
div.allside {
  float:left;
  width:375px;
}
div#comments {
  margin:15px 10px 10px 10px;
}
div#comments div.comment {
  padding:6px;
}
div#comments div.odd {
  background:#FBFBFB;
}
div#comments div.who {
  width:40px;
  height:40px;
  margin:0 5px 5px 0;
  overflow:hidden;
  float:left;
}
div#comments div.who img.horz {
  width:auto;
  height:40px;
  margin:0 0 0 -7.25px;
  float:none;
}
div#comments div.who img.vert {
  height:auto;
  width:40px;
  margin:-7.25px 0 0 0;
  float:none;
}
div.comment span {
  font-size:85%;
  color:#999;
}
/* Tag Cloud */
#cloud a {
	color:#b5bbbd;
}
#cloud a:hover {
	color:#47b4ef;
}


/* Forms */
#form {
  position:relative;
  float:left;
  margin:-42px 2px 10px -23px;
  z-index:1;
  width:318px;
  background: url(../images/shadow.png) no-repeat;
  padding:24px 24px 17px 24px;
}
#form .wrapper {
  border:1px solid #ebebeb;
  background: #ededed;
  padding:15px;
}
input.pending {
  color:#CCC;
}
input.big {
  font-weight:bold;
  padding:1px 3px;
  font-size:130%;
}
#form .bottom {
  height: 25px;
  width:100%;
  position:absolute;
  bottom:-8px;
  left:0;
  background: url(../images/bottom.png) no-repeat bottom left;
}
#facestat {
  float:left;
  margin-right:25px;
  overflow:hidden;
}
#pay {
  display:none;
}
#form dl#stats {
  position:absolute;
  right:10px;
  bottom:10px;
  background:#efefef;
  width:180px;
  padding:5px;
}
#form #stats dt {
  float:left;
  clear:left;
  margin-right: 5px;
}
#form #stats dd {
  font-style:italic;
}
div.fixed {
  position:relative;
  overflow:hidden;
  height:300px;
  width:283px;
}
div.facewrap {
  position:relative;
  overflow:hidden;
  float:left;
  margin:0 15px 15px 0;
  border:3px #ebebeb solid;
}
#body div.judgewrap {
  float:right;
  width:480px;
  margin:0 10px 20px -200px;
}
div.facewrap .guess {
  position:absolute;
  border:3px solid fuchsia;
  cursor:move;
}
div.facewrap .hidden {
  position:absolute;
  cursor:pointer;
  border:3px solid #FFF;
}

div.facewrap .guess span {
  position:absolute;
  bottom:-5px;
  right:-5px;
  display:block;
  background:url(../images/resize.png) no-repeat;
  width:10px;
  height:10px;
}

select#gender {
  height:18px;
  width: 90px;
  font-size:85%;
}

div.judgeform #form {
  margin:30px 0 0 -23px;
}
/*
.padme .warn, .padme .notify {
  padding-left:350px;
  margin-left:20px;
}*/
.error {
  margin-top:4px;
  color:#c22424; 
}
.warn, .notify {
  display:block;
  margin:-15px -15px 15px -15px;
  padding:8px 10px;
  font-weight:bold;
  font-size:115%;
}
.notify {
  background:#fce6b3;
  color:#eaa603;
}
.warn {
  background:#e3b6b6;
  color:#c22424;
}
.warn a {
  color:#c22424 !important;
  text-decoration:underline;
}
.name {
  overflow:hidden;
  height:1em;
}
/* awards */
.award {
  background-image:url(../images/awards.png);
  background-repeat:none;
  width:50px;
  height:50px;
  position:absolute;
  z-index:2;
  bottom:0;
  right:0;
}
.youngest {
  background-position:0 0;
}
.oldest {
  background-position:-50px 0;
}
.hotest {
  background-position:-100px 0;
}
.drunkest {
  background-position:0 -50px;
}
.smartest {
  background-position:-50px -50px;
}
.dumbest {
  background-position:-100px -50px;
}
.gayest {
  background-position:0 -100px;
}
.liberal {
  background-position:-50px -100px;
}
.conservative {
  background-position:-100px -100px;
}
#header .warn {
  margin:0 0 -20px 0;
  text-align:center;
}
#footer {
  position:relative;
  margin-top:20px;
  padding:10px auto;
  height:168px;
  background: #e2e2e2 url(../images/footer.gif) repeat-x;
}
#footer .cool {
  height:100%;
}
#footer iframe {
  float:right;
  margin-top:10px;
}
#footer ul.main {
  bottom:30px;
  padding-bottom:3px;
  border-bottom: 3px #ebebeb solid;
}
#footer ul.main a {
  color:#47B4EF;
  font-size:120%;
}
#footer ul {
  margin:0 auto;
  position:absolute;
  left:10px;
  bottom:8px;
}
#footer ul li {
  display:inline;
  list-style-type:none;
  font-size:93%;
  padding:0 5px;
}
#footer ul li a {
  color:#5f5f5f;
}
#footer ul li a:hover {
  color:#47b4ef;
}