html, body, p, ul, dl, dt, dd, li, h1, h2, h3, h4, a, table, th, tr, td {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  color: #888;
}

body {
  background: #000; /* url(../images/bkg_logo.png) top left repeat; */
  font: 76% arial, sans-serif;
  _font-size: 82%;
}

a             { color: #888; outline: none; text-decoration: none; font-weight: bold;}
a:hover       { color: #EEE; }
a > img       { border: 2px solid #1E1E1E; }
a img         {_border: 2px solid #1E1E1E; }
a > img:hover { border: 2px solid #080808; }
a:hover img   {_border: 2px solid #080808; }

div#page-container { width: 924px; margin: 0 auto }

span.hide { display: none }

/* ======================================================================== Forms */

fieldset { border-style: none; }
fieldset div { margin: 0; padding: 8px 0px 0px 8px; display: block; }
fieldset div input, fieldset div textarea, fieldset div select, fieldset input {
  color: #CCC;
  font-size: 1.1em;
  margin: 8px 0px 0px 8px;
  padding :1px;
  background-color: #1E1E1E;
  border: 2px solid #161616;
  letter-spacing: 1px; }
fieldset div textarea { width: 92%; padding: 6px; }

fieldset div label { font-weight: bold; }

/* ============================================================ Header */

#header { margin-top: 20px; padding-bottom: 5px; }

#header_logo { background: url(../images/header_logo.png) top left no-repeat; height: 155px; }

a.log-link img { border: 0; }

#nav { height: 32px; overflow: hidden }
#nav li { display: inline; list-style-type: none }

#nav, .menu_img { float: left; }

#nav a {
  float: left;
  padding: 32px 0 0 0;
  overflow: hidden;
  height: 0px !important;
}
#nav a:hover                   { background-position: 0 -32px; }
#nav a:active, #nav a.selected { background-position: 0 -64px; }

#menu_home     a { width: 108px; background: url(../images/menu_home.png)     top left no-repeat }
#menu_eventos  a { width: 126px; background: url(../images/menu_eventos.png)  top left no-repeat }
#menu_tickets  a { width: 122px; background: url(../images/menu_tickets.png)  top left no-repeat }
#menu_realf    a { width: 164px; background: url(../images/menu_realf.png)    top left no-repeat }
#menu_subite   a { width: 226px; background: url(../images/menu_subite.png)   top left no-repeat }
#menu_contacto a { width: 134px; background: url(../images/menu_contacto.png) top left no-repeat }

#header_logo div { margin-top:  104px; float: left; position: absolute; }
#spot_home       { margin-left: 0; }
#spot_eventos    { margin-left: 103px; }
#spot_tickets    { margin-left: 229px; }
#spot_realf      { margin-left: 343px; }
#spot_subite     { margin-left: 493px; }
#spot_contacto   { margin-left: 738px; }

/* ============================================================ Content */

#content {
  width: 915px;
  _width: 916px;
  padding: 3px;
  _padding-right: 2px;
  border:  1px solid #0A0A0A;
  _border: 1px solid #050505;
  background:        #131313;
  _background-color: #0E0E0E;
}

#content-bkg  { background: #131313 url(../images/content_bkg.png)  top left repeat-y; _background-color: #0E0E0E; }
#content-bkg2 { background: #131313 url(../images/content_bkg2.png) top left repeat-y; _background-color: #0E0E0E; }

#left-panel, #main-panel, #right-panel, #unique-panel { float: left; }
#left-panel   { width: 182px; }
#main-panel   { width: 472px; }
#right-panel  { width: 261px; }
#unique-panel { width: 733px; }

#border-btm-img img  { _margin-top: -3px; _margin-left: 13px; }
#border-btm-img2 img { _margin-top: -7px; _margin-left: 9px; }

#main-panel ul { padding-left: 13px; }

.admin-link {
  text-align: right;
  padding: 5px 8px;
  font-weight: bold;
  letter-spacing: -0.2px;
  font-size: .8em;
}

#content div img { _margin-bottom: -3px; }
img.absolute { _position: absolute; }

/* ============================================================ main-panel */

#contacts,           #subjects,           #advertise,          #categories,
#contact,            #contents,           #destroyer_brothers, #events,
#fighters,           #media,              #octagon,            #octagon_girls,
#posts,              #products,           #sponsors,           #tickets,
#sessions,           #attachments,        #fights,             #events-wide,
#products-wide,      #fighters-wide,      #octagon_girls-wide { padding: 12px 9px 0 9px; }

/* ============================================================ left-panel */

.leftmenu a {
  display: block;
  border: none;
  background-position: left top;
  background-repeat: no-repeat;
  width: 169px;
  height: 28px;
  margin-left: 5px;
}
.leftmenu a:hover, .leftmenu a.selected { background-position: 0 -28px; text-decoration: none; }

.leftmenu a#lmenu-fotolog      { background-image: url(../images/lmenu_fotolog.png) }
.leftmenu a#lmenu-fotos        { background-image: url(../images/lmenu_media.png) }
.leftmenu a#lmenu-girls        { background-image: url(../images/lmenu_girls.png) }
.leftmenu a#lmenu-productos    { background-image: url(../images/lmenu_products.png) }
.leftmenu a#lmenu-anuncie      { background-image: url(../images/lmenu_advertise.png) }
.leftmenu a#lmenu-sponsors     { background-image: url(../images/lmenu_sponsors.png) }
.leftmenu a#lmenu-destroyer    { background-image: url(../images/lmenu_destroyer.png) }

#calendar-body { padding: 3px 10px 3px 7px; }

#calendar p, .nextevent-location, .nextevent-date { font-size: .76em; color: #BBB; }

#calendar a, .nextevent-name a {
  font-size: .76em;
  _font-size: .8em;
  color: #AE0000;
  line-height: 1.2em;
  _line-height: 1.1em;
  _margin-bottom: -8px;
}
#calendar a:hover, .nextevent-name a:hover { color: #CE0000; }

#calendar img { border: 0; }

.calendar-txt-odd, .calendar-txt-even {
  background: transparent url(../images/calendar_hr.png) bottom left no-repeat;
  padding: 10px 7px 10px 7px;
  _padding-top: 6px;
}
.calendar-txt-even { background-color: #161616; }

#calendar-banner { margin: 4px 3px 3px 3px; }

/* ============================================================ right-panel */

#nextevent, #help { padding-left: 3px; }
#nextevent-body { padding: 3px 9px 3px 10px; }

.nextevent-even { background: #161616; }

.nextevent-img { text-align: center; }

.nextevent-details { padding: 6px 7px 8px 7px; _padding-top: 10px; }
.nextevent-name { float: left; position: absolute; }
.nextevent-date { float: right; color: #777; }
.nextevent-location { clear: both; _clear: none; _width: 99.9%;}

#video {
width: 239px;
height: 194px;
margin: 5px 0 5px 1px;
_margin: 8px 0 5px 0;
}

/* ============================================================ Help */

#help-body { padding: 4px 9px 6px 9px; font-size: .9em; }
#help h3   { padding: 1px 2px 1px 5px; color: #BBB; font-size: 1em; }
#help p    { padding: 1px 2px 3px 5px; }
#help ul   { padding-left: 25px; padding-bottom: 2px; }
.help-img { float:right; margin: 3px 0; }

/* ============================================================ Footer */

#footer { padding: 2px 0 38px 0 }

/* ============================================================ Posts */

/* image small 100px 140px */

#posts { padding-top: 1px; }

.post-odd, .post-even, #post-details, #post-marked { padding-top: 6px; }

#post-details-image, #post-marked-image { margin-top: 4px; text-align: center; }
#post-details-image img { border: 2px solid #1E1E1E; }

img.post-top { _position: absolute; } /* juntar con clase absolute */

.post-even { background: #161616; _width: 99.9%;}

.post-odd, .post-odd img, .post-even, .post-even img { margin-top: 4px; }

.post-date    { color: #707070; font-weight: bold; font-size: .8em; }
.post-title   { font-weight: bold; }
.post-title a, .post-title { color: #AE0000; line-height: 1.2em; _line-height: 1.1em; _margin-bottom: -8px;}
.post-title a:hover { color: #CE0000; }
.post-body {
  padding-bottom: 6px;
  margin-top: 2px;
  font-size: .9em;
  _font-size: .8em;
  letter-spacing: 0.5px;
  _letter-spacing: 1px;
  line-height: 1.5em;
}
.post-date, .post-title, .post-body { padding-left: 6px; padding-right: 6px; }

div#post-details div.post-body, div#post-marked div.post-body { margin-top: 8px; }

.post-image { margin: 1px 5px 4px 9px; float: right; }

.video2 {
  width: 425px;
  height: 355px;
  margin: 5px 0 5px 14px;
}

/* ============================================================ #events - Detalle */

#event-detail-title {
  padding: 6px 0 14px 36px;
  font-size: 1.17em;
  font-weight: bold;
  color: #EEE;
}

div#event-title-name { float: left; width: 70%; padding-bottom: 3px; }
div#event-title-date {
  float: left;
  text-align: right;
  width: 30%;
  padding-bottom: 3px;
  letter-spacing: -0.5px;
  color: #777;
}

#event-detail { margin-left: 26px; _margin-left: 14px; padding-top: 24px; }

#event-image {
  float: left;
  border: 2px solid #1E1E1E;
  margin: 0 4px 8px 10px;
  height: 330px;
  width: 220px;
}

#event-info { float: left; width: 450px; }
#event-info table.table-display th { width: 40%; }
#event-info table.table-display th#person-name { width: 100%; }

img.event-table-hr { width: 450px; margin: 26px 0 8px 0; _float: right; _margin-right: 3px; }

#events-wide a.buy-link {
  padding: 6px 12px 8px 8px;
  margin-left: 8px;
  background: transparent url(../images/link_arrow.png) no-repeat;
  background-position: 0 10px;
  font-size: .9em;
  color: #A5A5A5;
}
#events-wide a.buy-link:hover { color: #EEE; }

h3.events-fights-title { color: #EEE; padding: 16px 36px 2px 36px; clear: both; _font-size: 1.1em; }
.event-fight {
  width: 100%;
  _width: 90%;
  clear: both;
  padding: 24px 0 12px 36px;
  _padding: 24px 0 0 36px;
}
.event-fighter-photo { float: left; width: 224px; }
.event-fighter-photo img { border: 2px solid #1E1E1E; }
.event-fighter-name {
  font-size: 1em;
  color: #777;
  text-align: center;
  padding: 9px 0 6px 0;
  letter-spacing: -.5px;
}
.event-fight-result {
  text-align: center;
  font-size: .8em;
  color: #CCC;
  font-weight: bold;
}
.vs-image { float: left; margin: 130px 20px 10px 20px; }

#event-gallery { clear: both; }
#event-photo-gallery { padding: 8px 0 22px 0; background: #161616; _width: 99.9%; }
#event-photo { float: left; margin: 14px 4px 0 10px; _margin-left: 6px; _margin-right: 7px; }

/* ====================================================== Media */

#media { padding-top: 0; }
.media-odd, .media-even { padding-top: 6px; padding-bottom: 8px; padding-left: 1px; _padding-left: 0; }
.media-even { background: #161616; _width: 99.9%;}
.media-odd img, .media-even img { margin-top: 4px; }
#media-gallery { clear: both; }
#media-photo { float: left; margin: 4px 4px 0 5px; _margin: 4px 5px 0 3px; }
img#media-hr { _position: absolute;} /* juntar con clase absolute */

/* ====================================================== Results */

.results-event, .results-date, .results-place, .results-location, .results-fight-num, .results-fight-category, .results-fighter, .results-vs, .results-def { text-align: center; font-weight: bold; }

.results-event a { color: #AE0000; line-height: 1.2em; _line-height: 1.1em; _margin-bottom: -8px;}
.results-event a:hover { color: #CE0000; }

.results-date     { font-size: .8em; color: #707070; }
.results-place    { font-size: 1em; color: #AE0000; }
.results-location { font-size: 1em; color: #DDD; padding-bottom: 6px; }

.results-fight-head { background: #161616; }
.results-fight-num      { font-size: .8em; color: #DDD;    padding-top:    3px; _padding-top: 5px; }
.results-fight-category { font-size: .8em; color: #AE0000; padding-bottom: 2px; }

.results-fighters { _margin-top: 3px; }
.results-fighter { float: left; font-size: .9em; width: 201px; border: 2px solid #555; }
.results-fighter a       { color: #DDD; line-height: 40px; letter-spacing: -0.9px; _letter-spacing: -0.5px; }
.results-fighter a:hover { color: #FFF; }
.results-fighter span {
  font-size: .8em;
  color: #DDD;
  font-weight: normal;
  letter-spacing: -1px;
  _letter-spacing: -0.5px;
}
.results-vs {
  float: left;
  font-size: 1.16em;
  color: #6A6A6A;
  width: 40px;
  line-height: 40px;
  border: 2px solid #555;
}
.results-def {
  font-size: .76em;
  _font-size: .8em;
  color: #555;
  padding: 7px 0 7px 0;
  _padding-top: 3px;
  letter-spacing: 0.5px;
}

/* ============================================================ #fighters y #octagon_girls - Listado */

#list-title {
  background: #161616 url(../images/mainpanel_hr.png) bottom left no-repeat;
  margin-top: 4px;
  padding: 9px 8px 10px 8px;
  font-weight: bold;
  font-size: .9em;
  letter-spacing: -0.7px;
}
#list th {
  background: #A5A5A5;
  color: #161616;
  text-align: left;
  font-size: .9em;
  padding: 6px 8px 5px 8px;
}
#list th.showed-th { border-right: 1px solid #030303; }
#list th.th-extra { border-left: 1px solid #030303; }
#list tr { background: url(../images/mainpanel_hr.png) top left no-repeat; }
#list tr.row-odd { background: #161616 url(../images/mainpanel_hr.png) top left no-repeat; }
#list td    { padding: 10px 8px 8px 8px; font-size: 0.9em;}
#list td#girl-picture { padding-top: 5px; padding-bottom: 3px; }

#list td.admin-link-icon { padding-top: 11px; text-align: center;}
#list td.admin-link-icon img { border: 0; }

/* ============================================================ #fighters y #octagon_girls - Details */

#details-title {
  background: #181818;
  margin-top: 4px;
  padding: 11px 8px 7px 11px;
}

#profile { padding-top: 4px; }

#person-image {
  float: left;
  border: 2px solid #1E1E1E;
  margin: 0 4px 8px 10px;
  _margin-left: 5px;
  width: 220px;
}

#person-info { float: left; width: 477px; }

table.table-display { width: 100%; }
table.table-display th {
  width: 40%;
  border-right: 1px solid #0F0F0F;
  padding: 9px 8px 5px 8px;
  font-weight: normal;
  text-align: left;
}
table.table-display th#person-name {
  width: 100%;
  border-right: 0;
  background: #840000 url(../images/title_red_bkg.png) top left repeat-y;
  padding: 7px 7px 5px 7px;
  color: #FFF;
  font-weight: bold;
}

table.table-display tr { font-size: 0.9em; }
table.table-display tr.odd  { background: #161616     url(../images/mainpanel_hr.png) top left repeat-x; }
table.table-display tr.even { background: transparent url(../images/mainpanel_hr.png) top left repeat-x; }
table.table-display td { color: #A5A5A5; padding: 9px 8px 5px 8px; }

table.table-display tr#last-row, table.table-display tr#last-row td { padding: 0; height: 3px; }

#person-gallery { clear: both; }
#person-gallery h4, #person-bio h4 {
  background: transparent url(../images/mainpanel_hr.png) bottom left repeat-x;
  padding: 18px 12px 6px 9px;
  font-size: .9em;
  color: #A5A5A5;
}
#person-photo-gallery { padding: 8px 0 22px 0; background: #161616; _width: 715px; }
#person-photo { float: left; margin: 14px 4px 0 10px; _margin: 14px 9px 0 5px; }

#person-bio { clear: both; }
#person-bio p {
  padding: 13px 8px 13px 9px;
  font-size: .9em;
  color: #6F6F6F;
  text-align: justify;
}

/* ====================================================== Attachments show */

#attachment-role-image { text-align: center; padding: 12px 0; }
#attachment-role-image img { border: 2px solid #1E1E1E; }

/* ====================================================== Products */

#products-wide { padding-top: 0; }

#producto {
  width: 250px;
  float: left;
  padding: 26px 36px 9px 38px;
}
#products-wide h2 {
  font-size: 1.17em;
  padding: 18px 0 1px 37px;
  color: #AAA;
}
div#producto h3 { padding-top: 8px; color: #EEE; }
div#producto p  { font-size: .8em; }
div#producto h4 { font-size: .9em; color: #EEE; }
div#producto a  { font-size: .9em; color: #999; }
div#producto a:hover { color: #EEE; }
div#products-wide div.separador { clear: both; }

/* ====================================================== Advertise */

#advertise ul, #advertise h4 {
  padding-left: 42px;
  padding-right: 20px;
  margin: 6px 0;
  font-size: .9em;
}
#advertise ul li { list-style-image: url(../images/dot_orange.png); _list-style-image: none;}
#advertise h4 { font-weight: normal; padding-left: 30px; margin: 10px 0 16px 0; }
#advertise p > img { margin-bottom: 4px; }
#advertise p img  { _margin-bottom: 1px; }

span.foto img {
  border: 2px solid #1E1E1E;
  height: 74px;
  width: 100px;
  margin: 4px 2px 4px 4px;
}

/* ====================================================== Destroyer Bros */

#destroyer_brothers { _padding-top: 0; _padding-left: 6px; _padding-right: 0;}
#destroyer_brothers p, #destroyer_brothers h3, #destroyer_brothers h4 {
  font-size: .9em;
  padding: 10px 20px 4px 20px;
  _width: 92%;
  _padding-right: 0;
}
#destroyer_brothers h3 { color: #EEE; }
#destroyer_brothers h4 {
  color: #AE0000;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -7px;
  font-weight: normal;
}
#destroyer_brothers p > img  { margin-left: -23px; }
#destroyer_brothers p img   { _padding: 0; _margin-left: -20px; }
#destroyer_brothers img.logo { margin-left: -20px; _margin-left: -17px; }

/* ====================================================== Tickets */

#tickets p, #tickets h3, #tickets h4 {
  font-size: .9em;
  padding: 10px 20px 4px 20px;
  _width: 92%;
  _padding-right: 0;
}
#tickets h3 { color: #EEE; font-weight: normal; }
#tickets h4 {
  color: #AE0000;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -7px;
  font-weight: normal;
}
#tickets p > img { margin-left: -20px; }
#tickets p img  { _margin-left: -20px; }
#tickets img.foto { margin-top: 4px; }

/* ====================================================== Octogon */

#octagon p > img { margin-bottom: 4px; }
#octagon p img  { _margin-bottom: 1px; }
#octagon img.image-link {
  float: left;
  margin: 1px 9px 5px 21px;
  _margin-bottom: -4px;
  border: 0;
}
#octagon a.text-link {
  line-height: 22px;
  font-size: .9em;
  font-weight: normal;
  color: #999;
}
#octagon a.text-link:hover { color: #EEE; }

/* ====================================================== Sponsors */

#sponsors { padding-top: 0; }
#sponsors h3 {
  background: #161616 url(../images/mainpanel_hr.png) top left no-repeat;
  margin-top: 12px;
  padding: 9px 8px 7px 8px;
  font-size: .9em;
}
#sponsors ul {
  padding-left: 42px;
  padding-right: 20px;
  margin: 6px 0;
  font-size: .9em;
}
#sponsors ul li { list-style-image: url(../images/dot_red.png); _list-style-image: none;}

/* ====================================================== Conctact Detail */

#contact-details { padding-top: 6px; }

.contact-date    { color: #707070; font-weight: bold; font-size: .8em; }
.contact-name, .contact-subject { font-weight: bold; }
.contact-subject a, .contact-subject { color: #AE0000; line-height: 1.2em; _line-height: 1.1em; _margin-bottom: -8px;}
.contact-subject a:hover { color: #CE0000; }
.contact-message {
  padding-bottom: 6px;
  margin-top: 2px;
  font-size: .9em;
  _font-size: .8em;
  text-align: justify;
  letter-spacing: 0.5px;
  _letter-spacing: 1px;
  line-height: 1.5em;
}
.contact-date, .contact-subject, .contact-name, .contact-message { padding-left: 6px; padding-right: 6px; }