body {
	padding: 80px 0;
	background: #666;
	background: linear-gradient(to bottom, rgba(78,96,114,1) 0%,rgba(52,64,77,1) 33%,rgba(52,64,77,1) 66%,rgba(25,31,38,1) 100%) fixed;
	color: #000;
}

#container {
	margin: 0 auto;
	background: #fff;
	background-image: url('img/container_top_bg.jpg'), url('img/container_bottom_bg.jpg');
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	color: #333;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}

#header {
	border-bottom: 1px solid #ccc;
	padding: 20px 10px;
}
#header a.brand {
	display: block;
	text-indent: -10000px;
}

#footer {
	border-top: 1px solid #ccc;
	padding: 20px 10px;
	text-align: center;
}

#main {
	padding: 10px 10px 20px;
	background: #fff;
	background: rgba(255,255,255,0.6);
}

#main h2:first-child {
	margin-top: 0;
}

textarea.no-resize {
	resize: none;
}

#activity-selector > div {
	padding-top: 25px;
}

/* tablesorter */
table.tablesorter thead tr .header {
	padding-right: 4px;
	background: #fafaff url('img/tablesorter/bg.gif') center right no-repeat;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-color: #eef;
	background-image: url('img/tablesorter/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-color: #eef;
	background-image: url('img/tablesorter/desc.gif');
}

@media (max-width: 600px) {
    
    body {
    	padding: 80px 0 20px;
    }

    #container {
		background-image: url('img/container_top_narrow_bg.jpg'), url('img/container_bottom_bg.jpg');
		background-position: top left, bottom right;
		background-repeat: no-repeat;
    }
}