/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  DEFAULTS
 */

* {
  margin:               0;
  padding:              0;
  border:               none;
}

body {
  font:                 12px/16px arial, helvetica, sans-serif;
  background-color:     #000000;
  color:                #cccccc;
}

a {
  color:                #cc0000;
  text-decoration:      none;
}

a:hover {
  text-decoration:      underline;
}

a:active
{
  outline:              none;
}

a:focus
{
  -moz-outline-style:   none;
}


p {
  margin-bottom:        12px;
}

h1 {
  font-size:            15px;
  color:                white;
  margin:               8px 0 3px 0;
}

h2 {
  font-size:            13px;
  color:                #999999;
  margin:               8px 0 8px 0;
  font-weight:          normal;
}

input,
select {
  font:                 12px/16px arial, helvetica, sans-serif;
}


input.text,
.radio-group {
  border:               none;
  background-color:     #c0c2c1;
  height:               16px;
  padding:              4px 0 3px 0;
  text-indent:          5px;
  margin-bottom:        6px;
  display:              block;
  float:                left;
}
.radio-group {
  background:           none;
}

select {
  margin-bottom:        6px;
  height:               23px;
  background-color:     #c0c2c1;
  border:               none;
  display:              block;
  float:                left;
}
label {
  width:                120px;
  float:                left;
  display:              block;
  font-weight:          bold;
}

table {
  border-collapse:      collapse;
}


.rule {
  border-top:           1px solid #666666;
  height:               1px;
  font-size:            0;
  line-height:          0;
  margin-top:           20px;
  margin-bottom:        20px;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MAIN CONTAINER
 */


#main {
  background:           url(../images/bg_main.jpg) -10px 0 no-repeat;
  width:                920px;
  padding:              0 30px 18px 30px;
  margin:               0 auto 0 auto;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  TOP
 */


#contest-cta {
  position:             absolute;
  margin-left:          350px;
}

#contest-cta a {
  background:           url(../images/contest_cta.jpg) top right no-repeat;
  display:              block;
  width:                607px;
  height:               88px;
}
#contest-cta a:hover {
  background:           url(../images/contest_cta.jpg) bottom right no-repeat;
}


#nav-meta {
  position:             absolute;
  top:                  100px;
  text-align:           right;
  width:                920px;
}
#nav-meta a {
  color:                #cccccc;
}

#logo {
  margin:               20px 0 10px 0 ;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  NAV
 */

#nav { }

#nav li {
  display:              block;
  float:                left;
  margin-right:         6px;
}

#nav li a,
.page-nav a {
  text-decoration:      none;
  padding:              6px 8px 6px 8px;
  border:               1px solid #666666;
  display:              block;
  float:                left;
  color:                #cccccc;
  font-weight:          bold;
  background-color:     #000000;
  opacity:              0.8;
  filter:               alpha(opacity=80);
  text-transform:       uppercase;
  font-size:            12px;
}
.page-nav a {
  margin-right:         6px;
}

#nav li a:hover,
.page-nav a:hover {
  border:               1px solid #cc0000;
  color:                #cc0000;
  text-decoration:      none;
}
.page-nav a.selected {
  border:               1px solid #cc0000;
  color:                #cc0000;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  BUTTON
 */


.button {
  text-decoration:      none;
  padding:              6px 8px 6px 8px;
  border:               1px solid #666666;
  display:              block;
  color:                #cccccc;
  font-weight:          bold;
  margin-right:         6px;
  background-color:     #000000;
  opacity:              0.8;
  filter:               alpha(opacity=80);
  text-transform:       uppercase;
  font-size:            12px;
}

.button:hover {
  border:               1px solid #cc0000;
  color:                #cc0000;
  text-decoration:      none;
}

a.button {
  padding:              6px 8px 6px 8px;
  display:              -moz-inline-box;
  display:              inline-block;
}








/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  NAV SEARCH FORM
 */

#search { }

#search fieldset {
  border:               1px solid #cccccc;
  padding:              2px 2px 0 2px;
  background-color:     #000000;
  height:               25px;
}

#search .text {
  width:                85%;
  display:              block;
  float:                left;
  margin:               0;
}

#search .button {
  width:                15%;
  display:              block;
  float:                left;
  height:               23px;
  background-color:     #000000;
  color:                #cccccc;
  font-weight:          bold;
  text-transform:       uppercase;
  cursor:               pointer;
  margin:               0;
  border:               none;
}

#search .button:hover {
  color:                #cc0000;
}








/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PAGE BODY
 */

.body {
  margin-top:           7px;
  height:               1%;
}







/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MODULE
 */

.module {
  background:           url(../images/bg_module.png) transparent;
  height:               1%;
  overflow:             auto;
}

.module-header {
  background-color:     #000000;
}
.module-header img {
  margin:               9px 0 9px 10px;
}
.module-body {
  padding:              30px;
}

.module-photo {
  display:              block;
  margin:               0 auto;
  border:               2px solid black;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  HOME MODULE
 */

.home .module {
  float:                left;
  width:                300px;
  height:               440px;
  margin-right:         10px;
  overflow:             visible;
}

.home .module-header {
  text-align:           center;
}
.home .module-header img {
  margin:               9px 0;
}

.home .module-body {
  height:               345px;
  padding:              0px 30px 0 30px;
}

.home .module .button {
  display:              block;
  width:                190px;
  text-align:           center;
  margin:               auto;
  float:                none;
}






/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  VOTE PANEL
 */

.vote-panel {
  background-color:     #000000;
  padding:              6px;
}

.vote-panel ul {
  display:              block;
  margin:               0 auto 0 auto;
  padding-top:          6px;
  width:                200px;
}

.vote-panel li {
  width:                20px;
  display:              block;
  float:                left;
  text-align:           center;
}

.vote-panel input {
  width:                14px;
  height:               14px;
}
.vote-panel label  {
  width:                auto;
  float:                none;
  font-weight:          normal;
  display:              inline;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  LOGIN FORM
 */


#login-form fieldset {
  width:                400px;
}

#login-form .text {
  width:                280px;
}

#login-form label {
  width:                120px;
  font-weight:          bold;
}

#login-form .button {
  width:                80px;
  float:                right;
  margin:               0;
}






/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  REGISTER FORM
 */


#register-form fieldset {
  float:                left;
  width:                355px;
}

#register-form .text {
  width:                60%;
}

#register-form label {
  width:                40%;
  font-weight:          bold;
}

#register-form .button {
  width:                80px;
  float:                right;
  margin:               0;
}
#register-form input.radio {
}

#register-form select {
  width:                60%;
}

.steps {
  width:                136px;
  height:               35px;
  background:           url(/images/steps.gif);
  margin-bottom:        20px;
}

.step-1 {
}

.step-2 {
  background-position:  0 -35px;
}

.step-3 {
  background-position:  0 -70px;
}

.zombifier .steps {
  position:             absolute;
  margin:               30px 0 0 30px;
}

.zombifier .module-body {
  padding:              0;
}

.mailbox {
  margin-left:          350px;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  SEARCH FORM
 */

#search-form fieldset {
  float:                left;
  margin-right:         50px;
  width:                320px;
}

#search-form select {
  width:                65%;
}

#search-form label {
  width:                35%;
  font-weight:          bold;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  SEARCH RESULTS (made everything more spacey due to the extra strings of spanish text)
 */

.user-search-result-cell {
  float:                left;
  width:                120px;
  overflow:             hidden;
  margin-right:         20px;
  height:               170px;
}
.user-search-result-cell a img {
  border:               1px solid black;
}
.user-search-result-cell a:hover img {
  border:               1px solid #cc0000;
}
.user-search-result-cell a {
  color:                #cccccc;
}

.page-nav {
  clear:left;
}

.page-nav strong a {
  color:                white;
  background-color:     #990000;
}







/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PROFILE
 */

.profile .mugshot {
  float:                left;
  margin-right:         20px;
  margin-bottom:        20px;
  display:              block;
}


.profile table.traits {
}

.profile table.traits th {
  text-align:           left;
  width:                110px;
}

.profile .rating {
}

.profile #bites {
  font-size:            14px;
  font-weight:          bold;
  color:                #cc0000;
}


.profile .rating {
  background:           url(/images/icon_rating.png) no-repeat;
  behavior:             url(/css/iepngfix.htc);
  width:                87px;
  height:               43px;
  float:                right;
  text-align:           center;
  padding-top:          34px;
  font-size:            16px;
  margin-top:           10px;
  color:                #cc0000;
}



.bitten {
  text-decoration:      none;
  padding:              0 8px 0 8px;
  border:               1px solid #666666;
  display:              block;
  color:                #cccccc;
  font-weight:          bold;
  margin-right:         6px;
  height:               27px;
  background-color:     #666666;
  opacity:              0.8;
  filter:               alpha(opacity=30);
  text-transform:       uppercase;
  font-size:            12px;
  line-height:          27px;
  display:              -moz-inline-box;
  display:              inline-block;
}





/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  CONTEST
 */

#friends {

}

#friends .user-search-result-cell {
  height:               130px;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  INVITE FORM
 */

#invite-form fieldset {
  width:                680px;
}

#invite-form .text {
  width:                25%;
  margin-right:         7%;
}

#invite-form label {
  width:                15%;
  font-weight:          bold;
}

.invite_done {
  font-size: 18px;
}

.thumbs_up {
  margin-left: 300px;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  FOOTER
 */

#footer {
  padding-top:          14px;
  clear:                both;
  text-align:           center;
}

.footer-banner { }

.right-banner {
  float:                right;
  width:                160px;
  padding-left:         10px;
}

#bottom-links {
  width:                920px;
  padding:              8px 30px 8px 30px;
  text-align:           center;
  margin:               0 auto 0 auto;
}






/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  CONTEST
 */

#contest-box {
  padding:              10px;
  background-color:     #000000;
  width:                415px;
}


#contest-box ul {
  margin-left:          18px;
}









/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  DIALOGS
 */

.dialog {
  display:              none;
}





/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MISC
 */

.min-height {
  height:               560px;
  float:                right;
}

.last {
  margin-right:         0 !important;
}

.error {
  color:                red;
}