@charset "UTF-8";
/* Aditya Ashok's CSS Document. 

Dark Red: #862e19;
Cyan: #45b5dd;
Light Gray: #cccccc;
Dark Gray: #666666;
White: #ffffff;
Fluoroscent Blue: #30D9D9;#2DFFFF;
Fluoroscent Green: #45FF00;
Orange: #FFAA00;
Pale Yellow: #FDFFAF;
*/



/* the html element below is the "background" of your page */
html {
	background-color: #000;
	background-image: url("y-so-serious.png");
	color: #fff;
}

body {
	width: 761px;
	margin: 1.5em auto; /* this + a defined width, centers the body content */
	border-color: #30D9D9;
	border-style: double;
	border-width: 10px;
	padding: 50px;
	background-color: #404040;
	background-image: url("prism.png");
}

h1 {
	font-family: 'Chelsea Market', cursive;
	text-align: center;
	color: #2DFFFF;
	background-color:#4A4A4A;
	border: 3px solid rgba(50,50,50,0.5);
	text-shadow: 2.5px 2.5px #999;
}

h1:hover {
	
	background-color: #000;
	color: #FFAA00;
}

h2 {
	padding: 7px;
	color: #2DFFFF;
	background-color: rgba(100,100,100,0.33);
	
}

h3 {
	padding-left: 15px;
	color: #FFAA00;
}

img {
	border-color: #30D9D9;
	border-style: solid;
	border-width: 5px;
}


/* The code below here alters your links */
a {
	font-weight: bold;
	text-decoration: none;
	color: #45b5dd;
	
}

a:visited {
	color: #9D9D9D;
}

a:hover {
	text-decoration: underline;
	color: #FFAA00;
}

a:active {
	background-color: rgba(100,100,100,0.33);
}


#nav {
	list-style-type: none;
	background-color:#4A4A4A;
	width: 500px;
	padding: 20px;
	border-style: dashed;
	border-color: #000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

#nav li {
	display: inline;
}

#nav a{
	color: #2DFFFF;
	background-color:#282828;
	border-style: double;
	border-color: #000;
	margin: 5px;
	padding: 5px;
}

#nav a:hover{
	color: #000;
	text-decoration: none;
	background-color: #2DFFFF;
}

#nav a:active {
	background-color: #45b5dd;
}

#quote{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 27px;
	font-weight: 700;
	background-color: rgba(100,100,100,0.15);
	color: #ccc;
	padding: 15px;
	text-align: center;
	text-shadow: 2px 2px #000;
}

#auth{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background-color: rgba(100,100,100,0.15);
	color: #ccc;
	width: 180px;
	font-size: 15px;
	text-align: center;
	margin: auto;
	margin-top: -25px;
	margin-bottom: 15px;
	padding: 5px;
	
}

#me {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
}

#me2 {
	display: block;
	margin: auto;
	margin-bottom: 10px;	
}

#me:hover {
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	-webkit-transform: translate(-15.5em, -10em) scale(2);
    -moz-transform: translate(-15.5em, -10em) scale(2);
    -o-transform: translate(-15.5em, -10em) scale(2);
    -ms-transform: translate(-15.5em, -10em) scale(2);
	transform: translate(-15.5em, -10em) scale(2);
}

#res {
	clear: both;
}

#footer {
	clear: both;
	margin-top: 50px;
	margin-left: -50px;
	margin-right: -50px;
	margin-bottom: -50px;
	padding: 20px; 
	padding-bottom: 50px;
	border-top-color: #2DFFFF;
	border-top-style: ridge;
	border-top-width: 10px;
	background-color:#D5D5D5;
	opacity: 0.7;
	color: #000;
}

#footer a:hover {
	text-decoration: underline;
	color: #000;
}

#ft {
	float: left;
	border: none;
}

#fin {
	float: right;
	margin-right: 20px;
	color: #373737;
}

.ft_icon {
	border: none;
	float: right;
	padding: 5px;
}