/*	CSS Document - Blizzard Entertainment 2008  */

* {margin:0; padding:0;}
html { background:black;  }
body { background:#000 50% 0 no-repeat; color:#a3a9ad; margin: 0; font:12px/24px Arial, Helvetica, sans-serif;;  }
a { color:#e43f19; text-decoration:none;  }
a:hover { color:#fff; }
a img { border:0; } 
a:active, a:focus  { -moz-outline:none }
p {margin:1.6em 0; }
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
object { outline:none; }
/* <q></q> more */ q {display:block;} q:before, q:after {content:"";}

.l_col { float:left; width:49%; }
.r_col { float:right; width:49%; }

.contents {  background:50% 0 no-repeat;   } 
.contents a { text-decoration:underline; } 

.nav { width:100%; overflow:hidden; height:354px; position: relative;}
.nav_holder { position:relative; left:50%; }
.nav_container { width:1115px; height:162px; position:absolute; left:-557px; background:url(../_images/layout/navigation_bg.png) 0 0 no-repeat; }
.nav_int {width:920px; margin:0 auto; }
.nav .logo {display:block; width:322px; height:151px; float:left;}
.nav .menu {padding:48px 0 0 63px; float:left;}
.nav .menu a {height:42px; background-repeat:no-repeat; display:block; float:left;}
.nav .menu a:hover {background-position: bottom;}

.content_ext {background:url(../_images/layout/content_bg_rpt.jpg) 50% bottom repeat-y; }
.contents_holder {width:700px; margin:0 auto;}
.contents_interior {padding:45px 26px 26px 11px; position:relative;}
.contents_interior, .new_updates { text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px; }

.leadtext {font:18px/30px Cambria, Georgia, "Times New Roman", Times, serif; color:#fff; margin:0;}
.subtitlecontainer { padding-bottom:10px; position:relative; overflow:hidden }

.subnav {position:relative; margin:10px auto 1.6em; zoom:1;}
.subnav div {background:url(../_images/layout/subnav-left.gif) 0 0 no-repeat;}
.subnav div div {background:url(../_images/layout/subnav-right.gif) 100% 0 no-repeat;}
.subnav ul {list-style:none; /*background:url(../_images/layout/hr-classes-b.gif) 0 100% repeat-x; padding-top:1px;*/ height:46px;}
.subnav ul li {height:24px; float:left; position:relative !important;}
.subnav a {font:10px/23px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0 0 0 32px; background:url(../_images/layout/relatednav-bullet.gif) 16px 50% no-repeat; text-decoration:none; display:block; position:relative; z-index:99;  }
.subnav b {font:10px/23px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0 0 0 32px; background:url(../_images/layout/relatednav-bullet.gif) 16px 50% no-repeat; text-decoration:none; display:block; position:relative; z-index:99; color:#FDCA27; }
.subnav a:hover {text-decoration:underline;}
.subnav span {display:block; text-transform:lowercase; padding:0 20px 0 5px; font:italic 10px/23px Georgia, "Times New Roman", Times, serif; color:#ffebc8; letter-spacing:6px;}
.subnav .returntoclasses {float:right; margin:0 10px 0 0;}
.subnav .returntoclasses a {color:#b93304; background:url(../_images/layout/relatednav-back.gif) 16px 50% no-repeat;}
.subnav .returntoclasses a:hover {color:#fff; background:url(../_images/layout/relatednav-backglow.gif) 16px 50% no-repeat;}

.smallcap {position:relative; z-index:1;}
.smallcap div {width:74px; height:66px; background-position:50% 50%; background-repeat:no-repeat; position:absolute; left:-43px; top:-21px;}
.d div {background-image:url(../_images/smallcaps/D.gif);}
.r div {background-image:url(../_images/smallcaps/R.gif);}
.t div {background-image:url(../_images/smallcaps/T.gif);}

.ssthumb {margin:0; padding:0; width:299px; height:229px; position:relative; z-index:3;}
.ssthumb div {height:100%;}
.ssthumb .ssframe1 {background:url(../_images/layout/ssframe1.png) 0 0 no-repeat;}
.ssthumb .ssframe2 {background:url(../_images/layout/ssframe2.png) 0 0 no-repeat;}
.ssthumb div a {display:block; height:100%;}
.ss-right {margin:0 0 35px 18px; float:right; clear:right;}
.ss-left {margin:0 18px 35px 0; float:left; clear:left;}
.ss-row {margin:35px 0 35px 20px; float:left;}

.contentvideo {background:url(../_images/layout/bg-video640x360.jpg) 0 0 no-repeat; width:660px; height:430px; margin:0 auto; position:relative;}
.video_title_int h5, .contentvideo h5 {font:bold 10px/38px Georgia, "Times New Roman", Times, serif; letter-spacing:1px; text-transform:uppercase; padding:0 0 0 15px; display:block; height:39px; position:relative; top:7px; color:#fdca27;}
.contentvideo #video_targ {width:640px; height:360px; position:absolute; left:10px; top:46px;}

/* Page Specific Styles */
.worgen {background-image:url(../_images/bg/worgen_bg_t.jpg);} 
.worgen .contents {background-image: url(../_images/bg/worgen_bg_b.jpg);} 

.goblin {background-image:url(../_images/bg/goblin_bg_t.jpg);} 
.goblin .contents {background-image: url(../_images/bg/goblin_bg_b.jpg);} 

.lostisles {background-image: url(../_images/bg/lostisles_bg_t.jpg);} 
.lostisles .contents {background-image: url(../_images/bg/lostisles_bg_b.jpg);} 

.echoisles {background-image: url(../_images/bg/echoisles_bg_t.jpg);}
.echoisles .contents {background-image: url(../_images/bg/echoisles_bg_b.jpg);}

.gilneas {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.gilneas .contents {background-image: url(../_images/bg/keel_bg_b.jpg);} 

.lore {background-image:url(../_images/bg/deathwing_bg_t.jpg);} 
.lore .contents {background-image: url(../_images/bg/deathwing_bg_b.jpg);} 
.lore h3 {font:18px/1.4em Cambria, Georgia, "Times New Roman", Times, serif; color:#fff; margin:2em 0 1.067em; background: url(../_images/layout/endmark.gif) 0 6px no-repeat; padding:0 0 0 22px;}

.abyssalmaw {background-image:url(../_images/bg/amaw_bg_t.jpg);} 
.abyssalmaw .contents {background-image: url(../_images/bg/amaw_bg_b.jpg);} 

.hyjal {background-image:url(../_images/bg/hyjal_bg_t.jpg);} 
.hyjal .contents {background-image: url(../_images/bg/hyjal_bg_b.jpg);} 

.vashjir {background-image:url(../_images/bg/vashjir_bg_t.jpg);} 
.vashjir .contents {background-image: url(../_images/bg/vashjir_bg_b.jpg);} 

.origination {background-image:url(../_images/bg/origination_bg_t.jpg);} 
.origination .contents {background-image: url(../_images/bg/origination_bg_b.jpg);} 

.twinpeaks {background-image:url(../_images/bg/twinpeaks_bg_t.jpg);} 
.twinpeaks .contents {background-image: url(../_images/bg/twinpeaks_bg_b.jpg);} 

.grimbatol {background-image:url(../_images/bg/grimbatol_bg_t.jpg);} 
.grimbatol .contents {background-image: url(../_images/bg/grimbatol_bg_b.jpg);} 

.twilighthighlands {background-image:url(../_images/bg/twilighthighlands_bg_t.jpg);} 
.twilighthighlands .contents {background-image: url(../_images/bg/twilighthighlands_bg_b.jpg);} 

.features {background-image: url(../_images/bg/elemental_bg_t.jpg);} 
.features .contents { background-image: url(../_images/bg/elemental_bg_b.jpg);} 

.media {background-image: url(../_images/bg/mountgod_bg_t.jpg);} 
.media .contents { background-image: url(../_images/bg/mountgod_bg_b.jpg);} 

.screenshots {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.screenshots .contents { background-image: url(../_images/bg/keel_bg_b.jpg);} 

.artwork {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.artwork .contents { background-image: url(../_images/bg/keel_bg_b.jpg);} 

.faq {background-image: url(../_images/bg/underwater2_bg_t.jpg); color:#a3a9ad; position:relative;} 
.faq .contents { background-image:url(../_images/bg/underwater2_bg_b.jpg); zoom:1; } 
.faq blockquote {margin:50px 40px 0 50px;}
.faq ul {margin:1.6em 0 1.6em 35px; position:relative; list-style-type:square;}
.faq ul li {margin:1em 0; font-size:11px;}
.faq ul li strong {color:#fff; display:block;}
.faq h2 {color:#fff; font:18px/1.4em Cambria, Georgia, "Times New Roman", Times, serif; background: url(../_images/layout/endmark.gif) 0 6px no-repeat; padding:0 0 0 22px; margin: 0 0 0 -40px; position:relative;}
.features q, .faq q {position:relative; margin:0 0 50px 0;}
/*.faq .top {position:absolute; bottom:0; right:-50px; background:url(../_images/layout/top.gif) 0 50% no-repeat; padding-left:10px;}
.faq .top a {text-decoration:none; font-size:11px;}   ****conflicts with footer lang menu - deprecated? */
.faq .hr {height:1px; background:url(../_images/layout/hr-author.gif) 50% 0 repeat-x; margin:0; padding:0; font-size:1px; line-height:1px;}

.error { background-image: url(../_images/bg/worgenvision_bg_t.jpg) } 
.error .contents { background-image: url(../_images/bg/worgenvision_bg_b.jpg) } 

.sitemap { background-image: url(../_images/bg/skycastle_bg_t.jpg) } 
.sitemap .contents { background-image: url(../_images/bg/skycastle_bg_b.jpg) } 

/* Media */
.media a { text-decoration:none; }
.media .contents_holder { width:802px }  
.media .contents_interior { padding:21px 0 0 0; }  
.media .mediatitle { position:absolute; top:-40px; left:47px; width:100%;  }
.video_window { background:url(../_images/layout/media_movie_bg.jpg) no-repeat; width:802px; height:529px;  position:relative;
				margin-bottom:28px; font:11px Trebuchet MS;  }
.video_title { height:49px;   } 
.video_title_int { padding:5px 65px 0 0px; }
.mov_more { float:right; display:block; padding:10px; color:white; }
.video_desc { padding:4px 22px 0 14px; color:white; }
.mov_dl { float:right; }

.video_container { height:440px; width:779px; margin:6px 0 0 11px; }
#video_targ {   }

.screenshots_container { background:url(../_images/layout/media_images_bg.jpg); width:811px; height:272px; text-align:center; text-transform:uppercase; }
.screenshots_container div { float:left; margin-top:23px; }
.screenshots_container a { width:350px; height:230px; display:block; }
.screenshots_container a:hover { background-position:bottom; }
.screenshots_container .ss_link a { background-image:url(../_images/layout/media_ss_link.jpg); }
.screenshots_container .art_link a { background-image:url(../_images/layout/media_art_link.jpg); }
.ss_link { padding-left:21px; }
.art_link { margin-left:66px; }
.images_name { display:block; font:bold 24px Cambria, Georgia, "Times New Roman", Times, serif; color:white; padding-top:172px; letter-spacing:5px;  }
.images_enter { display:block; font:12px Cambria, Georgia, "Times New Roman", Times, serif; color:#efc972;  }

.wallpaper_container { overflow:hidden; margin-top:65px; zoom:1; }
.wallpaper_container .subtitlecontainer { padding:0 ;} 
.wallpaper_i { background:5px no-repeat; float:left; margin-right:2px; }
.wallpaper_i.colend { margin-right:0; }
.wallpaper_i .frame { width:266px; height:206px; background:url(../_images/layout/gallery_frame.png) no-repeat; position:relative; }
.frame_size { width:252px; height:192px; position:relative;}
.frame_interior {  padding:14px 0 0 14px; }
.wp_title { background:url(../_images/layout/black50.png); color:#ffa201;  } 
.wp_title_int { background:url(../_images/layout/media_goldknot.png) 10px 50% no-repeat; font-weight:bold; text-transform:uppercase; color:#ffa201; padding-left:25px;}
.wp_options {  background:url(../_images/layout/black70.png); bottom:0; position:absolute; width:238px; }
.wp_options a { font-size:10px; font-family:Trebuchet MS; }
.wp_options .sizes { background:url(../_images/layout/pixel_arrow.gif) right 50% no-repeat; padding:0 10px 0 10px ; display:block; float:left; }
.over .sizes { color:white; } 
.wp_options .preview { background:url(../_images/layout/zoom_icon.png) 0 50% no-repeat; padding:0 10px 0 18px; float:right; }

.wp_sizes { padding:10px 20px 10px 20px; overflow:auto; display:none;}
.over .wp_sizes { display:block; }
.wp_sizes ul { width:45%; float:left;  }
.wp_sizes li { list-style:circle; line-height:normal;  }

/* Features */

.features .contents_interior { padding-top:0; }
.features .recent {  padding-top:30px; line-height:normal }
.features .features_list { clear:both; padding-top:40px; font:12px/18px Arial, Helvetica, sans-serif;}
.features .l_col h2, .features .r_col h2  { width:90%; margin:0; background:none; padding:20px 0 0 0; color:white; font-size:12px; }
.features .l_col, .features .r_col { width:48%; }
.features .gamefeatures {width:272px;}
.recent a { background-repeat::no-repeat; position:relative; margin-top:10px; }
.recent a:hover { background-position:0 bottom; }
a .f_int { position:absolute; bottom:0; padding-bottom:10px;  }

.recent .l_col a { width:272px; height:49px; }
.recent .r_col a, .recent .l_col .big { width:272px; height:108px; }

.features .contents_interior { padding-left:30px; padding-right:50px;} 
.features .recent a, .features .recent a span { display:block; text-decoration:none; }
.features .s_title { background:url(../_images/layout/feature_sub_bg.jpg) no-repeat; padding:17px 0 13px 15px; margin-left:-12px; height: 20px;  }

/* Races */
.character_ani_block { float:right; height:256px; width:264px; }
#character_ani { position:absolute; right:63px; top:-98px;  z-index:4; }
.worgen .character_ani_block { height:345px; width:264px; }
.worgen #character_ani { right:-86px; top:-98px;}

/* Sitemap */
.sitemap .site_container { clear:both; overflow:hidden; padding:20px; padding-bottom:400px;   }
.sitemap ul { float:left; width:30%; padding-bottom:10px; font-size:120%; margin-left:20px;   }
.sitemap ul li { padding-left:10px; }
.sitemap ul ul { margin-left:10px; font-size:80%; width:100%; }

/* Error */
.error .site_container { clear:both; overflow:hidden; padding:20px; padding-bottom:400px;   }
.error ul { float:left; width:30%; padding-bottom:10px; font-size:120%; margin-left:20px;   }
.error ul li { padding-left:10px; }
.error ul ul { margin-left:10px; font-size:80%; width:100%; }

/* Gallery (from D3) */
.picturegallery { height:100%; margin:0; text-align:left; width:810px; position:relative; padding-top:10px; }
.picturegallery, .gallerynav { left:-60px; }
.picturegallery div {float:left; text-align:left; padding:0 0 7px 0;}
.picturegallery div img {border:0; padding:0; margin:0; cursor:pointer; width:240px; height:180px;}
.picturegallery div span {cursor:pointer; width:266px; height:206px; margin:0; display:block; background-position:5px; background-repeat:no-repeat;}
.picturegallery div span div {width:266px; height:206px; background:url(../_images/layout/gallery_frame.png) 0 0 no-repeat; margin:0; padding:0; position:relative;}
.picturegallery div span div a {background:none; height:100%; display:block;}
#lightboxStringHolderDiv { display:none; }

.gallerynav {font:bold italic 14px/31px Cambria; text-align:center; letter-spacing:-1px; color:#ffeabc; background:url(../_images/layout/gallery_nav.jpg); width:793px; height:41px; clear:both; position:relative; bottom:0px; margin:0 auto; }
.gallerynav-top {top:70px;}
.gallerynav a {display:block; font:italic 16px/23px; height:27px; margin:0; color:#a29371; width:100px; text-decoration:none; line-height:25px;}
.gallerynav a:hover {color:#fff;}
.gallerynav a.prevgallery {float:left; text-align:left; background:url(../_images/layout/gallery-leftarrow.gif) no-repeat; padding-left:35px; margin:5px 0 0 7px; }
.gallerynav a.prevgallery:hover {background:url(../_images/layout/gallery-leftarrow.gif) 0 -27px no-repeat;}
.gallerynav a.prevgallery div {margin:5px 0 0 35px;}
.gallerynav a.nextgallery {float:right; text-align:right; background:url(../_images/layout/gallery-rightarrow.gif) 100% 0 no-repeat; padding-right:40px; margin:5px 
8px 0 0; }
.gallerynav a.nextgallery:hover {float:right; text-align:right; background:url(../_images/layout/gallery-rightarrow.gif) 100% -27px no-repeat;}
.gallerynav a.nextgallery div {margin:5px 35px 0 auto;}
.gallerynav .firstgallery a {display:inline; font:italic 11px/23px; letter-spacing:0; width:auto; margin:0; padding:0;}
.currentpage {font:bold italic 18px/23px;}


/* Footer (from blizz.com) */
.footercontainer { background:url(../_images/layout/footer_bg.jpg) 50% 0 no-repeat;  width: 100%; height: 190px; padding: 95px 0 0 0; color:#666; line-height:18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}	
.footer { clear: both; margin: 0 auto; width: 980px;    }

/* Flashtext */
.flashtextcontainer { display: block; height:25px; }
.flashtextcontainer h1 { height:auto; }

/* Homepage */
.reldiv {position: relative;}
.homepage {min-width: 980px;}
.homepage .container { width: 980px; margin: 0 auto; clear: both; position: relative;}
.homepage .container .deathwingflash {width: 900px;  height: 750px; position: absolute; margin: 0 0 0 -212px; z-index: 0;}
.homepage .container .deathwingflash .animation {width: 900px;  height: 750px; position: static; margin: 0; padding: 0;}
.homepage .container .trailerflash {width: 243px;  height: 108px;  position: absolute; top: 593px; left: 700px;}
.homepage .container .trailerflash .animation {width: 243px;  height: 108px; position: static; margin: 0; padding: 0;}
.homepage .container .screenshotflash {width: 414px;  height: 387px;  position: absolute; top: 812px; left: 565px; overflow: hidden; }
.homepage .container .screenshotflash .player { width: 414px;  height: 387px; position: absolute; top: -12px;}
.homepage .container .contents { width: 420px; padding: 760px 0 0 90px;}
.homepage .container .contents .head {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #E43F19; }
.homepage .container .contents .copy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A3A9AD;}
.homepage .footer {clear: both; width: 980px;}
.homepage .nav {height: 160px; z-index: 10;}
.homepage .titleupdates {position: absolute; width: 180px; top: 175px; left: 710px;}
.homepage .titletrailer {position: absolute; width: 180px; top: 560px; left: 710px;}
.homepage .titleraces {position: absolute; width: 180px; top: 367px; left: 710px;}
.homepage .titlescreens {position: absolute; width: 180px;top: 785px; left: 589px;}
.homepage .new_updates {position: absolute; top:196px; left: 700px; }
.homepage .new_updates a { display:block; width:243px; height:49px;  line-height:normal; margin-top:9px;  }
.homepage .new_updates a:hover { background-position:bottom; }
.homepage .new_updates a span { display:block; } 
.new_feature_title { padding:10px 0 0 10px; font-size:16px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
.new_feature_date { padding:2px 0 0 10px; font-size:11px; color:white; color: #FFFFFF;}
.homepage .new_updates .feature_1:hover { background-position:0 -49px !important; }
.feature_2 { background-position:0 -98px;}
.homepage .footercontainer { background:none;  }
.homepage .container .racegoblin { width: 116px; height: 106px; position: absolute; top: 398px; left: 700px; background:top left no-repeat;}
.homepage .container .racegoblin:hover { background-position: bottom left; }
.homepage .container .raceworgen { width: 116px; height: 106px; position: absolute; top: 398px; left: 827px; background: top left no-repeat;}
.homepage .container .raceworgen:hover { background-position: bottom left; }
.homepage .footercontainer { background:none;  }

.error .contents_interior { font-family:Cambria, Georgia; }