body, html {
	margin: 0;
	background: url("http://www.tapmusic.net/lastfm/grey.png") repeat 0 0;
	font-family: Chaparral_Pro, Georgia, serif;
}

::selection, ::-moz-selection {
    background-color: tomato;
		color: white;
}

::-moz-selection {
    background-color: tomato;
		color: white;
}


a { 
	color: tomato; 
	text-decoration: none; 
	border-bottom: 1px dotted black; 
}

#page-wrap {
	min-width: 725px;
	width: 60%;
	padding: 40px 60px;
	margin: 0 auto;
}

#announcement {
text-align: center;
font-size: 16px;
}

#announcement p {
margin: 0;
box-shadow: 0px 0px 3px #dadada;
padding: 5px;
opacity: 0.4;
transition:opacity 0.2s linear; 
-webkit-transition:opacity 0.2s linear;
}

#announcement p:hover {
background: #f8f6e3 ;
opacity: 1; 
transition:opacity 0.5s linear; 
-webkit-transition:opacity 0.5s linear;
}



@font-face {
	font-family: Chaparral_Pro;
	src: url(../fonts/ChaparralPro-Regular.otf);
}

@font-face {
    font-family: Chaparral_Pro_BI;
    src: url(../fonts/ChaparralPro-BoldIt.otf);
}

a:hover { opacity: 0.6; }

h1 {
	margin: 0;
	font-size: 4.4em;
	font-weight: normal;
	letter-spacing: -1px;
}

h1 a { 
	text-decoration:none; 
	color: black; 
	border:0; 
}

h2 {
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0px;
}

em {
	font-family: Chaparral_Pro_BI, Georgia, serif;
}

form {
	margin: 30px 0 30px 0;
	width: 650px;
}

@-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-15deg); opacity: 0; }
60% { -webkit-transform: translateX(-1%) skewX(15deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-10deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-15deg); opacity: 0; }
60% { -moz-transform: translateX(-1%) skewX(15deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-10deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-15deg); opacity: 0; }
60% { -o-transform: translateX(-1%) skewX(15deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-10deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-15deg); opacity: 0; }
60% { transform: translateX(-1%) skewX(15deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-10deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

input, select { 
	font-family: Chaparral, Georgia, serif;
	margin-right: 2px;
	background: tomato;
	border: 0px;
	color: white;
	padding: 8px;
	outline: none;
	box-shadow: none;
}

option { 
	background: #e6e6e6; 
	color: black; 
}

input[type="text"] { 
	padding: 9px;
}

input[type="text"]:focus, select:focus { 
	opacity: 0.7; transition:opacity 0.2s linear; 
	-webkit-transition:opacity 0.2s linear;
}

input::-webkit-input-placeholder {
    color:white;
}

input[type="submit"] { 
	background:black; 
}

input[type="submit"]:hover, input[type="button"]:hover  { 
	opacity: 0.7; 
	transition:opacity 0.2s linear; 
	-webkit-transition:opacity 0.2s linear;
}

input[type="submit"]:active, input[type="button"]:active  { 
	opacity: 0.2; 
	transition:opacity 0.1s linear; 
	-webkit-transition:opacity 0.1s linear;
}

#advancedfeatures { 
	margin-top: 10px;
}

#advancedfeatures ul {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 13px;
}

#advancedfeatures li {
	margin: 6px 0px;
	list-style: none;
}

#advancedfeatures input {
	background: white;
}

h3 {
	margin: 40px 0 0 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0px;
}

p { 
	margin: 10px 0 15px 0;
	font-family: Georgia, serif; 
	font-size: 15px; 
	line-height: 150%; 
}

#social {
	margin: 0 auto;
	margin-top: 15%;
	text-align: center;
}

#social a {
	margin: 0 10px;
	border: 0;
	opacity: 0.5;
}

#social img { 
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}

#social img:hover { 
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}

#social a:hover {
	opacity: 1;
}

#footer {
	font-family: Georgia, serif; 
	font-size: 11px;
	text-align: center;
margin-bottom: 10px;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	margin: 6px 0;
	list-style: none;
}

#footer a {
	border: 0;
font-weight: bold;
}