@charset "UTF-8";
/*
 * Six Pack style for IE7+ 
 * Developed by Cameron Jensen
*/
*{margin:0;padding:0;outline:0}
body{background:#111;color:#555;font:0.75em 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif}
abbr{cursor:help}
a img{border:0}
a{color:#8B9921;font-weight:bold;}
a:hover{text-decoration:none}
img.left{float:left}
img.right{float:right}
#skipto /* for screen readers */ { display:none}
#topbar{height:39px;width:100%;position:relative;top:0;left:0;background:url('../images/topbar.png') repeat-x}
#australian-wow{position:absolute;left:15px;top:0;text-indent:-999em;width:164px;height:37px;background:url('../images/australian-wow-guild.png') no-repeat}
#realm a{position:absolute;right:15px;top:0;width:93px;height:36px;text-indent:-999em;background:url('../images/blackrock-us.png') no-repeat}
#header a{left:50%;margin-left:-146px;position:absolute;top:90px;width:292px;}
#top-wrap{height:276px;background:url('../images/banner-illidan.jpg');width:1200px;position:relative;left:50%;margin-left:-600px}
#top{width:100%;background:#000;height:276px}
#wrap-border{overflow:hidden;clear:both;position:relative;height:100%;width:100%;background:#111 url('../images/body-top.png') repeat-x;padding-bottom:30px;}
#wrap{width:960px;position:relative;left:50%;margin-left:-480px;background:#FFF url('../images/wrap-top.png') repeat-x;/*margin-bottom:30px;*/}
#wrap-body {overflow:hidden;position:relative;}
#search{position:absolute;right:150px;bottom:0}
#search label,#search .button{display:none}
#search .textfield{color:#333;font:1em 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;background:url('../images/search.png') no-repeat;border:0;width:93px;height:26px;padding-top:13px;padding-left:30px;padding-right:10px}
#search .textfield:hover,#search .textfield:focus{background-position:0 -39px}
/* content */
#content, #sidebar {padding-bottom:999em;margin-bottom:-998em;position:relative;}
#content{float:left;width:720px;background:#FFF;}
#content h2 a {font-weight:normal;}
#content h1 {text-indent:-999em;height:41px;padding-bottom:15px;border-bottom:#333 solid 2px;margin-bottom:15px;background-position:left top;background-repeat:no-repeat;}
#content h1.news {background-image:url('../images/heading-news.png');}
#content h1.about {background-image:url('../images/heading-about.png');}
#content h1.recruitment {background-image:url('../images/heading-recruitment.png');}
#content h1.forums {background-image:url('../images/heading-forums.png');}
#content h2, #content h3 {color:#333;}
#content h2{margin-bottom:0.5em;font-weight:normal;text-transform:uppercase;letter-spacing:-2px;font-size:2.1em}
#content h3 {margin-bottom:0.4em;font-weight:normal;font-size:1.4em;}
#content-padding{margin:15px 20px}
/* sidebar and widgets */
#sidebar{background:#FFF url('../images/sidebar.png') repeat-y left top;padding-top:10px;width:220px;float:right;padding-left:20px;margin-top:3px;}
h3#apply a{display:block;background:url('../images/apply-now.png') no-repeat;text-indent:-999em;width:208px;height:84px}
h3#apply a:hover{background-position:0 -84px}
#people h3 a{margin-left:10px;margin-top:20px;background:url('../images/people.jpg') no-repeat;width:193px;display:block;height:244px;text-indent:-999em;margin-bottom:10px}
#people{position:relative}
#people h3 a:hover{background-position:0 -244px}
#speech-bubble{position:absolute;left:0;bottom:180px;background:url('../images/speech-bubble-body.png') repeat-y;width:83px;text-align:center;}
#speech-bubble .bottom {background:url('../images/speech-bubble-bottom.png') no-repeat left bottom;padding-bottom:10px;}
#speech-bubble .top {padding-left:7px;padding-top:5px;padding-right:18px;background:url('../images/speech-bubble-top.png') no-repeat left top;}
#nav{overflow:hidden;position:absolute;bottom:10px;width:394px;left:50%;margin-left:-197px;}
#nav li{display:inline}
#nav a{height:53px;background:url('../images/nav.png') no-repeat;text-indent:-999em;float:left}
#nav .news{background-position:0 0;width:71px}
#nav .news:hover,#nav .active .news{background-position:0 -53px}
#nav .about{background-position:-71px 0;width:66px}
#nav .about:hover,#nav .active .about{background-position:-71px -53px}
#nav .recruitment{background-position:-137px 0;width:107px}
#nav .recruitment:hover,#nav .active .recruitment{background-position:-137px -53px}
#nav .wws{background-position:-244px 0;width:56px}
#nav .wws:hover,#nav .active .wws{background-position:-244px -53px}
#nav .forums{background-position:-300px 0;width:75px}
#nav .forums:hover,#nav .active .forums{background-position:-300px -53px}
#nav .roster{background-position:-375px 0;width:75px}
#nav .roster:hover,#nav .active .roster{background-position:-375px -53px}
#footer{overflow:hidden;width:960px;margin-left:-480px;left:50%;position:relative;clear:both;background:#000 url('../images/footer.png') repeat-x;border:#1b1b1b solid 1px;border-top:0;height:141px;}
.article{overflow:hidden;margin-bottom:10px;clear:both;border-bottom:#555 solid 2px;padding-bottom:15px;}
.article h2{margin-top:5px;}
.article h2 a{color:#333}
.article img {max-width:659px;float:left;	border:#555 solid 1px;padding:8px;background:#FFF;	margin-top:3px;	margin-right:15px}
.article .postinfo{margin-bottom:10px}
#content p,#content ul,#content ol{margin-bottom:1.2em;line-height:1.7em}
a .screenshot{border-color:#8B9921}
#content pre {padding:0.3em 0.5em;border:#CCC solid 1px;font:1.0em 'Courier New';overflow:auto;max-width:680px;max-height:250px;line-height:1.6em;}
#videos{margin:15px;float:left;width:300px}
#videos dt{text-indent:-999em;width:50px;height:15px;background:url('../images/videos.png') no-repeat;margin-bottom:5px}
#videos dd{margin-bottom:5px;margin-left:2px}
#siteinfo{position:absolute;right:0;color:#666;bottom:10px;right:10px;text-align:right}
#footer a{color:#ccc}
#class-demand{width:194px;list-style-type:none;border:#ccc solid 1px;border-top:0}
#class-demand h4 img{float:left;width:21px;height:21px;margin-top:1px}
#class-demand h4 span{float:left;margin-left:3px;margin-top:2px}
#class-demand h4{font-size:1em;clear:both;overflow:hidden;padding:3px;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;display:block;background:url('../images/gradient-bar.png') repeat-x;font-weight:normal;cursor:pointer}
#class-demand h4 .toggle{border-left:#CCC solid 1px;background:url('../images/arrow-down.png') no-repeat center center;width:25px;height:21px;float:right}
#class-demand dl{overflow:hidden;margin:5px;display:none}
#class-demand dt{float:left;width:50%;clear:left;margin-bottom:5px}
#class-demand dd{width:50%;float:left;margin-bottom:5px;text-align:right;color:#8B9921}
#recruitment{margin-top:10px;margin-left:5px}
#recruitment h3{background:url('../images/sidebar-recruitment-heading.png') no-repeat;width:196px;height:32px;text-indent:-999em}
#progression{margin-left:5px;width:196px}
#progression h3{background:url('../images/sidebar-progression-heading.png') no-repeat;width:196px;height:32px;text-indent:-999em}
#progression dl{background:#f1f1f1 url('../images/gradient-bar.png') repeat-x left bottom;border:#CCC solid 1px;border-top:0;padding:4px}
.bar{clear:both;border:#CCC solid 1px;padding:0 2px;background:#FFF}
#progression dt{overflow:hidden;font-weight:bold;float:left;margin-bottom:3px}
#progression .progression{float:right;width:25%;text-align:right;margin-bottom:3px}
.bar span{background:url('../images/bar.png') repeat-x;display:block;height:29px}