div#content {
	text-align: center;
}

div#home {
	text-align: left;
	margin: 50px auto 0 auto;
	margin: 0;
}

div#home h1#logo {
	width: 100%;
	padding: 0 0 15px 0;
	background: transparent url('../img/new/logo.png') no-repeat 50% 50%;
	text-indent: -1000em;
	font-size: 300%;
	text-align: center;
	height: 200px;
}

form.big-search {
	width: 430px;
	padding: 0 10px;
	margin: -50px auto 0 auto;
}
form.big-search div.searchinput	 {
	float: left;
	height: 38px;
	margin: 0 0 10px 0;
}
form.big-search div.searchinput input {
	border: none;
	padding: 10px 15px;
	font-size: 100%;
	width: 275px;
	font-size: 16px;
	background: #fff;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
form.big-search button {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer;
	float: right;
}
form.big-search button span {
    display: block;
	color: #fff;
	background: #2b95d2;
	padding: 10px 30px;
	font-size: 16px;
	letter-spacing: 1px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

form.big-search button:hover span {
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

}

div#randomizer {
    margin-top: 10px;
    text-align: center;
}
a#gorandom {
    border: 3px solid #777;
    background: #777;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a#gorandom:hover {
    border: 3px solid #fff;
    background: #fff;
    color: #333;
}
div#home div#loading div.bar {
	margin: 15px auto 10px auto;
}




/* popular artists */

body {
    overflow: auto;
}
div#center-col {
    width: 728px;
    margin: 60px auto 20px auto;
}
div#center-col h2 {
    font-size: 14px;
    color: #aaa;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}


ul.top-videos {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}
ul.top-videos li.item {
	float: left;
	width: 20%;
	height: 150px;
}
ul.top-videos li.item.hidden {
    display: none;
}
ul.top-videos li.item a {
	display: block;
	text-decoration: none;
	margin: 0 10px;
}
ul.top-videos li.item a span.img {
    display: block;
    height: 120px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.top-videos li.item a b {
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #aaa;
	font-weight: 600;
	font-size: 11px;
}
ul.top-videos li.item a:hover b {
    color: #fff;
}
p#show-all {
    text-align: center;
}

ul.taglist {
	padding: 20px 0;
	margin-top: 40px;
	border-top: 1px solid #222;
}
ul.taglist li {
	display: inline-block;
	float: left;
	width: 24%;
	padding: 5px 0;
	font-size: 16px;
}
ul.taglist li a {
	color: #555;
  text-decoration: none;
}
ul.taglist li a:hover {
	color: #aaa;
}

div#center-col {
    width: 1140px;
}
@media only screen and (max-width : 1140px){
    div#center-col {
        width: 920px;
    }
}
@media only screen and (max-width : 920px){
    div#center-col {
        width: 740px;
    }
    body {
        min-width: 0;
    }
    ul.top-videos li.item a span.img {
        height: 90px;
    }
    ul.top-videos li.item {
        width: 25%;
        height: 130px;
    }
}
@media only screen and (max-width : 740px){
    div#center-col {
        width: auto;
        padding: 0 10px;
    }
    ul.top-videos li.item {
        width: 25%;
        height: 120px;
    }
    div.ad {
        display: none;
    }
    ul.top-videos li.item a span.img {
        height: 60px;
    }
}
@media only screen and (max-width : 480px) {
    ul.top-videos li.item {
        height: 105px;
    }
    ul.top-videos li.item a span.img {
        height: 60px;
        background-size: 100px;
    }
    ul.top-videos li.item a {
        margin: 0 5px;
    }
}

.ad {
    margin: 30px 0;
    padding: 10px;
    text-align: center;
}

/* retina screens */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

	div#home h1#logo {
		background-image: url('../img/new/logo@2x.png');
		background-size: 340px 200px;
	}
}