/**
 * MMA Connect global style sheet
 *
 * @author Martin Bean <martin@mcbwebdesign.co.uk>
 * @copyright 2010 mmaconnect.co.uk
 * @version 2.0
 */

* {
    margin: 0;
    padding: 0;
}
body {
    color: #f2f2f2;
    font: normal 10px/1.3 Tahoma, sans-serif;
    text-align: center;
    background: #000 url('../images/background.gif') repeat 50% 0%;
}


/**
 * Links styling
 */
a img {
    border: none;
}
a:link, a:visited {
    color: #efefef;
    text-decoration: underline;
}
a:hover, a:active {
    color: #df1a22;
}


/**
 * Typography styles
 */
h1 {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #600101;
    margin: 0 0 0.75em 0;
    padding: 4px;
}
p {
    font-size: 11px;
    margin-bottom: 1em;
}
dl {
    font-size: 11px;
    margin-bottom: 0.75em;
}
dl dt {
    color: #aeaeae;
}
ol,ul {
    margin: 0 0 1em 2em;
}
li {
    font-size: 11px;
}


/**
 * Form styling
 */
fieldset {
    font-size: 11px;
    background-color: #353535;
    padding: 10px;
    border: none;
}
label {
    color: #fff;
    font-weight: bold;
    padding-bottom: 2px;
}
label .required {
    color: #e0e0e0;
    font-weight: normal;
}
label, input {
    display: block;
}
input.text, textarea {
    font-family: inherit;
    font-size: 11px;
    margin-bottom: 0.75em;
    padding: 2px;
    border: 1px solid #333;
}
select {
    display: block;
    margin-bottom: 1em;
}


/**
 * Table styles
 */
table {
    font-size: 11px;
    width: 100%;
}
table th {
    font-weight: bold;
    text-align: left;
    padding: 5px 10px;
}
table td {
    padding: 5px 10px;
    vertical-align: top;
}
table tr.odd td {
    background-color: #222;
}
table tr.even td {
    background-color: #333;
}
table.events_calendar td a {
    text-decoration: none;
}
table.events_calendar td a strong {
    color: #fff;
    font-weight: bold;
    display: block;
}
table.events_calendar td a:hover strong {
    color: inherit;
}
table.events_calendar td.title a strong {
    text-transform: uppercase;
}
table.events_calendar td.tickets {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 75px;
}
table.events_calendar td.tickets a {
    text-align: center;
    background-color: #600101;
    display: block;
    padding: 4px 0;
    border: 1px solid #000;
}
table.events_calendar td.tickets a:hover {
    color: #fff;
    background-color: #df1a22;
}


/**
 * Main page structure
 */
#container {
    text-align: left;
    width: 906px;
    margin: 0 auto;
    padding: 20px 0 5px 0;
}
#header {
    height: 142px;
    padding: 0 0 10px 0;
}
#header #logo {
    display: block;
    float: left;
}
#header #banners {
    float: right;
    width: 472px;
}
#header #banners a {
    display: block;
    margin-bottom: 5px;
    border: 2px solid #fff;
}
#header #banners a:hover {
    border-color: #df1a22;
}
#header #banners a img {
    display: block;
    width: 468px;
    height: 60px;
}
#content {
    background: #353535 url('../images/content.gif') repeat-x 0 0;
    overflow: auto;
    padding: 5px 5px 116px 5px;
    border: 1px solid #505556;
}
#navigation {
    border-bottom: 1px solid #333;
    margin: 0 5px 5px 5px;
}
#navigation ul {
    margin: 0 0 5px 0;
    overflow: auto;
}
#navigation ul li {
    display: inline;
    float: left;
}
#navigation ul li a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    border-right: 1px solid #333;
}
#navigation ul li a:hover {
    color: #df1a22;
}
/* sub-menu */
#navigation ul li ul {
    background-color: #000;
    position: absolute;
    left: -999em;
    width: 150px;
    padding: 5px 0;
    border: 1px solid #333;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul {
	left: auto;
}
#navigation ul li ul li {
    display: inline;
    float: none;
}
#navigation ul li ul li a {
    width: auto;
    float: none;
    padding: 5px 10px;
    border: none;
}
#navigation ul li ul li a:hover {
    background-color: #222;
}
#left_column {
    background-color: #000;
    float: left;
    width: 269px;
    border: 5px solid #000;
    border-top: none;
}
#left_column #weight_divisions {
    margin: 0;
}
#left_column #weight_divisions li {
    list-style: none;
}
#left_column #weight_divisions li a {
    text-decoration: none;
    background: url('../images/weight-division.gif') no-repeat 0 0;
    display: block;
    height: 51px;
    border-top: 1px solid #000;
}
#left_column #weight_divisions li a:hover {
    background-position: 0 -51px;
}
#left_column #weight_divisions li a span {
    font-size: 14px;
    text-align: center;
    display: block;
    padding-left: 80px;
}
#left_column #weight_divisions li a span.name {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
}
#left_column #weight_divisions li a span.weight {
    color: #b5b3ad;
}
#left_column #weight_divisions li a:hover span.name {
    color: #ff6c00;
}
#left_column #newsletter_plug, #left_column #rankings_plug {
    display: block;
    float: left;
    height: 63px;
    overflow: hidden;
    border-top: 4px solid #000;
}
#left_column #newsletter_plug {
    float: right;
}
#left_column #newsletter_plug:hover img, #left_column #rankings_plug:hover img {
    margin-top: -63px;
}
#left_column .figure {
    font-size: 11px;
    font-style: italic;
    text-align: center;
    background-color: #600101;
    display: block;
    padding: 3px 0 5px;
}
#main_column {
    float: left;
    width: 424px;
    padding: 5px;
}
#main_column li {
    padding: 0 0 1px 0;
}
#right_column {
    background-color: #000;
    width: 171px;
    float: right;
    border: 5px solid #000;
}
#right_column #fighter_of_the_month h3 {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    background: #6c1c22 url('../images/heading.gif') repeat-x 0 0;
    border: 1px solid #fff;
    border-bottom: none;
}
#right_column #fighter_of_the_month a {
    display: block;
    height: 119px;
    overflow: hidden;
    border: 1px solid #fff;
}
#right_column #fighter_of_the_month a img {
    display: block;
}
#right_column #fighter_of_the_month p {
    font-size: 11px;
    font-style: italic;
    text-align: center;
    background-color: #600101;
    margin: 2px 0 5px 0;
    padding: 3px 0 5px;
}
#right_column #fighter_management a {
    display: block;
    border: 1px solid #fff;
}
#right_column #fighter_management a:hover {
    border-color: #df1a22;
}
#right_column #fighter_management a img {
    display: block;
}
#right_column #about_mma a {
    display: block;
    height: 46px;
    overflow: hidden;
}
#right_column #about_mma a:hover img {
    display: block;
    margin-top: -46px;
}
#right_column object, #right_column embed {
    display: block;
}
#right_column #your_cart {
    background-color: #353535;
    padding: 8px;
}
#right_column #your_cart h3 {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    background: #600101 url('../images/cart-icon.gif') no-repeat 8px 50%;
    margin: -8px -8px 8px -8px;
    padding: 4px 28px;
    border-bottom: 3px solid #000;
}
#right_column #your_cart p {
    margin-bottom: 0.25em;
}
#bottom_nav {
    height: 125px;
    margin: -135px 0 0 0;
    padding: 5px;
}
#bottom_nav ul {
    height: 100%;
    margin: 0;
}
#bottom_nav ul li {
    display: block;
    float: left;
}
#bottom_nav ul li#ring_girls {
    margin-top: 8px;
}
#bottom_nav ul li#referees {
    margin-top: 10px;
}
#bottom_nav ul li#commentators {
    margin-top: 10px;
}
#bottom_nav ul li#production {
    margin-top: 9px;
}
#bottom_nav ul li#cage_hire {
    margin-top: 19px;
}
#bottom_nav ul li a {
    display: block;
    float: left;
    width: 16.67%;
}
#sponsors {
    clear: both;
    background: #353535 url('../images/content.gif') repeat-x 0 0;
    margin: 0;
    padding: 10px 5px;
    border: 1px solid #505556;
    border-top: none;
    overflow: auto;
}
#sponsors li {
    display: inline;
    list-style: none;
}
#sponsors li a {
    color: #e0e0e0;
    text-decoration: none;
    display: block;
    float: left;
    width: 213px;
    padding: 0 5px;
}
#sponsors li a:hover {
    color: #fff;
}
#sponsors li a span, #sponsors li a img {
    display: block;
}
#sponsors li a span {
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}
#sponsors li a img {
    width: 213px;
    height: 301px;
}
#credit {
    color: #505556;
    font-size: 11px;
    text-align: right;
    margin: 0;
    padding: 8px;
}
#credit a {
    color: #6e706f;
    text-decoration: none;
}
#credit a:hover {
    color: #df1a22;
    text-decoration: underline;
}
#credit span.divider {
    font-weight: bold;
    padding: 0 2px;
}


/**
 * Page-specific over-rides
 */
.home #main_column img {
    background-color: #000;
    display: block;
    padding: 2px;
    border: 1px solid #6e706f;
}
.home #main_column p {
    font-size: 12px;
    background-color: #171918;
    padding: 6px 8px 7px;
    border: 1px solid #6e706f;
    border-top: none;
}
.inner #main_column h1 {
    margin-left: -4px;
    margin-right: -4px;
}
.wide #left_column {
    width: 244px;
    border: none;
}
.wide #left_column img,
.wide #right_column img {
    display: block;
    width: 240px;
    height: 240px;
    /*margin-bottom: 2px;*/
    padding: 1px;
    border: 1px solid #666;
}
/*
.wide #left_column span {
    color: #fff;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    background-color: #000;
    display: block;
    padding: 3px 4px 5px;
}
*/
.wide #main_column {
    float: left;
    width: 386px;
    padding: 5px 10px;
}
.wide #right_column {
    width: 244px;
    border: none;
}
.wide #right_column img {
    margin-bottom: 0;
}
.calendar #main_column {
    width: 703px;
}

#feedback_form input.text {
    width: 150px;
}
#feedback_form textarea {
    width: 300px;
}
#feedback_form #enews_signup {
    height: 1.6em;
    margin-bottom: 0.75em;
}
#feedback_form #enews_signup label,
#feedback_form #enews_signup input {
    display: inline;
    float: left;
    margin: 0 0.5em 0 0;
}

#product_details {
    float: left;
    width: 236px;
}
#add_to_basket {
    float: right;
    width: 170px;
    margin-bottom: 1em;
}
#add_to_basket img {
    background-color: #000;
    display: block;
    width: 150px;
    margin: 0 0 10px 0;
    padding: 1px;
    border: 1px solid #505556;
}
#add_to_basket p {
    margin-bottom: 0.5em;
}
#add_to_basket label, #add_to_basket input {
    float: left;
    margin-right: 0.5em;
}
#add_to_basket label {
    padding-top: 2px;
}

.event h1 {
    margin: 0 0 2px 0;
}
.event h2, .event h3 {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #600101;
    margin: 0 -8px 5px -8px;
    padding: 4px 8px;
}

#event_details_left {
    background-color: #353535;
    width: 214px;
    float: left;
    margin-bottom: 0.75em;
    padding: 2px 10px 5px 10px;
    border: 5px solid #000;
}
#event_details_left #event_video {
    margin: 0 -5px;
}
#event_details_left #event_video h3 {
    margin: 0 -3px 0.5em -3px;
}
#event_details_main {
    width: 386px;
    float: left;
    padding: 5px 10px;
}
#event_details_main dl.stats {
    color: #fff;
}
#event_details_main dl.stats dt {
    clear: left;
    float: left;
    width: 50px;
}
#event_details_main dl.stats dd {
    margin-left: 50px;
}
#event_details_right {
    background-color: #353535;
    width: 233px;
    float: right;
    margin-bottom: 0.75em;
    padding: 0;
    overflow: hidden;
    border: 5px solid #000;
}
#event_details_right form {
    border-bottom: 3px solid #000;
}
#event_details_right form fieldset {
    padding-top: 2px;
}
#event_details_right form p,
#event_details_right form select,
#event_details_right form input#quantity {
    margin-bottom: 0.75em;
}
#event_details_right dl {
    display: block;
    padding: 0 10px 10px 10px;
}
#event_details_right dl dt {
    clear: left;
    float: left;
    width: 90px;
}
#event_details_right dl dd {
    margin-left: 90px;
}
#event_details_right dl.directions {
    padding-top: 10px;
    padding-bottom: 0.5em;
}
#event_details_right dl.directions dt,
#event_details_right dl.directions dd {
    clear: none;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}


.back {
    clear: both;
}
.back a {
    text-decoration: none;
    background-color: #000;
    text-align: center;
    display: block;
    padding: 4px 0;
}
.button {
    display: block;
    height: 50px;
    overflow: hidden;
}
.button:hover img {
    margin-top: -50px;
}
.clear {
    clear: both;
    height: 0;
}
.error {
    color: #df1a22;  
}
.page_image {
    background-color: #000;
    display: block;
    float: right;
    margin: 0 -4px 4px 8px;
    padding: 1px;
    border: 1px solid #aeaeae;
}


/**
 * Fighters list styling
 */
.fighters {
    margin: 0 0 0 -5px;
}
.fighters li {
    color: #aeaeae;
    background: url('../images/content.gif') repeat-x 0 100%;
    display: block;
    width: 197px;
    height: 101px;
    float: left;
    margin: 0 0 5px 5px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #505556;
}
.fighters li a.thumb {
    display: block;
    width: 73px;
    height: 97px;
    float: left;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #aeaeae;
}
.fighters li a:hover.thumb {
    border-color: #df1a22;
}
.fighters li a.thumb img {
    display: block;
    width: 73px;
}
.fighters li h2, .fighters li p {
    margin-left: 83px;
}
.fighters li h2 {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0.25em;
}
.fighters li h2 a {
    text-decoration: none;
}
.fighters li h2 a:hover {
    text-decoration: underline;
}
.fighters li p {
    margin-bottom: 0.25em;
}

.fighter_profile {
    background: url('../images/content.gif') repeat-x 0% 100%;
    padding: 5px;
    overflow: auto;
    border: 1px solid #505556;
}
.fighter_profile img {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 1px;
    border: 1px solid #505556;
}


/**
 * Shop products styling
 */
.products {
    margin: 0;
}
.products li {
    color: #aeaeae;
    background: url('../images/content.gif') repeat-x 0 100%;
    list-style: none;
    margin-bottom: 5px;
    overflow: auto;
    border: 1px solid #505556;
}
#main_column .products li {
    padding: 3px;
}
.products li a.thumb {
    display: block;
    float: left;
    width: 100px;
    height: 75px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #aeaeae;
}
.products li a:hover.thumb {
    border-color: #df1a22;
}
.products li a.thumb img {
    display: block;
    width: 100px;
}
.products li h2, .products li p {
    margin-left: 112px;
}
.products li h2 {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0.25em;
}
.products li h2 a {
    text-decoration: none;
}
.products li h2 a:hover {
    text-decoration: underline;
}
.products li p {
    margin-bottom: 0;
}
.products li p.price {
    margin-bottom: 0.5em;
}
.products li p.price strong {
    color: #f2f2f2;
    font-weight: normal;
}


/**
 * Gallery styles
 */
.gallery {
    margin: 0;
    overflow: auto;
}
.gallery li {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    list-style: none;
}
.gallery li a {
    text-decoration: none;
}
.gallery li span {
    display: block;
}
.gallery li span.thumb {
    background-color: #000;
    margin-bottom: 2px;
    padding: 1px;
    border: 1px solid #aeaeae;
}
.gallery li a:hover span.thumb {
    border-color: #df1a22;
}
.gallery li span.title {
    color: #efefef;
    text-align: center;
    background-color: #600101;
    padding: 3px 0;
}
.gallery li a:hover span.title {
    color: #fff;
}


#cart_fullview fieldset {
    background: transparent;
    padding: 0;
}
#cart_fullview fieldset.actions {
    padding: 10px 0;
    overflow: auto;
}
#cart_fullview fieldset.actions input {
    float: right;
}


.design h1 {
    margin: 0 4px;
    padding-left: 7px;
}
.design #left_column, .design #right_column {
    width: 244px;
    padding-top: 0;
    border-top: none;
}
.design #left_column img, .design #right_column img {
    display: block;
}
.design #left_column span.thumb, .design #right_column span.thumb {
    display: block;
    width: 240px;
    height: 180px;
    margin: 5px 0 0 0;
    padding: 1px;
    border: 1px solid #aeaeae;
}
.design #left_column span.thumb.even, .design #right_column span.thumb.even {
    height: 320px;
}
.design #main_column {
    width: 376px;
}