* {
	margin: 0px;
	padding: 0px;
}
h1{
	font: bold 24px Tahoma;
}
h2{
	font: bold 20px Tahoma;
	padding:0.5em;
}
h3 {
	padding:0.5em;
}
p{
	font: bold 14px Tahoma;
	margin: 10px;
}
body{
	background-color: #666666;
}
#big_wrapper{
	background-image: url('/img/mesh.jpg');
}
#main_header{
	text-align:center;
	color:white;
	font-size:48px;	
	font-family:tahoma;
	text-shadow:rgb(50,50,50) 3px 3px 5px;
	background-color:black;
	/* Black Radial Gradient */
	background:-moz-radial-gradient(center,black,transparent);
	background:-webkit-radial-gradient(center,black,transparent);
	background:-ms-radial-gradient(center,black,transparent);
	background:-o-radial-gradient(center,black,transparent);
	background:radial-gradient(center,black,transparent);
}
#mainmenu {
	background-color:#AB1A1A;
	border:0px solid black;
}
#mainmenu ul {
	text-align: center;
	/* Crimson Red Linear Gradient*/
	background-color:#AB1A1A;
	background:-moz-linear-gradient(bottom,black,#AB1A1A);
	background:-webkit-linear-gradient(bottom,black,#AB1A1A);
	background:-ms-linear-gradient(bottom,black,#AB1A1A);
	background:-o-linear-gradient(bottom,black,#AB1A1A);
	background:linear-gradient(bottom,black,#AB1A1A);
}			
#mainmenu ul li {
	font-family: tahoma;
	font-size: 1em;
	list-style: none;
	padding:0.5em;
}
#mainmenu ul li a {
	font-family: tahoma;
	font-size: 1em;
	color: white;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid black;
	/* Transitions */
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}
#mainmenu ul li a:hover {
	color:white;
	background-color:black;
}
#content{
	background: #AAAAAA; /* Gray */
}
#main{
	background: #FFFFFF;/* White */
}
#hamvid {
	padding:0em;
}
#article {
	padding:1em;
}
#news{
	background:#FFFFFF;
	padding:1em;
}
#footer {
	border:0px solid black;
	font-family: tahoma;
	font-size: 1em;
	color: white;
	text-align:center;
	/* Crimson Red Linear Gradient */
	background-color:#AB1A1A;
	background:-moz-linear-gradient(bottom,#AB1A1A,black);
	background:-webkit-linear-gradient(bottom,#AB1A1A,black);
	background:-ms-linear-gradient(bottom,#AB1A1A,black);
	background:-o-linear-gradient(bottom,#AB1A1A,black);
	background:linear-gradient(bottom,#AB1A1A,black);
}
#button a {
	font-family: tahoma;
	font-size: 1em;
	color: white;
	text-decoration: none;
	border: 1px solid black;
	/* Crimson Red Linear Gradient*/
	background-color:#AB1A1A;
	background:-moz-linear-gradient(bottom,black,#AB1A1A);
	background:-webkit-linear-gradient(bottom,black,#AB1A1A);
	background:-ms-linear-gradient(bottom,black,#AB1A1A);
	background:-o-linear-gradient(bottom,black,#AB1A1A);
	background:linear-gradient(bottom,black,#AB1A1A);
	/* Transitions */
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}
#button a:hover {
	background-color: black;
}
.top_button {
	position: fixed;
	right: 5px;
	top: 5px;
}
.hide {
	display:none;
}
.code {
	background:#F3E5AB;
	font-family: terminal;
}

/* 320px and up ---------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {
	#content{
		
	}
	#hamvid {
		
	}
}

/* 480px and up ----------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
	#content{
		
	}
	#hamvid {
		
	}
}

/* 600px and up ----------------------------------------------------------------------- */
@media only screen and (min-width: 600px) {
	#content{
	
	}
}

/* 600px-767px, not beyond ------------------------------------------------------------ */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#content{
		
	}
}

/* 768px ------------------------------------------------------------------------------ */
@media only screen and (min-width: 768px) {
	#main_header{
		text-align:center;
		color:white;
		font-size:48px;
		padding:20px;	
		font-family:tahoma;
		text-shadow:rgb(50,50,50) 3px 3px 5px;
		background-color:black;
		/* Black Radial Gradient */
		background:-moz-radial-gradient(center,black,transparent);
		background:-webkit-radial-gradient(center,black,transparent);
		background:-ms-radial-gradient(center,black,transparent);
		background:-o-radial-gradient(center,black,transparent);
		background:radial-gradient(center,black,transparent);
	}
	#mainmenu {
		background-color:#AB1A1A;
		border:0px solid black;
		margin:0;
		padding:0;
	}
	#mainmenu ul {
		text-align: center;
		margin: 0px;
		padding: 8px;
		/* Crimson Red Linear Gradient*/
		background-color:#AB1A1A;
		background:-moz-linear-gradient(bottom,black,#AB1A1A);
		background:-webkit-linear-gradient(bottom,black,#AB1A1A);
		background:-ms-linear-gradient(bottom,black,#AB1A1A);
		background:-o-linear-gradient(bottom,black,#AB1A1A);
		background:linear-gradient(bottom,black,#AB1A1A);
	}			
	#mainmenu ul li {
		display: inline-block;
		font-family: tahoma;
		font-size: 1em;
		list-style: none;
	}
	#mainmenu ul li a {
		font-family: tahoma;
		font-size: 1em;
		color: white;
		background-color: transparent;
		text-decoration: none;
		padding:.3em 2em;
		border: 1px solid black;
		/* Border Radius */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/* Transitions */
		-moz-transition: background-color 1s;
		-webkit-transition: background-color 1s;
		transition: background-color 1s;
	}
	#mainmenu ul li a:hover {
		color:white;
		background-color:black;
	}
	#content{
		margin: 20px;
		padding: 20px;
		background: #AAAAAA; /* Gray */
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		/* Border Radius */
		-moz-border-radius: 25px;
		-webkit-border-radius:25px;
		border-radius: 25px;
		/* Box Shadows */
		-moz-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		-webkit-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
	}
	#main{
		margin: 20px;
		padding: 20px;
		background: #FFFFFF;/* White */
		/* Border Radius */
		-moz-border-radius: 25px;
		-webkit-border-radius:25px;
		border-radius: 25px;
		/* Box Shadows */
		-moz-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		-webkit-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		display: inline-block;
		width: 55%;
		vertical-align: top;
	}
	#article {
		display: inline-block;
		padding: 2em;
		width: 200px;
		vertical-align: top;
	}
	#news{
		margin: 20px;
		padding: 20px;
		background:#FFFFFF;
		/* Border Radius */
		-moz-border-radius: 25px;
		-webkit-border-radius:25px;
		border-radius: 25px;
		/* Box Shadows */
		-moz-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		-webkit-box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		box-shadow:rgba(50,50,50,.8) 8px 8px 8px;
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}
	#footer {
		border:0px solid black;
		font-family: tahoma;
		font-size: 1em;
		color: white;
		text-align:center;
		padding:10px;
		/* Crimson Red Linear Gradient */
		background-color:#AB1A1A;
		background:-moz-linear-gradient(bottom,#AB1A1A,black);
		background:-webkit-linear-gradient(bottom,#AB1A1A,black);
		background:-ms-linear-gradient(bottom,#AB1A1A,black);
		background:-o-linear-gradient(bottom,#AB1A1A,black);
		background:linear-gradient(bottom,#AB1A1A,black);
	}
	#button a {
		font-family: tahoma;
		font-size: 1em;
		color: white;
		text-decoration: none;
		padding:.3em 2em;
		border: 1px solid black;
		/* Border Radius */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/* Crimson Red Linear Gradient*/
		background-color:#AB1A1A;
		background:-moz-linear-gradient(bottom,black,#AB1A1A);
		background:-webkit-linear-gradient(bottom,black,#AB1A1A);
		background:-ms-linear-gradient(bottom,black,#AB1A1A);
		background:-o-linear-gradient(bottom,black,#AB1A1A);
		background:linear-gradient(bottom,black,#AB1A1A);
		/* Transitions */
		-moz-transition: background-color 1s;
		-webkit-transition: background-color 1s;
		transition: background-color 1s;
	}
	#button a:hover {
		background-color: black;
	}
	.top_button {
		position: fixed;
		right: 5px;
		top: 5px;
	}
	.hide {
		display:none;
	}
	.code {
		padding:20px;
		margin:20px;
		background:#F3E5AB;
		/* Box Shadows */
		-moz-box-shadow:inset 2px 2px 2px 2px black;
		-webkit-box-shadow:inset 2px 2px 2px 2px black;
		box-shadow:inset 2px 2px 2px 2px black;
		font-family: terminal;
	}
	#hamvid {
		width:640px;
		height:360px;
	}
}