@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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, 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, article, aside, canvas, details, figcaption, figure, /* my addition --> */ img, /**/ footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, /* my addition --> */ boxscroll /**/{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* END OF BROWSER RESET */

/* ------------------------------------------------------------------------------------------------------------------------------------------------*/

/* STRANGELAND STYLING - Karen Antonelli - 2013 */

body {text-align:center;font-family:"Source Sans Pro", sans serif; font-size: 12px; line-height: 1.5;}
#wrapper {position:relative;margin:10px auto 0 auto;width:970px;height:620px;text-align: left;background-color:#FFF;border-right:1px solid #900;}
header {position:relative; padding:10px 0 0 5px; font-family:"Tenor Sans", sans serif; color:#541818; text-align:left; text-shadow:1px 2px 2px #999; text-shadow-opacity:40%;}
aside {position:relative; float:left; width:165px; height:495px; padding:40px 10px 40px 5px;border-bottom:1px solid #900;text-align:left;}
object#header {position:absolute; top:0; left:0;}
object#sidebar {position:absolute; top: 45px; height:576px;}
aside h2 { border-top:1px dotted #000; border-bottom:1px dotted #000; padding-bottom:3px; margin:10px 0 10px 0;}
aside.cv {width: 25px; height: clear: left; float: left; vertical-align: text-top; }
section.CV {width:200px; float:left; margin-left:5px;}
footer {position: absolute;font-style: italic;text-align: right;padding: 10px 10px 0 0;bottom: 0;right: 2px;line-height: 100%;color: #999;}

h1 {font-size:185%; letter-spacing:0.025em;}
h2 {line-height:2; font-size:110%; color:#905050; font-family:"Tenor Sans", sans serif;text-align:left;}
h3 {font-size:100%;}
h4 {clear:left; font-size:100%; font-weight:bold;}
h5 {font-size:100%; font-weight:bold; color:#900;}
h6 {font-size: 85%; font-style: italic; color: #666;}
h7 {font-size:100%; color:#900;}
p {text-indent: 15px;}
em {font-weight:bold; font-color:#333;}
i {font-style:italic;}
tr {padding:0; margin:0;}
table#pureContour {margin:0 70px 0 70px;}
table.4x5 td {padding:0 0 20px 0;margin-bottom:10px;}
table.composites td {padding:0 0 20px 0; margin-bottom:10px;}
ul {}
li {color:#333;text-indent:5px; text-align:left;}

/* CONTENT STYLING */

.contact { margin:30px 0 0 30px;}
.curator { margin:0 0 0 0;}

section.intro {position:relative; float:left; width:660px; height:480px; margin:55px 0 0 60px;border:none;}
section.intro figure {position:relative; float:left; margin:100px 40px 0 0;}

figure#inscript {position:relative; float:left; width:630px; margin:73px 0 0 80px;border:none;}
figure#collodion {position:relative; float:left; width:550px; margin:73px 0 0 120px;border:none;}
figure#place {position:relative; float:left; width:630px; margin:73px 0 0 80px;border:none;}
.text {position:relative; float:left; width:420px;}

figure.comp {width:630px; margin:0 90px 0 70px;border:none;}
figure.biopic {position: relative; padding:0 0 0 30px;border:none;}
figure.panoHG {position: relative; clear:both; padding:118px 0 0 20px;border:none;}
figure.conWild {position: relative; clear:both; padding:45px 0 0 20px;border:none;}
figure.conWild2 {position: relative; clear:both; padding:7px 0 40px 35px;border:none;}
figure.figGr {position: relative; clear:both; padding:0 0 10px 65px;border:none;}
figure.liminal {position: relative; clear:both; padding:45px 0 0 20px;border:none;}
figure.picPure {width: 194px; float:left; height:250px; margin:0 0 10px 10px;border:1px solid #CCC;}
figure.picPure1 {width: 194px; clear:left; float:left; height:250px; margin:0 0 10px 10px;border:1px solid #CCC;}
figcaption {font-style:italic; text-align:right; color:#999; font-size:75%; padding:5px 0 0 0;}

column {width: 330px; float:left; margin:0 20px 0 20px; text-align:justify;}
#pureText {width:700px; float:left; margin:20px 0 0 0;}
#pureText2 {width:350px; float:left; margin:20px 0 0 0;}

/* iFRAME STYLING */

section.content {position:absolute; top:45px; left:165px; }
section#content {position:absolute; top:3px; left:5px; width:750px; padding:5px 10px 0 10px;}
#content.darkly {position:absolute; top:50px; left:175px; width:750px; padding:5px 10px 0 10px;}
#index {width: 770px; margin:57px 0 0 30px;}
#bio {width: 770px; margin:95px 0 0 30px;}
#content.exhibHG {position:relative; float:left; width: 740px; margin-top:45px;}
#content.annoying {position:relative; float:left; width:700px; padding:5px 10px 0 50px;}
#CV {width:750px; float:left; padding:55px 10px 0 30px;}
#content.slides {width:750px; float:left; padding:55px 20px 0 20px;}
#content.darkly {width:430px; float:left; padding:35px 180px 0 140px;}
#content.text h3 {color:#900;}

#textCV {font-size: 12px;text-align:left;height: 415px;width: auto;padding:0 20px 71px 0;-moz-column-width: 235px; /*Firefox*/-webkit-column-width: 235px; /*Safari and Chrome */column-width: 235px;-moz-column-gap: 40px; /*Firefox*/-webkit-column-gap: 40px; /*Safari and Chrome */column-gap: 40px; -moz-column-rule: none; /*Firefox*/-webkit-column-rule: none; /*Safari and Chrome */column-rule: none;color: #1e1e1e;}

#text {font-size: 12px; text-align:justify; height: 462px;width: auto;padding:0 20px 26px 0;-moz-column-width: 235px; /*Firefox*/-webkit-column-width: 235px; /*Safari and Chrome */column-width: 235px;-moz-column-gap: 30px; /*Firefox*/-webkit-column-gap: 30px; /*Safari and Chrome */column-gap: 30px; -moz-column-rule: none; /*Firefox*/-webkit-column-rule: none; /*Safari and Chrome */column-rule: none;color: #1e1e1e;}

#state {font-size: 12px;text-align: justify; height: 480px; width: auto; padding:0 0 0 20px;-moz-column-width: 235px; /*Firefox*/-webkit-column-width: 235px; /*Safari and Chrome */column-width: 235px;-moz-column-gap: 30px; /*Firefox*/-webkit-column-gap: 30px; /*Safari and Chrome */column-gap: 30px;-moz-column-rule: none; /*Firefox*/-webkit-column-rule: none; /*Safari and Chrome */column-rule: none;color: #1e1e1e;}

#slides {height: 525px; width: auto;}
#contour {height: 572px; width:auto;} 
.annoy {width: 1120px;}

#boxscroll {overflow: auto; -webkit-overflow-scrolling:touch;}
.box1 {width: 750px; height:490px;}
.box2 {width: 700px; height: 575px;}

/* LINK STYLING */

.arrow {position:absolute; bottom:0px; padding:10px; font-size:150%; font-weight:100; color:#905050;}
#left {left:200px;}
#right {left:915px;}
a:link {text-decoration:none; color:#333}
a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#900;}
a:active {text-decoration:none; color:#333;}