@charset "UTF-8";
/* CSS Document */

*{margin: 0; padding: 0; border: 0; box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif}

 ul {list-style: none; float:right}

a {text-decoration: none;
color:#BABABA}

img{display:block}

body{width:80%}

#container{
padding-left:70px; margin:45px auto}

#side{ position:relative; width:330px; height:570px; text-align:right;text-transform:uppercase}

#side img#ig{position:relative;left:295px;top:40px} 

#side img#ig a:hover{opacity:.5} 

h1{font-size:2.2em}

li a{color:#999}

li a:hover{color:#666}

a:hover {color:#999}

a{color:#666}

a img:hover{opacity:.5; transition: opacity .25s ease-in-out }

a:hover{transition: color .3s ease-in-out}

nav#imgNav{width:310px; height:310px;position:absolute; bottom:0;right:0;margin:150px -6px 0 0}

div#about_img{margin:105px 0 0 27px}

#about_img figure{width:300px}


#about_img figure img{width:300px;border:1px solid #CCC}

#about_img figcaption{font-size:.7em;color:#666;padding-top:7px;font-style:italic; text-transform:none;text-align:left}

li{float:left;padding:3px;color:#666}

nav#imgNav li a img{width:95px;height:95px;border:#CCC 1px solid}

#main{width:600px; position:absolute; top:50px;left:470px; margin-bottom:20px}

#main p{color:#666;margin:0 170px 0 0; font-size:.9em;line-height:1.3em}

blockquote{font-style:italic}

p#email{margin-bottom:100px}

figure{height:540px; width:650px}

figcaption{font-size:.7em;color:#666;padding-top:7px;font-style:italic}

#main p{line-height:1.4em; padding:0 0 12px 60px}

.size, .medium{color:#BABABA; font-style:normal;}

.date{font-style:normal;padding-left:3px}

footer{width:100vw; margin-top:20px; padding:10px 0 0 100px;color:#BABABA; font-size:.7em}