HOME | DD

techgnotic — Storytellers of the Future
#futurestorytellers #narrative #stories #storytellers #depthradius #novel
Published: 2014-11-27 22:02:41 +0000 UTC; Views: 56830; Favourites: 388; Downloads: 0
Redirect to original
Description body div#devskin11425564 .gr-box, body div#devskin11425564 body { font:400 18px/26px 'Arial', Sans-Serif; background:#fff; color:#242627; position:relative; border-bottom:none; margin:0; padding:0; } /* ------------------------------------------------------- WRAP ------------------------------------------------------- */ body div#devskin11425564 .wrap { max-width:1080px; margin:auto; padding:0 15px; position:relative; } body div#devskin11425564 .wrap .wrap { width:100%; padding:0; } body div#devskin11425564 .wrap.wide { max-width:1500px; } /* ------------------------------------------------------- COLUMNS ------------------------------------------------------- */ body div#devskin11425564 .col_1, body div#devskin11425564 .col_2, body div#devskin11425564 .col_3, body div#devskin11425564 .col_4, body div#devskin11425564 .col_5, body div#devskin11425564 .col_6, body div#devskin11425564 .col_7, body div#devskin11425564 .col_8, body div#devskin11425564 .col_9, body div#devskin11425564 .col_10, body div#devskin11425564 .col_11, body div#devskin11425564 .col_12 { display:inline; float:left; position:relative; margin-left:1.388%; margin-right:1.388%; } body div#devskin11425564 .col_1 { width:5.5550%; } body div#devskin11425564 .col_2 { width:13.888%; } body div#devskin11425564 .col_3 { width:22.222%; } body div#devskin11425564 .col_4 { width:30.555%; } body div#devskin11425564 .col_5 { width:38.888%; } body div#devskin11425564 .col_6 { width:47.222%; } body div#devskin11425564 .col_7 { width:55.555%; } body div#devskin11425564 .col_8 { width:63.888%; } body div#devskin11425564 .col_9 { width:72.222%; } body div#devskin11425564 .col_10 { width:80.555%; } body div#devskin11425564 .col_11 { width:88.888%; } body div#devskin11425564 .col_12 { width:97.222%; } /* ------------------------------------------------------- COLUMN BEFORE ------------------------------------------------------- */ body div#devskin11425564 .before_1 { padding-left:8.3330%; } body div#devskin11425564 .before_2 { padding-left:16.666%; } body div#devskin11425564 .before_3 { padding-left:25.000%; } body div#devskin11425564 .before_4 { padding-left:33.333%; } body div#devskin11425564 .before_5 { padding-left:41.667%; } body div#devskin11425564 .before_6 { padding-left:50.000%; } body div#devskin11425564 .before_7 { padding-left:58.333%; } body div#devskin11425564 .before_8 { padding-left:66.667%; } body div#devskin11425564 .before_9 { padding-left:75.000%; } body div#devskin11425564 .before_10 { padding-left:83.333%; } body div#devskin11425564 .before_11 { padding-left:91.667%; } /* ------------------------------------------------------- COLUMN AFTER ------------------------------------------------------- */ body div#devskin11425564 .after_1 { padding-right:8.3330%; } body div#devskin11425564 .after_2 { padding-right:16.667%; } body div#devskin11425564 .after_3 { padding-right:25.000%; } body div#devskin11425564 .after_4 { padding-right:33.333%; } body div#devskin11425564 .after_5 { padding-right:41.667%; } body div#devskin11425564 .after_6 { padding-right:50.000%; } body div#devskin11425564 .after_7 { padding-right:58.333%; } body div#devskin11425564 .after_8 { padding-right:66.667%; } body div#devskin11425564 .after_9 { padding-right:75.000%; } body div#devskin11425564 .after_10 { padding-right:83.333%; } body div#devskin11425564 .after_11 { padding-right:91.667%; } /* ------------------------------------------------------- PUSH BEFORE ------------------------------------------------------- */ body div#devskin11425564 .push_1 { margin-left:8.3330%; } body div#devskin11425564 .push_2 { margin-left:16.667%; } body div#devskin11425564 .push_3 { margin-left:25.000%; } body div#devskin11425564 .push_4 { margin-left:33.333%; } body div#devskin11425564 .push_5 { margin-left:41.667%; } body div#devskin11425564 .push_6 { margin-left:50.000%; } body div#devskin11425564 .push_7 { margin-left:58.333%; } body div#devskin11425564 .push_8 { margin-left:66.667%; } body div#devskin11425564 .push_9 { margin-left:75.000%; } body div#devskin11425564 .push_10 { margin-left:83.333%; } body div#devskin11425564 .push_11 { margin-left:91.667%; } /* ------------------------------------------------------- PULL AFTER ------------------------------------------------------- */ body div#devskin11425564 .pull_1 { margin-left:-8.3330%; } body div#devskin11425564 .pull_2 { margin-left:-16.667%; } body div#devskin11425564 .pull_3 { margin-left:-25.000%; } body div#devskin11425564 .pull_4 { margin-left:-33.333%; } body div#devskin11425564 .pull_5 { margin-left:-41.667%; } body div#devskin11425564 .pull_6 { margin-left:-50.000%; } body div#devskin11425564 .pull_7 { margin-left:-58.333%; } body div#devskin11425564 .pull_8 { margin-left:-66.667%; } body div#devskin11425564 .pull_9 { margin-left:-75.000%; } body div#devskin11425564 .pull_10 { margin-left:-83.333%; } body div#devskin11425564 .pull_11 { margin-left:-91.667%; } body div#devskin11425564 .alpha { margin-left:0!important; } body div#devskin11425564 .omega { margin-right:0!important; } /* ------------------------------------------------------- NESTED COLUMNS ------------------------------------------------------- */ body div#devskin11425564 .col_10 .wrap .col_10 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11425564 .col_10 .wrap .col_9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11425564 .col_10 .wrap .col_8 { width:78.168%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11425564 .col_10 .wrap .col_7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11425564 .col_10 .wrap .col_6 { width:58.620%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11425564 .col_10 .wrap .col_3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11425564 .col_9 .wrap .col_8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_7 { width:76.923%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_5 { width:53.846%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_4 { width:42.307%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_9 .wrap .col_2 { width:19.230%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11425564 .col_8 .wrap .col_7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_8 .wrap .col_1 { width:08.695%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11425564 .col_7 .wrap .col_7 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11425564 .col_7 .wrap .col_6 { width:85.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11425564 .col_7 .wrap .col_5 { width:70.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11425564 .col_7 .wrap .col_4 { width:55.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11425564 .col_7 .wrap .col_3 { width:40.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11425564 .col_7 .wrap .col_2 { width:25.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11425564 .col_6 .wrap .col_6 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11425564 .col_6 .wrap .col_5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11425564 .col_6 .wrap .col_4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11425564 .col_6 .wrap .col_3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11425564 .col_6 .wrap .col_2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11425564 .col_5 .wrap .col_5 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11425564 .col_5 .wrap .col_4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11425564 .col_5 .wrap .col_3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11425564 .col_5 .wrap .col_2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11425564 .col_4 .wrap .col_3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin11425564 .col_4 .wrap .col_2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin11425564 .col_3 .wrap .col_2 { width:62.500%; margin-left:6.250%; margin-right:6.250%; } body div#devskin11425564 .col_3 .wrap .col_1 { width:25.000%; margin-left:6.250%; margin-right:6.250%; } /* ------------------------------------------------------- NESTED BEFORE ------------------------------------------------------- */ body div#devskin11425564 .col_10 .wrap .before_1 { padding-left:10.344%; } body div#devskin11425564 .col_9 .wrap .before_1 { padding-left:11.538%; } body div#devskin11425564 .col_8 .wrap .before_2 { padding-left:26.086%; } body div#devskin11425564 .col_8 .wrap .before_1 { padding-left:13.043%; } body div#devskin11425564 .col_8 .wrap .after_1 { padding-right:13.043%; } body div#devskin11425564 .col_8 .wrap .pull_1 { margin-left:-13.043%; } body div#devskin11425564 .col_7 .wrap .after_2 { padding-right:30.000%; } body div#devskin11425564 .col_7 .wrap .before_1 { padding-left:15.000%; } body div#devskin11425564 .col_7 .wrap .before_2 { padding-left:30.000%; } body div#devskin11425564 .col_7 .wrap .after_1 { padding-right:15.000%; } body div#devskin11425564 .col_6 .wrap .before_3 { padding-left:52.941%; } body div#devskin11425564 .col_6 .wrap .before_2 { padding-left:35.294%; } body div#devskin11425564 .col_6 .wrap .before_1 { padding-left:17.647%; } body div#devskin11425564 .col_6 .wrap .after_2 { padding-right:35.294%; } body div#devskin11425564 .col_6 .wrap .after_1 { padding-right:17.647%; } body div#devskin11425564 .col_5 .wrap .before_1 { padding-left:21.428%; } body div#devskin11425564 .col_5 .wrap .before_2 { padding-left:42.857%; } body div#devskin11425564 .col_5 .wrap .before_3 { padding-left:64.285%; } body div#devskin11425564 .col_5 .wrap .after_1 { padding-right:21.428%; } body div#devskin11425564 .col_4 .wrap .before_1 { padding-left:27.272%; } body div#devskin11425564 .col_4 .wrap .before_2 { padding-left:54.545%; } body div#devskin11425564 .col_4 .wrap .after_1 { padding-right:27.272%; } body div#devskin11425564 .col_3 .wrap .after_1 { padding-right:37.500%; } body div#devskin11425564 .col_3 .wrap .before_1 { padding-left:37.500%; } body div#devskin11425564 .clear:before, body div#devskin11425564 .clear:after { content:''; display:table; } body div#devskin11425564 .clear:after { clear:both; } body div#devskin11425564 .clear { clear:both; } /* ------------------------------------------------------- COMMON ------------------------------------------------------- */ body div#devskin11425564 h1, body div#devskin11425564 h2, body div#devskin11425564 h3, body div#devskin11425564 h4 { font-family:'Montserrat', 'Calibre', Sans-Serif; font-weight:700; text-transform:uppercase; line-height:normal; letter-spacing:normal; position:relative; color:#181A1B; margin:0 0 30px 0; z-index:1; } body div#devskin11425564 h1 span.user-symbol, body div#devskin11425564 h2 span.user-symbol, body div#devskin11425564 h3 span.user-symbol, body div#devskin11425564 h4 span.user-symbol { display:none; } body div#devskin11425564 h1 a, body div#devskin11425564 h2 a, body div#devskin11425564 h3 a, body div#devskin11425564 h4 a { color:inherit!important; text-decoration:none; } body div#devskin11425564 h1 { font-size:72px; line-height:72px; margin:0 0 60px; padding:0 0 60px; border-bottom:1px solid #ccc; } body div#devskin11425564 h1 > span, body div#devskin11425564 h2 > span, body div#devskin11425564 h3 > span { display:block; } body div#devskin11425564 h1 span em, body div#devskin11425564 h2 span em, body div#devskin11425564 h3 span em { font:inherit; text-transform:none; } body div#devskin11425564 h1 small, body div#devskin11425564 h2 small, body div#devskin11425564 h3 small, body div#devskin11425564 h4 small { text-transform:none; font-weight:500; display:block; font-size:0.45em; line-height:normal; } body div#devskin11425564 h2 { font-size:60px; line-height:60px; margin:0 0 60px; padding:0 0 60px 0; border-bottom:1px solid #ccc; } body div#devskin11425564 h3 { font-size:36px; line-height:42px; margin:0 0 30px; padding:0 0 30px 0; border-bottom:1px solid #ccc; } body div#devskin11425564 h4 { font-size:24px; line-height:32px; } body div#devskin11425564 p { margin:0 0 30px; padding:0; } body div#devskin11425564 p.large, body div#devskin11425564 li.large { font-weight:400; font-size:24px; line-height:32px; } body div#devskin11425564 p.small, body div#devskin11425564 li.small { font-size:14px; line-height:21px; } body div#devskin11425564 p.x-large, body div#devskin11425564 li.x-large { font-family:'Montserrat', Calibre, Sans-Serif; font-weight:700; text-transform:uppercase; font-size:24px; line-height:32px; padding:30px 0; margin:0px 0 30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } body div#devskin11425564 sup { line-height:1; } body div#devskin11425564 blockquote { position:relative; margin:0 0 0 30px; padding:0 0 0 30px; border-left:1px solid #ccc; } body div#devskin11425564 blockquote::before { content:''; position:absolute; top:0; left:-11px; width:24px; height:41px; background:#fff url(https://www.da-files.com/artnetwork/default/icon-quote_open.svg?3) 0 0/contain no-repeat; z-index:2; } body div#devskin11425564 blockquote::after { content:''; position:absolute; top:0; left:-1px; width:1px; height:33px; background:#05CC47; z-index:1; } body div#devskin11425564 blockquote .credit, body div#devskin11425564 blockquote .author { font-family:'Arial', Sans-Serif; display:block; font-style:normal; font-size:12px; margin-top:5px; margin-bottom:30px!important; } body div#devskin11425564 blockquote .credit span:not(.username-with-symbol), body div#devskin11425564 blockquote .author span:not(.username-with-symbol) { font-weight:300; } body div#devskin11425564 blockquote .credit span, body div#devskin11425564 blockquote .credit span.user-symbol, body div#devskin11425564 blockquote .author span, body div#devskin11425564 blockquote .author span.user-symbol { font-weight:800; color:inherit; } body div#devskin11425564 blockquote .credit a, body div#devskin11425564 blockquote .author a { color:inherit; text-decoration:none; font-weight:inherit; } body div#devskin11425564 blockquote .credit .avatar, body div#devskin11425564 blockquote .author .avatar { width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; float:left; margin:-5px 10px 0 0; } body div#devskin11425564 .text a, body div#devskin11425564 a, body div#devskin11425564 a::before, body div#devskin11425564 a::after { transition:all 0.15s linear; -moz-transition:all 0.15s linear; -webkit-transition:all 0.15s linear; -ms-transition:all 0.15s linear; -o-transition:all 0.15s linear; } body div#devskin11425564 div a, body div#devskin11425564 p a, body div#devskin11425564 li a { position:relative; color:#367F7A; font-weight:bold; text-decoration:underline; z-index:1; } body div#devskin11425564 p a, body div#devskin11425564 li a { text-decoration:underline!important; } body div#devskin11425564 p a:hover, body div#devskin11425564 li a:hover { color:#40CEC6; } body div#devskin11425564 a[target*='self'] { border-bottom:none; } body div#devskin11425564 .text a.discoverytag { font-family:inherit; } body div#devskin11425564 hr { margin:0; display:block; border:none; height:1px; width:100%; background:#ccc; } body div#devskin11425564 .links { position:absolute; z-index:99; top:0; right:0; left:0; padding:15px 30px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.28); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:right; z-index:3; } body div#devskin11425564 .links .title { float:left; position:relative; top:5px; } body div#devskin11425564 .links a, body div#devskin11425564 .social { display:inline-block; font-weight:400; font:bold 11px/18px Arial, Calibre, Sans-Serif; text-transform:uppercase; text-decoration:none; color:#fff; } body div#devskin11425564 .links > span { font-weight:100; font-size:12px; display:inline-block; line-height:20px; margin:0 20px; opacity:0; filter:alpha(opacity=0); _zoom:1; } body div#devskin11425564 .links a:hover, body div#devskin11425564 .links .social:hover { color:#40CfC7; text-decoration:none; } body div#devskin11425564 .social { position:relative; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; } body div#devskin11425564 .social::before { content:''; position:absolute; left:-22px; top:1px; width:16px; height:16px; background:url(https://www.da-files.com/artnetwork/default/icon_share-white.svg) 0 0 no-repeat; opacity:1; filter:alpha(opacity=100); _zoom:1; background-size:auto 16px; cursor:default; } body div#devskin11425564 .social .widgets { position:absolute; left:50%; top:3em; width:100px; background:#000; padding:5px; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0; filter:alpha(opacity=0); _zoom:1; transform:scale(0.9) translate(-50%,0); -moz-transform:scale(0.9) translate(-50%,0); -webkit-transform:scale(0.9) translate(-50%,0); -ms-transform:scale(0.9) translate(-50%,0); -o-transform:scale(0.9) translate(-50%,0); transition:all 0.2s ease-in-out 3s; -moz-transition:all 0.2s ease-in-out 3s; -webkit-transition:all 0.2s ease-in-out 3s; -ms-transition:all 0.2s ease-in-out 3s; -o-transition:all 0.2s ease-in-out 3s; } body div#devskin11425564 .social .widgets::before { content:''; position:absolute; top:-20px; left:50%; margin-left:-10px; border-width:10px; border-style:solid; border-color:transparent transparent #fff transparent; width:0; height:0; } body div#devskin11425564 .social:hover .widgets { top:3.1em; transform:scale(1) translate(-50%,0); -moz-transform:scale(1) translate(-50%,0); -webkit-transform:scale(1) translate(-50%,0); -ms-transform:scale(1) translate(-50%,0); -o-transform:scale(1) translate(-50%,0); transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11425564 .social div[class*='social'] { width:100px; letter-spacing:normal; margin-bottom:3px; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:6px; height:34px; } body div#devskin11425564 .social-twitter { margin-top:1px!important; } body div#devskin11425564 .social-fb { margin-left:-3px!important; } body div#devskin11425564 .social-gp { margin-bottom:0!important; } body div#devskin11425564 .align-right { text-align:right; } body div#devskin11425564 .align-left { text-align:left; } body div#devskin11425564 .align-center { text-align:center; } body div#devskin11425564 span.user-symbol { font-size:.6em; vertical-align:inherit; position:relative; top:-1px; } body div#devskin11425564 span.dropcaps { font:700 94px/66px 'Montserrat', Calibre, Sans-Serif; float:left; position:relative; height:.75em; margin:0 5px 0 0; color:#242627; } body div#devskin11425564 p.large span.dropcaps { font-size:112px; line-height:82px; } body div#devskin11425564 span.dropcaps img { position:absolute; left:-0.2em; top:0.075em; } body div#devskin11425564 .align-left { text-align:left; } body div#devskin11425564 .align-center { text-align:center; } body div#devskin11425564 .align-right { text-align:right; } body div#devskin11425564 .padding-t30 { padding-top:30px; } body div#devskin11425564 .padding-b30 { padding-bottom:30px; } body div#devskin11425564 .padding-t60 { padding-top:60px; } body div#devskin11425564 .padding-b60 { padding-bottom:60px; } body div#devskin11425564 div.zero-m { margin:0!important; } body div#devskin11425564 div.zero-p { padding:0!important; } body div#devskin11425564 p.large span { display:inline-block; } body div#devskin11425564 .paper p span { display:block; } body div#devskin11425564 .zeitgeist { position:relative; z-index:1; } body div#devskin11425564 span.avatar { line-height:50px; height:50px; margin:0 15px 15px 0; float:left; display:inline-block; vertical-align:middle; position:relative; float:left; z-index:3; } body div#devskin11425564 span.avatar img.avatar { border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } body div#devskin11425564 h4 span.avatar { height:35px; line-height:35px; } body div#devskin11425564 h4 span.avatar img.avatar { height:35px; width:35px; } /* ------------------------------------------------------- HEADER ------------------------------------------------------- */ body div#devskin11425564 .header { background:#000; color:#fff; position:relative; padding:0; margin:0; overflow:hidden; z-index:1; } body div#devskin11425564 .header::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=30); _zoom:1; z-index:1; } body div#devskin11425564 .header::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-ffffff.svg) 100% 100%/contain no-repeat; position:absolute; bottom:-5px; right:-5px; width:10%; height:100%; z-index:2; } body div#devskin11425564 .header .copy { position:absolute; margin:0 1.388%; left:0; bottom:120px; width:80%; z-index:1; } body div#devskin11425564 .header .banner img { width:25%; } /* ------------------------------------------------------- HEADER BACKGROUND IMAGE ------------------------------------------------------- */ body div#devskin11425564 .header .background { position:relative; line-height:0; } body div#devskin11425564 .header .background img { width:100%; max-width:100%; vertical-align:bottom; } body div#devskin11425564 .header h1 { color:#FFF; margin:0 0 10px; padding:0; border-bottom:none; word-wrap:break-word; } body div#devskin11425564 .header h1 a { font-weight:700; display:block; position:relative; text-shadow:0 0 50px transparent; text-decoration:none; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } body div#devskin11425564 .header h1 a:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; text-shadow:0 0 0 #fff; } body div#devskin11425564 .header h1 img { vertical-align:bottom; display:inline-block; max-width:100%; } body div#devskin11425564 .header h1 a span { display:block; } body div#devskin11425564 .author { color:inherit; text-transform:uppercase; font-weight:bold; font-size:11px; line-height:16px; } body div#devskin11425564 .author a { color:inherit; font:inherit; text-decoration:none; } body div#devskin11425564 .author.invert { color:#242627; } body div#devskin11425564 .author span.user-symbol a { display:none; } body div#devskin11425564 span[class*='user'] a:hover { color:#40CfC7; } body div#devskin11425564 .header .credit::before { content:'Artist: '; } body div#devskin11425564 .header .credit { color:#f2f2f2; font-weight:bold; text-transform:uppercase; font-size:11px; margin-top:10px; line-height:16px; transition:all 0.25s linear; -moz-transition:all 0.25s linear; -webkit-transition:all 0.25s linear; -ms-transition:all 0.25s linear; -o-transition:all 0.25s linear; } body div#devskin11425564 .header .credit a { color:inherit; text-decoration:none; font-weight:bold; } body div#devskin11425564 .header .credit a:hover { color:#40CfC7; } body div#devskin11425564 .header .credit em { font-style:normal; } body div#devskin11425564 .header .credit:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11425564 .header .credit.invert { color:#242627; } /* ------------------------------------------------------- ESSAY ------------------------------------------------------- */ body div#devskin11425564 .essay { padding:120px 0 60px; position:relative; } body div#devskin11425564 .essay .author { font:bold 12px/18px 'Arial', sans-serif; margin:0 0 5px; } body div#devskin11425564 .essay .author a { color:inherit; font:inherit; text-decoration:none !important; } body div#devskin11425564 .essay p:not(.large):not(.x-large), body div#devskin11425564 .essay li p:not(.large):not(.x-large) { color:#505254; } body div#devskin11425564 .essay p em { color:#000; } body div#devskin11425564 .essay .gallery { background:none; color:inherit; padding:0; } body div#devskin11425564 .essay .gallery::before, body div#devskin11425564 .essay .gallery::after { display:none; } body div#devskin11425564 .guides { position:relative; padding:0 15%; padding-bottom:30px; } body div#devskin11425564 .guides::before, body div#devskin11425564 .guides::after { content:''; position:absolute; left:0; top:-100%; bottom:-100%; background:#ccc; width:1px; } body div#devskin11425564 .guides::after { left:inherit; right:0; } body div#devskin11425564 .essay .guides.left { padding:0 0 30px 10%; } body div#devskin11425564 .essay .guides.left::after { display:none; } body div#devskin11425564 .essay .guides.right { padding:0 10% 30px 0; } body div#devskin11425564 .essay .guides.right::before { display:none; } body div#devskin11425564 .essay ol, body div#devskin11425564 .essay ul { margin:0 0 30px; } body div#devskin11425564 .essay ol li { font-weight:700; } body div#devskin11425564 .essay ol li p { font-weight:400; } body div#devskin11425564 .essay strong { font-weight:700; color:#000; } body div#devskin11425564 .essay .image { font-size:0.777em; } body div#devskin11425564 .essay .col_12 .image.right { float:right; max-width:55%; margin:0 0 0 5%; font-size:0.777em; } body div#devskin11425564 .essay .col_9 .image.left { float:left; margin:0 3.846% 30px 0; max-width:45%; } body div#devskin11425564 .essay .col_9 .image.right { float:right; margin:0 0 30px 3.846%; max-width:45%; } body div#devskin11425564 .essay .col_8 .image.right { float:right; margin:0 0 30px 3.846%; max-width:35%; } body div#devskin11425564 .essay .col_8 .image.left { float:left; margin:0 3.846% 30px 0; max-width:35%; } body div#devskin11425564 .essay .col_7 .image.left { float:left; margin:0 5% 30px 0; max-width:55%; } body div#devskin11425564 .essay .col_7 .image.right { float:right; margin:0 -30% 30px 5%; max-width:55%; } body div#devskin11425564 .essay .col_6 .image.left { float:left; margin:0 5% 30px 0; max-width:45%; } body div#devskin11425564 .essay .col_6 .image.right { float:right; margin:0 0 30px 5%; max-width:45%; } body div#devskin11425564 a.button { font-size:0.777em; text-transform:uppercase; display:inline-block; position:relative; padding:10px 15px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #05CC47; margin:0 0 15px; text-decoration:none; background:#05CC47; color:#FFF; } body div#devskin11425564 a.button:hover { background:none; color:#05cc47; } body div#devskin11425564 a.button.selected { background:#05CC47; color:#FFF; border:1px solid #05CC47; position:relative; } /* ------------------------------------------------------- GALLERY ------------------------------------------------------- */ body div#devskin11425564 .gallery { background:#181A1B; color:#f2f2f2; position:relative; padding:200px 0 0; margin:0; } body div#devskin11425564 .gallery::after { content:''; position:absolute; top:0; left:0; right:0; clear:both; margin:0; height:90px; width:100%; background:url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 0/16px auto repeat; border:none; display:block; z-index:1; border-bottom:1px solid #05CC47; } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery .wrap:last-of-type { padding-bottom:1.3888% !important; } } body div#devskin11425564 .gallery blockquote { margin-bottom:90px; margin-top:60px; border-color:#05CC47; } body div#devskin11425564 .gallery .credit { color:#7D8080; } @media only screen and (max-width: 1023px) { body div#devskin11425564 .gallery .image .credit { display:none; } } body div#devskin11425564 .gallery blockquote::before { background-color:#181A1B; } body div#devskin11425564 .gallery h2 { margin-bottom:70px; color:#fff; border-color:#333; } body div#devskin11425564 .gallery .paper { background:#000; color:#ccc; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:1px solid #222; } body div#devskin11425564 .gallery .paper h1, body div#devskin11425564 .gallery .paper h2, body div#devskin11425564 .gallery .paper h3, body div#devskin11425564 .gallery .paper h4 { color:#fff; } body div#devskin11425564 .gallery .image { text-align:center; } body div#devskin11425564 .image { margin:0 0 30px; text-align:center; position:relative; z-index:2; } body div#devskin11425564 .image img { display:inline-block; vertical-align:bottom; max-width:100%; width:100%; } body div#devskin11425564 .image > a { position:relative; display:block; z-index:1; } body div#devskin11425564 .image a:hover { color:#40CEC6!important; } body div#devskin11425564 .image .credit { position:absolute; padding:20px 0; bottom:0; left:30px; right:30px; color:#181A1B; text-transform:uppercase; font-weight:bold; font-size:12px; line-height:14px; text-align:left; z-index:1; } body div#devskin11425564 .image:hover .credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11425564 .image .credit::before { content:''; background:rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, .8) 80%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, .8) 80%); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, .8) 80%); position:absolute; padding:20px 0; top:0; bottom:0; left:-30px; right:-30px; color:#FFF; font-size:12px; line-height:18px; text-align:left; z-index:-1; } body div#devskin11425564 .image .credit.invert::before { background:rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, .8) 80%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, .8) 80%); background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, .8) 80%); } body div#devskin11425564 .image .credit > a { border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:8px; margin-bottom:6px; display:block; color:#f2f2f2; text-transform:uppercase; font-weight:bold; text-decoration:none; } body div#devskin11425564 .image .credit.invert > a { color:#181A1B; } body div#devskin11425564 .image .credit.invert > a { border-color:rgba(0,0,0,0.1); } body div#devskin11425564 .image .credit em { font-style:normal; font-weight:normal; text-transform:none; display:block; color:#7D7F7F; } body div#devskin11425564 .image .credit em a { color:inherit; font:inherit!important; } body div#devskin11425564 .col_2 .image .credit, body div#devskin11425564 .image .credit.detach { background:none; position:relative; padding:8px 0 0; bottom:0; left:0; right:0; text-align:center; font-size:10px; z-index:1; } body div#devskin11425564 .col_2 .image .credit > a, body div#devskin11425564 .image .credit.detach > a { border:none; margin:0; padding:0; color:#000; } body div#devskin11425564 .col_2 .image .credit::before, body div#devskin11425564 .image .credit.detach::before { display:none; } body div#devskin11425564 .gallery .col_2 .image .credit > a, body div#devskin11425564 .gallery .image .credit.detach > a { color:#7D8080; } body div#devskin11425564 .gallery .col_2 .image .credit > em, body div#devskin11425564 .gallery .image .credit.detach > em { color:#4F5254; } /* ------------------------------------------------------- LARGE BACKGROUND IMAGES ------------------------------------------------------- */ body div#devskin11425564 .image.large { background:#000; position:relative; z-index:1; } body div#devskin11425564 .image.large:last-of-type { margin-bottom:0; } body div#devskin11425564 div.group { margin:30px 0 60px; } body div#devskin11425564 div.group:last-of-type, body div#devskin11425564 div.group .image.large, body div#devskin11425564 div.group .image.large:last-of-type { margin:0; } body div#devskin11425564 .zeitgeist-02 .image-large.img-3 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/time-traveling-while-you-sleep/02-img-3.jpg); } body div#devskin11425564 .zeitgeist-02 .image-large.img-5 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/time-traveling-while-you-sleep/02-img-5.jpg); } body div#devskin11425564 .zeitgeist-02 .image-large.img-9 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/time-traveling-while-you-sleep/02-img-9.jpg?1); } body div#devskin11425564 .zeitgeist-03 .image-large.img-6 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/nanotechnology-of-abundance/03-img-6.jpg); } body div#devskin11425564 .zeitgeist-03 .image-large.img-7 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/nanotechnology-of-abundance/03-img-7.jpg); } body div#devskin11425564 .zeitgeist-03 .image-large.img-1 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/nanotechnology-of-abundance/03-img-1.jpg); } body div#devskin11425564 .zeitgeist-05 .image-large.img-8 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/rules-for-artificial-intellige/05-img-8.jpg?2); } body div#devskin11425564 .zeitgeist-05 .image-large.img-1 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/rules-for-artificial-intellige/05-img-1.jpg); } body div#devskin11425564 .zeitgeist-05 .image-large.img-13 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/rules-for-artificial-intellige/05-img-13.jpg); } body div#devskin11425564 .zeitgeist-05 .image-large.img-14 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/rules-for-artificial-intellige/05-img-14.jpg); } body div#devskin11425564 .zeitgeist-12 .image-large.img-01 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/one-way-trip-to-mars/12-img-01.jpg); } body div#devskin11425564 .zeitgeist-12 .image-large.img-05 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/one-way-trip-to-mars/12-img-05.jpg); } body div#devskin11425564 .zeitgeist-12 .image-large.img-09 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/one-way-trip-to-mars/12-img-09.jpg); } body div#devskin11425564 .zeitgeist-13 .image-large.img-10 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/the-intelligence-of-plants/13-img-10.jpg); } body div#devskin11425564 .zeitgeist-13 .image-large.img-05 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/the-intelligence-of-plants/13-img-05.jpg); } body div#devskin11425564 .zeitgeist-13 .image-large.img-13 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/the-intelligence-of-plants/13-img-13.jpg); } body div#devskin11425564 .zeitgeist-14 .image-large.img-01 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/how-to-time-travel-with-music/14-img-01.jpg); } body div#devskin11425564 .zeitgeist-14 .image-large.img-10 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/how-to-time-travel-with-music/14-img-10.jpg); } body div#devskin11425564 .zeitgeist-14 .image-large.img-09 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/how-to-time-travel-with-music/14-img-09.jpg); background-position:0 20%; } body div#devskin11425564 .zeitgeist-15 .image-large.img-11 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/james-joyce-in-space/15-img-11.jpg); } body div#devskin11425564 .zeitgeist-15 .image-large.img-04 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/james-joyce-in-space/15-img-04.jpg); } body div#devskin11425564 .zeitgeist-16 .image-large.img-02 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/tom-sawyer-and-time-travel/16-img-02.jpg); } body div#devskin11425564 .zeitgeist-16 .image-large.img-05 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/tom-sawyer-and-time-travel/16-img-05.jpg); } body div#devskin11425564 .zeitgeist-16 .image-large.img-14 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/tom-sawyer-and-time-travel/16-img-14.jpg); } body div#devskin11425564 .zeitgeist-17 .image-large.img-01 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/our-wearable-tech-future/17-img-01.jpg); } body div#devskin11425564 .zeitgeist-19 .image-large.img-01 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/write-a-letter-time-traveler/19-img-01.jpg); } body div#devskin11425564 .zeitgeist-19 .image-large.img-06 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/write-a-letter-time-traveler/19-img-06.jpg); background-position:0 30%; } body div#devskin11425564 .zeitgeist-19 .image-large.img-11 { background-image:url(https://www.da-files.com/artnetwork/zeitgeist/write-a-letter-time-traveler/19-img-11.jpg); } /* ------------------------------------------------------- SIDEBAR COL_2 ------------------------------------------------------- */ body div#devskin11425564 .sidebar { color:#505254; font-size:12px; line-height:16px; } body div#devskin11425564 .sidebar h1, body div#devskin11425564 .sidebar h2, body div#devskin11425564 .sidebar h3, body div#devskin11425564 .sidebar h4 { font-size:16px; line-height:22px; padding:0 0 15px 0; margin:0 0 15px; } body div#devskin11425564 .sidebar strong { color:#222; } body div#devskin11425564 .sidebar .image .credit { font-size:12px; line-height:16px; } body div#devskin11425564 .sidebar .image .credit em { font-size:1em; } body div#devskin11425564 .sidebar blockquote { margin:0; padding:30px 0 0; border:none; color:#666; } body div#devskin11425564 .sidebar blockquote::before { content:''; position:absolute; top:0; left:0; width:16px; height:17px; background:url(https://www.da-files.com/artnetwork/default/icon-quote_open.svg?3) 0 0/16px auto no-repeat; } body div#devskin11425564 .sidebar blockquote::after { display:none; } body div#devskin11425564 .sidebar p { margin:0 0 15px; } body div#devskin11425564 .sidebar a.button { padding:10px 10px; margin:0 0 6px; } body div#devskin11425564 .sidebar .avatar { width:16px; height:16px; vertical-align:middle; } body div#devskin11425564 span.shadow { padding:0; display:block; text-align:left; background:none; position:relative; } body div#devskin11425564 .type span.shadow::before { position:absolute; top:0; right:0; left:0; background:rgb(24, 26, 27); background:rgba(24, 26, 27, 0.53); padding:5px 10px; color:#FFF; font:11px Arial, Sans-Serif; text-transform:uppercase; z-index:2; text-align:right; transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; } body div#devskin11425564 .type.feature span.shadow::before { content:'Feature'; } body div#devskin11425564 .type.zeitgeist span.shadow::before { content:'Zeitgeist'; } body div#devskin11425564 .type.challenge span.shadow::before { content:'Challenge'; } body div#devskin11425564 .type.collection span.shadow::before { content:'Collection'; } body div#devskin11425564 span.shadow a.lit { display:block; position:relative !important; width:100%; height:auto; margin:0 0 30px; padding:0 0 30px; text-align:left; text-decoration:none !important; color:inherit; border:none; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } body div#devskin11425564 a.lit img.lit { display:none; } body div#devskin11425564 a.lit span.wrap { width:100%!important; display:block; } body div#devskin11425564 a.lit q { min-height:0; padding:0; top:0!important; right:0; left:0; display:block; position:relative; line-height:0; font-size:0; text-indent:-9999em; font-family:Arial, Sans-serif; cursor:pointer; } body div#devskin11425564 a.lit q *, body div#devskin11425564 a.lit q::before { display:none; } body div#devskin11425564 a.lit q > strong:first-child { font:bold 12px/18px 'Arial', sans-serif; text-indent:0; letter-spacing:normal; z-index:1; display:block; position:absolute; top:100%; left:0; right:0; margin:0; padding:5px 0; white-space:nowrap; overflow:hidden; z-index:1; transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; } body div#devskin11425564 a.lit q > strong:first-child::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgb(242, 242, 242); background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 70%,rgba(242,242,242,1) 100%); background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 70%,rgba(242,242,242,1) 100%); background:linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 70%,rgba(242,242,242,1) 100%); z-index:1; } body div#devskin11425564 a.lit:hover q > strong:first-child { color:#34807A; } body div#devskin11425564 .type span.shadow:hover::before { color:#40CfC7; } body div#devskin11425564 a.thumb.lit q img { width:100%; display:block; } /* ------------------------------------------------------- TRENCHES ------------------------------------------------------- */ body div#devskin11425564 .trenches { padding:190px 0 60px; margin:0; position:relative; background:#181A1B; color:#f2f2f2; overflow:hidden; } body div#devskin11425564 .trenches::before { content:''; position:absolute; top:0; left:0; right:0; clear:both; margin:0; height:90px; width:100%; background:url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 0/16px auto repeat; border:none; display:block; border-bottom:1px solid #05CC47; z-index:1; } body div#devskin11425564 .trenches .guides { padding-bottom:0; padding-left:60px; padding-right:60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin11425564 .trenches .guides::before, body div#devskin11425564 .trenches .guides::after { display:none; } body div#devskin11425564 .trenches h1, body div#devskin11425564 .trenches h2, body div#devskin11425564 .trenches h3, body div#devskin11425564 .trenches h4 { color:#fff; border-color:#333; } body div#devskin11425564 .trenches h1::before, body div#devskin11425564 .trenches h2::before, body div#devskin11425564 .trenches h3::before, body div#devskin11425564 .trenches h4::before { color:#333; } body div#devskin11425564 .trenches li { font-family:'Montserrat', 'Calibre', Sans-Serif; color:#05CC47; } body div#devskin11425564 .trenches.questions li { border-bottom:1px dashed #444; padding:0 0 30px; margin:0 0 30px; } body div#devskin11425564 .trenches.questions li ul li { list-style:lower-alpha; border-bottom:none; padding:0; margin-bottom:0; } body div#devskin11425564 .trenches.questions li:last-of-type { border:none; margin:0; padding:0; } body div#devskin11425564 .trenches li p, body div#devskin11425564 .trenches li span { color:#fff; font-family:Arial; font-weight:normal; } body div#devskin11425564 .trenches.questions li p { margin:0; } body div#devskin11425564 .trenches hr, body div#devskin11425564 .gallery hr { background:#333; } body div#devskin11425564 .trenches blockquote::before { background-color:#181A1B; } body div#devskin11425564 .trenches .guides::before, body div#devskin11425564 .trenches .guides::after { background:#333; bottom:-300px; } body div#devskin11425564 .trenches .sidebar * { color:#666; } body div#devskin11425564 .trenches .sidebar h1, body div#devskin11425564 .trenches .sidebar h2, body div#devskin11425564 .trenches .sidebar h3, body div#devskin11425564 .trenches .sidebar h4, body div#devskin11425564 .trenches .sidebar strong { color:#FFF; } body div#devskin11425564 .trenches .sidebar blockquote { color:#666; } body div#devskin11425564 .trenches .sidebar a.button { color:#fff; border-color:#333; } /* ------------------------------------------------------- TRENCHES ESSAY - CUSTOM ------------------------------------------------------- */ body div#devskin11425564 .trenches.essay p:not(.large):not(.x-large) { color:#f2f2f2; } body div#devskin11425564 .trenches.essay p.x-large { border-top:1px solid #333; border-bottom:1px solid #333; } body div#devskin11425564 .trenches.essay span.dropcaps { color:#fff; } body div#devskin11425564 .trenches.essay strong { color:#fff; } body div#devskin11425564 .trenches.essay .image .credit a { border-bottom:1px solid #333; } body div#devskin11425564 .trenches.essay .image .credit em a { border-bottom:none; } body div#devskin11425564 .trenches.essay blockquote { border-left:1px solid #333; } body div#devskin11425564 .trenches.essay blockquote .credit { color:#7D7F7F; } body div#devskin11425564 .trenches.essay p a, body div#devskin11425564 .trenches.essay li a { color:#40CEC6; } body div#devskin11425564 .trenches.essay p a:hover, body div#devskin11425564 .trenches.essay li a:hover { color:#367F7A; } body div#devskin11425564 .trenches.essay h1, body div#devskin11425564 .trenches.essay h2, body div#devskin11425564 .trenches.essay h3, body div#devskin11425564 .trenches.essay h4 { color:#05CC47; border-color:#333; } /* ------------------------------------------------------- PAPER ------------------------------------------------------- */ body div#devskin11425564 .paper { background:#f2f2f2; color:#666; padding:90px 90px 60px; margin:0 0 90px 0; box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); position:relative; z-index:1; } body div#devskin11425564 .paper.note { background:#ffffab; color:#000; box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); } body div#devskin11425564 .paper h2 { line-height:75px!important; margin-bottom:15px; } body div#devskin11425564 .paper h4 { margin-bottom:0; } body div#devskin11425564 .paper p ~ span { display:block; } body div#devskin11425564 .paper::before { content:''; display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:url(https://www.da-files.com/artnetwork/default/bg-rule_blue.gif) 0 0 repeat; z-index:-1; opacity:0.10; filter:alpha(opacity=10); _zoom:1; } body div#devskin11425564 .paper.note::before { opacity:.15; filter:alpha(opacity=15); _zoom:1; } body div#devskin11425564 .paper::after { content:''; position:absolute; top:0; left:30px; bottom:0; width:1px; background:#F1580A; z-index:-1; } body div#devskin11425564 .paper .author { color:#000; font-size:0.777em; } body div#devskin11425564 .paper li { font-weight:700; font-size:1em; border:none; margin:0; padding:0; } body div#devskin11425564 .paper h1, body div#devskin11425564 .paper h2, body div#devskin11425564 .paper h3, body div#devskin11425564 .paper h4, body div#devskin11425564 .paper strong, body div#devskin11425564 .paper .x-large, body div#devskin11425564 .paper .large { color:#000; } body div#devskin11425564 .trenches .paper li p { color:#666; font-weight:400; } body div#devskin11425564 .paper .title { margin:0 0 30px; } body div#devskin11425564 .paper .title * { margin:0; } body div#devskin11425564 .icon_phone { position:relative; } body div#devskin11425564 .icon_phone::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/60px auto no-repeat; } body div#devskin11425564 h2.icon_phone { padding-left:70px; } body div#devskin11425564 h2.icon_phone::before { background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/60px auto no-repeat; } body div#devskin11425564 h3.icon_phone { padding-left:40px; } body div#devskin11425564 h3.icon_phone::before { background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/30px auto no-repeat; } /* ------------------------------------------------------- BOTTOM ------------------------------------------------------- */ body div#devskin11425564 .bottom { border-top:1px solid #333; background:#181A1B; margin:0; padding:60px 30px; z-index:2; max-height:140px; text-align:center; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin11425564 .bottom a.commentslink { color:#4F5254; text-transform:uppercase; font:bold 12px/18px 'Arial', Sans-serif; display:inline-block; text-decoration:none; position:relative; padding:0; margin:0; transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; } body div#devskin11425564 .bottom a.commentslink:hover { color:#40CEC6; } body div#devskin11425564 .gr-body .bottom .prevlink, body div#devskin11425564 .previous { display:none; } /* ------------------------------------------------------- MISC ------------------------------------------------------- */ body div#devskin11425564 .gr-body { overflow:hidden; } body div#devskin11425564 .ogpreview, body div#devskin11425564 .depthradius, body div#devskin11425564 .hide { display:none; } @media only screen and (max-width: 767px) { body div#devskin11425564 .hide-mobile { display:none!important; } } body div#devskin11425564 i.gr1, body div#devskin11425564 i.gr1 i, body div#devskin11425564 i.gr2, body div#devskin11425564 i.gr2 i, body div#devskin11425564 i.gr3, body div#devskin11425564 .gr-top { display:none; } body div#devskin11425564 .gr-body { background:transparent; border:0!important; position:static; overflow:visible; } body div#devskin11425564 .gr-body .grf-indent { background:transparent; margin:auto; text-align:center; padding:0; } body div#devskin11425564 .gr-body .gr { border:0!important; position:static; background:none; } body div#devskin11425564 a.external::after, body div#devskin11425564 a.external { font-style:normal; display:none; display:inline; } body div#devskin11425564 a.external:after { display:none; } body div#devskin11425564 span[class*='user'] a { display:inline!important; white-space:normal; text-decoration:none; } body div#devskin11425564 span[class*='user'] *:hover { color:inherit; } body div#devskin11425564 span.user-symbol { } body div#devskin11425564 .text { padding:0; position:relative; text-align:left; } body div#devskin11425564 .text br { display:none; } body div#devskin11425564 .list { height:0; width:0; clear:both; visibility:hidden; } @media only screen and (max-width: 767px) { body div#devskin11425564 .wrap { width:auto; display:block; padding:0 5%; max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .wrap.wide { max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .push_1, body div#devskin11425564 .push_2, body div#devskin11425564 .push_3, body div#devskin11425564 .push_4, body div#devskin11425564 .push_5, body div#devskin11425564 .push_6 .push_7, body div#devskin11425564 .push_8, body div#devskin11425564 .push_9, body div#devskin11425564 .push_10, body div#devskin11425564 .push_11, body div#devskin11425564 .pull_1, body div#devskin11425564 .pull_2, body div#devskin11425564 .pull_3, body div#devskin11425564 .pull_4, body div#devskin11425564 .pull_5, body div#devskin11425564 .pull_6, body div#devskin11425564 .pull_7, body div#devskin11425564 .pull_8, body div#devskin11425564 .pull_9, body div#devskin11425564 .pull_10, body div#devskin11425564 .pull_11 { left:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .wrap .wrap { padding:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image { padding:0; top:0; right:0; bottom:0; left:0; max-width:100%; width:100%; float:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gr-box { font-size:16px; line-height:24px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .depthradius, body div#devskin11425564 .links { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .social .widgets { left:-50%; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .social::before { top:1px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .social-fb { margin-top:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .links > span, body div#devskin11425564 .links a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text h1, body div#devskin11425564 .text h2, body div#devskin11425564 .text h3, body div#devskin11425564 .text h4, body div#devskin11425564 .text h5 { font-family:'Calibre', 'Montserrat', Sans-Serif; margin-bottom:15px; font-weight:bold!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text h1 { font:700 36px/36px 'Calibre', 'Montserrat' Sans-Serif; color:#fff; margin:0 0 15px; padding:0 0 15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text h2 { font:700 24px/28px 'Calibre', 'Montserrat' Sans-Serif; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text h3 { font:700 24px/30px 'Calibre', 'Montserrat' Sans-Serif; padding:0; margin-bottom:15px; padding-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text h4 { font-size:16px; line-height:24px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 h1 small, body div#devskin11425564 h2 small, body div#devskin11425564 h3 small, body div#devskin11425564 h4 small { line-height:normal; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text p { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 h2::before { top:1px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 blockquote { margin:0 0 0 30px; padding:0 0 0 15px; clear:left; } } @media only screen and (max-width: 767px) { body div#devskin11425564 blockquote::before { left:-30px; width:15px; background-size:contain; } } @media only screen and (max-width: 767px) { body div#devskin11425564 span.dropcaps { font-size:76px; line-height:60px; height:60px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .guides::before, body div#devskin11425564 .guides::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text p.large { font:400 21px/25px 'Calibre', 'Montserrat'; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text p.x-large { font:600 24px/30px 'Calibre', 'Montserrat'; margin:0 0 20px 0; padding:0 0 20px; border-top:none; text-transform:none; border-bottom-color:#CCC; } } @media only screen and (max-width: 767px) { body div#devskin11425564 a.button.selected::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 iframe.daembed { height:252px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .padding-t30 { padding-top:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .padding-b30 { padding-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .padding-t60 { padding-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .padding-b60 { padding-bottom:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 span.avatar { line-height:30px; height:30px; margin:0 6px 15px 0; float:left; display:inline-block; vertical-align:middle; position:relative; z-index:3; width:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 span.avatar img { width:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 h4 span.avatar { height:30px; line-height:30px; position:relative; top:-5px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 h4 span.avatar img.avatar { height:30px; width:30px; } } /* ------- HEADER ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .header { padding:0; margin:0; overflow:hidden; background:#fff; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header::before, body div#devskin11425564 .header::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .credit { margin:0; font-size:10px; color:#7D7F7F!important; line-height:16px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .credit > a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .credit a { font-weight:inherit; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .wrap { position:relative; } } @media only screen and (max-width: 1023px) { body div#devskin11425564 .header .copy { margin:0 5.552%; bottom:60px; width:80%; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .copy { position:relative; margin:30px 0 5px; left:0; bottom:0; width:100%; z-index:1; border-bottom:1px solid #CCC; padding-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .credit::before { content:'Header Artist '; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .background { position:relative; line-height:0; z-index:0; top:0; bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .background::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-ffffff.svg) 100% 100%/contain no-repeat; position:absolute; bottom:-5px; right:-5px; width:15%; height:100%; z-index:2; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .header .background img { width:100%; vertical-align:bottom; display:block; max-width:none; } } @media only screen and (max-width: 1023px) { body div#devskin11425564 .text .header h1 { font-size:60px; line-height:60px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text .header h1 { font-size:36px; line-height:36px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text .header h1 { color:#000; border:none; margin:0 0 5px; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text .header h1 a { font-weight:bold; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .text .header .author { font-size:10px; color:#7D7F7F; font-family:Arial; line-height:16px; } } /* ------- ESSAY ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .essay { padding:15px 0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .before_1, body div#devskin11425564 .essay .before_2, body div#devskin11425564 .essay .before_3, body div#devskin11425564 .essay .before_4, body div#devskin11425564 .essay .before_5, body div#devskin11425564 .essay .before_6, body div#devskin11425564 .essay .before_7, body div#devskin11425564 .essay .before_8, body div#devskin11425564 .essay .before_9, body div#devskin11425564 .essay .before_10, body div#devskin11425564 .essay .before_11, body div#devskin11425564 .essay .after_1, body div#devskin11425564 .essay .after_2, body div#devskin11425564 .essay .after_3, body div#devskin11425564 .essay .after_4, body div#devskin11425564 .essay .after_5, body div#devskin11425564 .essay .after_6, body div#devskin11425564 .essay .after_7, body div#devskin11425564 .essay .after_8, body div#devskin11425564 .essay .after_9, body div#devskin11425564 .essay .after_10, body div#devskin11425564 .essay .after_11 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) { width:100%!important; float:none; height:auto; display:block; padding:0%; margin-left:0!important; margin-right:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) .credit > a { display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) .image .credit { background:none; position:relative; padding:5px 0 0; bottom:0; left:0; right:0; text-align:center; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) .image .credit a { border:none; margin:0; padding:0; color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) .image .credit.detach::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay div[class*='col']:not(.no-format) .image .credit.detach > em { color:#4F5254; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .image.right { margin:0 0 0 5%!important; max-width:35%!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .image.left { margin:0 5% 0 0!important; max-width:35%!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .image.right .credit, body div#devskin11425564 .essay .image.left .credit { margin:0; position:relative; padding:0; background:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .image.right .credit > a, body div#devskin11425564 .essay .image.left .credit > a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .image.right .credit em, body div#devskin11425564 .essay .image.left .credit em { font-size:8px!important; text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .sidebar { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .guides { padding:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay * { border-color:#ccc; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .gallery { margin-bottom:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .gallery div[class*='col'] { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .gallery div[class*='col'] .image .credit { display:block; } } /* ------- SIDEBAR ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .sidebar { padding-top:30px; display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .essay .sidebar * { color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches .sidebar { background:#111; padding:30px!important; border:1px solid #333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches .sidebar * { color:#000; } } /* ------- GALLERY ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery { background:#181A1B; margin:0; padding:90px 0 0 0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery::after { height:30px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery .credit { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery div[class*='col'] { margin-top:1.388%; margin-bottom:1.388%; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery .wrap { max-width:none; padding:0 1.3888%!important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery h2 { margin:0 5% 30px; color:#fff; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery blockquote { margin:30px 40px auto; max-width:420px; border-color:#05CC47; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery .group, body div#devskin11425564 .gallery .image { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .gallery .group, body div#devskin11425564 .gallery .image { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .mobile { display:none !important; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .show { display:block; } } /* ------- GALLERY ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .col_3.sidebar .image .credit, body div#devskin11425564 .col_2 .image .credit, body div#devskin11425564 .image .credit { position:absolute; overflow:hidden; background:rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); padding:20px 4% 8px 4%; bottom:0; left:0; right:0; color:#FFF; text-align:left; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image .credit.detach { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image .credit.invert { background:rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image .credit::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image .credit a { padding:0 0 2px; margin:0 0 1px; font-size:11px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .col_2 .image .credit > a { display:block; color:#fff; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image .credit em { font-family:Arial, sans-serif; font-size:9px; line-height:12px; display:block; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .image.large { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 div.group .image.large { margin:1.388%; width:auto; padding:0 1.388% 1.388%; } } /* ------- TRENCHES ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches { padding:90px 0 60px; margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches .before_1, body div#devskin11425564 .trenches .before_2, body div#devskin11425564 .trenches .before_3, body div#devskin11425564 .trenches .before_4, body div#devskin11425564 .trenches .before_5, body div#devskin11425564 .trenches .before_6, body div#devskin11425564 .trenches .before_7, body div#devskin11425564 .trenches .before_8, body div#devskin11425564 .trenches .before_9, body div#devskin11425564 .trenches .before_10, body div#devskin11425564 .trenches .before_11, body div#devskin11425564 .trenches .after_1, body div#devskin11425564 .trenches .after_2, body div#devskin11425564 .trenches .after_3, body div#devskin11425564 .trenches .after_4, body div#devskin11425564 .trenches .after_5, body div#devskin11425564 .trenches .after_6, body div#devskin11425564 .trenches .after_7, body div#devskin11425564 .trenches .after_8, body div#devskin11425564 .trenches .after_9, body div#devskin11425564 .trenches .after_10, body div#devskin11425564 .trenches .after_11 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches div[class*='col'] { width:100%; float:none; height:auto; display:block; padding:0%; margin-left:0; margin-right:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches .guides { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .previous { width:100%; text-align:center; right:0; left:0; padding:30px 10px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .bottom { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches li { font-size:14px; line-height:22px; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches.questions li:last-of-type { border:none; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .trenches::before, body div#devskin11425564 .gallery::before { height:30px; } } /* ------- PAPER ------- */ @media only screen and (max-width: 767px) { body div#devskin11425564 .paper { padding:60px 60px 30px; margin:0 0 30px 0; } } @media only screen and (max-width: 767px) { body div#devskin11425564 .paper p ~ span { display:none; } }





Watch depthRADIUS




Share



fav.me/d82uv9g','counturl':'ht… kind of new narratives will 21st Century storytellers create for our changing world?','related':'depthRADIUS'}">






techgnotic.deviantart.com/jour… }">



|Archive







Storytellers of the Future

By istickboy , Truepicturesinc


The Storyteller by jrtracey








What kind of new narratives will 21st Century storytellers create for our changing world?







Brain Games host Jason Silva tackled that question in a two-minute video called "Lucid Dreaming," outlining the tremendous opportunities (and challenges) facing 21st Century storytellers. As our relationship to technology evolves, the stories we tell each other will change as well.


It’s always fun to imagine what the future will look like and how we will tell stories in this new world.


Silva used culture writer Erik Davis' description of immersive storytelling, a way to create a sort of lucid dream for the reader or viewer:



Immersive works of art or entertainment are increasingly not content to simply produce a new range of sensations. Instead, they often function as portals into other worlds."


— Erik Davis






Storytelling by randis



Silva also quoted Hamlet on the Holodeck: The Future of Narrative in Cyberspace by Janet H. Murray, a scholarly book looking at the future of storytelling. Silva explained how readers and viewers interact with a story:



So powerful is our desire to be immersed that it's not just that we suspend disbelief, but that we actually create belief--using our sophisticated intelligence to reinforce our belief in the story world, rather than to question it. We actively metabolize belief through story ... The narratives of the future have the potential to transform what it means to be human to employ landscapes of the mind and turn subjective experience into a living, breathing painting; a wake-walking dream.”


— Janet H. Murray



Murray's book was published in 1997, but it is still very relevant for readers, viewers and creators. She raised questions that still need to be answered as technology evolves.


Here is an inspiring passage from her book:


I find myself anticipating a new kind of storyteller, one who is half hacker, half bard. The spirit of the hacker is one of the great creative wellsprings of our time, causing the inanimate circuits to sing with ever more individualized and quirky voices; the spirit of the bard is eternal and irreplaceable, telling us what we are doing here and what we mean to one another. I am drawn to imagining a cyberdrama of the future by the same fascination that draws me to the Victorian novel. I see glimmers of a medium that is capacious and broadly expressive, a medium capable of capturing both the hairbreadth movements of individual human consciousness and the colossal crosscurrents of global society.


What do you think? Who are the writers leading this storytelling revolution?


The wonders of narrative immersion possible through new tech advances are truly amazing.  My only worry is that as with every other academic subject our youth are slipping in due to disuse, the intellectual muscles that created the worlds in which we as young readers had suspended disbelief are beginning to atrophy.


Children’s stories, or for that matter stories for any age group, should not rise or fall on how well the illustrators and animators built the backgrounds I see in my 3D virtual reality wraparound glasses.  At a certain point, pure storytelling (great writing) is going to begin becoming just another element in the overall narrative, and with its primacy reduced, become all the weaker and mundane.









Lucid Dream
by tauzero






The Storyteller
by pluto-my-way






Storyteller
by Cevelt-MikLiak






Storyteller
by Raiddo






Ole Lukoje
by Gellihana-art






Musician storyteller
by KueshkaArt









Gallery








LostKids_contest by LeiLain










Storyteller by grimleyfiendish










The Storyteller by ToaTiome








Storyteller by Uot-Mi










Dreamcatcher by Cambion-Art








A Storyteller by NoorL3yoon










Sister Of Mercy by Shedboy68










The Storyteller by jrtracey










storyteller by andrianart










the Storyteller by travishanson










Evening Storytelling Time by Anne-O










Storyteller by dreamswoman










Storyteller by hyenacub










Storyteller by CeyhunSen










The storyteller’s cave by Loulin










storyteller by antart










Storyteller by MuZzling








The Storyteller by Kataoi










The Power of Fairytale by Sirtuuna








Storytelling by Flibertyjibbeth









storyteller by Ebineyland






Decken the storyteller by Asenceana








Your Thoughts





  • Have you ever had a favorite novel spoiled by a bad TV or film adaptation?

  • Have you ever watched a movie before reading the book, only to find the adaptation more exciting and thoughtful and satisfying than anything in the original source material?








  • Related content
    Comments: 94

    LittleHayseed [2015-03-22 02:56:27 +0000 UTC]

    Aherm... The Hobbit... Ahehehem.
    The movies weren't bad in and of themselves, but many of the liberties taken in them were just too much.
    I know that I'm not the only one who has this opinion, and anything I can say about the matter has been said before, so I shall now shut my mouth.
    (I must admit I did like them though.)

    👍: 0 ⏩: 0

    xelianthought [2015-03-15 16:39:40 +0000 UTC]

    Some fascinating ideas here along with some brilliant imagery. 

    👍: 0 ⏩: 0

    LeFabulousNeko [2014-12-13 03:59:57 +0000 UTC]

    Holy -- yas.Reading the book first is like a hero's code of honor to me. 

    👍: 0 ⏩: 0

    CristinaCS [2014-12-02 00:03:13 +0000 UTC]

    1- Yeah! Hunger games. Although the movies are good so far, the books are ten times better!
    2- Yeah... I thought that Kick Ass was so much better in the movie version. (I didn't read the second one, and I didnt like the second movie, though)

    👍: 0 ⏩: 0

    Katy-L-Wood [2014-12-01 19:44:24 +0000 UTC]

    1. Nope. As far as I'm concerned movies/TV are just expensive fan-fiction. Some is good, some is bad, but it will never change the original for me because it is not the original and it is not meant to be the original.

    2. Hmmm... not really. I just find them exciting in different ways.

    👍: 0 ⏩: 0

    lagartoloco94 [2014-12-01 19:30:48 +0000 UTC]

    1.PERCY. JACKSON.

    👍: 0 ⏩: 1

    CristinaCS In reply to lagartoloco94 [2014-12-02 00:03:48 +0000 UTC]

    That's tottaly true!! I forgot to mention this one. haha!

    👍: 0 ⏩: 0

    Andromada-Sama [2014-12-01 13:57:13 +0000 UTC]

    1. don't even get me started, two words; percy jackson

    2.  Surprisingly yes, Wicked.  Not that the book was any less amazing then the musical, its just different.  The books are much more political based and not exactly kid friendly while the musical everyone is able to enjoy.  Both are amazing, it just depends on how much time you have and if your willing to look into the finer details of it all to fully enjoy the series 

    👍: 0 ⏩: 0

    friv4school [2014-12-01 07:20:08 +0000 UTC]

    I never watched a movie before reading the book, since I really love reading and every book in my bookshelf has been read two or more times. And there are a lot of books (like 400 or so... I don't really know the exact number)

    --
    friv4schoolonline.net/kids-gam…

    👍: 0 ⏩: 0

    KCKinny [2014-12-01 05:17:24 +0000 UTC]

    1.  Of course.  I don't even wanna mention the names.

    2. The Wizard of Oz.  The only movie I liked more than the book.  The book was a standard fairy tale, which I quite liked, but the narrative style in the movie was better.

    👍: 0 ⏩: 0

    rockymarkie [2014-12-01 03:12:04 +0000 UTC]

    rockymarkie.deviantart.com/?gi…

    👍: 0 ⏩: 0

    Bman19 [2014-12-01 03:10:36 +0000 UTC]

    This is a highly intriguing discussion, especially for me because I am a storyteller of a sort... and I believe that there will be a vast majority of people involved in storytelling in the future, including but not limited to literature.

    The reasons why I say this is because storytelling comes from many different mediums, from literature to music, from games to television and many other forms including Art. All these industries are expanding extremely fast and are being added to the world's already large collection of experiences which in turn influences the future of storytelling.

    👍: 0 ⏩: 0

    ChompsJ [2014-12-01 01:51:45 +0000 UTC]

    Yes. The trilogy "His dark materials". Otherwise known as The Golden Compass. A story I loved to read as a child.
    It's an adventure I'd love to see as either a movie trilogy or a television series.
    Unfortunately the movie ended up without a lot of important scenes from the book,
    in addition to changing character relations and the whole pacing of the story.
    A proof of why good animation and actors doesn't substitute the need for a good storytelling.

    👍: 0 ⏩: 0

    Sassatelli17 [2014-12-01 01:08:31 +0000 UTC]

    For me this theme it's really important because my biggest hope is to became a storyteller myself. I love reading and writing and drawing/painting charaters for my stories.

    👍: 0 ⏩: 0

    CatrionaMalfoy [2014-11-30 18:43:08 +0000 UTC]

    1. A Wrinkle In Time, The Golden Compass, Eragon, and omg, the Cat in the Hat. What evil that they wrought?
    2. Cloudy with a Chance of Meatballs. And I like the Hobbit films. They're different, but I think they're still good, although they do rely on CGI too much. And the comedy is ridiculous at times. (Bombur in the barrels). But I thought a lot of the changes were good, and I like their pulling from the appendices and the other writings.

    👍: 0 ⏩: 0

    DarkColumbine [2014-11-30 17:44:48 +0000 UTC]

    1) Yes. More than once ><
    2) No.

    👍: 0 ⏩: 0

    iriscuritiba [2014-11-30 17:12:28 +0000 UTC]

    For sure new narratives will give the women the place they deserve: as complete human beeings. So I guess there will be more woman telling histories. Also, I think the place for the dual thinking good/bad is over and there will be more grey areas and caracters. 

    And the books are always better than the movies... Just because you imagine the way you want! The person that reads uses its mind to complete the history, while the TV passes on a completed picture, not allowing people to dream differently (and normally, full of prejudices created by movie director, like - I think a man with broad nose is more handsome than a man with thin nose, but who would put, for example, a latin american or a Asian in a hero´s place in Hoolywood?).

    👍: 0 ⏩: 0

    C-Cumbercookie [2014-11-30 12:38:26 +0000 UTC]

    1) Oh god...two words: Percy Jackson. That was terrible. Terrible.
    2) Not really. Oh WAIT LES MISERABLES

    👍: 0 ⏩: 0

    Tom-Cii [2014-11-30 12:32:39 +0000 UTC]

    I believe I'm more the visual type in general. Movies are much more appealing to me than books. It sure is a great experience to read and to have all these visions in your head of how everything looks, but movies are for a few reasons my personal preference.

    👍: 0 ⏩: 0

    TheArbiterOfDarkness [2014-11-30 01:58:27 +0000 UTC]

    Wait till they get a load of me...

    👍: 0 ⏩: 0

    frogeyedape [2014-11-29 23:32:28 +0000 UTC]

    1. I wouldn't say that a bad film adaptation ever could ruin the original novel/short story/comic/series.  It disappoints and frustrates me when directors/producers fail to provide new insights while being faithful to the original spirit, but the original still exists.  It has its own separate identity, and cannot be tainted by the failure of related works.

    2. Actually, yes.  I saw I, Robot, which was inspired by the eponymous collection of short stories by Isaac Asimov.  The two were so fundamentally different, yet shared many of the same themes and problems (what is it to be human? who can decide who lives, who dies? etc).  However, this is a rare phenomenon for me for a couple of reasons. a) I read a lot, and usually I read the original story before seeing the film adaptation, so I don't normally get to judge the movie/TV show/etc on its own merits without the pre-prejudicing influence of the original text.  b) Too many film adaptations of written materials try too hard to copy the original, so experiencing both cheapens the experience of the second, whichever it is.  I end up just comparing a laundry list of details that the second "got wrong," as if its only purpose were to translate my experience of the first perfectly.  That's not what an adaptation should be--it should adapt, and change, and grow.  It should be different.  I, Robot did that for me.  I hope that more adaptations in the future will do the same.

    General comment:  I don't think that the basis of storytelling will change that much just because the media is changing.  This article talks about immersive storytelling, and while I get that it's referring to something like a hologram that you could step into and see/smell/hear/taste/feel everything, I find that old fashioned verbal or literary stories are at least as immersive as the imagined new storytelling.  For me, words allow me to create an immersive experience.  I enjoy being immersed in another storyteller's vision of a story, but it has the disadvantage of providing most of the details of the immersion.  The best thing is really when a work of words (a "traditional" story) complements and is complemented by a similar story in another medium (such as a good film adaptation).  The words provide an insight that mere seeing could not provide, while the seeing (or use of other senses) backs up and fills in spaces that might be missing or unimagined while reading or listening to the traditional story.

    👍: 0 ⏩: 0

    growlum-the-awesome [2014-11-29 23:19:43 +0000 UTC]

    1. Ooh yes. As a Percy Jackson fan, I feel like I can say that the movie adaptation was one of the worst adaptations of anything ever, and I'd put it right at the top of that list along with the DBZ movie and the Last Airbender. So many characters ruined...so many concepts unexplained...just makes me cringe even thinking about it.

    2. Not really, but my experience with the HTTYD movie and books was pretty close. I did read the books beforehand when I was quite a bit younger, and I really liked them, but nothing in the first book got anywhere close to the magic movie. I'm pretty glad they made the decision to change the plot so much; seriously, even though I still get filled with nostalgic love at the thought of the books, I can honestly say that the first book was pretty boring compared to the movie!

    👍: 0 ⏩: 1

    CristinaCS In reply to growlum-the-awesome [2014-12-02 00:06:11 +0000 UTC]

    You're right! The Last Airbender was so disappointing in so many ways.... :\

    👍: 0 ⏩: 0

    joegrimer [2014-11-29 22:59:09 +0000 UTC]

    1. Stormbreaker - This is the one I read growing up, and the film wasn't that good. It turned a sharp complex plot into a shallow action film. Alex Rider ftw!
    2. Jurassic Park... maybe... this is a hard one!

    👍: 0 ⏩: 0

    Metr0n0me [2014-11-29 22:20:23 +0000 UTC]

    1) LOTR (and now, the Hobbit). They were good films, but poor adaptations, hence not good at what they were supposed to be (like a fuel-efficient minivan that was advertised to be a rugged truck - good, but not the thing it was supposed to be). I put the blame on PJ either ignoring or being ignorant of the philosophical and artistic basis of storytelling which Tolkien held (and Tolkien should be credited for the idea of "secondary belief" rather than "suspension of disbelief" being part of the art. Read his essay on fairy-stories.)
    2) The Princess Bride. The book was wittier, but it was cynical; and the honesty of the heroism and love in the film was superior as a genre-piece, rather than a modern novel with some ambivalent digs at the matter. But, like LOTR, what was being adapted was of a different spirit than the original, so I can't entirely say it was a good adaptation either. It was just a better story. It was "superversive" rather than "subversive."

    👍: 0 ⏩: 0

    Sabbelbina [2014-11-29 22:05:41 +0000 UTC]

    I never really had an adaption spoiling my favourite novel, but there has been a movie which I thought shouldn't exist, because it changes to much of the original story. In my case this movie was Eragon. The book is really great and the story has influenced a big deal of my life, but when I saw the movie, all I could think of was: This is not right!

    I never watched a movie before reading the book, since I really love reading and every book in my bookshelf has been read two or more times. And there are a lot of books (like 400 or so... I don't really know the exact number)

    👍: 0 ⏩: 0

    MrBukkit123 [2014-11-29 18:49:54 +0000 UTC]

    It has it's flaws.

    👍: 0 ⏩: 0

    FreeStyle-90 [2014-11-29 11:28:54 +0000 UTC]

    1. I believe not. An adaptation couldn't spoil it as long as the images in my head have already been formed in the first place through the book/comic series. But not even then it is able to spoil it as long as i know that in the book the story is better written and with more hidden treasures. For example, i remember seeing Eragon the movie. It sucked big time. And after 2 years, i decided to read the books! And man, even though they weren't the best representants of the SF with dragons genre, the storytelling caught my attention immediately and i loved them. I loved the way the elves, dragons, dwars and humans were portrayed (ok, maybe less the human world and more the elf part) but in any case, that empathic/telepathic linkage between the chosen ones and their dragons got to my heart immediately (and other similar ideas). It's bad that few directors are able to actually portray such aspects and develop a good story at the same time. I mean, the only ones that proved to be able to do it big time would be Cameron and... Christopher Nolan? (i mean, spielberg and george lucas are more on the E.T. part)

    Then again I'm not exactly a movie "addict" so i haven't seen enough examples yet, but I believe that the ones able to spoil something would be the movies made after more realistic books, those that don't give you too many possibilities of forming your own image about the characters/story telling in the first place and thus you'll be forever stuck with wathever happens in the visual adaptation xD

    Also, if i sensed that the adaptation would ruin my own ideas, then i'd simply not watch it : p


    2. I've got to say yes ; )) LOTR cames to my mind everytime. I simply loved it, and i saw the first movie when i was 12 or something. I was at a marriage after party of some friends of my parents and even though everybody was dancing around and it was noise and etc, i was just staying there on a chair and with my eyes locked on the TV, completely silent in my mind or recreating the possible sounds made by Legolas freakin' counting his kills while sliding down the oliphant's trump in a competition with Gimli... and i fell in love with the actor as an elf i believe.  BUT i was so dissapointed when i read the lotr books and found very little character developpment as far as Legolas was involved. Oh well...
    Something similar happened when i was little and when the ATLA series was finished i went to read the comics and i thought they were way too childish (i was probably expecting of a manga-like quality in terms of art and rich story telling but... nope)

    👍: 0 ⏩: 1

    frogeyedape In reply to FreeStyle-90 [2014-11-29 23:34:18 +0000 UTC]

    I'm totally with you.

    👍: 0 ⏩: 0

    VisionCat12345 [2014-11-29 10:12:57 +0000 UTC]

    ! YESSSSSSSSSSSS!!!!!!!!!!!!!!!!
    2. No way in hell.

    👍: 0 ⏩: 0

    Games-and-Smokes [2014-11-29 06:09:17 +0000 UTC]

    [1.) Well, I can't say these ruined them for me, I still enjoy reading the books

    But Ella Enchanted and Eragon, definitely

    As for 2, I don't really know. there aren't any examples I can think of at the moment.]

    👍: 0 ⏩: 0

    seleshen [2014-11-29 03:50:50 +0000 UTC]

    1. Every video media adaptation is worse than the original to me.

    2. The books are ALWAYS better than the movies, always.

    PERFECT EXAMPLE: Percy Jackson, great books, disappointing movies

    👍: 0 ⏩: 0

    Lady-Devinity [2014-11-29 01:55:58 +0000 UTC]

    1. No, I find that I enjoy the book version no matter how the movie version played out. Although I was embarrassed for liking the City of Bones novel after seeing the movie for a little while. It didn't translate well.

    2. I adored Warm Bodies the movie but then I read Warm Bodies the book and it wasn't great. The two are completely different except for certain elements and I think that if the movie had been made to be just like the book then I would not have seen it. The plot works well as a comedy but the book is serious and zombie love cure is not something that should ever be taken seriously.

    I had moments in the reverse too. I had read all the Hunger Games books first. The first Hunger Games book was way better than the movie but the second movie, Catching Fire, was a way better version than the Catching Fire book. The second book is weak and a tad dull. The movie gives the plot life.

    👍: 0 ⏩: 0

    Realmwright [2014-11-28 23:37:36 +0000 UTC]

    For me, LOTR was a prime example.
    I read the Hobbit for the first time when I around 14. It was eighth grade and about the only reading I did was because it was school assignments. I didn't read very much on my own, and certainly not fantasy. I'd seen those guys at school - the ones in Akira tee shirts - lugging around thick tomes of tales and jabbering about Dune and Death Dealers. I didn't want to be seen as "one of them." I was as insecure as any scrawny, bespectacled middle school student. I knew I was a dork, that I'd never be at the cool kids' table, and I figured identifying with the "fantasy nerds" would only make things worse. I really wish I hadn't waited so long to embrace the cold, hard truth. I am a geek, through and through!

    I read the Hobbit again at around 16 and picked up the Fellowship after that. I thought it was dreadfully dull and put it down. I just couldn't picture the world. The only dwarves and elves I had ever seen were from Disney and Christmas.
    I watched the animated films thinking maybe they would give me some kind of visual reference. And they killed it dead. The Hobbits had worse hair cuts than Luke Skywalker. The goblins, balrog, and Smaug were atrocious. Aragorn looked like the reject child of He-Man and Cochise.
    It wasn't until Peter Jackson's movies came out when I was 20 that I had any interest in how the quest of the One Ring played out.
    And even then I think I nodded off in the theater watching the Fellowship.

    About a year after that my best friend loaned me the extended DVDs because they had some pretty cool concept art and special features. That's what finally hooked me!
    Now I don't think I'll ever tire of watching them over and over, back to back, with and without commentary.
    I've dressed as a ranger for Halloween.
    I've read volumes of other fantasy - including the Children of Hurin and the Silmarillion.
    I was stoked that they were going to make a Hobbit movie. Then it took forever with a lot of back and forth and the project getting handed off to Jackson by Del Toro. Enough already! Just make me more movies!

    Then I saw the teaser for the Hobbit. "How come Thorin and Kili look more like Dunedain than dwarves? WTF?!"
    But again, I was absolutely wowed by the Middle Earth that Wingut Films put up on the silver screen.
    The only disappointment that I have experienced with the LOTR movies versus the books is that Return of the King the movie didn't live up to what I saw in my head as I read the pages.
    It was the only one of the trilogy that I read before seeing the film. My wife (then girlfriend) read them all, back to back, cover to cover after the first film. I didn't want to read the last one for fear that it might change my perception of the movie. But I was talked into it so we could talk about it.
    When I saw the movie, the Halls of the Dead, the Witch King, Pelennor Fields...they were all so much cooler inside my own head. I hated that I left the theater thinking, "Well sure it was good, but it wasn't as good as the book."
    Now I try like hell not to say those words anymore.
    Of course the book is better because it's the story the writer gave to us. With their words we build our own visions. Even when a fantastic director like Peter Jackson takes a favorite and sweeps the Oscars, it's still HIS version our eyes see.
    I much prefer to let my imagination do the talking.

    👍: 0 ⏩: 0

    WingedSonar [2014-11-28 22:43:16 +0000 UTC]

    1. Favorite novel 'spoiled' by a bad film. No. I find that the adaptations to film need to be seen as their own versions. You can't spoil a great novel with a bad film, because the novel will always be amazing. Now, having someone watch a terrible adaptation and then convincing them to try the novel as a superior version? Nearly impossible for the casual new viewer. The first impression should always be the novel if someone has a tendency toward either reading or seeing films.

    2. See above's last statement. Not really. For a positive example of that, I watched Jurassic Park, LOVED it, read the book and absolutely loved that as well, then proceeded to purchase and absorb everything Michael Crichton wrote that I could get my hands on at the time. His thrill-style coverage of scientific subject matter hooked me more than any effects team, director or writer of a script at the time.  Next was watching Watership Down, then finding it in my high school library and just being intensely immersed in what was essentially the extended version of what I'd seen, and I had to purchase the Tales From sequel novel once it was released. Mose recently, I went to see The Giver BUT had read the book years back and decided to read it again just before the movie (because I'm a glutton for punishment), yet I was still entertained by most of the change. That's when you know they tried their hardest and did a decent job of adaptation.

    Movie/Novel rant time. The ONLY movie to date that was better than the book was IT. It was funny, weird, stupid, and it even had genuine moments of enjoyment before the ridiculous Stephen King ending of "it was aliens the whole time, kids". People blame it for a bad ending, but no, blame King for that one. Shill probably insisted they not change the ending too. Stephen King is a creepy hack from everything I've read of his, and his choices of subject matter here involved child porn, skanky behavior, lack of faith in humanity yet again, and just a general lack of writer's tact. He wasted my time with nearly 1000 pages of nonsense just to get to a stupid ending, and that's something the tv film didn't do to me or others. Why his garbage was in that high school library, I'll never know. It was worse than Catcher in the Rye. Oh, and Tim Curry made it for me before I even knew who Tim Curry was. That clown was wild, funny, scary, just everything rolled into what King couldn't pull off in his waste of paper aliens-under-the-town repeat subject matter. He hasn't been good for my taste since Misery, and most of the adaptations of his work were sheer trash. Rant Over! XD

    As an aside, I also enjoy visualizing and voice acting the books in my mind when I'm in the mood to read more slowly, and sometimes having the film's/concept art's visuals can be an aid, even when the scenes aren't quite the same. The watery Tyrannosaurus encounter scene from the book in JP, for example, probably wouldn't have been such a strong scene in my mind if not for Crash's concept art of the giant or the team in general's dedication to showing us very realistic creatures moving like we'd never seen before. 

    👍: 0 ⏩: 1

    Lady-Devinity In reply to WingedSonar [2014-11-29 01:50:02 +0000 UTC]

    I had the exact same experience with Jurassic Park. Now I own all of Crichton's books except for the non-fiction and the ones written under his pen names.

    👍: 0 ⏩: 0

    Kaonashi-Nanashi [2014-11-28 21:42:18 +0000 UTC]

    Too bad DA doesn't support or promote literature more. They talk about storytelling, when the biggest and most common medium for story telling is via the written word!!!

    👍: 0 ⏩: 1

    DeMann6654 In reply to Kaonashi-Nanashi [2014-11-29 04:56:44 +0000 UTC]

    I took my serious writing pursuits to writer-only online workshops for that very reason. I found a wonderfully constructive online community about five years ago.


    D

    👍: 0 ⏩: 1

    Kaonashi-Nanashi In reply to DeMann6654 [2014-11-29 22:48:55 +0000 UTC]

    Nice. I rarely post anything on DA because it's all visual art based. Yet, they have this "storyteller" thing, when the most common medium for storytelling is the written word. 

    👍: 0 ⏩: 0

    Calilasseia [2014-11-28 21:34:02 +0000 UTC]

    Your article inspired this .

    👍: 0 ⏩: 0

    ErebusRed [2014-11-28 20:49:45 +0000 UTC]

    1. The new Constantive TV series is a horrible adaption of the original comic-book source material.

    2. Personally I though the film Kick-Ass had a stronger third act than the original material.

    👍: 0 ⏩: 0

    TayzeJacksonBell [2014-11-28 20:26:49 +0000 UTC]

    The thought of pure storytelling taking a back seat to everything else is something I've about quite a bit.  For instance the Transformers films are than anything visual spectacle in which the story is pretty much formality, and yet if the boney made at the box office is any indication every one and their dog went to see these films.  As a storyteller myself I find this worrying.

    👍: 0 ⏩: 0

    Crushmount [2014-11-28 20:21:56 +0000 UTC]

    1. Yup, unfortunately. I mean, I still like the book, but the film was so... featureless and shallow. I was really disappointed. (speaking of Christopher Paolini's Eragon btw)

    2. Umm... like... no? Seriously, it has never happened to me.

    👍: 0 ⏩: 0

    Ezoah92 [2014-11-28 20:09:03 +0000 UTC]

    1) Ender'Games and InkHeart.
    2)... Still waiting. I can't think of any movie better than the original novel.

    👍: 0 ⏩: 0

    Rick-TinyWorlds [2014-11-28 20:03:35 +0000 UTC]

    That's not the future, that's the present.
    As game developer who already had the opportunity to try out the Occulus Rift, I can wholeheartedly say that we are already at a point where technology allows a sort of lucid dreaming.

    👍: 0 ⏩: 0

    marquism [2014-11-28 19:38:53 +0000 UTC]

    2. The Hobbit. My childhood liked how the book was written. Each character was given depth, but the movies allowed my mind to think deeper into the lore thanks to the Lord of the Rings movie. I pictured how things truly were coming to an close and picture how things could have alternatively started. 

    👍: 0 ⏩: 0

    DaMushroom [2014-11-28 19:29:12 +0000 UTC]

    Question #2

    All the time. I see a movie based on a book, I like the movie, I check out the book-HOLY COW! THIS WASN'T IN THE MOVIE! WHY WASN'T THIS IN THE MOVIE!? AND THAT! Books are a larger playground than movies, grabbing you more as it's up to your mind to give you the imagery-leaving you more connected to the story than the movie

    👍: 0 ⏩: 0

    mwr928 [2014-11-28 19:11:48 +0000 UTC]

    Beware: Wall of Text

    A good story will stand on its own, regardless of the set dressing around it, so long as the dressing does not overpower the story. Oral Tradition, and the Minstrels and Bards on the folding stage, could tell powerful stories with a minimum of props. Today this can be expressed by the comic character presented before a blank background.

    But the craft of writing is no longer practiced by many, in favor of industry. Thus we see so many stories of whatever medium drowning out the fundamental story flaws with superficial eye candy.

     

    Question 1:

    Favorite story spoiled by bad adaptation:

    In My Opinion, Robert Heinlein wrote Starship Troopers as juvenile fiction disguising several essays on issues surrounding the question of ‘why the individual would choose to go to war.’

    Paul Verhoeven took about a third to half of the disguise setting, briefly glanced at the back cover of the book, and made an anti-war parody that did not seriously address any of the same issues.

    Conclusion: Verhoeven has plenty of eye candy, but in this case he drowns out the original intent of the story. Giving that Verhoeven was trying to make an anti-war parody, he could have at least tried to address some of the points Heinlein introduced and argued them. But he chose the easy path of ridicule instead of intellectual engagement.

    Story not spoiled:

    Monty Python’s Life of Brian could have been a blasphemous screed against the central character and story of Christianity. Instead in the few moments it addressed that character and story (less than 5 minuets of film), they are very respectful of them. The Pythons do satirize and attack the thoughtless adherents, and their behavior, as characterized in the treatment of Brian through out the story.

     

    Question 2:

    This question is a little bit of a Chicken and Egg question. I suggest three known modern sets. Lord of the Rings, Harry Potter, Star Wars.

     

    I first tried to read the Lord of the Rings while perhaps too immature to appreciate them. As a result, I did not try to read them again until the time between the release of Fellowship, and Two Towers in the theater. This time I plowed through them. The imagery of the first film helped to fill in the periphery of the story as I read Tolkien’s prose dense books. As I finished them I found, to no surprise, that there was so much more story in the books that was not told in the movie. As a result, for me the movie was a gateway into the prose dense world of the books. But this also has limited me some as I still struggle to read Tolkien’s surrounding material.

    Tolkien wrote as a scholar for scholars. Compare and contrast his friend C.S. Lewis’ writings.

     

    Harry Potter

    Before the first movie came out, I noticed the Potter Phenomenon building. Then the first movie came out, and I was swept into the theater and then book store with everyone else.

    Unlike my experience with LoR, I found myself dissatisfied with the movies after reading the books, and refused to attend any of the movies beyond the second, as I preferred the imagery in my mind from my own reading of the books.

    Rowling does a very good job of stirring the imagination. The movies fixed the imagery too solidly in my mind, and left me dissatisfied.

     

    Star Wars

    I am old enough I saw Star Wars in its original theater run. I subsequently read the novelization of the movie (based on a scrip version with some scenes an iteration or two earlier from what made it to the film. EG including the Biggs sub-plot). Initially the book was satisfying, but it has not aged well.

    As compared to LoR and HP where the movies were the gateway to the preexisting books, Star Wars’ movie-novel was a bit more than milking the cash cow and rehashing the story.

    The Star Wars Extended Universe in its various mediums has done a better job of filling out the worlds than the original movie-novel.

    Lucas has repeatedly shown that he can do a great job creating worlds, but needs help in scripting dialog. (Compare and contrast Empire to Clones.)

    👍: 0 ⏩: 0

    wcqaguxa [2014-11-28 19:00:49 +0000 UTC]

    1. Yeah, Narnia, Narnia, Narnia... Oh not Ender's Game. It never had it's movie adaptation, did it? did it?
    2. Deffinetely Hunger Games. I find the narration horrible, but the movie corrected everything and it was actually enjoyable.

    👍: 0 ⏩: 0

    Loulin [2014-11-28 18:32:26 +0000 UTC]

    No comments on the questions, just a big "thak you" for including me into the journal. It was a really nice surprise.

    👍: 0 ⏩: 1


    | Next =>