/* category */

.cat-box {
	background: #484D6D;
	background: -moz-linear-gradient(30deg,#484D6D 0%,#484D6D 20%,#C5979D 100%);
	background: -webkit-linear-gradient(30deg,#484D6D 0%,#484D6D 20%,#C5979D 100%);
	background: linear-gradient(30deg,#484D6D 0%,#484D6D 20%,#C5979D 100%);
	color: #000;
	width: 100%;
	text-align: center;
	padding: 1.8em 0 1.7em;
	font-weight: 700;
	margin-bottom: 2em;
	border-radius: 3px;
	box-shadow: 0 0 0 rgba(205,59,59,0.6);
}

.cat-movies-tv {
	background: #7aa4e4;
	background: -moz-linear-gradient(30deg,#7aa4e4 0%,#7aa4e4 20%,#80dfb1 100%);
	background: -webkit-linear-gradient(30deg,#7aa4e4 0%,#7aa4e4 20%,#80dfb1 100%);
	background: linear-gradient(30deg,#7aa4e4 0%,#7aa4e4 20%,#80dfb1 100%);
}

.cat-music {
	background: #D6D1B1;
	background: -webkit-linear-gradient(30deg,#D6D1B1 0%,#D6D1B1 20%,#C7EFCF 100%);
	background: -moz-linear-gradient(30deg,#D6D1B1 0%,#D6D1B1 20%,#C7EFCF 100%);
	background: -webkit-linear-gradient(30deg,#D6D1B1 0%,#D6D1B1 20%,#C7EFCF 100%);
	background: linear-gradient(30deg,#D6D1B1 0%,#D6D1B1 20%,#C7EFCF 100%);
}

.cat-games {
	background: #fe967a;
	background: -webkit-linear-gradient(30deg,#fe967a 0%,#fe967a 20%,#fff194 100%);
	background: -moz-linear-gradient(30deg,#fe967a 0%,#fe967a 20%,#fff194 100%);
	background: -webkit-linear-gradient(30deg,#fe967a 0%,#fe967a 20%,#fff194 100%);
	background: linear-gradient(30deg,#fe967a 0%,#fe967a 20%,#fff194 100%);
}

.cat-applications {
	background: #999a9b;
	background: -webkit-linear-gradient(30deg,#999a9b 0%,#999a9b 20%,#fe7f78 100%);
	background: -moz-linear-gradient(30deg,#999a9b 0%,#999a9b 20%,#fe7f78 100%);
	background: -webkit-linear-gradient(30deg,#999a9b 0%,#999a9b 20%,#fe7f78 100%);
	background: linear-gradient(30deg,#999a9b 0%,#999a9b 20%,#fe7f78 100%);
}

.cat-title h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	margin: 0;
	padding: 0;
	letter-spacing: .02em;
	opacity: .9;
}

.sites-cat .sub-nav-single {
	margin-bottom: 0;
	border-bottom: none;
}

.sites-cat h2 {
	font-size: .875em;
	font-weight: 400;
	letter-spacing: .05em;
	display: inline-block;
}

.sites-cat .sub-cat-title {
	background-color: #fafbfc;
	display: block;
	margin: 0;
	padding: 22px 15px 15px 15px;
}

ul.sub-cat {
	margin-bottom: 2em;
}

ul.sub-cat li {
	font-size: .875em;
	color: #586069;
	padding-right: 10px;
	background-color: #fafbfc;
	margin-bottom: 0;
	border-bottom: 1px dotted #eeeff0;
}

ul.sub-cat li:hover {
	background-color: #fafbfc;
}

ul.sub-cat li a {
	padding: 8px 10px 8px 15px;
	display: inline-block;
	font-weight: 700;
}

ul.sub-cat li span {
	padding: 1px 7px;
	border-radius: 2px;
	float: right;
	font-weight: 700;
	margin: 7px 10px 0 0;
	color: #1dce73;
	background-color: #d7f9e8;
}

.cat-topsites {
	margin-bottom: 2em;
	color: #aaabac;
	padding: 15px;
	border: 1px solid #e1e4e8;
	border-radius: 3px;
}

.cat-topsites h2 {
	color: #767778;
	margin-bottom: 1em;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.cat-topsites p {
	font-size: .875em;
}

.cat-topsites a i {
	margin-right: .3em;
}

.cat-comments-sb {
	text-align: center;
	margin-bottom: 40px;
	display: none;
}

.cat-comments-sb i {
	background: -webkit-linear-gradient(30deg,#ccc 5%,#e1e4e8 20%,#eeeff0 100%);
	font-size: 2.5em;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cat-update {
	padding: 20px 15px 5px;
	background: -webkit-linear-gradient(left,#fafbfc 0%,#fafbfc 100%);
	border-radius: 3px;
	margin-bottom: 2.5em;
}

.cat-update h2 {
	margin-bottom: 1em;
	color: #aaabac;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.cat-update p {
	font-size: .875em;
}

.cat-update .detail-link {
	margin: .5em 0 2em;
	font-size: .875em;
}

.cat-update h3 {
	font-weight: 700;
	margin-bottom: .5em;
}

.cat-update .status-details {
	font-size: .875em;
}

.cat-update .status-details ul {
	margin: 0 0 1em;
}

.cat-update .status-details li {
	margin-bottom: .5em;
}

.cat-update .updated {
	color: #aaabac;
}

.site-list-wrap {
	background-color: #fafbfc;
	float: left;
	width: 100%;
	margin-bottom: 3em;
	padding: 15px 20px;
	border-radius: 3px;
}

.sites-cat .nav-sort-filter {
	line-height: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #e1e4e8;
	font-size: .875rem;
	padding-bottom: 10px;
}

.sites-cat .nav-sort-filter select {
	width: 75px;
	height: 30px;
	margin: 0 1em 0 .5em;
	background-color: #fafbfc;
	color: #555fc4;
	border: none;
	padding: 0;
/* border: 2px solid #e1e4e8; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.nav-sort-filter select.sort {
	margin-right: 0;
}

.nav-sort-filter .sort-order {
	margin-right: 25px;
}

.nav-sort-filter .count-sites{
	float: right;
	font-weight: 700;
}

.sites-cat .site-list i {
	color: #586069;
}

.sites-cat .site-list-cat table {
	width: 100%;
}

.sites-cat tr {
	border-bottom: 1px dashed #e1e4e8;
}

.sites-cat th {
	font-size: .875em;
	border-bottom: none;
	color: #aaabac;
	font-weight: 400;
}

.sites-cat td {
	height: 3em;
	border-bottom: none;
}

.sites-cat td.private,.sites-cat td.comments,.sites-cat td.rating {
}

.sites-cat td.name {
	font-weight: 700;
}

.sites-cat td.private .status-open-reg {
	color: #1dce73;
}

.sites-cat td.comments {
	color: #586069;
}

.sites-cat td.comments i {
	margin-right: .5em;
}

.sites-cat td.rating {
}

.sites-cat td.rating .rating-wrap {
	background-color: #aaabac;
	background: -webkit-linear-gradient(left,#aaabac 0%,#aaabac 100%);
	height: 3px;
	margin-top: .4em;
	float: left;
	width: 100%;
}

.sites-cat td.rating .rating-wrap .rating-val {
	background-color: #fbfbfb;
	height: 3px;
	float: right;
}

.sites-cat .btn-more {
	box-shadow: 0 1px 0 rgba(0,0,0,0.02);
	background-color: #fafbfc;
	text-align: center;
	display: block;
	color: #586069;
}

.sites-cat .btn-more:hover {
	box-shadow: 0 1px 0 rgba(0,0,0.05);
}

.sites-cat .cat-info {
	margin-bottom: 3em;
	font-size: .875em;
}

.sites-cat .cat-info .submit-link {
	float: right;
}

.btn-submit-link {
	padding: .5em .7em .5em .8em;
	letter-spacing: .05em;
	background-color: #fafbfc;
	margin-top: .5em;
	border: 1px solid #e1e4e8;
	color: #586069;
}

.btn-submit-link:hover {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #e1e4e8;
}

.btn-submit-link i {
	margin-right: .5em;
}

.cat-tags {
	margin: 0 0 3em;
	font-size: .875em;
}

.cat-tags-title {
	font-weight: 700;
	margin-bottom: 1.5em;
	display: block;
}

.cat-tags ul {
	margin: 0;
}

.cat-tags ul li {
	display: inline-block;
	margin-right: 1em;
	padding: 4px 8px;
	background-color: #fafbfc;
	color: #aaabac;
	font-weight: 700;
	border-radius: 3px;
}
