/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* ---------- FONTAWESOME ---------- */
[class*="fa-"]:before { font-family: 'FontAwesome', sans-serif; }

/* ---------- GENERAL ---------- */
body { /*background: #202224;*/ color: #C1C1C1; font: 87.5%/1.5em 'Open Sans', sans-serif; margin: 0; }

a { color: #eee; text-decoration: none; }

a:hover { text-decoration: underline; }

input { border: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1.5em; padding: 0; -webkit-appearance: none; }

p { line-height: 1.5em; }

.clearfix { *zoom: 1; }

/* For IE 6/7 */
.clearfix:before, .clearfix:after { display: table; content: ""; }

.clearfix:after { clear: both; }

html{
	background: #1b172b url(../img/bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.mini_note{
	font-size: 13px;
line-height: 110%;
text-align: center;
margin-bottom: 15px;
margin-top: -10px;
}
/* ---------- mailchimp Form ---------- */
#mc_signup { margin: 50px auto; width: 280px; }

#mc_signup form span { background-color: #EFEFEF; border-radius: 3px 0px 0px 3px; color: #606468; display: block; float: left; height: 50px; line-height: 50px; text-align: center; width: 50px; }

#mc_signup form input { height: 50px; }

#mc_signup form .logo { text-align: center; margin-bottom: 15px; }

#mc_signup form .info { color: #fff; margin-bottom: 10px; text-align: center; }

#mc_signup form input[type="text"], input[type="email"] { background-color: #fff; border-radius: 0px 3px 3px 0px; color: #222; margin-bottom: 1em; padding: 0 16px; width: 198px; }

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

::-moz-placeholder { color: #606468; }

/* firefox 19+ */
:-ms-input-placeholder { color: #606468; }

/* ie */
input:-moz-placeholder { color: #606468; }

#mc_signup form input[type="submit"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #9b59b6; color: #eee; font-weight: bold; margin-bottom: 2em; text-transform: uppercase; width: 280px; }

.btn:hover { cursor: pointer; cursor: hand; }

.result { color: #fff; }
.result p { margin-bottom: 20px; border: 1px solid #ccc;
border-style: dashed;
padding: 10px;
text-align: center;}

#mc_signup form input[type="submit"]:hover { background-color: #8e44ad; cursor: pointer; cursor: hand; }

#mc_signup > p { text-align: center; }

#mc_signup > p span { padding-left: 5px; }

nav.social * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
nav.social ul { text-align: center; }
nav.social ul li { background: #2F2949; position: relative; width: 40px; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 4px; display: inline-block; }
nav.social ul li a { padding: 10px 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; }
nav.social ul li a:hover { text-decoration: none; }
nav.social ul li.facebook:hover { background: #3B5998; }
nav.social ul li.twitter:hover { background: #00aced; }
nav.social ul li.google:hover { background: #517fa4; }
nav.social ul li.youtube:hover { background: #bb0000; }
nav.social ul li.soundcloud:hover { background: #f50; }