/*
Site: Portfolio.ARConrad.com 
Theme: White As Snow
Author: Austen Conrad
Author URI: http://www.ARConrad.com/

Formula to Convert Pixels to EM
1 / parent font-size x required pixel value = em value

*/

/* Hello World */

body {
	
	/* the body font-size setting drives the elastic shape of the
   	   entire page through the use of em. To make calculations
   	   as simple as possible, we have set this to 10px. AKA
   	   if we want a 20px tall div, we would set it to 2em. This 
   	   lets us use javascripts to change this font-size and scale
   	   all the elements on the page */

	font-size: 10px;

	font-family: Arial;
	line-height: 2.5em;
	text-align: center;	
	background-color: #ffffff;
	color: #676767;
	margin: 0 0 2em 0;
	padding: 0;
}

#container {
	height: auto;
	width: 90em;
	background-color: transparent;
	margin: 2.5em auto;
	padding: 0;
	}

#page {
	background-color: transparent;
	text-align: right;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	margin: 0 auto;
	padding: .3em;
	width: auto;
	float: left;
	font-size: 6.2em;
	line-height: 1.6em;
	}

#menu {
	width: auto;
	height: auto;
	background-color: transparent;
	float:  right;
	margin: 1.5em auto;
	color: #676767;
	font-family: 'Trebuchet MS', Arial;
	font-weight: bold;
	font-size: 3em;
	}

#menu p {
	padding-top: 1em;
	padding-left: .25em;
	padding-right: .25em;
	/* Rotate text using css. In order: safari, firefox, internet explorer */
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	}

 a, a:visited {
	color: #676767;
	text-decoration: none;
	}

 a:hover {
	color: #cc5522;
	}


/* Good-bye World */