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

form #website {
display:none;
}

@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;
}

*:first-child+html body {
	margin:0;
	padding:0;
	background-color:#0e0e0e;
}

p {
	font:14px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
	/* color:#ccffff;*/
	line-height:1.3ems;
	margin-top:-2px;
	margin-bottom:-2px;
}

td {
	font:14px Arial, Helvetica, sans-serif;
	color:#b9b8b8;
}

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

h2 {
	font: 20px Verdana, sans-serif;
	font-weight:lighter;
	color:#b3b64d;
	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:relative;
	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:582px;
	height:auto;
	background-image:url(/images/waterMark3.jpg);
	background:url(/images/waterMark3.jpg) repeat -116px 286px fixed transparent;
	margin-left: 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: 20px;
	float: left;
	margin-top: 35px;
}

/* for IE6 only */

* html #rightSide {
	position:relative;
	width:209px;
	height:431px;
	margin-left: 15px;
	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;
}

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

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

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

#coin {
	width:209px;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:20px;
	text-align:center;
}


#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:382px;
	left:185px;
	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:203px;
	width:307px;
	height:27px;
	text-align:right;
	z-index:4;
}

/* restricted access 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; /* bright yellow */
	font-weight:bold;
}

/* contact form submit button styles */

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

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

/* target IE6 for contact form submit button */

* html input.button {
	border:1px solid #4e87b5;
    background:#0e0e0e;
	width:83px;
	height:20px;
	color:#ccccff;
	margin:-20px 0 0 105px;
}

* html input.button:hover {
	border:1px solid #4e87b5;
	background:#0e0e0e;
	width:83px;
	height:20px;
	color:#cccc00; /* bright yellow */
	font-weight:bold;
	margin:-20px 0 0 105px;
}

/* target IE7 for contact form submit button */

*:first-child+html input.button {
	border:1px solid #4e87b5;
    background:#0e0e0e;
	width:83px;
	height:20px;
	color:#ccccff;
	margin:-20px 0 0 -120px;
}

*:first-child+html input.button:hover {
	border:1px solid #4e87b5;
	background:#0e0e0e;
	width:83px;
	height:20px;
	color:#cccc00; /* bright yellow */
	font-weight:bold;
	margin:-20px 0 0 -120px;
}

/* contact form styles */

.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*/
}

/* target IE6 for contact form styles */

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

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

/* end IE6 styles */

.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;
}