/*/ New Site Design /*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body {  line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
	

@-webkit-keyframes top {
   from {
        border-top-color: #e76643;
    }
    25% {
        border-top-color: #b1cd43;
    }
    50% {
        border-top-color: #95c6f4;
    }
    75% {
        border-top-color: #ae76fc;
    }
    to {
        border-top-color: #fff;
    }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0;  -webkit-animation-timing-function: ease-out; }
    100% { opacity: 1; -webkit-animation-timing-function: ease-out; }
}


/*/ Font Face /*/

@font-face {
    font-family:QuicksandDash;
    src: url(fonts/Quicksand_Dash.otf);
    font-weight:100;
}


/*/Layout /*/
body {
	background-repeat: repeat;
	background-image: url(http://www.mkelso.com/bg.png);
	font-family:"Nobile", Helvetica Neue, helvetica , sans-serif;
	margin:0;
	letter-spacing:1px;
	font-size: 10px;
	text-shadow: white 0px 1px 0px;
	color: #333;
	
	
	
}

#red{
	border-bottom-color:white;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	-webkit-animation-name: top;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	border-top-color: #bc2c2f;
	border-top-style: solid;
	border-top-width: 170px;
	}
	
/*/ Headings /*/



h1 {

	font-family: 'Courier New', Courier, monospace;
	font-size:80px;
	padding-left:25px;
	padding-top: 30px;
	font-weight: 100;
}




h2{	padding-top: 15px;
	text-align: left;
	font-size: 14px;
	
}

abbr{
	cursor: help;
	font-style: italic;
	border-bottom: 1px dotted black;}


	
/*/Typography /*/
.bio {
	border-right-color: #d8d8d8;
	border-right-style: solid;
	border-right-width: 1px;
	line-height:18px;
	
	padding-right:40px;
	color: #676767;
	
	
}

.work {
	font-size:10px;
	color:#707070;
	line-height:20px;
}

.pink {
	padding-left:3px;
	padding-right:3px;
	color:white;
	background-color:#ff5fc5;
}

.links {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition:background-color .3s ease;
	-webkit-transition:background-color .3s ease;
	color: black;
	width: 300px;
	padding: 20px;
	
	
}


/*/.links:hover{
	

	background-color: #f9f9f9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/*/
	
/*/ Links /*/
a {
	-webkit-transition:color .9s ease;
	text-decoration:none;
	color:#111111;
	letter-spacing:-.02em;
	text-align:right;
	line-height:24px;
	border-bottom-color: #b3b3b3;
	border-bottom:1px dotted;
	
}

a:hover {
	border-bottom-color: #b3b3b3;
	border-bottom:1px dotted;
	color: #1d62a4;
}

a:active,a:focus {
	position:relative;
	top:1px;
}


	
/*/Container & Body */
.white {
	
	width:100%;
	
}

.borderline {
	border-bottom:1px solid #EEEEEE;
	padding-bottom:500px;
}


	
/*/Columns /*/
.column {
		-webkit-animation-delay: 0s;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-name: fadeIn;
	width:45%;
	margin:0 2.5%;
	overflow:hidden;
	float:left;
	display:inline;
}

.area {
	min-width:850px;
	max-width:1100px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom: 30px;
}