@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: nav_font;
 src: url("http://www.andrewvitkovic.com/Discognate.eot") /* EOT file for IE */
}

@font-face {
 font-family: nav_font;
 src: url("http://www.andrewvitkovic.com/Discognate.ttf") /* TTF file for CSS3 browsers */
}

body {
	margin:0;
	padding:0;
	background-color:#0e0e0e;
}

p {
	font:14px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
	line-height:1.3ems;
}

h1 {
	font: 30px Arial, Helvetica, sans-serif;
	color:#4e87b5;
}

h2 {
	font: 20px Verdana, sans-serif;
	font-weight:lighter;
	color:#ccffff;
	padding-left:10px;
}

h3 {
	font: 18px Verdana, sans-serif;
	font-weight:lighter;
	color:#b3b64d;
	padding-left:10px;
}

ol {
	font:14px Arial, Helvetica, sans-serif;
	color:#ccffff;
	line-height:1.3ems;
}

#container {
/*	position:absolute;
	left:0px;
	top:0px; */
	width:1024px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	position:relative;
	width:968px;
	height:226px;
	margin-top: 37px;
	margin-left: 28px;
	float: left;
}

#leftNav {
	width:136px;
	height:400px;
	margin-left: 28px;
	margin-top: 35px;
	float: left;
	position: relative;
	border-top:solid #216199 1px;
}

#leftNav ul {
	width:136px;
	list-style:none;
	padding: 0;
	margin: 0;
	text-align:left;
}

#leftNav li {
	font:24px nav_font;
	color:#4e87b5;
	padding:10px 0 10px 0;
	border-bottom: solid #216199 1px;
}

#leftNav li a {
	color:#4e87b5;
	text-decoration:none;
}

#leftNav li a:visited {
	color:#4e87b5;
	text-decoration:none;
}

#leftNav li a:hover {
	color:#B3B64D;
	background: url(/images/bullet.png) right center no-repeat;
	text-decoration:none;
	margin-right:-40px;
	padding-right:25px;
}

#leftNav li a:active {
	color:#B3B64D;
	text-decoration:none;
	background: url(/images/bullet_over.png) right center no-repeat;
	margin-right:-40px;
	padding-right:25px;
}

body#home a#homenav,
body#about a#aboutnav,
body#tribute a#tributenav,
body#photos a#photosnav,
body#contact a#contactnav,
body#restricted a#restrictednav {
	color:#B3B64D;
	text-decoration:none;
	background: url(/images/bullet_over.png) right center no-repeat;
	margin-right:-40px;
	padding-right:25px;
}

#mainContent {
	position:relative;
	float:left;
	width:462px; /* original 582px */
	height:auto;
	margin-left: 78px; /* original 20px */
	margin-top: 35px;
	border: solid #216199 1px;
}

#mainContent p {
	padding:10px;
	line-height:18px;
}

#mainContent h1 {
	padding-left:10px;
}

#mainContent a {
	color:#4e87b5;
	text-decoration:none;
}

#mainContent a:visited {	
	color:#4e87b5;
	text-decoration:none;
}

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

#rightSide {
	position:relative;
	width:209px;
	height:431px;
	margin-left: 78px; /* original 20px */
	float: left;
	margin-top: 35px;
}

#restrictAccess {
	width:209px;
	height:auto;
	border-top:solid #cccd50 1px;
	border-bottom:solid #cccd50 1px;
	padding-top:8px;
	padding-bottom:8px;
}

#restrictAccess p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
	padding-left:5px;
	margin-top:4px;
	margin-bottom:4px;
}

#footer {
	position:relative;
	width:840px;
	height:38px;
	margin-left: 184px;
	float: left;
}

* html #footer { /* target IE6 */
	position:relative;
	width:1024px;
	height:38px;
	margin-left: 105px;
	float: left;
}

*:first-child+html #footer { /* target IE7 */
	position:relative;
	width:1024px;
	height:40px;
	margin-left: 184px;
	padding-bottom:10px;
	float: left;
}

#footer p {
	font:12px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
	margin-top:4px;
}

* html #footer p { /* target IE6 */
	font:12px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
	margin-top:4px;
	margin-bottom:-20px;
}

#phpOutput {
	position:absolute;
	top:375px;
	left:184px;
	width:584px;
	height:259px;
	z-index:3;
}

#phpOutput p {
	font:14px Arial, Helvetica, sans-serif;
	color:#ccffff;
	line-height:1.3ems;
}

#todaysDate {
	position:absolute;
	left:634px;
	top:188px;
	width:307px;
	height:27px;
	text-align:right;
	z-index:4;
}
* html #todaysDate { /* target IE6 */
	position:absolute;
	left:634px;
	top:200px;
	width:307px;
	height:27px;
	text-align:right;
	z-index:4;
}

*:first-child+html #todaysDate { /* target IE7 */
	position:absolute;
	left:634px;
	top:200px;
	width:307px;
	height:27px;
	text-align:right;
	z-index:4;
}

/* form styles */

.input {
	border: 1px solid #4e87b5;
    background:#0e0e0e;
	color:#ccffff;
}

input.btn {
	border:1px solid #4e87b5;
    background:#0e0e0e;
	width:83px;
	height:20px;
	color:#ccccff;
}

input.btn:hover {
	border:1px solid #4e87b5;
	background:#0e0e0e;
	width:83px;
	height:20px;
	color:#cccc00;
	font-weight:bold;
}

.smallFont {
	font-size:12px;
}

.cssform p {
	font-size:13px;
	color:#ccffff;
	width: 300px;
	clear: left;
	margin-left: 120px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 120px; /*width of left column containing the label elements*/
	height:1em;
}

.cssform label {
	font-size:13px;
	color:#ccffff;
	float: left;
	margin-left: -120px; /*width of left column*/
	width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform textarea{
	width: 250px;
	height: 75px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

.style2 {
	color:#FF0000;
}