/* LIGHT */
/*
body {
	background:#EEE;
}
.page-title {
	color:#FFF;
	text-align:center;
	padding-bottom:30px;
}
*/
.card {
	color:#999;
	background:#FFF;
	font-size:15px;
	font-weight:400;
	background:-moz-linear-gradient(center bottom , #EEE 0px, #FFF 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #EEE),color-stop(1, #FFF));
	border:1px solid #FFF;
	-webkit-border-radius:none!important;
	-moz-border-radius:none!important;
	-ms-border-radius:none!important;
	-o-border-radius:none!important;
	border-radius:none!important;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-khtml-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-o-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	
	-webkit-backface-visibility: hidden; 
	-webkit-transform-style: preserve-3d;
}
.card a {
	color:#999;
}
.card a:hover {
	/* color:rgb(0,140,210); */
	/* color:#000; */
}
.card .fa, .card #fave {
	color:#999;
}
.card .fa-comments {
	font-size:17px;
	padding-right:4px;
}
.card .wpfp-link {
	padding:0;
	margin:0;
	width:20px;
	height:20px;
}
.card #fave, .card #unfave {
	padding-right:0;
	margin-right:0;
	font-size:16px;
	width:20px;
	height:20px;
}
.card #unfave {
	color:#F00;
}
.card .text {
	color:#777;
	text-transform:uppercase;
	font-size:12px;
	line-height:30px;
	padding:0px 10px 0px 10px;
	font-size:11px;
	font-family: 'Lato', sans-serif;
}
.card .title {
	color:#000;
	font-size:0.8em;
	line-height:1;
	display:block;
	padding:10px;
	/* text-transform:none; */
	font-weight:400;
}
.card .text:hover {
	color:#000;
}
.card .line {
	margin:0px 10px 0px 10px;
	border-top:1px solid rgba(200,200,200,0.5);
}



/* DARK */
/*
body {
	background:#1E1E1E;
}
*/
.card-dark {

	color:#777;
	background:#444;
	font-size:15px;
	
	-webkit-border-radius:none!important;
	-moz-border-radius:none!important;
	-ms-border-radius:none!important;
	-o-border-radius:none!important;
	border-radius:none!important;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-khtml-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-o-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	
	background-color:#444;
	background:-moz-linear-gradient(center bottom , #333 0px, #333 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #333),color-stop(1, #444));
	border:1px solid #444;
}
.card-dark .fa, .card #fave {
	color:#666;
}
.card-dark .wpfp-link {
	padding:0;
	margin:0;
	width:20px;
	height:20px;
}
.card-dark #fave {
	padding-right:0;
	margin-right:0;
	font-size:16px;
	width:20px;
	height:20px;
}
.card-dark a {
	color:#777;
}
.card-dark a:hover {
	color:rgb(0,140,210);
	color:#FFF;
}
.card-dark .text {
	color:#777;
	text-transform:uppercase;
	
	line-height:30px;
	padding:0px 10px 0px 10px;
	font-size:11px;
	font-family: 'Lato', sans-serif;
}
.card-dark .title {
	color:#AAA;
	font-size:0.8em;
	line-height:1.5;
	display:block;
	padding:10px;
	text-transform:none;
	text-transform:uppercase;
}
.card-dark .text:hover {
	color:#FFF;
}
.card-dark .fa-comments {
	font-size:17px;
	padding-right:4px;
}
.card-dark .line {
	margin:0px 10px 0px 10px;
	border-top:1px solid rgb(70,70,70);
}