/* Storm Guild CSS Layout file v1.0 *
 *              Created by Vale             */
 
/* Main body attributes */
body{
 font: 12px "Tahoma", sans-serif;
 background: url(/images/background/background.png) repeat-y;
 background-position: center;
 background-color: #494949;
 padding: 0;
 margin: 0;
 text-align: center;
}

/* Remove border for images with an <a> tag */
a img, a:link img, a:active img, a:visited img, a:hover img {
 border: none;
}

/* Set attributes for headings */

h1, h2, h3, h4{
 color: #FDA430;
}

h1{
 font-size: 18px;
}

h2{
 font-size: 14px;
}

h3{
 font-size: 12px;
}

/* Set attributes for paragraphs */

p{
 color: #FFFFFF;
 margin: 0;
}

ul{
 color: #FFFFFF;
 margin: 0;
}

/* Content Container */

.main{
 width: 1000px;
 padding: 0;
 margin: 0 auto 0 auto;
 text-align: left;
}

/* BANNER */

/* Set the banner attributes and remove padding */
.banner{
 width: 100%;
 padding: 0;
 margin: 0;
}

/* MENU */

/* The menu is enclosed in this class */
.menu{
 width: 1000px;
 height: 70px;
 padding: 0;
 margin: 0;
}

html a:hover{
 visibility:visible
}

#menu-home{
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-home span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
} 

#menu-forum{
 background: url(/images/menu/button_forum_on.png) no-repeat;
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-forum a {
 display: block;
 color: #000000;
 width: 139px;
 height: 58px;
}
#menu-forum  a:hover  img
{
visibility:hidden
}
#menu-forum span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
}

#menu-eve{
 background: url(/images/menu/button_eve_on.png) no-repeat;
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-eve a {
 display: block;
 color: #000000;
 width: 139px;
 height: 58px;
}
#menu-eve  a:hover  img
{
visibility:hidden
}
#menu-eve span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
}

#menu-swg{
 background: url(/images/menu/button_swg_on.png) no-repeat;
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-swg a {
 display: block;
 color: #000000;
 width: 139px;
 height: 58px;
}
#menu-swg a:hover  img
{
visibility:hidden
}
#menu-swg span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
}

#menu-war{
 background: url(/images/menu/button_war_on.png) no-repeat;
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-war a {
 display: block;
 color: #000000;
 width: 139px;
 height: 58px;
}
#menu-war  a:hover  img
{
visibility:hidden
}
#menu-war span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
}

#menu-about{
 background: url(/images/menu/button_about_on.png) no-repeat;
 width: 139px;
 height: 58px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 float: left;
}
#menu-about a {
 display: block;
 color: #000000;
 width: 139px;
 height: 58px;
}
#menu-about a:hover  img
{
visibility:hidden
}
#menu-about span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
visibility: hidden;
}

/* CONTENT */

.content-border{
 width: 960px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 border: 1px solid #4C4C4C;
 clear: both;
}

.content{
 width: 940px;
 padding: 10px 10px 10px 10px;
 margin: 0;
}

.news{
 width: 960px;
 padding: 0;
 margin: 10px 0px 0px 20px;
 border: 1px solid #4C4C4C;
}

.news-content{
 width: 940px;
 padding: 10px 10px 10px 10px;
 margin: 0;
}

#posted{
 font-size: 10px;
 color: #FDA430;
}

/* FOOTER */

.footer{
 position: relative;
 left: 0px;
 bottom: 0px;
 width: 100%;
 padding: 0;
 margin-top: 10;
 text-align: center;
}
.footer-content{
 width: 960px;
 padding: 10px 0px 10px 0px;
 margin: 0 auto 0 auto;
 border: 1px solid #4C4C4C;
}
