body {
    background-color: #FFFFFF;
    color: #999;
	font-family: Arial, Helvetica ;
}
header {
    background-color: #FFFFFF;
    background-position:  right;
    background-repeat: no-repeat;
    color: #000000;
	vertical-align:middle;
	text-align:center
}

nav {
	width: 750px ;
	display: inline-block ;
	margin: 0 auto ;
	border-radius: 25px;
}


nav ul {
    list-style-type: none;
    margin: 0 auto ;
    padding: 0;
    overflow: hidden;
      background: #64c8ef; /* Old browsers */
  background: -moz-linear-gradient(top,  #666666 0%, #333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #666666 0%,#333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #666666 0%,#333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #666666 0%,#333 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #666666 0%,#333 100%); /* W3C */
	text-align: center ;
	border-radius: 5px;
}

nav li {
    float: left;
}

nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav li a:hover:not(.active) {
    background-color: #111;
}

.resort {
    color: #666666;
	font-weight: bold ;
}

#content {
	padding: 1px 0px 20px 0px ;
	background-color: #F6F6F6 ;
	margin-left: auto;
    margin-right: auto;
	width: 750px ;
	vertical-align:middle;
	text-align:center ;
	border-radius: 5px ;
}

#content h2 { color: #666666 ;
}

#content h3 { color: #666666 ;
margin-bottom: 0px ;

}

#notamember {
	background: #64c8ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFFFFF 0%, #F6F6F6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F6F6F6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 0%,#F6F6F6 100%); /* W3C */
	color: #999;
	width: 120px ;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	display: inline-block ;
	margin: 0 auto ;
	line-height: 0px ;
}
#notamember a { color: #999 }

footer {
	padding: 20px ;
	font-size: 75% ;
	font-style: italic ;
	font-family: Arial, Helvetica ;
	background-color: #FFFFFF ;
	text-align: center ;
}

header, hgroup, nav, footer, figure, figcaption, aside, section, article { display: block; }


a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:hover {color:#FFFFFF;}
a:active {color:#FFFFFF;}
a {text-decoration: none; }

.loginform ul {
  padding: 40px 0px 0px 0px;
  margin: 0;
  display: inline-block ;
}
.loginform li {
  display: inline;
  float: left;
}
label {
  display: block;
  color: #999;
}
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
:focus {
  outline: 0;
  color: #999 ;
}

:focus:hover {
	}
.loginform input:not([type=submit]) {
  padding: 5px;
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
        0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
}
.loginform input[type=submit] {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #64c8ef; /* Old browsers */
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #F6F6F6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F6F6F6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#F6F6F6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FFFFFF 0%,#F6F6F6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 ); /* IE6-9 */
  color: #999;
  padding: 5px 15px;
  margin-right: 0;
  margin-top: 18px;
  border-radius: 3px;
}


            #container {width:300px; margin:0 auto;}

            /* Nicely lines up the labels. */

            form label {
        display:inline-block;
        width:140px;
        margin: 2.5px 0px ;
      }

            /* You could add a class to all the input boxes instead, if you like. That would be safer, and more backwards-compatible */
            form input[type="text"],
            form input[type="password"],
            form input[type="email"] {
        width:160px;
          border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
        margin-right: 10px;
        margin-top: 2.5px ;
        margin-bottom: 2.5px ;
        padding: 5px;
      }

            form .line {clear:both;}
            form .line.submit {text-align:center;  }
      form input[type="submit"] {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%) repeat scroll 0 0;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        color: #999;
        margin-right: 0;
        margin-top: 15px;
        padding: 5px 15px;
      }

      input::-webkit-input-placeholder {
        color: #999;
      }

      input:-moz-placeholder { /* Firefox 18- */
        color: #999;
      }

      input::-moz-placeholder {  /* Firefox 19+ */
        color: #999;
      }

      input:-ms-input-placeholder {
        color: #999;
      }

      /* Start of dropdown CSS */

      .select-content a:hover {background-color: #f1f1f1}

      select {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%) repeat scroll 0 0;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        color: #999;
        margin-right: 0;
        margin-top: 2.5px;
        margin-bottom: 2.5px;
        padding: 5px 15px;
      }





.topartits {width: 750px ;
display:inline-block ;
margin-top: 0px ;

}
.artist { display: inline-block ;
margin: 5px 15px 15px 15px ;}

.artist img {background-color: #FFFFFF ;
padding: 3px 3px 3px 3px ;
border-radius: 5px ;
}


.artist p { margin: 5px 5px 5px 5px ;
}