/* ############### */
/* ## HTML Tags ## */
/* ############### */

html,body {
height:100%;
}

/* ########### */
/* ## Links ## */
/* ########### */


/* ############# */
/* ## Classes ## */ 
/* ############# */

/* MISCELLANEOUS */
.line {
background-color: #24404C;
border-bottom: 1px solid #416371;
height: 1px;
margin: 1em 0;
overflow: hidden;
}

/* MENUBAR */
a.gallery, a.battle, a.twitter {
background:url('../resources/menubar.jpg');
display:block;
height:36px;
float:right;
text-decoration:none;
border-width:0px;
border-style:none;
}

a.gallery:hover, a.battle:hover, a.twitter:hover {
height:36px;
text-decoration:none;
border-width:0px;
border-style:none;
}

a.gallery {
background-position:-641px 0px;
width: 95px;
}

a.battle {
background-position:-736px 0px;
width:119px;
}

a.twitter {
background-position:-855px 0px;
width:85px;
}

a.gallery:hover {
background-position:-641px -36px;
}

a.battle:hover {
background-position:-736px -36px;
}

a.twitter:hover {
background-position:-855px -36px;
}


/* ########## */
/* ## Divs ## */ 
/* ########## */

#menubar {
background-image:url('../resources/menubar.jpg');
height:36px;
text-align:left;
}