@charset "UTF-8";
/* CSS Document */

/* RESET */
*				{margin: 0; padding: 0;}
html			{overflow-y: scroll;}
html, body 		{height: 100%;}
body			{font-size: 70.5%; font-family: Arial; sans-serif; color:#FFFFFF; font-weight: bold; background: #333333;}
ul 				{list-style: square inside;}
ol				{list-style: decimal inside;}
a 				{outline: none; text-decoration: none; text-transform: uppercase; text-decoration: none; color: #f5fe38; font-weight: bold; border: none;}
a img			{border: none;}
a:hover			{text-decoration: underline;}
img				{vertical-align: middle;}
table			{border-collapse: collapse;}
.alignright		{float: right; margin-left: 5px;}
.alignleft		{float: left; margin-right: 7px;}
.pages-text		{text-align: justify;}


/*TYPOGRAPHY*/
h1				{font-size: 2.0em; line-height: 1.7m; margin: 0 0 10px 0; text-align: justify; font-family: Verdana, Helvetica; color: white; text-transform: uppercase; font-weight: lighter;}
h2				{font-size: 1.7em; line-height: 1.7m; margin: 0 0 5px 0; text-align: justify; font-family: Verdana, Helvetica; color: white; text-transform: uppercase; font-weight: lighter;}
.motto			{font-size: 1.4em; line-height: 1.7em; margin: 0 0 10px 0; text-align: justify; font-family: verdana, helvetica; color: white; font-weight: lighter; opacity: .80; }


/*PAGE*/

#page{
 margin:0px auto;/* center the div*/
 width:950px; 
 background-color:#333333; /* Temporal */
 background-image: url(../images/bg.jpg);
 background-repeat: repeat-y;
 margin-top: 10px;
}

#main_img{
margin: 0px auto; /*center the image div*/
background-image: url(../images/main_img.jpg);
background-repeat: no-repeat;
height: 700px;
width:950px;
}

#logo{
height:133px;
width: 133px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
margin-top: -673px;
margin-left: 10px;
}

#header_text	{
width: 250px;
margin-top: -87px;
margin-left: 150px;
}

#header_subtext{
width: 250px;
margin-left: 150px;
margin-top: -15px;
}

#main_text {
width: 300px;
margin-left: 15px;
margin-top: 55px;
border-bottom: thin;
border-bottom-color:#CCCCCC;
border-bottom-style: dotted;
padding-bottom: 5px;}

#event_text {
width: 300px;
color: #f5fe38;
margin-left: 15px;
border-bottom: thin;
border-bottom-color:#CCCCCC;
border-bottom-style: dotted;
padding-bottom: 5px;
padding-top: 5px;}

#social_btns {
margin-left: 15px;
width: 300px;
height: 50px;
border-bottom: thin;
border-bottom-color:#CCCCCC;
border-bottom-style: dotted;
padding-bottom: 5px;
padding-top: 7px;
}

#album_cover{
width: 300px;
height:106px;
margin-left: 15px;
border-bottom: thin;
border-bottom-color:#CCCCCC;
border-bottom-style: dotted;
padding-bottom: 5px;
padding-top: 7px;
} 

/*NAVIGATION*/

ul#header_nav	{
float: left; 
margin-top: -691px;
margin-left: 15px;
}

ul#header_nav li {display: inline;} 

ul#header_nav li a {text-transform: uppercase; text-decoration: none; color: #f5fe38; padding-right: 18px; font-weight: bold;}
ul#header_nav li a:hover {text-decoration: underline;}


ul#social_nav {
}

ul#social_nav li {display: inline;}