body{
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
	color:#fff;
	background:#000;
	margin:0;
}
a { text-decoration: none; color:#fff;}
a:hover { text-decoration: none;}	
a:visited { color:#717171;}
hr {border:0;background-color:#717171;height:1px;}
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
img { max-width:100%;}
section { 
  display:block;
  float:right;
  line-height:1.8em;
  }
aside { 
  display:block;
  width:300px;
  float:left;
  text-align:center;
   }
h1{ padding-top:0px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	position:relative;
	clear:both;
	margin:10px auto;
}
h2{ 
	padding-top:20px;
	text-transform:uppercase;
        font-family: 'Oswald', sans-serif;
        position:relative;
        clear:both;
}

h1 span{ color:#f89015; }
.writer { font-family: 'Oswald', sans-serif;
	font-size:1em;
	text-transform:uppercase;
	color:#f89015;
	}
.writer i {  font-style: normal;
             color:#fff;}
.submit_form form input[type="text"],.submit_form form textarea{
	margin:3% 0;
	color: #555;
	padding: 5px;
	display: block;
	width: 90%;
	height:30px;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	outline: none;
	-webkit-appearance: none;
}
#infscr-loading { width:100%;
 text-align:center;}
.submit_form form textarea{
	resize: none;
	height: 120px;
}
.submit_form form input[type="text"].active{
	border:1px solid  #56CCC8;
        
}
.submit_form form input[type="submit"], #more {
	background: #f89015;
	color: #ffffff;
	font-size: 1em;
	text-transform: uppercase;
	padding: 8px 10px;
	border: none;
	cursor: pointer;
	line-height: 1.5em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-appearance:none;
}
.submit_form form  input[type="text"]:focus,.submit_form form textarea:focus {
	border: 1px solid #56CCC8;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	box-shadow: 0px 1px 2px #E0E0E0;
	-webkit-box-shadow: 0px 1px 2px #E0E0E0;
	-moz-box-shadow: 0px 1px 2px #E0E0E0;
	-o-box-shadow: 0px 1px 2px #E0E0E0;
}
#more { width:100%;
	      margin-bottom:20px;}
.container{
	margin-right:auto;
	margin-left:auto;
	padding:0 15px;
	background:#0e0e0e;
	clear:both;
	}
header{
	background:#29292b;
	width:100%;
}
header .container{
	 position: relative;
	 background:#29292b;
	 padding:15px;
	  } 
.clear {clear:both;}	
header li, footer li{
	 float:left;
     font-size: 1em;
     font-family: 'Oswald', sans-serif;
	 color: #fff;
	 margin:0 10px;
	 text-transform: uppercase;
	 text-align: center;
	 }
header li > a, footer li > a {
	padding-bottom:44px;
    color:#fff;
	position:relative;
	text-decoration: none; }
.search{
	position:absolute;
	z-index:9999;
	overflow:hidden;
	width:50px;
	margin-top:10px;
	}
.search button{
	width:50px;
	height:50px;
	background:#f89015;
	text-align:center;
	line-height:50px;
	padding-top:7px;
	border:none;
	float:right;
	position:relative;
	z-index:999;
}
.search input{
    z-index:99;
	position:absolute;
	left:0;
	height:50px;
	border:none;
	border-radius: 0;
	}
.recommendation{
	font-family: 'Oswald', sans-serif;
	color:#f89015;
	text-transform:uppercase;
	font-size:1.125em;
	float:left;
	margin-bottom:-15px;
	padding:10px 0 0 0;
	}
#correction {
	clear:both;
        font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	padding:8px 0;
	width:100%;}
.new-song a{
	position:relative;
	text-align:left;
	line-height:6px;
        font-family: 'Oswald', sans-serif;
        text-transform:uppercase;
        color:#f89015;
        font-size:1em;
}
.artist {
	padding-left:10px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-align:left;
        font-size:0.875em;
}
footer .container{
	border-top:3px solid #f89015;
    padding-top:30px;
	padding-bottom:30px;
	text-align:center; 
	margin:0 auto;
}
footer ul li {display:inline;}
footer li { float:none;}
#album_cover{
	display:block;
        float:left;
	padding-right:15px;
	max-width:250px;
}
/* =========================
   Responsive
   ========================*/

@media (max-width:767px)  {
.brand, .search, .nav{text-align:center;clear:both;position:relative;}
header li{float:none;padding:10px;}
header li > a:hover {border-bottom:0px;}
footer ul li {display:block; padding-bottom:10px;}
.new-song-list{ display:block; width:100%} 
.search input, .search{width:100%;}
.sing365-top { width: 468px; height: 60px; }
.submit_form form input[type="text"],.submit_form form textarea{ width:94%;}
section, aside { padding:0 10px;float:none;width:auto; height:auto;}
section {line-height:1.5em;}
#main {padding:0 10px;}
}
@media (max-width:320px) {
.sing365-top { width: 300px; height: 50px; }
#main { padding: 0px; }
}
@media (min-width:768px) {
aside { padding-top:25px;position:absolute;}
section{width:auto;padding-left:320px;min-height:950px;}
.brand {display:block;float:left; }
.nav {display:block;float:left;clear:both;padding-right:30px;}
.search {right:10px;top:22px;z-index:9999;width:350px;float:right;}
.search input {width:350px;float:right; }
.sing365-top {width: 728px; height: 90px; }
}
@media (min-width:1024px)  {
section {width:680px;}
.nav {padding-top:28px;margin-right:320px;float:right;clear:none;}
}
@media (min-width:1280px){
h1  {font-size: 2.625em;font-weight: 400;line-height:42px;padding-bottom:0px;}
aside { padding-top:15px;}
section{width:880px;}
.sing365-top { width: 970px; height: 90px; }
.nav {margin-right:80px;padding-bottom:47px;}
.container{width:1200px;}
.search{ position:absolute;right:15px;top:10px;float:right;padding-top:0px;overflow:hidden;width:50px;}
.search button{margin-top:10px;font-size:18px;}
.search input{margin-top:10px;height:100%;width:560px;height:50px;padding-left:10px;font-size:1.2em;}
.search:hover input{display:block;}
.search:hover{transition: all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;width:560px;}
header li > a:hover {padding-bottom:44px;border-bottom:3px solid #f89015;color:#f89015;text-decoration: none;}
}