@charset UTF-8;
    * {
    margin: 0;
    padding: 0;
	font-family: 'Josefin Sans',  sans-serif;
}

a:active {
    outline: none;
    text-decoration: none;
}

main-content
body {
	background-color: #fff;
	font-weight: 300;
	background-attachment: fixed;
}


a:hover {
    text-decoration: underline;
}

h1 {
    color: #000;
    padding: 10px;
}

img {
	max-width: 100%;
	height: auto;
	border:0px;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




#notice {width: 500px;
     margin: 0 auto;
	 font-size:14px;
	 margin-top:10px;
	 padding-top:10px;
	 padding-left:10px;
	 padding-right:10px;
	 padding-bottom:10px;
	 text-align:center;
	 color:#FFF;
	 font-weight:300;
	 background-color:#9C0;
	 text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	 letter-spacing:1px;}
#notice span {font-weight:700;
font-size:16px;
text-transform:uppercase;}



/* --------- WRAPPERS ----------------------------------- */



#things-wrap{
	max-width: 900px;
	min-width: 500px;
	position: relative;
	
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}
	
#helloiam-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 30px auto 100px;
	
}

#iam-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}
#looklike-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-family: 'Josefin Sans',  sans-serif;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}
#viewmy-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
	
}
#ido-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}
#recentphotos-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}
#contact-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}


#connect-wrap {
	max-width: 900px;
	min-width: 500px;
	position: relative;
	font-size: 2.3em;
	line-height: 48px;
	font-weight: 100;
	margin: 10px auto 80px;
}

/* COMPONETT$ ------------------------------- */

.main-content {
    padding: 0 0 0 354px;
}
.main-content p {
	font-weight: 300;
	padding-top:0px;
}

.main-content-smaller {
	padding: 0 0 0 354px;
}

.main-content-smaller p {
	font-weight: 300;
	padding-top:10px;
}

.main-content ul{
	list-style-type: none;
	padding-top: 18px;
}

.main-content li{
	list-style-type: none;
	padding-bottom: 15px;
}

.main-sidebar {
    bottom: 0;
    left: -1px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 330px;
    padding: 0 0 0 0px;
}
.main-sidebar p {
    padding-right: 6px;
    padding-top: 4px;
}

.main-sidebar h6 {
	color: #333;
	font-size: 30%;
	font-weight: 300;
	margin-bottom: -12px;
	margin-right: 8px;
	margin-top: 6px;
}



/* main section titles -------------------------------------  */

#things {background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
	font-size:.82em;
	}

#connectwithme {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 12px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}
#contactme {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 135px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}
#helloiam {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 145px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}
#iam {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 235px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}

#recentphotos {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 235px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}
#looklike {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 162px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
}
#viewmy {
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: 165px top;
	font-weight: 300;
	padding-right: 10px;
	padding-top:4px;
	}
	
/* +++++++++++++++ Other Sections +++++++++++++++ */
	

.footer {
	font-weight: 100;
	max-width: 900px;
	min-width: 600px;
	text-align: center;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 22px;
	margin-left: auto;
}
.footer p {
    color: #CCC;
    padding: 10px;
}
.footer a {
	text-decoration: none;
	color: #CCC;
	padding:4px;
}
.footer a:hover {
	color: #000;
	background-image: url(../img/title_bg_0.png);
	background-repeat: no-repeat;
	background-position: center center;	
}


/* TOP POP DOWN ------------------------------- */

#topbar {
	position: fixed;
	z-index: 6001;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: 0 0 7px black;
	-moz-box-shadow: 0 0 7px black;
	box-shadow: 0 0 7px black;
	color: #000;
	background-color: #CCCCCC;
	font-weight: 300;
	font-size:.8em;
	padding:3px;
	opacity: 0.85;
}

	
#topbar a:link {
	font-weight: 400;
	text-decoration: none;
	color: #333;
	padding-right: 12px;
	padding-left: 12px;
	text-transform: uppercase;
	opacity: 0.85;
}

#topbar a:visited {}

#topbar a:hover {
	color: #000;
	opacity: 1;

} 
	   


/* +++++++++++++++++++++++++++++++++++++++ Buttons and Links +++++++++++++++++++++++++++++++++++++++ */
/* +++++++++ Credit is to codedrops http://tympanus.net/codrops/category/blueprints/  ++++++++++++++ */


.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-top: 10px;
	padding-right: 4px;
	padding-left: 4px;
	display: inline-block;
	text-align: left;	
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* --------- Portfolio Button ------------- */

.btn-portfolio {
	color: #005CFF;
	text-decoration: none;
	font-weight: 400;
}

.btn-portfolio:hover,
.btn-portfolio:active {
	color: #fff;
	background: #005CFF;
	text-decoration: none;
}

.btn-behance {
	color: #005CFF;
	text-decoration: none;
	
}

.btn-behance:hover,
.btn-behance:active {
	color: #fff;
	background: #005CFF;
	text-decoration: none;
}

/* --------- Videos Button ------------- */

.btn-tumblr {
	color: #385975;
	text-decoration: none;
	
}

.btn-tumblr:hover,
.btn-tumblr:active {
	color: #fff;
	background: #385975;
	text-decoration: none;
}



/* --------- Videos Button ------------- */

.btn-videos {
	color: #385975;
	text-decoration: none;
}

.btn-videos:hover,
.btn-videos:active {
	color: #fff;
	background: #385975;
	text-decoration: none;
}

/* --------- Resume Button ------------- */

.btn-resume {
	color: #069;
	text-decoration: none;
}

.btn-resume:hover,
.btn-resume:active {
	color: #fff;
	background: #069;
	text-decoration: none;
}

/* --------- Email Button ------------- */

.btn-email {
	color: #F0F;
	text-decoration: none;
}

.btn-email:hover,
.btn-email:active {
	color: #fff;
	background: #F0F;
	text-decoration: none;
}

/* --------- LinkedIn Button ------------- */

.btn-linkedin {
	color: #069;
	text-decoration: none;
}

.btn-linkedin:hover,
.btn-linkedin:active {
	color: #fff;
	background: #069;
	text-decoration: none;
}

/* --------- Vimeo Button ------------- */

.btn-vimeo {
	color: #2786C2;
	text-decoration: none;
}

.btn-vimeo:hover,
.btn-vimeo:active {
	color: #fff;
	background: #2786C2;
	text-decoration: none;
}

/* --------- 500px Button ------------- */

.btn-500px {
	color: #009ada;
	text-decoration: none;
}

.btn-500px:hover,
.btn-500px:active {
	color: #fff;
	background: #009ada;
	text-decoration: none;
}

/* --------- Flickr Button ------------- */

.btn-flickr {
	color: #0063DB;
	text-decoration: none;
}

.btn-flickr:hover,
.btn-flickr:active {
	color: #fff;
	background: #0063DB;
	text-decoration: none;
}


/* --------- Flixel Button ------------- */ 

.btn-flixel {
	color: #863ccb;
	text-decoration: none;
}

.btn-flixel:hover,
.btn-flixel:active {
	color: #fff;
	background: #863ccb;
	text-decoration: none;
}


/* --------- Google+ Button ------------- */

.btn-googleplus {
	color: #DD4B39;
	text-decoration: none;
}

.btn-googleplus:hover,
.btn-googleplus:active {
	color: #fff;
	background: #ccc;
	text-decoration: none;
}

/* --------- Twitter Button ------------- */

.btn-twitter {
	color: #437ea1;
	text-decoration: none;
}

.btn-twitter:hover,
.btn-twitter:active {
	color: #fff;
	background: #437ea1;
	text-decoration: none;
}

/* --------- IMDB Button ------------- */

.btn-imdb {
	color: #A58500;
	text-decoration: none;
}

.btn-imdb:hover,
.btn-imdb:active {
	color: #fff;
	background: #A58500;
	text-decoration: none;
}

/* --------- Facebook Button ------------- */

.btn-facebook {
	color: #3b5998;
	text-decoration: line-through;
}

.btn-facebook:hover,
.btn-facebook:active {
	color: #fff;
	background: #3b5998;
	text-decoration: none;
}

/* --------- Myspace Button ------------- */

.btn-myspace {
	color: #666666;
	text-decoration: line-through;
}

.btn-myspace:hover,
.btn-myspace:active {
	color: #fff;
	background: #000;
	text-decoration: none;
}


/* --------- Lame Old Social Button ------------- */

.btn-dead {
	color: #CDCDCD;
	text-decoration: line-through;
}

.btn-dead:hover,
.btn-dead:active {
	color: #DEDEDE;
	background: #EFEFEF;
	text-decoration: none;
}

/* ++++++++++++++ Special Classes (Cough) ++++++++++++++ */

.scottwmay{
	font-weight: 200;
	font-size: 1.7em;
	letter-spacing: 0.01em;
	
}

.alert {
    color: red;
    font-size: 0.625em;
    line-height: normal;
    font-weight: 400;}
	
	
.filetype {
	color: #CCC;
	padding-left:4px;
	font-size: 36%;
	line-height: normal;
	font-weight: 300;
	vertical-align: 35%;
	}







/* ROTATING WORDS */

#whatIcando {height:30px;
padding-top:4px;}

#whatIcando span {color:#CCC;
font-size:22px; margin-left:4px;}

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



.rw-words{
	
	display: inline;
	text-indent: 0px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #000;
	-webkit-animation: rotateWord 24s linear infinite 0s;
	-moz-animation: rotateWord 24s linear infinite 0s;
	-o-animation: rotateWord 24s linear infinite 0s;
	-ms-animation: rotateWord 24s linear infinite 0s;
	animation: rotateWord 24s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #000;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #000;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #000;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #000;
	
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #000;
}
.rw-words-1 span:nth-child(7) { 
    -webkit-animation-delay: 18s;
	-moz-animation-delay: 18s; 
	-o-animation-delay: 18s; 
	-ms-animation-delay: 18s; 
	animation-delay: 18s; 
	color: #000;
}
.rw-words-1 span:nth-child(8) { 
    -webkit-animation-delay: 21s;
	-moz-animation-delay: 21s; 
	-o-animation-delay: 21s; 
	-ms-animation-delay: 21s; 
	animation-delay: 21s; 
	color: #000;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 0; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -moz-transform: translateY(-30px); }
	5% { opacity: 0; -moz-transform: translateY(0px);}
    17% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 0; -moz-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -o-transform: translateY(-30px); }
	5% { opacity: 0; -o-transform: translateY(0px);}
    17% { opacity: 1; -o-transform: translateY(0px); }
	20% { opacity: 0; -o-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 0; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; transform: translateY(-30px); }
	5% { opacity: 0; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
	20% { opacity: 0; transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}