/*	CSS Document - Blizzard Entertainment 2008  */

body, html { background-color: black; font-size: 16px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; min-width: 1000px; margin:0px;}
ul { list-style-type: none; }

#wrapper { width: 100%; height: auto; background-image: url(../_images/bg.jpg); background-repeat: no-repeat; background-position: center top; position: relative; min-height: 100%; }

#BodyImposter { background: transparent; width: 1000px; margin: 0 auto; padding:0; position:relative}
#BodyImposter p, #BodyImposter td { font-size: 12px; font-family: Helvetica, Arial, sans-serif; /*vertical-align: top;*/ }
#BodyImposter p, #BodyImposter p { margin: 0em 0em 1em 0em; }

#blanc { width: 1000px; height: 208px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

#page { width: 1000px; }
#page_bg { width: 912px; height: 100%; background-image: url(../_images/page_bg.jpg); background-repeat: repeat-y; margin-left: auto; margin-right: auto; padding: 0px; float: left; display: inline; }
#page_left { width: 44px; background-image: url(../_images/page_left.png); background-repeat: repeat-y; }
#page_right { width: 44px; background-image: url(../_images/page_right.png); background-repeat: repeat-y; }
#page_header { width: 1000px; height: 112px; background-image: url(../_images/page_header.png); background-repeat: no-repeat; }
#page_footer { width: 1000px; height: 200px; background-image: url(../_images/page_footer.jpg); background-repeat: no-repeat; }

#gamelogos{ width: 398px; height: 118px; margin: -14px auto 0 auto; }

a.wowLogo{ background: url(../_images/wow_logo.jpg) no-repeat; float: left; }

a.wc3Logo{ background: url(../_images/wc3_logo.jpg) no-repeat; float: right; }

a.wowLogo, a.wc3Logo{ background-position: left top; display: block; width: 198px; height: 118px; }

a.wowLogo:hover, a.wc3Logo:hover{ background-position: left -118px; }

#header { width: 1000px; height: 264px; position: absolute; margin-left: 0px; }

#footer { width: 100%; height: 274px; background: url(../_images/footer.jpg) no-repeat top center; margin-bottom: 0px; position: absolute; bottom: 0; }

#footerspacer { height: 270px; }

#fader{ background-image: url(../_images/fader.gif); background-repeat: no-repeat; background-position: left bottom; min-height: 500px;}

.paragraph {width:100%; position:relative;}
table.paragraph {table-layout: fixed; } 
.paragraph .leftTop{height:10px;width:10px;background:url(../_images/wbloc_corner_tl.png) left top no-repeat;}
.paragraph .top{height:10px;background:url(../_images/wbloc_bg.png) left top repeat;}
.paragraph .rightTop{height:10px;width:10px;background:url(../_images/wbloc_corner_tr.png) left top no-repeat;}
.paragraph .left{width:10px;background:url(../_images/wbloc_bg.png) left top repeat;}
.paragraph .center{background:url(../_images/wbloc_bg.png) left top repeat; }
.paragraph .right{width:10px;background:url(../_images/wbloc_bg.png) left top repeat;}
.paragraph .leftBottom{height:10px;width:10px;background:url(../_images/wbloc_corner_bl.png) left top no-repeat;}
.paragraph .bottom{height:10px;background:url(../_images/wbloc_bg.png) left top repeat;}
.paragraph .rightBottom{height:10px;width:10px;background:url(../_images/wbloc_corner_br.png) left top no-repeat;}

/* links - specificity: "LVHAF"! */
a { color: #3a3a2a; outline: none; font-weight: bold;}
a:link { color: #3a3a2a; outline: none; }
a:visited { color: #3a3a2a; }
a:hover { color: #f9f683; text-decoration: none; }
a:active, a:focus {  color: #f9f683; text-decoration: none; }
.info-block ul li a:hover { color: #3a3a2a; }
em, .hide { display: none; }

a.blizzardLogo{ display: block; background: url(../_images/blizzard_logo.jpg) no-repeat; background-position: left top; width: 135px; height: 74px; position: absolute; top: 115px; left: 50%; margin-left: -67px; }

a.blizzardLogo:hover{ background-position: left -74px; }

#bottomLinks{ text-align: center; position: absolute; top: 200px; width: 100%; font-size: 11px; font-weight: bold; line-height: 1.6em; }

#bottomLinks a{ color: #ae5b05; text-decoration: none; }

#bottomLinks a:hover{ color: #f99e0d; text-decoration: none; }

#col1 { width: 912px; }
#col2, div.related-videos, div.latest-videos, div.tournaments, div.tournament-information, div.welcome, div.interviews, div.pictures, div.roadtoblizzcon { position: relative; }
#round-info, #flash-container, #game-info, div.latest-videos, div.related-videos, #interview-info { float: left; }
#round-info { width: 176px; height: 400px; position: relative;}
#round-info span { display: block; position: absolute; top: 185px; width: 100%; font-weight: bold; font-size: 22px; text-align: center; margin-left: 10px; }
#flash-container { width: 560px; height: 100%; text-align: center; position: relative;}
#game-info, #interview-info { width: 176px; height: 100%; }
div.latest-videos, div.related-videos { width: 48%; margin-top: 40px;}
div.related-videos {	padding-left: 20px; }
#col1:after, #col2:after, .related-middle ul li:after, .related-middle:after, .class-icons:after, .related-middle ul li.entry:after , .torrentLinks:after, .spotlight-opponents div.opponents p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
div.latest-videos h2, div.related-videos h2, div.tournaments h2, div.tournament-information h2, div.welcome h2, div.interviews h2, div.welcome h2, div.pictures h2, div.roadtoblizzcon h2 { background-position: 0 0; background-repeat: no-repeat; position: absolute; top: -62px; left: 0; height: 76px; width: 446px; }
div.latest-videos ul { list-style-type: decimal; padding-left: 25px; margin: 0; }
.torrentLinks{position:absolute;top:230px;padding:0;margin:0 0 0 17px;width:100%;}
.pc-logo{display:block;width:28px;height:28px;background: url(../_images/icon-pc.png) no-repeat;float:left;cursor:pointer;}
.mac-logo{display:block;width:28px;height:28px;background: url(../_images/icon-mac.png) no-repeat;float:right;cursor:pointer;}
.torrentLinkIcons{width:60px;margin:0 auto;position:relative;top:5px}
.torrentText{font-weight:bold;padding:0;font-size:14px;text-align:center;}

/* Languages */
div.latest-videos h2.en-gb { background-image: url(../_images/en-gb/title_latestvideos.png); }
div.related-videos h2.en-gb { background-image: url(../_images/en-gb/title_relatedvideos.png); } 
div.tournaments h2.en-gb { background-image: url(../_images/en-gb/title_brackets.png); }
div.tournament-information h2.en-gb { background-image: url(../_images/en-gb/title_information.png); } /*add to others*/
div.welcome h2.en-gb { background-image: url(../_images/en-gb/title_latestvideos.png); }
div.interviews h2.en-gb { background-image: url(../_images/en-gb/title_interviews.png); }
div.pictures h2.en-gb { background-image: url(../_images/en-gb/title_pictures.png); }
div.welcome h2.en-gb { background-image: url(../_images/en-gb/title_welcome.png); }
div.roadtoblizzcon h2.en-gb { background-image: url(../_images/en-gb/title_blizzcon.png); }

div.latest-videos h2.de-de { background-image: url(../_images/de-de/title_latestvideos.png); }
div.related-videos h2.de-de { background-image: url(../_images/de-de/title_relatedvideos.png); } 
div.tournaments h2.de-de { background-image: url(../_images/de-de/title_brackets.png); }
div.tournament-information h2.de-de { background-image: url(../_images/de-de/title_information.png); } /*add to others*/
div.welcome h2.de-de { background-image: url(../_images/de-de/title_latestvideos.png); }
div.interviews h2.de-de { background-image: url(../_images/de-de/title_interviews.png); }
div.pictures h2.de-de { background-image: url(../_images/de-de/title_pictures.png); }
div.welcome h2.de-de { background-image: url(../_images/de-de/title_welcome.png); }
div.roadtoblizzcon h2.de-de { background-image: url(../_images/de-de/title_blizzcon.png); }

div.latest-videos h2.fr-fr { background-image: url(../_images/fr-fr/title_latestvideos.png); }
div.related-videos h2.fr-fr { background-image: url(../_images/fr-fr/title_relatedvideoss.png); } 
div.tournaments h2.fr-fr { background-image: url(../_images/fr-fr/title_brackets.png); }
div.tournament-information h2.fr-fr { background-image: url(../_images/fr-fr/title_information.png); } /*add to others*/
div.welcome h2.fr-fr { background-image: url(../_images/fr-fr/title_latestvideos.png); }
div.interviews h2.fr-fr { background-image: url(../_images/fr-fr/title_interviews.png); }
div.pictures h2.fr-fr { background-image: url(../_images/fr-fr/title_pictures.png); }
div.welcome h2.fr-fr { background-image: url(../_images/fr-fr/title_welcome.png); }
div.roadtoblizzcon h2.fr-fr { background-image: url(../_images/fr-fr/title_blizzcon.png); }

div.latest-videos h2.es-es { background-image: url(../_images/es-es/title_latestvideos.png); }
div.related-videos h2.es-es { background-image: url(../_images/es-es/title_relatedvideos.png); } 
div.tournaments h2.es-es { background-image: url(../_images/es-es/title_brackets.png); }
div.tournament-information h2.es-es { background-image: url(../_images/es-es/title_information.png); } /*add to others*/
div.welcome h2.es-es { background-image: url(../_images/es-es/title_latestvideos.png); }
div.interviews h2.es-es { background-image: url(../_images/es-es/title_interviews.png); }
div.pictures h2.es-es { background-image: url(../_images/es-es/title_pictures.png); }
div.welcome h2.es-es { background-image: url(../_images/es-es/title_welcome.png); }
div.roadtoblizzcon h2.es-es { background-image: url(../_images/es-es/title_blizzcon.png); }

div.latest-videos h2.ru-ru { background-image: url(../_images/ru-ru/title_latestvideos.png); }
div.related-videos h2.ru-ru { background-image: url(../_images/ru-ru/title_relatedvideos.png); } 
div.tournaments h2.ru-ru { background-image: url(../_images/ru-ru/title_brackets.png); }
div.tournament-information h2.ru-ru { background-image: url(../_images/ru-ru/title_information.png); } /*add to others*/
div.welcome h2.ru-ru { background-image: url(../_images/ru-ru/title_latestvideos.png); }
div.interviews h2.ru-ru { background-image: url(../_images/ru-ru/title_interviews.png); }
div.pictures h2.ru-ru { background-image: url(../_images/ru-ru/title_pictures.png); }
div.welcome h2.ru-ru  { background-image: url(../_images/ru-ru/title_welcome.png); }
div.roadtoblizzcon h2.ru-ru { background-image: url(../_images/ru-ru/title_blizzcon.png); }

a.steam-link { position: relative; height: 118px; width: 524px; background-position: 0 0; background-repeat: no-repeat; display: block; font-size: 1px; top: -44px; left: 50%; margin-left: -262px;}
a.steam-link:hover { background-position: 0 -118px; }
/*info-block*/
.info-block { width: 164px; height: auto; margin: 6px auto; clear: left; }
.info-block .t { background: url(../_images/brownbloc_top.jpg) no-repeat 0 0; height: 10px; width: 164px; font-size: 1px;}
.info-block .c { background: url(../_images/brownbloc_bg.jpg) repeat-y 0 0; width: 164px; }
.info-block .c .cc { padding: 0 8px; width: 148px; }
.info-block .b { background: url(../_images/brownbloc_bottom.jpg) no-repeat 0 0; height: 10px; width: 164px; }
.info-block ul { list-style-type: none; padding: 2px 0 2px 0; margin: 0; }
.info-block ul li { margin: 3px; }
.info-block ul li a { background: url(../_images/arrow.gif) no-repeat 0 50%; padding-left: 30px; font-weight: bold; color: #fff}
.info-block .opponents-info { text-align: center; width: 100%; }
.info-block .opponents-info q { font-weight: bold; font-size: 15px; color: #fff; letter-spacing: -1px;}
.info-block .opponents-info strong { height:60px; width:68px; background: url(../_images/vs.jpg) no-repeat 0 0; margin: 10px auto; display: block;}

.novideos { font-weight: bold; color: red; }
/*span.map { color: #fdffe8; font-weight: bold; display: block; font-size: 20px; top: 0; position: absolute; width: 400px; left: 50%; margin-left: -200px; letter-spacing: 1px}*/
span.map { color: #3a3a2a; font-weight: bold; display: block; font-size: 20px; top: 0; position: absolute; width: 400px; left: 50%; margin-left: -200px; letter-spacing: 1px}
.flash-notice { font-size: 16px; margin-top: 5px; font-weight: bold;}

.related-top { width: 446px; background: url(../_images/related_top.jpg) no-repeat 0 0; position: relative; }
.related-top span.related-opponent { display: block; font-weight: bold; font-size: 15px; width: 100%; text-align: center; color: #fdffe8; height: 30px; margin-bottom: 5px; /*margin-top: -45px;*/ }
.related-middle { background: url(../_images/related_bg.jpg) repeat-y 0 0; width: 100%; position: relative; top: 85px;}
.related-middle ul { width: 49%; float: left; padding: 0; margin: -40px 0 25px 0; position: relative; }
.related-middle ul.list-right { float: right; }
.related-middle ul ul { width: 100%; margin: 10px 0 0 0;}
.related-middle ul li.entry { font-size: 12px; font-weight: bold; cursor: pointer; padding-top: 5px; border-bottom: 1px solid #000; line-height: 46px;} /*line-height: IE7*/

.related-middle ul li.entry:hover em.watchit { background-position: 0 -41px; }
.related-middle span.matchup { display: block; text-align: center; width:115px; float: left; line-height: 1; margin-top: 3px; }
.related-bot { background: url(../_images/related_bottom.gif) no-repeat 0 0; height: 59px; width:446px; }

/*florals*/
.class-icons { width: 87px; text-align: center; margin: 0 auto; clear: both; display: block;}
.class-icon { height: 24px; width: 24px; display: block; float: left; margin-left: 5px;}
.upper-1, .upper-2, .upper-3, .upper-4, .lower-1, .lower-2, .lower-3, .lower-4,.lower-5, .lower-6, .lower-7, .finals-6 { height: 41px; width: 53px; display: block; float: left; background: url() no-repeat 0 0; }
.upper-1 { background-image: url(../_images/floral_8.png); }
.upper-2, .lower-1, .lower-2 { background-image: url(../_images/floral_4.png); }
.lower-3, .lower-5, .lower-6  { background-image: url(../_images/floral_2.png); }
.upper-3, .upper-4, .lower-5, .lower-7, .finals-6, .lower-4 { background-image: url(../_images/floral_1.png); }

.floral-b_upper_1, .floral-b_upper_2, .floral-b_upper_3, .floral-b_upper_4, .floral-b_lower_1, .floral-b_lower_2, .floral-b_lower_3, .floral-b_lower_4, .floral-b_lower_5, .floral-b_lower_6, .floral-b_lower_7, .floral-b_finals_6 { width: 160px; height: 160px; background-position: 20px 30px; background-repeat: no-repeat; }
.floral-b_upper_1 { background-image: url(../_images/floral_1-8.gif); }
.floral-b_upper_2, .floral-b_lower_1 , .floral-b_lower_2 { background-image: url(../_images/floral_1-4.gif); }
.floral-b_upper_3, .floral-b_lower_3 , .floral-b_lower_4, .floral-b_lower_5 , .floral-b_lower_6  { background-image: url(../_images/floral_1-2.gif); }

.druid { background: url(../_images/icon_druid.png) no-repeat 0 0; }
.paladin { background: url(../_images/icon_paladin.png) no-repeat 0 0; }
.hunter { background: url(../_images/icon_hunter.png) no-repeat 0 0; }
.mage { background: url(../_images/icon_mage.png) no-repeat 0 0; }
.priest { background: url(../_images/icon_priest.png) no-repeat 0 0; }
.rogue { background: url(../_images/icon_rogue.png) no-repeat 0 0; }
.shaman { background: url(../_images/icon_shaman.png) no-repeat 0 0; }
.warlock { background: url(../_images/icon_warlock.png) no-repeat 0 0; }
.warrior { background: url(../_images/icon_warrior.png) no-repeat 0 0; }

em.watchit, ul.list-right em.watchit { background: url(../_images/playbutton_b.gif) no-repeat 0 0; display: block; height: 42px; width: 46px; float: left; }
ul.list-right em.watchit { background-image: url(../_images/playbutton_b2.gif); }

div.seperator { height: 35px; width: 80%; background: url(../_images/line.gif) repeat-x 0 0; margin: 0 auto; }
div.seperator div { height: 35px; width: 100%; background: url(../_images/line_left.gif) no-repeat top left; }
div.seperator div div { height: 35px; width: 100%; background: url(../_images/line_right.gif) no-repeat top right; }

.thumb-left { margin: 0 15px 10px 0; float: left; text-align: center;}  
.thumb-right { margin: 0 0 10px 15px; float: right; text-align: center;}  
.thumb-right img, .thumb-left img, .spotlight-opponents img { border: 2px solid #fdffe8; }

.spotlight-opponents img { margin: 15px 0 10px 10px; }
.spotlight-opponents li img { margin: 0 10px 0 0; border: none;}
.spotlight-opponents ul li { padding: 1px 0; }

.spotlight-opponents div.opponents p { padding: 5px 0 5px; }