/*** main tag lexicon ***/
body { background: #F7EFD3 url(images/pkl_bg.gif); }

h1, h2 { font-family: Georgia, Geneva, serif; font-style: italic; font-weight: bold; color: #b95754; margin-top: 1em; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }

p { margin-top: 20px; }

ul li { margin: 1em .5em .5em; }
ol li { margin: 1em .5em .5em 2em; }

a { color: #A94A48; }
a:hover { color: #FF0000; }

/*** structural styles ****/
#container { width: 980px; margin: 30px auto 0; }

#header { background: transparent url(images/headbg.png) no-repeat bottom; height: 187px; }

#body { background: transparent url(images/bgstretch.png) repeat-y; position: relative;}

/*** andthisiswhycompaniesshouldn'ttrytodefinestandards
 *** and why MS needs to learn to interpret specifications better. FAIL. ***/
html>body #body { height: 1%; }

#body .body { position: relative; z-index: 0; background: transparent url(images/bodybg.png) no-repeat; }
#body .body .content { padding: 0px 80px 60px; }

#footer { height: 56px; background: transparent url(images/bottom.png); position: relative; z-index: 500;  }


/**** classes ***/
.content { font-family: Georgia, Geneva, serif; color: #333333; font-size: 12px; line-height: 1.7em; clear: both;  }
.column { width: 340px; float: left; padding-right: 15px; }
.wide { width: 680px; }
.wide .column { width: 325px; }

.wide ul li,
.column ul li { list-style: disc; }
.wide ol li,
.column ol li { list-style: upper-roman; }

.page { overflow: hidden; }
/**** navigation ***/
#nav { height: 120px; float: left; margin-left: 80px; position: relative; z-index: 200; }
#nav li { width: 70px; float: left; list-style: none; margin: 0 8px 0 0; position: relative; }
#nav li a,
#nav li strong { display: block; font-family: "TradeGothic", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; padding: 5px; text-decoration: none; line-height: 18px; font-weight: bold; }
#nav li a { height: 69px; background: #9f403d url(images/navi.jpg) no-repeat; color: #24201f; }
#nav li strong { height: 89px; background: #b65652 url(images/nava.jpg) no-repeat; color: #f2f0de }
#nav li strong span { position: absolute; left: 5px; bottom: 5px; }
#nav li a span { display: block; margin-top: 15px; }

#nav li.social { margin-left: 4px; width: 171px; height: 79px; background: #9f403d url(images/socialbg.jpg) no-repeat;  overflow: hidden; }
#nav li.social table { margin-top: 21px; }
#nav li.social table td { text-align: center; }
#nav li.social a,
#nav li.social strong { padding: 0; }
#nav li.social a { display: inline; background: transparent; }
#nav li.social strong { display: inline; color: #24201f; white-space: nowrap; }


/*** home page styles ***/
#scoreboard { position: absolute; left: 560px; top: 0; background: transparent url(images/scoreboard.png) no-repeat top; width: 398px; height: 622px; }

#scoreboard table { margin: 260px auto 0; width: 285px; }
#scoreboard td { width: 50%; padding-left: 4px; }
#scoreboard table ul { position: relative; left: -5px; }
#scoreboard ul li { font-family: Georgia, Geneva, serif; font-weight: bold; font-style: italic; font-size: 14px; line-height: 1.5em; color: #b95754; margin: 5px; padding: 5px 0; border-top: 2px dotted #878585; height: 30px; line-height: 18px; list-style: none; }
#scoreboard ul li.first { border-top: 0;  }
#scoreboard ul li em { float: right; margin-left: 2em; font-size: 1em; }

#brooklyn,
#promoter { display: block; position: absolute; left: 560px; top: 0; background: transparent url(images/promoter.png) no-repeat top; width: 398px; height: 104px; top: 622px }

#brooklyn {  background: transparent url(images/brooklyn.png) no-repeat top; width: 398px; height: 200px;}

#highlights, 
#buzz { width: 490px; background: #222; position: relative; }
#highlights h3,
#buzz h3 { width: 164px; height: 56px; position: absolute; top: -22px; right: -20px; z-index: 200; }
#highlights h3 span,
#buzz h3 span { visibility: hidden; }

#highlights h3 { background: transparent url(images/highlights.png) no-repeat; }
#buzz h3 { background: transparent url(images/latestbuzz.png) no-repeat; }

#highlights { height: 490px; }
#highlights .slideshow { height: 100%; width: 100%; overflow: hidden; position: relative; }
#highlights .slideshow img { position: absolute; z-index: 10; }

#buzz { height: 115px; margin-top: 35px; padding-top: 5px; }

#twitter { height: 100%; width: 100%; overflow: hidden; color: #FFFFFF; font-size: 12px; line-height: 13px; position: relative; }
#twitter .tweet_list { height: 100%; width: 20000px; }
#twitter .tweet_list li { height: 85%; width: 147px; float: left; padding: 2px 6px;  border-left: 1px dotted #F7EFD3; position: relative; z-index: 0; margin: 5px 2px; font-family: Helvetica, Arial, sans-serif; overflow: hidden; }
#twitter .tweet_list li.tweet_first { border: 0; }
#twitter a { color: #F7EFD3; }
#twitter .tweet_time { position: absolute; bottom: 0; right: 5px; }


/**** press styles ****/
#stories { position: absolute; top: -22px; left: 722px; width: 230px; height: 188px; background: transparent url(images/fightstories.png); }

#stories ul { position: absolute; top: 215px; left: 100px; border-left: 4px solid #333; }
#stories ul li { display: block; list-style: none; background-color: #b95754; margin: 0 0 12px; height: 20px; float: left; clear: both; }

#stories ul li a,
#stories ul li strong { font-family: "Trade Gothic", Helvetica, Arial; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: bold; padding: 0 4px;  }
#stories ul li a { color: #333; }
#stories ul li strong { color: #efeddb; padding-left: 12px; }

/**** about styles ****/
#aboutpkl { position: absolute; top: -25px; left: 722px; width: 230px; height: 226px; background: transparent url(images/aboutpkl.png); }

/**** fights styles ***/
#fights { position: absolute; top: -25px; left: 722px; width: 230px; height: 263px; background: transparent url(images/allfights.png); }