/* 
Document   : main
Created on : 2008.02.13., 15:58:32
Author     : bazsa
Description:
Main styles used by site-wide
*/

body {
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: top;
}

#contentBlock {
    border: 0px;
    text-align: center;
    width: 750px;
    margin: 0 auto;
}
div.guildBanner {
    width: 750px;
    height: 350px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    background: #000000 url("../content/banner.swf") no-repeat top left;
    vertical-align: top;
}

div#menuBar {
    width: 750px;
    height: 50px;
    margin: 10px auto 10px auto;
    padding: 0px;
    background: #000000 url("menu_bg.jpg") no-repeat;
    text-align: center;
}

div#menuBar div {
    height: 50px;
    float: left;
}

div#menuBar div a {
    display: block;
    width: 100%;
    height: 100%;
}

div#menu_news {
    width: 60px;
    margin-left: 20px;
    background: transparent url("menu_news_off.png") no-repeat;
}
div#menu_news:hover {
    background: transparent url("menu_news_on.png") no-repeat;
}
div#menu_guild {
    width: 73px;
    margin-left: 25px;
    background: transparent url("menu_guild_off.png") no-repeat;
}
div#menu_guild:hover {
    background: transparent url("menu_guild_on.png") no-repeat;
}

div#menu_rules {
    width: 90px;
    margin-left: 12px;
    background: transparent url("menu_rules_off.png") no-repeat;
}
div#menu_rules:hover {
    background: transparent url("menu_rules_on.png") no-repeat;
}
div#menu_forum {
    width: 55px;
    margin-left: 25px;
    background: transparent url("menu_forum_off.png") no-repeat;
}
div#menu_forum:hover {
    background: transparent url("menu_forum_on.png") no-repeat;
}
div#menu_raids {
    width: 72px;
    margin-left: 30px;
    background: transparent url("menu_raids_off.png") no-repeat;
}
div#menu_raids:hover {
    background: transparent url("menu_raids_on.png") no-repeat;
}
div#menu_dkp {
    width: 38px;
    margin-left: 20px;
    background: transparent url("menu_dkp_off.png") no-repeat;
}
div#menu_dkp:hover {
    background: transparent url("menu_dkp_on.png") no-repeat;
}
div#menu_recruit {
    width: 97px;
    margin-left: 15px;
    background: transparent url("menu_recruit_off.png") no-repeat;
}
div#menu_recruit:hover {
    background: transparent url("menu_recruit_on.png") no-repeat;
}
div#menu_contact {
    width: 83px;
    margin-left: 13px;
    background: transparent url("menu_contact_off.png") no-repeat;
}
div#menu_contact:hover {
    background: transparent url("menu_contact_on.png") no-repeat;
}

div.contentTemplate1 {
    width: 750px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px;
    background: transparent url("bordertop.png") no-repeat top left;
    text-align: left;

}

div#bottombg {
    width: 750px;
    min-height: 300px;
    margin: 0 auto;
    padding: 0px;
    background: #d5d5b9 url("borderbottom.png") no-repeat bottom left;

}

div.objectBar {
    float: left;
    clear: none;
    width: 250px;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    margin-top: 6px;
}

div.imageBox {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 240px;
    height: 120px;
    background: transparent;
}

div.imageBox div.top {
    background: transparent;
    padding: 0px;
    width: 100%;
    height: 88px;
    overflow: hidden;
    margin: 0px;
    margin-bottom: 1px;
}

div.imageBox div.top img.round {
    position: relative;
    z-index: 100;
    display: block;
}

div.imageBox div.top img.content {
    position: relative;
    top: -10px;
    z-index: 10;
    vertical-align: top;
}

div.imageBox div.bottom {
    position: relative;
    top: -30px;
    width: 100%;
    height: 30px;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    background: transparent;
}

div.imageBox div.bottom img.round {
    vertical-align: top;
}

div.label {
    width: 65px;
    height: 30px;
    position: relative;
    left: 10px;
    top: -40px;
    z-index: 15;
    float: left;
}

div.u25 {
    background: transparent url("../resources/u25.png") no-repeat;
}

div.u10 {
    background: transparent url("../resources/u10.png") no-repeat;
}

div#recruit {
    background: transparent url("../content/recruit_alap.png") no-repeat;
    width: 240px;
    height: 240px;
    margin: 20px 0 20px 0;
}


div#recruit a {
    display: block; 
    width: 240px; 
    height: 240px;
}

div.ranking {
    background: transparent;
    width: 152px;
    padding: 0px;
    margin: 20px 0 0 44px;
}

#footer {
    width: 750px;
    height: 50px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 2px;
    background: #000 url("footer.png") no-repeat;
    text-align: center;
    color: #ffffff;
    font: normal 10px/50px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
}

#footer a {
    color: ffffff;
    text-decoration: underline;
}