/*Jamie Balfour November 2013*/

body
{
	font-family: "Arial";	
	background:url('/images/background.jpg');
	
}
.pointable
{
	cursor:pointer;
}
.buttonStyle
{
	cursor:pointer;
	background:gray;
	border-radius:5px;
	border-color:lightgray;
	border-width:1px;
	border-style:solid;
	max-width:12.5%;
}
#title_head
{
	font-family:"Arial";
	font-weight:bolder;
	font-size:x-large;
	font-style:italic;
	box-shadow:0px 0px 25px 0px #FFFFFF;
	margin:auto;
	padding: 10px 10px 10px 10px;
	width:95%;
	border-radius:15px;
	background-color:rgba(51,51,51, 0.6);	
	border-style:solid;
	border-width:3px;
	border-color:gray;	
}
#title_head_inner
{
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 5px;
	color:#00BBFF;
}
#container{
	width:95%;
	box-shadow:0px 0px 25px 0px #FFFFFF;
	margin:auto;
	text-align: center;
	margin-top:20px;
	background-color:rgba(51,51,51, 0.6);
	background-size:100%;	
	border-radius: 15px;
	border-style:solid;
	border-width:3px;
	border-color:gray;
}
#inner_container
{
	margin: 10px 10px 10px 10px;
	background-color: rgba(255, 255, 255, 1.0);
	padding: 10px 0px 10px 0px;
	border-radius:12px;
}
#navigation
{
	margin:auto;
	width:80%;
	text-align:center;
	display:block;
}
#navigation_inner
{
	display:block;	
}
.no_display{
	display:none;
}
#main_content
{
	margin: auto;
	padding: 15px 0px 10px 0px;
	width:95%;
	min-height:300px;
	border-width:0px;
	border-radius: 10px 10px 10px 10px;
	font-size:medium;
	border-style:solid;
	border-color:lightblue;
	border-width:3px;
	background-color:lightblue;
}
#search
{
	margin:5px auto 5px auto;
	width:400px;
}
#footer
{		
	margin:20px auto 0px auto;
	width:50%;
	background-color:rgba(51, 51, 51, 0.8);
	border-radius: 15px 15px 15px 15px;
	text-align:center;
	font-family:"Times New Roman";
	font-variant: small-caps;
	font-size: 16px;
	padding:15px;
	color:white;
}


/*--------------------------------------Form and other elements-----------------------------------*/

a.nav_button
{
	width:150px;
	text-align:center;
	background-color:gray;
	display:none;
	height:50px;
	font-size:medium;
	line-height:50px;
	text-decoration:none;
}
a.menu_button
{
	width:150px;
	text-align:center;
	background-color:lightblue;
	display:inline-block;
	height:50px;
	font-size:medium;
	line-height:50px;
	text-decoration:none;
	border-radius: 15px 15px 0px 0px;
}
a.menu_button:hover
{
	background-color:orange;
}

input.epic 
{
	background-color: rgb(102, 102, 102);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	border: 0px none;
	font-family: Arvo,Arial,Helvetica,'sans-serif';
	color: #FFFFFF;
	padding:5px 5px 5px 5px;
	width:90.2%;
	font-size:medium;
}
input.epicbutton 
{
	background-color: rgb(102, 102, 102);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	font-size: 16px;
	border: none;
	font-family: Arvo,Arial,Helvetica,'sans-serif';
	color: #FFFFFF;
	padding:5px 5px 5px 5px;
}
input.epicbutton:hover 
{
	background-color: #269;
}
textarea.epic 
{
	border-radius: 4px;
	background-color: rgb(102, 102, 102);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5) inset;
	font-size: medium;
	border: none;
	font-family: Arvo,Arial,Helvetica,'sans-serif';
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	width:100%;
}
.centered
{
	margin:auto;
	width:400px;
	border-radius:15px;
	border-width:2px;
	border-style:solid;
	border-color:gray;
	padding-bottom:10px;

}
.smart
{
	width:12.5%;
}
.column
{
	columns:33% 3;
	-webkit-columns:33% 3; /* Safari and Chrome */
	-moz-columns:33% 3; /* Firefox */
}
.headerSortDown, .headerSortUp
{
	background-color:green;
}





/*MOBILE*/
@media screen and (max-width:900px)
{
	body
	{
		margin-top:50px;
		margin-left:0px;
		border-width:0px;
		padding:0px;
	}
	#title_head
	{
		font-size:medium;
	}
	.centered, #search, #footer
	{
		width:100%;
	}
	#container, #title_head
	{
		width:100%;
		box-shadow: 0px 0px 0px 0px;
		padding:0px;
		margin:0px;
	}
	#title_inner
	{
		width:100%;
	}
	#navigation
	{
		position:fixed;
		top:0px;
		width:100%;
		margin:0px;
		left:0px;
		height:50px;
		z-index:1000;
		background-color:gray;
	}
	a.nav_button
	{
		width:100%;
		height:100%;
		display:inline-block;
		background-color:black;
	}
	#navigation_inner
	{
		display:none;	
	}
	a.menu_button	
	{
		width:100%;
		display:block;
		background-color:gray;
		border-top:2px;
		border-left:0px;
		border-right:0px;
		border-bottom:0px;
		border-color:white;
		border-style:solid;
		border-radius: 0px 0px 0px 0px;
	}
	a.nav_button, a.nav_button:hover, a.nav_button:active, a.nav_button:visited
	{
		color:white;
	}
	a.menu_button, a.menu_button:hover, a.menu_button:active, a.menu_button:visited
	{
		color:black;
	}
	#container
	{
		padding: 0px;
		width:100%;
	}
	#inner_container
	{
		background-color: rgba(255, 255, 255, 1.0);
		border-radius: 5px;
		margin: 0px 0px 0px 0px;
	}

}