@charset "utf-8";
/* CSS Document */
/* Designed and Developed by Zenman Productions

    contents
-----------------------------------------------------------------------
	1) Main layout.........................L.
    2) set curved edges....................L.
    3) set table and form usability aids...L.
    4) general sections....................L.
    5) home page...........................L.
    6) gallery page........................L.
    7) fighter pages.......................L.
    8) news page...........................L.
    9) events page.........................L.
    10) contact page.......................L.
    11) learn page.........................L.
    12) admin pages........................L.



    1) Main layout
-----------------------------------------------------------------------
*/

* { behavior: url(iepngfix.htc); }
body {
	margin:0px;
	background-image:url(../images/background/backgroundPattern.gif);
	background-position:center;
	height:100%;
	width:100%;
	padding-bottom:10px;
	}
#bgOver {
	padding-top:0px;
	background-image:url(../images/background/backgroundGradient.png);
	background-position:center;
	height:100%;
	width:100%;
	background-repeat:repeat-x;
	background-position:top;
	top:0px;
	}
#topFlash {
	position:relative;
	width:785px;
	margin-bottom:3px;
	}
#main {
	height:100%;
	width:790px;
	margin-right:auto;
	margin-left:auto;
	}
#outsideWrapper {
position:relative;
min-height:745px; 
width:785px;
/* background-color:#363636; */
background-color:#e5e5e5;
border-style:solid;
border-color:#000;
border-width:1px;
padding-bottom:0px; 
}
#innerWrapper {
position:relative;
width:100%;
min-height:745px;  
padding-top:10px;
margin:0px 10px 10px 10px;}
.news_nav #innerWrapper {
min-height:950px;  
}
.redLine {
width:90%;
border-bottom:solid 1px #ae070c; 
margin:0px 0px 4px 0px;
padding:0px 0px 4px 0px;
position:relative;
}
#navigation {
height:32px;
width:785px;
background-image:url(../images/navigation/navigation_background.gif);
position:relative;
background-position:top;
text-align:center;
background-repeat:repeat-x;
padding-bottom:5px;
}
#copyright {
display:block;
padding-top:5px;
}

#navLeft {
background-image:url(../images/navigation/navigation_cap_left.gif);
background-position:top left;
background-repeat:no-repeat;
width:100%;
height:100%;}
#navRight{
background-image:url(../images/navigation/navigation_cap_right.gif);
background-position:top right;
background-repeat:no-repeat; 
width:100%;
height:100%;}
.fighterLink a{
color:#fff;
text-decoration:none;
padding:2px auto 2px auto;
width:100%;}

/*
    2) navigation
----------------------------------------------------------------------- */

#home_nav, #events_nav, #about_nav, #news_nav, #fighters_nav, #learn_nav, #gallery_nav, #contact_nav {
position:absolute;
height: 30px;
overflow: hidden;
display: block;
text-indent: -10000px;
}

body.home_nav #activeNav, body.about_nav #activeNav, body.events_nav #activeNav,  body.news_nav #activeNav, body.fighters_nav #activeNav,  body.learn_nav #activeNav, body.gallery_nav #activeNav, body.contact_nav #activeNav {
position:absolute;
background: url(../images/navigation/active.gif) top left no-repeat;
top:-2px;
height:35px;
width:7px;
z-index:20;
}

#home_nav {
left:14px;
width: 70px;
background: url(../images/navigation/home.gif) top left no-repeat;
background-position:top right;
}
 
#home_nav:hover {
background-position: bottom right;
}

body.home_nav #activeNav {
left:10px;
}

/*////////////////////////////*/

#about_nav {
left:84px;
width: 91px;
background: url(../images/navigation/about.gif) top left no-repeat;
}
 
#about_nav:hover {
background-position: bottom left;
}

body.about_nav #activeNav {
left:91px;
}

/*////////////////////////////*/

#events_nav {
left:175px;
width: 100px;
background: url(../images/navigation/events.gif) top left no-repeat;
}
 
#events_nav:hover {
background-position: bottom left;
}

body.events_nav #activeNav {
left:182px;
}

/*////////////////////////////*/

#news_nav {
left:275px;
width: 81px;
background: url(../images/navigation/news.gif) top left no-repeat;
}
 
#news_nav:hover {
background-position: bottom left;
}

body.news_nav #activeNav {
left:282px;
}

/*////////////////////////////*/

#fighters_nav {
left: 356px;
width: 108px;
background: url(../images/navigation/fighters.gif) top left no-repeat;
}
 
#fighters_nav:hover {
background-position: bottom left;
}
 
body.fighters_nav #activeNav {
left:363px;
}

/*////////////////////////////*/

#learn_nav {
left:464px;
width: 112px;
background: url(../images/navigation/learn.gif) top left no-repeat;
}
 
#learn_nav:hover {

background-position: bottom left;

}
 
body.learn_nav #activeNav {
left:467px;
}

/*////////////////////////////*/

#gallery_nav {
left: 576px;
width: 96px;
background: url(../images/navigation/gallery.gif) top left no-repeat;
}
 
#gallery_nav:hover {
background-position: bottom left;
}
 
body.gallery_nav #activeNav {
left:583px;
}

/*////////////////////////////*/

#contact_nav {
left:672px;
width: 100px;
background: url(../images/navigation/contact.gif) top left no-repeat;
}
 
#contact_nav:hover {
background-position: bottom left;
}
 
body.contact_nav #activeNav {
left:676px;
}


/*
    2) sub navigation
----------------------------------------------------------------------- */

body.about_nav #sub_nav, body.events_nav #sub_nav, body.news_nav #sub_nav, body.fighters_nav #sub_nav, body.gallery_nav #sub_nav, 
body.learn_nav #sub_nav {
position:absolute;
width:160px;
overflow:hidden;
z-index:20;
top:10px;
left:0px;
}

body.about_nav #sub_nav a, body.events_nav #sub_nav a, body.news_nav #sub_nav a, body.fighters_nav #sub_nav a, body.gallery_nav #sub_nav a, body.learn_nav #sub_nav a{
position:absolute;
height: 30px;
width:206px;
overflow: hidden;
text-indent: -10000px;
left:0px;
}


/*
    2.1) about sub navigation
------------------------------------- */

body.about_nav #sub_nav {
height:100px;
background-color:#1a1a1a;
}

body.about_nav #sub_nav #about_sub_nav {
background:url(../images/subNav/about_about.gif) top left no-repeat;
top:20px;
}

body.about_nav #sub_nav #sponsorship_sub_nav {
background:url(../images/subNav/about_sponsorships.gif) top left no-repeat;
top:50px;
}

body.about_nav #sub_nav #supporters_sub_nav {
background:url(../images/subNav/about_supporters.gif) top left no-repeat;
top:85px;
}

/*
    2.2) events sub navigation
------------------------------------- */

body.events_nav #sub_nav {
height:100px;
background-color:#1a1a1a;
}

body.events_nav #sub_nav #events_sub_nav {
background:url(../images/subNav/events_events.gif) top left no-repeat;
top:20px;
}

body.events_nav #sub_nav #tickets_sub_nav {
background:url(../images/subNav/events_tickets.gif) top left no-repeat;
top:50px;
}


/*
    2.3) news sub navigation
------------------------------------- */

body.news_nav #sub_nav {
height:125px;
background-color:#1a1a1a;
}

body.news_nav #sub_nav #news_sub_nav {
background:url(../images/subNav/news_news.gif) top left no-repeat;
top:20px;
}

body.news_nav #sub_nav #events_sub_nav {
background:url(../images/subNav/news_events.gif) top left no-repeat;
top:53px;
}

body.news_nav #sub_nav #press_sub_nav {
background:url(../images/subNav/news_press.gif) top left no-repeat;
top:84px;
}


/*
    2.4) fighters sub navigation
------------------------------------- */

body.fighters_nav #sub_nav {
height:125px;
background-color:#1a1a1a;
}

body.fighters_nav #sub_nav #fighters_sub_nav {
background:url(../images/subNav/fighters_fighters.gif) top left no-repeat;
top:22px;
}

body.fighters_nav #sub_nav #titleHolders_sub_nav {
background:url(../images/subNav/fighters_title_holders.gif) top left no-repeat;
top:52px;
}

body.fighters_nav #sub_nav #newFighters_sub_nav {
background:url(../images/subNav/fighters_new.gif) top left no-repeat;
top:86px;
}

/*
    2.5) gallery sub navigation
------------------------------------- */

body.gallery_nav #sub_nav {

}

/*
    2.6) learn ROF sub navigation
------------------------------------- */

body.learn_nav #sub_nav {
height:185px;
background-color:#1a1a1a;
}

body.learn_nav #sub_nav #learn_sub_nav {
background:url(../images/subNav/learn_learn.gif) top left no-repeat;
top:22px;
}

body.learn_nav #sub_nav #rules_sub_nav {
background:url(../images/subNav/learn_rules.gif) top left no-repeat;
top:52px;
}

body.learn_nav #sub_nav #history_sub_nav {
background:url(../images/subNav/learn_history.gif) top left no-repeat;
top:83px;
}

body.learn_nav #sub_nav #styles_sub_nav {
background:url(../images/subNav/learn_styles.gif) top left no-repeat;
top:114px;
}

body.learn_nav #sub_nav #faqs_sub_nav {
background:url(../images/subNav/learn_faqs.gif) top left no-repeat;
top:141px;
}

/*
    2) set curved edges
----------------------------------------------------------------------- */

.topRightOutside {
position:absolute;
right:-1px;
top:-1px;
height:7px;
width:7px;
background-image:url(../images/outsideCorners/rightTopCorner.png);
background-repeat:no-repeat;
}

.topLeftOutside {
position:absolute;
left:-1px;
top:-1px;
height:7px;
width:7px;
background-image:url(../images/outsideCorners/leftTopCorner.png);
background-repeat:no-repeat;
}

.bottomRightOutside {
position:absolute;
right:-1px;
bottom:-1px;
height:7px;
width:7px;
background-image:url(../images/outsideCorners/rightBottomCorner.png);
background-repeat:no-repeat;
background-position:bottom;
}

.bottomLeftOutside {
position:absolute;
left:-1px;
bottom:-1px;
height:7px;
width:7px;
background-image:url(../images/outsideCorners/leftBottomCorner.png);
background-repeat:no-repeat;
background-position:bottom;
}

.topRight {
position:absolute;
right:0px;
top:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/rightTopCorner.png);
background-repeat:no-repeat;
}

.topLeft {
position:absolute;
left:0px;
top:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/leftTopCorner.png);
background-repeat:no-repeat;
}

.bottomRight {
position:absolute;
right:-4px;
bottom:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/rightBottomCorner.png);
background-repeat:no-repeat;
background-position:bottom;
}

.bottomLeft {
position:absolute;
left:-4px;
bottom:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/leftBottomCorner.png);
background-repeat:no-repeat;
background-position:bottom;
}

.topRight_fighters {
position:absolute;
right:0px;
top:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/rightTopCorner_fighters.png);
background-repeat:no-repeat;
}

.topLeft_fighters {
position:absolute;
left:0px;
top:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/leftTopCorner_fighters.png);
background-repeat:no-repeat;
}

.bottomRight_fighters {
position:absolute;
right:0px;
bottom:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/rightBottomCorner_fighters.png);
background-repeat:no-repeat;
background-position:bottom;
}

.bottomLeft_fighters {
position:absolute;
left:0px;
bottom:0px;
height:6px;
width:6px;
background-image:url(../images/insideCorners/leftBottomCorner_fighters.png);
background-repeat:no-repeat;
background-position:bottom;
}



/*
    3) set table and form usability aids
----------------------------------------------------------------------- */
.rowOn {
background-color:#999;
}
.rowOff{}


/*
    4) general sections
----------------------------------------------------------------------- */
.smallDiv {
position:absolute;
width:346px;
height:100%;
background-color:#1a1a1a;
}
.mediumDiv {
position:absolute;
width:407px;
height:100%;
background-color:#1a1a1a;
}
.smallDiv1 {
position:absolute;
width:547px;
height:100%;
background-color:#1a1a1a;
}
.mediumDiv1 {
position:absolute;
width:212px;
height:100%;
background-color:#1a1a1a;
}

.bigDiv {
position:relative;
width:765px;
height:100%;
min-height:100px;
background-color:#1a1a1a;
}
.bigDiv1 {
position:absolute;
width:765px;
height:100%;
background-color:#1a1a1a;
}
.bigDiv > *, .mediumDiv > *, .smallDiv > *{
padding: 0px 4px 4px 4px;
}
.bigDiv .title, .mediumDiv .title, .smallDiv .title,.bigDiv .title{
padding:0px 0px 0px 0px;
}
.title {
position:relative;
background-image:url(../images/titleBackground/titlesBackground.jpg);
height:19px;
width:100%;
margin-bottom:10px;}
.title img {
padding:2px 0px 0px 4px;}

#AdvertisingLeft {
position:absolute;
top:10px;
left:0px;
z-index:50;
}

#AdvertisingRight {
position:absolute;
top:10px;
right:20px;
z-index:50;
}

#AdvertisingLeft .mediumDiv, #AdvertisingRight .mediumDiv {
width:145px;
position:relative;
height:620px;
}

#AdvertisingLeft a, #AdvertisingRight a, #fighterAds a {
display:block;
margin-left:30px;
margin-bottom:15px;
}

#AdvertisingLeft img, #AdvertisingRight img, #fighterAds img {
border:0px;
}

/* 

page specific sections ****


    5) home page
----------------------------------------------------------------------- */
.newEvents {
position:absolute;
height:370px;
margin-bottom:10px;
left:0px;}
#event2{
top:390px;}
.newEvents .smallDiv{
overflow:hidden;
}
#miniNews {
position:relative;
margin-left:357px;
margin-top:10px !important;
}
#miniNews .mediumDiv {
position:relative;
height:565px !important;
}
#fightersTeaser {
position:relative;
margin-left:357px;
}
#fightersTeaser .mediumDiv {
position:relative;
width:407px;
height:175px !important;
overflow:hidden;}
.newEventsText {
position:absolute;
bottom:0px;
width:335px;
height:60px;
padding:60px 10px 15px 10px;
}
.featuredSponsors {
position:relative;
width:350px;
height:60px;
margin-top:-10px;
padding:0px 0px 0px 0px;
/* border-bottom:#6a6a6a solid 3px; */
border-bottom:#000 solid 3px; 
}
#fighter1, #fighter2, #fighter3 {
top:35px;
position:absolute;
cursor: pointer;
width:120px;
z-index:1;
height:130px;
overflow:hidden;
}

#fighter1 {
left:10px;
}
#fighter2 {
border-right: #7f7f7f solid 1px;
border-left: #7f7f7f solid 1px;
padding:0px 5px 0px 5px;
left:135px;
}
#fighter3 {
left:275px;
}

.fighterImageMini {
margin-bottom:7px;
position:relative;
width:120px;
height:70px;
overflow:hidden;}
.fighterImageMini img{
position:absolute;
left:-15px;
top:-20px;
width:140px;
height:auto;}

#miniNews .storyImage {
position:absolute;
right:10px;
margin:50px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:solid 5px #6a6a6a;
width:100px;
height:100px;
overflow:hidden;
}

#miniNews .pad1{
position:relative !important;
margin: 0px 10px 0px 10px;}
#miniNews .pad2{
position:relative !important;
min-height:110px;
margin: 0px 120px 0px 10px;}
/*
    6) gallery page
----------------------------------------------------------------------- */
#galleryBlurb {
position:relative;}
#galleryContent {
position:relative;
margin-left:155px;
}
#galleryContent .mediumDiv {
width: 605px;
min-height:745px;
}
#galleryContent div, #fighterGallery div { 
padding: 0px 0px 0px 0px;}
#galleryBlurbContent {
padding-left:10px;
width:300px;}
a image{
cursor:pointer;
}
#galleryEvents {
position:absolute;
top:10px;
left:0px;}

#galleryEvents .mediumDiv {
width:145px;
position:relative;
height:620px;}

#galleryEvents .mediumDiv a {
display:block;
color:#d9d9d9;
padding:0px 0px 5px 10px;
}

#galleryEvents .mediumDiv a:hover {
color:#fff;
}

/*
    7) fighter pages
----------------------------------------------------------------------- */
#fightersList {
position:relative;
margin-left:170px;
}
#fightersList .smallDiv {
position:relative;
width: 590px;
min-height:745px;
padding-bottom:10px;
}
a.fightListMemberEven, a.fightListMemberOdd, span.fightListMemberEven, span.fightListMemberOdd  {
display:block;
margin:0px 5px 0px 5px;}

a.fightListMemberEven, a.fightListMemberOdd  {
height:17px;
}
span.fightListMemberEven, span.fightListMemberOdd  {
height:14px;
}
a.fightListMemberEven * , a.fightListMemberOdd * , span.fightListMemberEven *, span.fightListMemberOdd *  {
padding-top:5px;
}

a.fightListMemberEven:hover, a.fightListMemberOdd:hover  {
background-color:#999;
cursor:pointer;
}
.fightListMemberEven {
background-color:#303030;
}
.fightListMemberOdd {
background-color: #545353;
}

.fightListName, .fightListRecord, .fightListheight, .fightListWeight {
position:absolute;
padding-right:5px;
}
.fightListName{
width:160px;
}
.fightListRecord{
width:100px;
left:205px;
}
.fightListheight{
width:125px;
left:380px;
}
.fightListWeight{
width:125px;
left:505px;
}
#fighterInfo {
position:relative;
height:500px;
padding-left:175px;}
#fighterInfo .smallDiv1 {
width:585px;
}
#fighterRecords {
position:relative;
min-height:110px !important;
margin-top:10px;
margin-bottom:10px;}
#fighterGallery {
position:relative;
min-height:110px !important;
margin-top:10px;
}
#fighterRecords .bigDiv, #fighterGallery .bigDiv {
width: 590px;
margin-left:170px;
}
#fighterGallery .bigDiv table {
}
#fightersAdvertisingRight {
position:absolute;
top:10px;
right:20px;
height:650px;}
#fightersAdvertisingRight .mediumDiv, #fightersAdvertisingLeft .mediumDiv {
width:195px;
position:relative;}

#fighterAds .mediumDiv{
width:160px;
position:absolute;
height:600px;
top:145px;
left:0px;}

/*
    8) news page
----------------------------------------------------------------------- */
.mainNews {
}

.mainNews .evenNews  {
margin:10px 5px 10px 0px;
min-height:170px;
padding:10px 0px 10px 0px;
background-color:#262626;
border:#6a6a6a solid 1px;
}

.mainNews .oddNews  {
margin:10px 5px 10px 0px;
min-height:170px;
padding:10px 0px 10px 0px;
background-color:#2E2E2E;
border:#6a6a6a solid 1px;
}

.mainNews .storyImage {
position:absolute;
right:20px;
margin:50px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:solid 4px #6a6a6a;
width:100px;
height:100px;
overflow:hidden;
}

.mainNews .pad1{
position:relative !important;
margin: 0px 10px 0px 10px;}
.mainNews .pad2{
position:relative !important;
min-height:110px;
margin: 0px 120px 0px 10px;}

#MonthsList .mediumDiv a {
display:block;
color:#d9d9d9;
padding-left:10px;
}
#MonthsList .mediumDiv a:hover {
color:#fff;
}
#MonthsList .mediumDiv{
width:160px;
position:absolute;
height:750px;
top:145px;
left:0px;}

/*
    9) events page
----------------------------------------------------------------------- */
#eventsTab{
position:relative;
margin-left:170px;
}
#eventsTab .smallDiv {
position:relative;
width: 595px;
min-height:745px;
padding-bottom:10px;
}

a.eventListMemberEven, a.eventListMemberOdd, span.eventListMemberEven, span.eventListMemberOdd  {
color:#fff !important;
display:block;
margin:0px 5px 0px 5px;}

a.eventListMemberEven, a.eventListMemberOdd  {
height:17px;
}
span.eventListMemberEven, span.eventListMemberOdd  {
height:14px;
}
a.eventListMemberEven * , a.eventListMemberOdd * , span.eventListMemberEven *, span.eventListMemberOdd *  {
padding-top:5px;
}

a.eventListMemberEven:hover, a.eventListMemberOdd:hover  {
background-color:#999;
cursor:pointer;
}
.eventListMemberEven {
background-color:#303030;
}
.eventListMemberOdd {
background-color: #545353;
}

.eventListDate, .eventListName, .eventListLocation {
position:absolute;
padding-right:5px;
}
.eventListDate{
width:80px;
}
.eventListName{
width:200px;
left:125px;
}
.eventListLocation{
width:200px;
left:350px;
}

.fightCardTitle {
position:relative;
height:17px;
background-color: #545353;
padding-left:5px;
font-size:14px;
}

.fightCardEven  {
position:relative;
margin:10px 5px 10px 5px;
min-height:170px;
padding:0px 0px 10px 0px;
background-color:#262626;
border:#6a6a6a solid 1px;
}

.fightCardOdd  {
position:relative;
margin:10px 5px 10px 5px;
min-height:170px;
padding:0px 0px 10px 0px;
background-color:#2E2E2E;
border:#6a6a6a solid 1px;
}

a.fighter1 {
position:absolute;
width:280px;
height:100%;
color:#fff !important;
text-decoration:none;
left:-2px;
z-index:1;}

a.fighter2 {
position:absolute;
width:280px;
height:100%;
color:#fff !important;
text-decoration:none;
right:12px;
z-index:1;}

.fighterName, .fighterHeight, .fighterWeight, .fighterRecord {
position:absolute;
border-bottom:#8C110B solid 1px;
left:10px;
padding-bottom:3px;
width:170px;
}

.fighterName {
top:25px;
}

.fighterHeight {
top:45px;
}


.fighterWeight{
top:65px;
}

.statPad {
position:absolute;
left:60px;
top:0px;
}


.fighterRecord {
top:85px;
}

.fighterNickname {
position:absolute;
left:195px;
top:105px;
width:90px;
text-align:center;
}
.fighterImage {
margin-bottom:7px;
position:absolute;
width:90px;
height:70px;
overflow:hidden;
top:30px;
left:195px;}
.fighterImage img{
position:absolute;
left:-45px;
top:-20px;
width:180px;
height:auto;}
.VS {
position:absolute;
width:70px;
height:40px;
background-image:url(../images/fightCards/VS.gif);
bottom:10px;
left:255px;
z-index:0;}

#eventInformation {
border-bottom:#8C110B solid 1px;
margin-left:5px;
margin-right:50px;
padding-bottom:10px;
}
/*
    10) contact page
----------------------------------------------------------------------- */
#contactForm {
position:relative;
margin-left:357px;
overflow:hidden;
}

#contactForm .mediumDiv {
position:relative;
width:407px;
height:750px;}

#contactForm table {
margin-left:10px;
margin-right:10px;
}
/*
    11) learn page
----------------------------------------------------------------------- */
#learnROF {
position:relative;
margin-left:170px;
}

#learnROF  img {
margin-left:-5px;
margin-bottom:10px;
}

#learnROF .smallDiv {
position:relative;
width: 440px;
padding-bottom:10px;
min-height:745px !important;
}

#learnROF .smallDiv .title img {
margin-left:5px;
}

/*
    12) admin pages
----------------------------------------------------------------------- */
#updateForm {
position:relative;
min-height:200px;
margin-left:280px;
top:0px;
overflow:hidden;
}
#updateForm .mediumDiv {
position:relative;
width:485px;}

#updateForm table {
margin-left:2px;
margin-right:10px;
}
#adminNav {
position:absolute;
top:10px;
left:0px;
height:480px;}
#adminNav .mediumDiv {
width:270px;
position:relative;}
#adminNav a {
display:block;
padding-left:7px;}

.bigDiv, .mediumDiv, .smallDiv, .bigDiv1{
position:relative;
margin-bottom:0px  !important;
}
.title img {
margin:0px 0px 0px 2px  !important;}

#login {
position:relative;
margin-left:270px;
}

#login .smallDiv {
position:relative;
width: 240px;
padding-bottom:10px;
min-height:40px;
}