﻿html, body
{
	font-family: Calibri, Sans-Serif;
	font-size: 1em;
	background-color: Silver;
}

#main 
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 50em;
	margin-left: auto;
	margin-right: auto;
	/* Source for background image: http://en.wikipedia.org/wiki/File:Seattle-myst.jpg */
	background-image: url('images/seattle.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: White;
	/* background-attachment: fixed; */ Figure out a way to position it at the bottom of the div.
	-o-background-size: auto auto;
	-webkit-background-size: auto auto;
	-khtml-background-size: auto auto;
	-moz-background-size: auto auto;
}

#header 
{
	float: left;
	width: 100%;
}

#header h3
{
	-webkit-transition: all 0.7s ease-in;
	text-align: center;
}

#header h3:hover
{
	-webkit-transform: scale(1.2)
}

#content 
{
	float: left;
	/* width: 100%; */
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;
}

#footer 
{
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 1em 1em 1em;
}

.clear-div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#navigation 
{
	
}

#navigation ul
{
	margin-left: 1em;
	margin-right: 1em;
	background-color: #666666;
	padding: .3em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
/*	margin: 0;
	padding: 0; */
	text-align: center;
}

#navigation ul li 
{
	display: inline;
}

/* black 0.1em 0.1em 0.2em */
/* text-shadow: rgba(0,0,0,0.4) 0 1px 5px; */
#navigation ul li a { padding: 5px; text-shadow: rgba(0,0,0,0.2) 0 1px 5px; color: White; }

#navigation ul li a:visited 
{
	color: #dddddd;
	text-shadow: rgba(0,0,0,1) 0 1px 5px;
}

#navigation ul li a:hover, .current
{
	background-color: #444444;
	color: White;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	-webkit-transition: all 0.5s ease-in;
}

a:hover
{
	text-decoration: none;
}

.coaster-name 
{
	text-transform: uppercase;
	font-weight: bold;
}

.cv_left_column
{
	vertical-align: text-top;
	text-align: right;
	text-transform: uppercase;
}

/* #cv tr { padding-bottom: 1em; } */

.cv_right_column
{
	padding-left: 1em;
	padding-bottom: 1em;
}

.cv_left_column, .projects
{
	font-weight: bold;
}

.school, .skills, .dates
{
	font-weight: bold;
	font-style: italic;
}