*{border:0;font-family:inherit;font-size:1em;font-weight:inherit;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}

a,button{cursor:pointer}
a{color:#365d95}
abbr,acronym{font-variant:small-caps;text-rendering:optimizeSpeed}
address{margin:0 0 0 4em}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
b,h1,h2,strong{font-weight:bold}
base,head,link,meta,script,style,title{display:none}
big,sub,sup{line-height:0}
blockquote{margin:1.5em 0 1.5em 2em}
body{padding:3em 4em;width:32em}
button,img,input,select,textarea{vertical-align:bottom}
button{background:#333;color:#fff;height:1.5em;padding:0 1em}
cite,dfn,i,var{font-style:italic}
code,pre,samp{font-family:Consolas,monospace,sans-serif,serif}
dd{padding:0 0 0 2em}
del{text-decoration:line-through}
details{margin:0 0 0 2em}
figure{margin:1.5em auto;text-align:center}
form{background:#eee;border-radius:.0625em;box-shadow:0 0 .125em rgba(0,0,0,.25);margin:1.5em auto;padding:1.5em 2em}
h1,h2,h3,h4,h5,h6{color:#000;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif,serif}
h1{font-size:1.5em;line-height:1;margin:0 0 1em 0}
h2{clear:both;margin:1.5em 0;position:relative}
html{background:#fafafa;color:#444;font:normal 100%/1.5 serif,sans-serif;overflow-y:scroll;text-rendering:optimizeLegibility}
input,select,textarea{background:#fff;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.5)}
input{text-indent:.25em}
ins{background:#cfc}
p{text-indent:2em}
small,sub,sup{font-size:smaller}
summary{margin-left:-2em}
table{border:hidden;border-collapse:collapse;border-spacing:0;display:table;empty-cells:hide;margin:1.5em auto}
td,th{border:.5em solid rgba(0,0,0,0);border-width:0 .5em;display:table-cell;vertical-align:baseline}
textarea{max-width:100%;resize:vertical}

h1 a abbr{letter-spacing:-.0625em}
ol li{list-style:decimal outside}
ul li{list-style:disc outside}


a:hover{text-shadow:0 .0625em 0 rgba(0,0,0,.125)}

/* "The function of a paragraph is to mark a pause, setting the paragraph apart from what precedes it. If a paragraph is preceded by a title or subhead, the indent is superfluous and can therefore be omitted." http://en.wikipedia.org/wiki/Paragraph */
:not(p)+p,p:first-child{text-indent:0}

.georgia{font-family:Georgia}
.times{font-family:'Times New Roman',Times,serif,sans-serif}

.fields{height:9em;margin:1.5em 0}
.fields li{background:rgba(255,0,0,.5);display:block;float:left;height:9em;margin:0 1.5em 0 0;width:9em}
.fields li a{background:#333;color:#fff;display:block;font-size:6em;height:100%;line-height:1.5;text-align:center;width:100%}
.fields li.a a:hover{background:url('images/public_domain_astronomy_26.jpg') #333 center;text-shadow:0 .03125em .03125em rgba(0,0,0,.5)}
.fields li.b a:hover{background:url('images/reeftop.jpg') #333 center;text-shadow:0 .03125em .03125em rgba(0,0,0,.5)}
.fields li.c a:hover{background:url('images/bubblebeaker.jpg') #333 center;text-shadow:0 .03125em .03125em rgba(0,0,0,.5)}
.index{margin:1.5em 0}
abbr.value{color:#000}
td.rating{color:#999;font-size:75%;line-height:2;text-rendering:optimizeSpeed}

.disciplines{height:12em;margin:1.5em 0}
.disciplines li{background:rgba(255,0,0,.5);display:block;float:left;height:12em;margin:0 1.5em 0 0;width:6em}
.disciplines li a{background:#333;color:#fff !important;display:block;float:left;padding:9em 0 1.5em 1em;width:5em}
.disciplines li a:hover{background:transparent}
.disciplines li.drawing{background:url('images/art-drawing.jpg') #333}
.disciplines li.painting{background:url('images/art-painting.jpg') #333}
.disciplines li.net{background:url('images/art-net.jpg') #333}
.disciplines li.writing{background:url('images/art-writing.jpg') #333}

.disciplines li a{
-webkit-transition:background .5s;
transition:background .5s
}

ul.index{
-moz-column-count:3;-moz-column-gap:24px;
-webkit-column-count:3;-webkit-column-gap:24px;
column-count:3;column-gap:24px;
}

/*
html.netplasticism figcaption{height:4.5em}
html.netplasticism figure{float:left;margin:0 0 1.5em 1em;width:10em}
html.netplasticism figure img{width:100%}
html.netplasticism .works{margin:1.5em -1em}
*/

html.netplasticism .works{margin:1.5em -1em}
html.netplasticism .works li{display:inline-block;list-style:none;margin:0 0 1.5em 1em;width:10em}
html.netplasticism .works li img{box-shadow:0 .0625em .0625em rgba(0,0,0,.5);width:100%}

/*:target:before{content:'※ ';color:#ccc}*/
p:target:before{content:'¶ ';color:#ccc}
section:target > h2:before,section:target > h3:before{color:#ccc;content:'§';display:block;font-weight:normal;left:-1em;position:absolute;width:1em}

/*

"Headings, subheads, block quotations, footnotes, illustrations, captions and other intrusions into the text create syncopations and variations against the base rhythm of regularly leaded lines. These variations can and should add life to the page, but the main text should also return after each variation precisely on beat and in phase."
http://webtypography.net/rhythm_and_proportion/vertical_motion/2.2.2/

*/

html { 
    -moz-font-feature-settings:"liga=1, dlig=1"; 
    -moz-font-feature-settings:"liga", "dlig";
    -ms-font-feature-settings:"liga", "dlig"; 
    -o-font-feature-settings:"liga", "dlig"; 
    -webkit-font-feature-settings:"liga", "dlig"; 
    font-feature-settings:"liga", "dlig";
}


abbr,acronym { 
-moz-font-feature-settings:"liga" 0, "smcp" 1, "kern" 1; 
-moz-font-feature-settings:"liga=0, smcp=1, kern=1"; 
-ms-font-feature-settings:"liga" 0, "smcp" 1, "kern" 1; 
-o-font-feature-settings:"liga" 0, "smcp" 1, "kern" 1; 
-webkit-font-feature-settings:"liga" 0, "smcp" 1, "kern" 1; 
font-feature-settings:"liga" 0, "smcp" 1, "kern" 1;
}

/*
abbr{ 
-moz-font-feature-settings:normal; 
-moz-font-feature-settings:normal; 
-ms-font-feature-settings:normal; 
-o-font-feature-settings:normal; 
-webkit-font-feature-settings:normal; 
font-feature-settings:normal;
}*/

.unicode,abbr.value,td.rating{ 
-moz-font-feature-settings:normal; 
-moz-font-feature-settings:normal; 
-ms-font-feature-settings:normal; 
-o-font-feature-settings:normal; 
-webkit-font-feature-settings:normal; 
font-feature-settings:normal;
}

html.accessibility a{color:#003f87}
html.acjs a{color:#a00ade}
html.art a{color:#ba1525}
html.colours a{color:#7f7f7f}
html.dislikes a{color:#f00}
html.faq a{color:#00f}
html.likes a{color:#0c0}
html.movies a{color:#a58500}
/*html.netplasticism{background:url('http://netplasticism.com/images/bg.png') #000}*/
html.netplasticism a{color:#36f}
/*html.netplasticism body{background:#000;color:#fff}
html.netplasticism h1,html.netplasticism h2{color:#fff}*/
html.qdb a{color:#c08000}