/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com songs.nu
	  
*/

*{
padding: 0;
margin: 0;
}

body {
max-width: 100% !important;
overflow-x: hidden !important;
margin: 0 auto;
padding:0 0 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size:11px;
color:#000000;
background:url(stars.png) fixed;
text-align:center;
}

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #bcb9b6; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e7e6e5; 
}

hr {
  border: none;
  border-top: 2px dashed #40476e;
  text-align:center;
  height: 1px;
  width: 90%;
}

p{
margin:0;
padding:8px 0;
line-height:1.3em;
}

#wrapper { 
 margin: 0 auto;
padding: 0;
 width: 100%;
}

#header{
width:100%;
height:600px;
margin:0 auto;
padding:0;
}

#headerimg{
width:859px;
height:225px;
margin:0 auto 0;
padding:0 0 0 0;
background:url('top.png') no-repeat;
}

#navigation {
 width: 100%;
font-size:14px;
font-weight:normal;
 color: #FFFFFF;
 padding: 10px;
 margin: 0px 0px 0px 0px;
}

#navigation a, a:link{
font-weight:bold;
color: #FFFFFF;
padding: 10px 15px;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#navigation a:hover{
font-weight:bold;
color: #415979;
background-color: #fec874;
padding: 10px 15px;
border-radius: 9px;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#navigation a:active{
font-weight:bold;
color: #FFFFFF;
padding: 10px 15px;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#navigation li {
display: inline;
  align-items: center;
  justify-content: center;
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, {
  background-color: #fec874;
  color: white;
}

#content { 
 width: 875px;
 color: #000000;
 background: #e3e3e3 url('tabletile.jpg') repeat;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 100%;
border: 2px dotted #3a5068;
text-align:center;
}

.center {
  margin: auto;
  width: 60%;
  border: 0px solid #73AD21;
  padding: 5px;
}

#container {
margin: 0 auto;
width: 875px;
padding-top: 20px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size:12px;
color: #000000;
text-align: center;
}

#container a, a:link{
font-weight:bold;
color: #000048;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#container a:hover {
color: #c88d4e;
font-weight:bold;
cursor : crosshair;
border-bottom: 1px dashed #c88d4e;
outline:none;
}

#container a,a:active {
font-weight:bold;
color: #000048;
cursor : crosshair;
text-decoration:none;
outline:none;
}

a img {
border: none;
}

h2, h3, h4, h5, h6{
margin:4px 0;
padding:0;
color:#000048;
font-style:italic;
text-align:left;
}

h1{
font-size:1.4em;
color:#000048;
font-style:italic;
font-weight:normal;
}

h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}
h5{font-size:1.0em;}
h6{font-size:0.9em;}


#footer { 
  width: 100%;
font-weight:normal;
font-size:11px;
 color: #efdecc;
 padding: 10px;
 margin: 0px 0px 0px 0px;
}

#footer a, a:link{
font-weight:normal;
 color: #eabd42;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#footer a:hover{
color:#eabd42;
font-weight:normal;
cursor : crosshair;
text-shadow: 3px 3px 3px #ffffff;
outline:none;
}

#footer a:active{
font-weight:normal;
 color: #eabd42;
cursor : crosshair;
text-decoration: none;
outline:none;
}