/*
##      ## ########   ######  #### ##     ##  #######  ##    ##  #######  
##  ##  ## ##     ## ##    ##  ##  ###   ### ##     ## ###   ## ##     ## 
##  ##  ## ##     ## ##        ##  #### #### ##     ## ####  ##        ## 
##  ##  ## ########   ######   ##  ## ### ## ##     ## ## ## ##  #######  
##  ##  ## ##              ##  ##  ##     ## ##     ## ##  ####        ## 
##  ##  ## ##        ##    ##  ##  ##     ## ##     ## ##   ### ##     ## 
 ###  ###  ##         ######  #### ##     ##  #######  ##    ##  #######
*/
/****************************************************************************/
/***     Website Copyright 2011 Will Simon                                ***/
/***     All content Copyright 2011 Will Simon, unless otherwise noted    ***/
/***     All HTML and CSS code original, unless otherwise noted           ***/
/****************************************************************************/


/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* RESET*/

* {
		margin: 0;
		padding: 0;
		background-color: #4c4c4c;
		}
	
html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		}

#wrapper {
		font-size: 1.2em;
		line-height: 1.5em;
		}

p {
		margin-bottom: 1.5em;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* LINK STATES*/

a:link	{
		color: #FFFFFF;
		text-decoration: none;
		}

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

a:hover	{
		color: #A7A7A7;
		text-decoration: none;
		}

a:active	{
		color: #A7A7A7;
		text-decoration: none;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* MENU*/

#menu	{
		width: 200px;
		overflow: hidden;
		position: fixed;
		padding-left: 20px;
		top: 0px;
		padding-top: 15px;
		height: 100%;
		font-size: 1.2em;
		background-color: #4C4C4C;
		padding-right: 20px;
		}

#menu ul	{
		list-style: none;
		}
		
.menuLink	{
		padding-top: 40px;
		padding-bottom: 3px;
		margin-left: 15px;
		border-bottom: thin solid #A7A7A7;
		}


.menuSubLink	{
		padding-left: 20px;
		position: relative;
		top: 10px;
		padding-bottom: 5px;
		font-size: 85%;
		}

#footer	{
		position: fixed;
		bottom: 0;
		left: 30px;
		font-size: 90%;
		color: #A7A7A7;
		background-color: #4c4c4c;
		margin-bottom: 0px;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 100%;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* MAIN CONTENT AREA*/

#content	{
		margin-top: 120px;
		margin-left: 250px;
		}

.contentImage	{
		float: left;
		padding-right: 25px;
		}

.captionTitle	{
		color: #A7A7A7;
		font-size: 1.3em;
		margin-bottom: 0px;
		}

.caption	{
		color: #A7A7A7;
		}
		
.featureVideo	{
		float: left;
		padding-right: 25px;
		width: 640px;
		}
		
.featureVideoInfo	{
		float: left;
		padding-right: 25px;
		width: 200px;
		margin-top: -30px;
		color: #A7A7A7;
		}

.featureVideoInfo h2	{
		margin-bottom: 10px;
		color: #FFFFFF;
		}

h2.videoTitle	{
		font-size: 1.3em;
		color: #A7A7A7;
		margin-bottom: 15px;
		margin-top: -30px;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* RESUME*/

.resumeText	{
		float: left;
		padding-right: 25px;
		width: 800px;
		margin-top: -24px;
		padding-bottom: 150px;
		}

p.resumeTopCategory	{
		color: #1A9CD8;
		font-size: 1.9em;
		font-weight: bold;
		margin-bottom: 0px;
		margin-top: 20px;
		text-transform: uppercase;
		background: #4c4c4c url('img/resBordCorner.gif') no-repeat top;
		padding-top: 8px;
		padding-left: 8px;
		}

p.resumeOrg	{
		color: #b1b1b1;
		margin-top: 10px;
		margin-left: 30px;
		font-size: 1.3em;
		margin-bottom: 0px;
		}

p.resumeEmphasis	{
		color: #FFFFFF;
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 40px;
		font-style: italic;
		font-size: 1.1em;
		}
		
p.resumeDesc	{
		color: #FFFFFF;
		margin-top: 8px;
		margin-bottom: 0px;
		margin-left: 55px;
		font-size: 1.1em;
		}

p.resumeDate	{
		color: #FFFFFF;
		margin-bottom: 0px;
		margin-top: -20px;
		margin-left: 650px;
		width: 140px;
		padding-right: 25px;
		font-size: 1em;
		text-align: right;
		}

p.lastUpdated	{
		color: #FFFFFF;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: 650px;
		width: 140px;
		padding-right: 25px;
		font-size: .8em;
		text-align: right;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* CONTACT*/

#contactForm	{
		color: #A7A7A7;
		font-size: 1.12em;
		float: left;
		padding-right: 25px;
		width: 350px;
		}

p.contactHead	{
		color: #FFFFFF;
		}

input, textarea	{
		color: #000000;
		background-color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		}

#contactInfo	{
		
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* 404*/

#fourohfour	{
		color: #A7A7A7;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ABOUT*/

.aboutText	{
		color: #FFFFFF;
		padding: 0 25px 25px 0;
		text-align: justify;
		}

#aboutPic	{
		float: left;
		padding: 0 10px 10px 0;
		margin-top: 4px;
		}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* WHAT I'M WATCHING*/

.inspiration	{
		color: #1A9CD8;
		padding-bottom: 10px;
		}
		
.inspirationP	{
		color: #FFFFFF;
		}

#vimeoWidget	{
		margin: 10px 20px 40px 20px;
		}


/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* PRINT STYLING*/

@media print {
			.noPrint {
  			display:none;
			}
		}