/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/

html{color:#fff;background:#222;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* Plus this to remove ugly system borders on links */

a img {border:0 }
a {text-decoration:none;}
a:active {outline:none; }
:focus {-moz-outline-style:none; }

/*  Global Definitions */

body {
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
	font-size: 62.5%;
	}

#Container { /* This Container div is designed to center the content horizontally on the page */	
	width:1024px;
	height:768px;
	margin:0px auto; /* This is the line that does the centering */
	text-align:left;
	}

#Container span{ /* I probably don't want to declare this so universally, but for now this is how I like it */
	display:none;
	}

#Border {
	position:absolute;
	margin:55px 0px 0px 12px;
	display:block;
	width:994px;
	height:1785px;
	border:3px solid black;
	z-index:1;
	}

/* Div definitions*/
	
#Contact a{ /* Global rules for contact links */
	position:absolute;
	display:block;
	height:40px;
	z-index:10;
	}
	
#Contact a:hover{
	background-position:0px -40px;
	}

.email a{
	width:239px;
	margin-left:36px;
	background:url('img/email.png') no-repeat;
	}

.twitter a{
	width:239px;
	margin-left:275px;
	background:url('img/twitter.png') no-repeat;
	}

.facebook a{
	width:239px;
	margin-left:514px;
	background:url('img/facebook.png') no-repeat;
	}

.phone a{
	width:239px;
	margin-left:753px;
	background:url('img/phone.png') no-repeat;
	}

#TopBar { /* Main title bar */
	position:absolute;
	margin-top:40px;
	z-index:5;
	}

#Me { /* Image of myself */
	position:absolute;
	margin:155px 0px 0px 589px;
	z-index:5;
	}

#Ribbon { /* Ribbon at the bottom */
	position:absolute;
	margin:570px 0px 0px 589px;
	z-index:5;
	}

#Vids {
	position:absolute;
	margin:1150px 0px 0px 589px;
	z-index:5;
	}
	
#Message { /* Main message */
	position:absolute;
	margin:154px 0px 0px 25px;
	width:551px;
	text-align:justify;
	z-index:5;
	}

#LastTime {
	position:absolute;
	margin:1650px 0px 0px 25px;
	width:930px;
	text-align:justify;
	z-index:5;
	border:2px dashed #333;
	padding:10px;
	}
	
#Footer { /* Copyright */
	position:absolute;
	margin:1850px 0px 0px 872px;
	z-index:5;
	}	

/* Type styling. Details to come later */
	
h1	{
	font-family:Georgia, serif;
	font-weight:600;
	font-variant:small-caps;
	font-size:2em;
	margin-bottom:10px;
	}

h2	{
	font-family:Georgia, serif;
	font-weight:900;
	font-style:oblique;
	font-size:2.2em;
	margin-top:15px;
	margin-bottom:15px;
	color:#333;
	border-bottom:2px dashed #333;
	}
	
p	{
	color:#ddd;
	line-height:1.5em;
	font-size:1.2em;
	margin-bottom:10px;
	}

strong {
	font-weight:600;
	font-size:110%;
	}

a	{
	color:#0ae;
	}

*.more {
	font-style:oblique;
	font-weight:bold;
	}
	
*.sub { 
	color:#888;
	}

*.moremargin {
	margin-left:115px;
	}

*.right {
	text-align:right;
	}