@charset "utf-8";

* {
margin: 0;
padding: 0;
text-decoration: none;
border: 0;
}

body {
	background: #000000 url(img/bg.jpg) top center repeat-x;
    font: Tahoma, Verdana;  
    color: #d5d5d5;
    font-size: 78%;
}

.bannertop {
    width: 100%;
    height: 298px;
    background: url(img/bannerbg.jpg) center repeat-x;
    margin-bottom: 10px;
}

.banner {
    width: 1600px;
    height: 250px;
    background: url(img/banner.jpg) no-repeat;
    margin: 0 auto;
}

.menu {
    width: 1600px;
    height: 48px;
    background: url(img/menubg.jpg) no-repeat;
    margin: 0 auto;
}

.menubh {
    width: 1000px;
    margin: 0 auto;
}

.menu ul li {
    list-style-type: none;

}

.topic_list {
    border: 1px solid #393838;
    width: 95%;
    min-height: 80px;
    padding: 3px;
    margin: 5px auto;
    background: url(img/tlistbg.png);
}

.tlists {
    width: 95%;
    margin: 0 auto;
    background: url(img/tlists.png) no-repeat center;
    clear: both;
}    

.memberl {
    width: 95%;
    margin: 5px auto;
    background: url(img/tlistbg.png);
    padding: 3px;
    text-align: center;
}

/* MENU BUTTONS */

#news {
    width: 110px;
    height: 48px;
    background: url(img/news.png);
    display: block;
    float: left;    
}

#news:hover {
    background-position: 0 -48px;
}

#members {
    width: 170px;
    height: 48px;
    background: url(img/members.png);
    display: block;
    float: left;    
}

#members:hover {
    background-position: 0 -48px;
}

#progress {
    width: 180px;
    height: 48px;
    background: url(img/progress.png);
    display: block;
    float: left;    
}

#progress:hover {
    background-position: 0 -48px;
}

#recruitment {
    width: 220px;
    height: 48px;
    background: url(img/recruitment.png);
    display: block;
    float: left;    
}

#recruitment:hover {
    background-position: 0 -48px;
}

#media {
    width: 110px;
    height: 48px;
    background: url(img/media.png);
    display: block;
    float: left;    
}

#media:hover {
    background-position: 0 -48px;
}

#forums {
    width: 170px;
    height: 48px;
    background: url(img/forums.png);
    display: block;
    float: left;    
}

#forums:hover {
    background-position: 0 -48px;
}

#dkp {
    width: 80px;
    height: 48px;
    background: url(img/DKP.png);
    display: block;
    float: left;    
}

#dkp:hover {
    background-position: 0 -48px;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.contentholder {
    width: 775px;
    float: left;
    border: 1px solid #313131;
    margin-bottom: 10px;
    background: #302c29 url(img/contentbg.jpg) repeat-y;
    background-size: 100%;    
}

#leftc {
    width: 77%;
    float: left;
}

#rightc {
    width: 19%;
    float: right;
    margin-right: 16px;
}

.news_hl {
    width: 98%;
    height: 43px;
    clear: both;
    padding-left: 15px;
    background: url(img/newsbg.jpg) repeat-x;
    color: #84572e;
}

.right_hl {
    width: 94%;
    height: 35px;
    clear: both;
    padding-left: 10px;
    padding-top: 8px;
    background: url(img/newsbg.jpg) repeat-x;
    color: #c2b6ad;
}

.content {
    width: 95%;
    padding: 0 5px 0 5px;
    min-height: 200px;   
}

.rightcontent {
    width: 95%;
    padding: 0 5px 0 5px;
    min-height: 200px;   
}

.seperator {
    background: url(img/krseperator.png) no-repeat;
    margin: -28px auto 0 auto;
    width: 146px;
    height: 126px;
}

.imgholder {
    margin: 7px auto;
    border: 1px solid #313131;
    width: 680px;
}

.imgholder:hover {
    border: 1px solid #777;
}

.rightholder {
    width: 190px;
    min-height: 200px;  
    float: right;
    border: 1px solid #313131;     
    background: #302c29 url(img/contentbg.jpg) repeat-y;
    background-size: 100%;  
    margin-bottom: 10px;  
}

a {
  color: #c1ae8b;  
}

a:hover {
    text-decoration: underline;
}

/* PROGRESS */

.wing {
    float: left;
    margin: 10px;
    width: 200px;
}

.pr_center {
    width: 200px;
    margin: 0 auto;
}

.progressimg {
    width: 200px;
    height: 90px;
    margin: 15px auto;
    border: 1px solid #313131;
}

.wing img {
    margin: 5px auto 5px auto;
}

.pr_center img {
    margin: 5px auto 5px auto;
}

#lichking {
    background: url(img/lichking.jpg) no-repeat;
}

#lichking:hover {
    background-position: -200px 0;
}

#sindragosa {
    background: url(img/sindragosa.jpg) no-repeat;
}

#sindragosa:hover {
    background-position: -200px 0;
}

#dreamwalker {
    background: url(img/dreamwalker.jpg) no-repeat;
} 

#dreamwalker:hover {
    background-position: -200px 0;
}

#bloodqueen {
    background: url(img/bloodqueen.jpg) no-repeat;
}  

#bloodqueen:hover {
    background-position: -200px 0;
}

#prince_council {
    background: url(img/prince_council.jpg) no-repeat;
}

#prince_council:hover {
    background-position: -200px 0;
}

#putricide {
    background: url(img/putricide.jpg) no-repeat;
}

#putricide:hover {
    background-position: -200px 0;
}

#rotface {
    background: url(img/rotface.jpg) no-repeat;
}

#rotface:hover {
    background-position: -200px 0;
}

#festergut {
    background: url(img/festergut.jpg) no-repeat;
}

#festergut:hover {
    background-position: -200px 0;
}

#saurfang {
    background: url(img/saurfang.jpg) no-repeat;
}

#saurfang:hover {
    background-position: -200px 0;
}

#gunship {
    background: url(img/gunship.jpg) no-repeat;
}

#gunship:hover {
    background-position: -200px 0;
}

#deathwhisper {
    background: url(img/deathwhisper.jpg) no-repeat;
}

#deathwhisper:hover {
    background-position: -200px 0;
}

#marrowgar {
    background: url(img/marrowgar.jpg) no-repeat;
}

#marrowgar:hover {
    background-position: -200px 0;
}

/* FORM stuff */

.form {
    width: 130px;
    height: 20px;
    background: url(img/formbg.jpg) no-repeat;
    margin: 6px;
    border: 1px solid #313131;
}

.form:hover {
    border: 1px solid #d1b79e;
}

.loginsubmit {
    width: 71px;
    height: 20px;
    background: url(img/loginsubmit.jpg) no-repeat;
    margin: 6px;
    border: 1px solid #313131;    
}

.loginsubmit:hover {
    border: 1px solid #d1b79e;
}

.line1 {
    background: url(img/line1.png);
}

.line2 {
    background: url(img/line2.png);
}

table {
    padding: 0;
    border-spacing: 0;
}