video,audio,mark,time,summary,section,ruby,output,nav,menu,hgroup,header,footer,figcaption,figure,embed,details,canvas,aside,article,td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}

section,nav,menu,hgroup,header,footer,figure,figcaption,details,aside,article {
	display:block
}

body {
	line-height:1;
	font:1.2em 'Quicksand', Helvetica,  sans-serif;
	overflow:hidden;
	cursor:default
}

ul,ol {
	list-style:none
}

q,blockquote {
	quotes:none
}

q:after,q:before,blockquote:after,blockquote:before {
	content:'';
	content:none
}

table {
	border-collapse:collapse;
	border-spacing:0
}

.cf:after,.cf:before {
	content:"";
	display:table
}

.cf:after {
	clear:both
}

.cf {
	zoom:1
}


a {
	text-decoration:none;
	color:#747e80;
}

.nudge {
	transition:move_arrow .5s;
	-moz-transition:move_arrow .5s;
	-webkit-transition:move_arrow .5s;
	-o-transition:move_arrow .5s
}

.nudge:hover {
	margin-left:5px
}

#main h1 {
	margin-left:0
}


#main h1 {
	color:#2b3e42
}

article {
	margin:0 auto;
	max-width:600px;
	padding:5em
}

.curtains,#portfolio article {
	position:relative
}

.curtains>li {
	background:rgb(255,255,255);
	box-shadow:0 0 12px #666
}

.curtains>li:first-child,#contact {
	background:#77bed2
}

h2 {
	font-size:2em;
	margin-bottom:10px;
	padding-top:10px
}

h1 {
	color:#F7F3E8;
	font-size:8em;
}

#about {
	background:#f7f3e8 url(me.png) no-repeat 92% 30%;
	height:900px
}

#about .fixed,#blogs .fixed {
	position:fixed;
	top:40px;
	left:40px;
	width:200px
}

#about .fixed,#portfolio article,#blogs .fixed {
	z-index:20
}

div li:hover {
	text-decoration:underline
}

#about_content ul {
	column-count:2;
	column-rule:1em solid black;
	-moz-column-count:2;
	-webkit-column-count:2
}

#portfolio {
	min-height:1000px;
	background:#f2583e;
	padding-top:50px;
	color:#f7f3e8;
}

#title{
	width:200px;
	float:left;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-moz-transform: rotate(90deg); /* Firefox */
	
}
#portfolio_contents{
	position: relative;
	margin-left: 200px;
}


#blogs {
	background:#f7f3e8
}

#contact {
	text-align:center;
	color:#f7f3e8;
	font-size:1.5em
}

#contact article {
	margin-top:200px
}

li.step {
	margin:1em 0 0 0
}