th, td {
	padding: 20px 40px;
	text-align: left;
}
th {
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}

.sidebar > * {
	width: 220px;
}
.body {
	max-width: 100%;
	min-height: calc(100% - 260px);
}

#ideas table {
	width: 100%;
}
.emptyIdeas {
	height: 100%;
	margin: 0;
	padding: 40px;
	font-size: 22px;
	font-weight: 300;
	background-color: #FFFFFF;
}

.ideaLink:nth-child(even) {
	background-color: #FBFBFB;
}
.ideaLink:nth-child(odd) {
	background-color: #FFFFFF;
}
.ideaLink:hover {
	cursor: pointer;
	color: #FFFFFF;
	box-shadow: 0 2px 2px 0 #969696;
}

.tableStatus {
	width: 30px;
}

.columnAuthor {
	display: none;
}
.columnProject {
	display: none;
}
.columnSupporters {
	display: none;
}
.columnReactions {
	display: none;
}

.ideasNavigation th {
	padding: 20px;
	cursor: pointer;
}
.ideasNavigation > td {
	padding: 0;
}
.ideasNavigation table {
	width: 100%;
	margin: 0;
}
.ideasNavigation td table tr td {
	width: 20%;
	padding: 10px 20px;
}
.ideasNavHover {
	padding-bottom: 4px;
}
.ideasNavigation td table tr th:hover .ideasNavHover {
	border-bottom: 1px solid #FFFFFF;
}
.ideasPagePrevious, .ideasPageFirst {
	text-align: right;
}
.ideasPageCounter {
	text-align: center;
}
.ideasPageNext, .ideasPageLast {
	text-align: left;
}
.navigationDescription {
	display: none;
}


@media (min-width: 320px) {
	/* smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width: 480px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width: 640px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.columnAuthor {
		display: table-cell;
	}
	.ideasNavigation th {
		padding: 20px 40px;
	}
}
@media (min-width: 960px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
	.body {
		max-width: calc(100% - 300px);
	}

	#filters {
		display: none;
	}
}
@media (min-width: 1024px) {
	/* big landscape tablets, laptops, and desktops */
	.columnProject {
		display: table-cell;
	}
}
@media (min-width: 1280px) {
	/* hi-res laptops and desktops */
	.columnSupporters {
		display: table-cell;
	}
	.navigationDescription {
		display: inline;
	}
}
@media (min-width: 1366px) {
	/* chromebooks and higher-res laptops */
	.columnReactions {
		display: table-cell;
	}
}