HOME | DD

Description
body div#devskin10190364 .gr-box, body div#devskin10190364 body { font:normal 16px/24px 'Droid Serif', Georgia, Serif; background:#000; color:#b1a693; position:relative; border-bottom:none; margin:0; padding:0; } body div#devskin10190364 i.gr1, body div#devskin10190364 i.gr1 i, body div#devskin10190364 i.gr2, body div#devskin10190364 i.gr2 i, body div#devskin10190364 i.gr3, body div#devskin10190364 .gr-top { display:none; } body div#devskin10190364 .gr-body { background:transparent; border:0!important; position:static; overflow:visible; } body div#devskin10190364 .gr-body .grf-indent { background:transparent; margin:auto; text-align:center; padding:0; } body div#devskin10190364 .gr-body .gr { border:0!important; position:static; background:none; } body div#devskin10190364 .text { padding:0; position:relative; text-align:left; } body div#devskin10190364 .text br { display:none; } /* ------------------------------------------------------- WRAP ------------------------------------------------------- */ body div#devskin10190364 .wrap { max-width:960px; margin:auto; padding:0; position:relative; } body div#devskin10190364 .wrap .wrap { width:100%; padding:0; } /* ------------------------------------------------------- COLUMNS ------------------------------------------------------- */ body div#devskin10190364 .col_1, body div#devskin10190364 .col_2, body div#devskin10190364 .col_3, body div#devskin10190364 .col_4, body div#devskin10190364 .col_5, body div#devskin10190364 .col_6, body div#devskin10190364 .col_7, body div#devskin10190364 .col_8, body div#devskin10190364 .col_9, body div#devskin10190364 .col_10, body div#devskin10190364 .col_11, body div#devskin10190364 .col_12 { display:inline; float:left; position:relative; margin-left:1%; margin-right:1%; } body div#devskin10190364 .col_1 { width:6.333%; } body div#devskin10190364 .col_2 { width:14.667%; } body div#devskin10190364 .col_3 { width:23.0%; } body div#devskin10190364 .col_4 { width:31.333%; } body div#devskin10190364 .col_5 { width:39.667%; } body div#devskin10190364 .col_6 { width:48.0%; } body div#devskin10190364 .col_7 { width:56.333%; } body div#devskin10190364 .col_8 { width:64.667%; } body div#devskin10190364 .col_9 { width:73.0%; } body div#devskin10190364 .col_10 { width:81.333%; } body div#devskin10190364 .col_11 { width:89.667%; } body div#devskin10190364 .col_12 { width:98.0%; } /* ------------------------------------------------------- COLUMN BEFORE ------------------------------------------------------- */ body div#devskin10190364 .before_1 { padding-left:8.333%; } body div#devskin10190364 .before_2 { padding-left:16.667%; } body div#devskin10190364 .before_3 { padding-left:25.0%; } body div#devskin10190364 .before_4 { padding-left:33.333%; } body div#devskin10190364 .before_5 { padding-left:41.667%; } body div#devskin10190364 .before_6 { padding-left:50.0%; } body div#devskin10190364 .before_7 { padding-left:58.333%; } body div#devskin10190364 .before_8 { padding-left:66.667%; } body div#devskin10190364 .before_9 { padding-left:75.0%; } body div#devskin10190364 .before_10 { padding-left:83.333%; } body div#devskin10190364 .before_11 { padding-left:91.667%; } /* ------------------------------------------------------- COLUMN AFTER ------------------------------------------------------- */ body div#devskin10190364 .after_1 { padding-right:8.333%; } body div#devskin10190364 .after_2 { padding-right:16.667%; } body div#devskin10190364 .after_3 { padding-right:25.0%; } body div#devskin10190364 .after_4 { padding-right:33.333%; } body div#devskin10190364 .after_5 { padding-right:41.667%; } body div#devskin10190364 .after_6 { padding-right:50.0%; } body div#devskin10190364 .after_7 { padding-right:58.333%; } body div#devskin10190364 .after_8 { padding-right:66.667%; } body div#devskin10190364 .after_9 { padding-right:75.0%; } body div#devskin10190364 .after_10 { padding-right:83.333%; } body div#devskin10190364 .after_11 { padding-right:91.667%; } /* ------------------------------------------------------- PUSH BEFORE ------------------------------------------------------- */ body div#devskin10190364 .push_1 { left:8.333%; } body div#devskin10190364 .push_2 { left:16.667%; } body div#devskin10190364 .push_3 { left:25.0%; } body div#devskin10190364 .push_4 { left:33.333%; } body div#devskin10190364 .push_5 { left:41.667%; } body div#devskin10190364 .push_6 { left:50.0%; } body div#devskin10190364 .push_7 { left:58.333%; } body div#devskin10190364 .push_8 { left:66.667%; } body div#devskin10190364 .push_9 { left:75.0%; } body div#devskin10190364 .push_10 { left:83.333%; } body div#devskin10190364 .push_11 { left:91.667%; } /* ------------------------------------------------------- PULL AFTER ------------------------------------------------------- */ body div#devskin10190364 .pull_1 { left:-8.333%; } body div#devskin10190364 .pull_2 { left:-16.667%; } body div#devskin10190364 .pull_3 { left:-25.0%; } body div#devskin10190364 .pull_4 { left:-33.333%; } body div#devskin10190364 .pull_5 { left:-41.667%; } body div#devskin10190364 .pull_6 { left:-50.0%; } body div#devskin10190364 .pull_7 { left:-58.333%; } body div#devskin10190364 .pull_8 { left:-66.667%; } body div#devskin10190364 .pull_9 { left:-75.0%; } body div#devskin10190364 .pull_10 { left:-83.333%; } body div#devskin10190364 .pull_11 { left:-91.667%; } body div#devskin10190364 .alpha { margin-left:0!important; } body div#devskin10190364 .omega { margin-right:0!important; } /* ------------------------------------------------------- NESTED COLUMNS ------------------------------------------------------- */ body div#devskin10190364 .col_10 .wrap .col_10 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin10190364 .col_10 .wrap .col_9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin10190364 .col_10 .wrap .col_7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin10190364 .col_10 .wrap .col_6 { width:58.620%; margin-left:1.724%; margin-right:1.724%; } body div#devskin10190364 .col_10 .wrap .col_3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin10190364 .col_9 .wrap .col_8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin10190364 .col_9 .wrap .col_6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin10190364 .col_9 .wrap .col_3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin10190364 .col_8 .wrap .col_7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_8 .wrap .col_6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_8 .wrap .col_5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_8 .wrap .col_4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_8 .wrap .col_3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_8 .wrap .col_2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin10190364 .col_7 .wrap .col_7 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin10190364 .col_7 .wrap .col_6 { width:85.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin10190364 .col_7 .wrap .col_5 { width:70.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin10190364 .col_7 .wrap .col_4 { width:55.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin10190364 .col_7 .wrap .col_3 { width:40.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin10190364 .col_7 .wrap .col_2 { width:25.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin10190364 .col_6 .wrap .col_6 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin10190364 .col_6 .wrap .col_5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin10190364 .col_6 .wrap .col_4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin10190364 .col_6 .wrap .col_3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin10190364 .col_6 .wrap .col_2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin10190364 .col_5 .wrap .col_4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin10190364 .col_5 .wrap .col_3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin10190364 .col_5 .wrap .col_2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin10190364 .col_4 .wrap .col_3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin10190364 .col_4 .wrap .col_2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin10190364 .col_3 .wrap .col_2 { width:62.500%; margin-left:6.250%; margin-right:6.250%; } /* ------------------------------------------------------- NESTED BEFORE ------------------------------------------------------- */ body div#devskin10190364 .col_10 .wrap .before_1 { padding-left:10.344%; } body div#devskin10190364 .col_9 .wrap .before_1 { padding-left:11.538%; } body div#devskin10190364 .col_8 .wrap .before_2 { padding-left:26.086%; } body div#devskin10190364 .col_8 .wrap .before_1 { padding-left:13.043%; } body div#devskin10190364 .col_8 .wrap .after_1 { padding-right:13.043%; } body div#devskin10190364 .col_8 .wrap .pull_1 { margin-left:-13.043%; } body div#devskin10190364 .col_7 .wrap .after_2 { padding-right:30.000%; } body div#devskin10190364 .col_7 .wrap .before_1 { padding-left:15.000%; } body div#devskin10190364 .col_7 .wrap .before_2 { padding-left:30.000%; } body div#devskin10190364 .col_7 .wrap .after_1 { padding-right:15.000%; } body div#devskin10190364 .col_6 .wrap .before_2 { padding-left:35.294%; } body div#devskin10190364 .col_6 .wrap .before_1 { padding-left:17.647%; } body div#devskin10190364 .col_6 .wrap .after_2 { padding-right:35.294%; } body div#devskin10190364 .col_6 .wrap .after_1 { padding-right:17.647%; } body div#devskin10190364 .col_5 .wrap .before_1 { padding-left:21.428%; } body div#devskin10190364 .col_4 .wrap .before_1 { padding-left:27.272%; } body div#devskin10190364 .col_3 .wrap .after_1 { padding-right:37.500%; } body div#devskin10190364 .col_3 .wrap .before_1 { padding-left:37.500%; } body div#devskin10190364 .clear:before, body div#devskin10190364 .clear:after { content:''; display:table; } body div#devskin10190364 .clear:after { clear:both; } body div#devskin10190364 .clear { clear:both; } body div#devskin10190364 h1, body div#devskin10190364 h2, body div#devskin10190364 h3, body div#devskin10190364 h4 { font-family:'Droid Serif', Georgia, Serif; line-height:normal; letter-spacing:normal; position:relative; color:inherit; margin:0 0 30px 0; color:#f04737; } body div#devskin10190364 h2 span { font-size:18px; font-style:italic; font-weight:normal; text-indent:0; display:block; color:inherit; } body div#devskin10190364 .text h1 a, body div#devskin10190364 .text h2 a, body div#devskin10190364 .text h3 a, body div#devskin10190364 .text h4 a { color:inherit!important; font-weight:inherit!important; } body div#devskin10190364 p { margin:0 0 30px; padding:0; } body div#devskin10190364 p.large { font-size:24px; line-height:32px; } body div#devskin10190364 a { color:#F2E3DA; text-decoration:none; transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; -ms-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; } body div#devskin10190364 a:hover { } body div#devskin10190364 p a { border-bottom:1px solid #504C40; color:#000; } body div#devskin10190364 p a:hover { border-color:rgb(121, 52, 48); text-decoration:none; } body div#devskin10190364 .text a:not(.external):not(.thumb) { font-weight:normal; } body div#devskin10190364 a.external:after { display:none; } /* ------------------------------------------------------- BOXES BG ------------------------------------------------------- */ body div#devskin10190364 .header { position:relative; overflow:hidden; background:#000; padding:230px 0 360px; } body div#devskin10190364 .boxes { top:0; margin-left:-25%; margin-top:-5%; width:150%; position:absolute; } body div#devskin10190364 .box { background-position:center; background-repeat:no-repeat; background-size:cover; float:left; width:200px; height:200px; opacity:0.15; filter:alpha(opacity=15); _zoom:1; transition:all 0.20s ease-out; -moz-transition:all 0.20s ease-out; -webkit-transition:all 0.20s ease-out; -ms-transition:all 0.20s ease-out; -o-transition:all 0.20s ease-out; } body div#devskin10190364 .chapters .box { opacity:0.10; filter:alpha(opacity=10); _zoom:1; } body div#devskin10190364 .header .box:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin10190364 .n-01 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/1.jpg); } body div#devskin10190364 .n-02 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/2.png); } body div#devskin10190364 .n-03 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/3.jpg); } body div#devskin10190364 .n-04 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/4.jpg); } body div#devskin10190364 .n-05 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/5.jpg); } body div#devskin10190364 .n-06 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/6.jpg); } body div#devskin10190364 .n-07 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/7.jpg); } body div#devskin10190364 .n-08 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/8.jpg); } body div#devskin10190364 .n-09 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/9.jpg); } body div#devskin10190364 .n-10 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/10.png); } body div#devskin10190364 .n-11 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/11.png); } body div#devskin10190364 .n-12 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/12.jpg); } body div#devskin10190364 .n-13 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/13.jpg); } body div#devskin10190364 .n-14 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/14.png); } body div#devskin10190364 .n-15 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/15.jpg); } body div#devskin10190364 .n-16 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/16.jpg); } body div#devskin10190364 .n-17 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/17.jpg); } body div#devskin10190364 .n-18 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/18.jpg); } body div#devskin10190364 .n-19 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/19.png); } body div#devskin10190364 .n-20 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/20.jpg); } body div#devskin10190364 .n-21 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/21.jpg); } body div#devskin10190364 .n-22 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/22.jpg); } body div#devskin10190364 .n-23 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/23.png); } body div#devskin10190364 .n-24 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/24.jpg); } body div#devskin10190364 .n-25 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/25.jpg); } body div#devskin10190364 .n-26 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/26.png); } body div#devskin10190364 .n-27 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/27.jpg); } body div#devskin10190364 .n-28 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/28.jpg); } body div#devskin10190364 .n-29 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/29.jpg); } body div#devskin10190364 .n-30 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/30.jpg); } body div#devskin10190364 .n-31 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/31.jpg); } body div#devskin10190364 .n-32 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/32.jpg); } body div#devskin10190364 .n-33 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/33.jpg); } body div#devskin10190364 .n-34 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/34.jpg); } body div#devskin10190364 .n-35 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/35.jpg); } body div#devskin10190364 .n-36 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/36.jpg); } body div#devskin10190364 .n-37 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/37.jpg); } body div#devskin10190364 .n-38 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/38.jpg); } body div#devskin10190364 .n-39 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/39.png); } body div#devskin10190364 .n-40 { background-image:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/thumbs/40.jpg); } body div#devskin10190364 .header .title { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/title.png) 0 0 no-repeat; width:424px; height:380px; display:block; margin:auto; position:relative; text-indent:-9999em; z-index:99; } body div#devskin10190364 .header .links { position:absolute; top:0; right:0; padding:50px; z-index:2; text-align:right; } body div#devskin10190364 .header .links a { font:700 12px/normal 'Lato', Sans-Serif; color:#dfded0; text-decoration:none; text-transform:uppercase; letter-spacing:1px; margin:0 0 0 15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:8px 15px; opacity:0.55; filter:alpha(opacity=55); _zoom:1; } body div#devskin10190364 .header .links a:hover { background:#dddcce; color:#111; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin10190364 .header .links.depthradius { right:inherit; left:0; } body div#devskin10190364 .header .links.depthradius a { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/drlogo.png) 0 0 no-repeat; display:block; width:164px; height:46px; font-size:0; position:relative; top:-10px; text-indent:-9999em; } /* ------------------------------------------------------- FINAL ------------------------------------------------------- */ body div#devskin10190364 .final-thoughts { background:#7d3532; padding:0 30px; position:relative; z-index:1; } body div#devskin10190364 .final-thoughts::before { content:''; background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-london.png) center top no-repeat; width:1147px; height:410px; left:50%; top:-410px; position:absolute; margin-left:-573px; z-index:-1; } body div#devskin10190364 .final-thoughts .paper { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-paper.jpg) repeat; position:relative; top:-130px; max-width:940px; padding-top:90px; color:#121516; } body div#devskin10190364 .final-thoughts .paper::after { content:''; background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-paper_shadow.png) center top no-repeat; background-size:100% auto; height:58px; width:100%; left:0; bottom:-58px; position:absolute; } body div#devskin10190364 .final-thoughts h2 { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/title-final.png) 0 0 no-repeat; text-indent:-9999em; line-height:50px; color:#121516; border-bottom:5px solid #121516; margin:0 9.574%; } body div#devskin10190364 .final-thoughts h2 span { padding-bottom:30px; font-size:22px; } body div#devskin10190364 .final-thoughts .lines { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/lines.png) center top repeat-y; padding-top:33px; font-size:18px; line-height:26px; padding:33px 17.021% 100px; position:relative; } body div#devskin10190364 .final-thoughts a { color:inherit; } body div#devskin10190364 .final-thoughts .lines span { position:absolute; left:10%; top:4%; width:40px; height:40px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; overflow:hidden; } body div#devskin10190364 .final-thoughts .lines span img { display:block; width:50px; max-width:none; } body div#devskin10190364 .final-thoughts .link { font:400 11px/normal 'Lato', sans-serif; color:#b06a68; letter-spacing:2px; text-transform:uppercase; text-align:center; position:relative; top:-90px; } body div#devskin10190364 .final-thoughts .link a { color:inherit; } /* ------------------------------------------------------- CHAPTERS ------------------------------------------------------- */ body div#devskin10190364 .chapters { padding:80px 0; position:relative; overflow:hidden; } body div#devskin10190364 .chapters .col_4 { margin-left:10px; margin-right:10px; width:300px; } body div#devskin10190364 .chapters h3 { color:#d4ad74; font:italic 18px/normal 'Droid Serif', Georgia, Serif; margin:0 0 10px; } body div#devskin10190364 .chapters h2 { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/title-chapters.png) 0 0 no-repeat; text-indent:-9999em; height:85px; margin-bottom:70px; color:#d4ad74; border-bottom:3px double #d4ad74; } body div#devskin10190364 .ch { background:#632a28; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px 20px; color:#e3d9c8; min-width:300px; min-height:200px; margin-bottom:20px; position:relative; overflow:hidden; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } body div#devskin10190364 .ch h4 { font:italic 400 13px/normal 'Droid Serif', Georgia, Serif; margin:0 0 5px; color:#b1a693; } body div#devskin10190364 .ch h3 { font:700 14px/normal 'Lato', Sans-Serif; text-transform:uppercase; border-bottom:1px solid #7d3532; letter-spacing:1px; padding:0 0 10px 0; margin:0 0 10px; } body div#devskin10190364 .ch .credit span { color:#e3d9c8; font-size:11px; font-family:'Lato'; } body div#devskin10190364 .ch .credit { font-family:'Droid Serif', Georgia, Serif; letter-spacing:normal; text-transform:none; font-size:11px; } body div#devskin10190364 .ch .credit a { color:inherit; } body div#devskin10190364 .ch.prologue .image { background-image:url(https://fc09.deviantart.net/fs70/i/2012/295/4/9/the_underground_by_hansnomad-d5icsss.png); } body div#devskin10190364 .ch.one .image { background-image:url(https://th05.deviantart.net/fs70/PRE/i/2012/303/4/c/chapter_1___colors_by_littlecrow-d5j4kgy.png); } body div#devskin10190364 .ch.two .image { background-image:url(https://th05.deviantart.net/fs71/PRE/i/2012/309/0/c/the_abduction_by_apollomidnight-d5k34sq.jpg); background-size:110% auto; } body div#devskin10190364 .ch.three .image { background-image:url(https://fc04.deviantart.net/fs70/i/2012/316/5/3/light_casts_me_away_by_kimbot-d5kqucp.jpg); } body div#devskin10190364 .ch.four .image { background-image:url(https://fc05.deviantart.net/fs70/i/2012/322/f/e/discovered_by_scodge-d5lcdtu.jpg); } body div#devskin10190364 .ch.five .image { background-image:url(https://fc03.deviantart.net/fs71/f/2012/331/a/6/hacking_away_by_vonbee-d5mdf2w.jpg); } body div#devskin10190364 .ch.six .image { background-image:url(https://th09.deviantart.net/fs71/PRE/i/2012/337/2/d/chapter_6___out_by_littlecrow-d5mydl2.png); } body div#devskin10190364 .ch.seven .image { background-image:url(https://th00.deviantart.net/fs70/PRE/i/2012/344/a/8/odissey_ii___chapter_7___tal__shen_by_travthemad-d5nlwp2.jpg); background-size:110% auto; } body div#devskin10190364 .ch.eight .image { background-image:url(https://th08.deviantart.net/fs70/PRE/i/2013/044/c/c/odyssey_2___chapter_8_by_micha_vom_wald-d5us2cn.jpg); } body div#devskin10190364 .ch .image { position:absolute; width:300px; height:200px; top:0; right:0; bottom:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1; 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#devskin10190364 .ch:hover .image { top:-100%; } body div#devskin10190364 .ch a.readit { display:inline-block; padding:5px 15px; border:2px solid #7d3532; margin:5px 0 0 0; font-family:'Lato', sans-serif; font-size:12px; text-transform:uppercase; background:rgb(10, 10, 0); background:rgba(10,10,0,.15); letter-spacing:1px; } body div#devskin10190364 .ch a.readit:hover { background:rgb(10, 10, 0); background:rgba(10,10,0,.35); } /* ------------------------------------------------------- ESSAY ------------------------------------------------------- */ body div#devskin10190364 .essay { background:#e9d9b9 url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-parchment.jpg) repeat; color:#121516; font-size:21px; line-height:29px; padding:6% 4.6%; position:relative; overflow:hidden; } body div#devskin10190364 .essay.last { padding-bottom:25%; } body div#devskin10190364 .essay .headline { border-bottom:3px double #121516; margin-bottom:60px; position:relative; } body div#devskin10190364 .essay .headline h2 { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/title-symptom.png) 0 0 no-repeat; height:51px; text-indent:-9999em; margin-bottom:5px; } body div#devskin10190364 .essay .headline div.name { display:block; font-style:italic; font-weight:normal; font-size:18px; color:#7d3532; margin-bottom:30px; } body div#devskin10190364 .essay .headline div.name a { color:inherit; } body div#devskin10190364 .essay h3 { color:#793430; font-size:28px; line-height:38px; font-style:italic; font-weight:bold; } body div#devskin10190364 .essay .col { width:50%; float:left; } body div#devskin10190364 .essay .bg.one { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-1.png) 50% 100% no-repeat; background-size:contain; position:absolute; bottom:0; right:0; width:50%; height:75%; } body div#devskin10190364 .essay .bg.two { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-2.png) 100% 0 no-repeat; background-size:contain; position:absolute; top:0; right:0; width:50%; height:95%; } body div#devskin10190364 .essay .bg.three { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-3.png) 50% 100% no-repeat; background-size:contain; position:absolute; bottom:0; right:0; width:50%; height:95%; } body div#devskin10190364 .essay .col p { max-width:720px; } /* ------------------------------------------------------- IMGE GRID ------------------------------------------------------- */ body div#devskin10190364 .image-grid { position:relative; overflow:hidden; background:#000; } body div#devskin10190364 .image-grid .col_65 { width:65%; float:left; } body div#devskin10190364 .image-grid .col_33 { width:33.333%; float:left; } body div#devskin10190364 .image-grid .col_35 { width:35%; float:left; } body div#devskin10190364 .image-grid .img { position:relative; background-color:#000; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.25s ease-in; -moz-transition:all 0.25s ease-in; -webkit-transition:all 0.25s ease-in; -ms-transition:all 0.25s ease-in; -o-transition:all 0.25s ease-in; } body div#devskin10190364 .image-grid .credit { position:absolute; opacity:0; filter:alpha(opacity=0); _zoom:1; bottom:20px; right:20px; font-size:12p transition: all 0.25s ease-in; } body div#devskin10190364 .img:hover .credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin10190364 .image-grid .credit span { color:#fff; font-family:'Lato', Sans-Serif; text-shadow:0 2px 3px rgba(0,0,0,0.30); } body div#devskin10190364 .image-grid .credit a { color:inherit; } body div#devskin10190364 .image-grid .col_65 .img { padding:46% 0; } body div#devskin10190364 .image-grid .col_35 .img.top { padding:52% 0; } body div#devskin10190364 .image-grid .col_35 .img.bot { padding:33.4% 0; } body div#devskin10190364 .image-grid .col_33 .img { padding:75% 0; } body div#devskin10190364 .image-grid .img-1 { background-image:url(https://th04.deviantart.net/fs70/PRE/f/2012/310/1/9/1914f1db1ce2e3c76fbe486b47b5bc00-d5ija7v.jpg); background-size:112% auto; } body div#devskin10190364 .image-grid .img-2 { background-image:url(https://th05.deviantart.net/fs71/PRE/i/2012/309/6/1/odyssey_project_chapter_2___you_can_call_me_maya_by_micha_vom_wald-d5k3lm1.jpg); } body div#devskin10190364 .image-grid .img-3 { background-image:url(https://fc04.deviantart.net/fs70/i/2012/345/0/2/odyssey_2___chapter_vii_by_micha_vom_wald-d5nq8gl.jpg); } body div#devskin10190364 .image-grid .img-4 { background-image:url(https://fc04.deviantart.net/fs71/f/2012/312/c/2/odyssey_chapter3_skin_glowing_by_solyane21-d5kd0h7.jpg); } body div#devskin10190364 .image-grid .img-5 { background-image:url(https://th03.deviantart.net/fs70/PRE/i/2012/335/c/7/disappeared_by_tatsuyabocchan-d5moaac.jpg); background-size:135% auto; } body div#devskin10190364 .image-grid .img-6 { background-image:url(https://th02.deviantart.net/fs70/PRE/i/2012/299/b/e/odyssey_2_by_martinhanford1974-d5izilq.jpg); } body div#devskin10190364 .image-grid .img-7 { background-image:url(https://fc07.deviantart.net/fs71/i/2012/319/4/4/passing_through_by_lesley_oldaker-d5l2atf.jpg); } body div#devskin10190364 .image-grid .img-8 { background-image:url(https://fc00.deviantart.net/fs70/i/2012/321/3/2/i_am_not_a_normal_spawn_by_holaso-d5l8pez.jpg); } body div#devskin10190364 .image-grid .img-9 { background-image:url(https://fc07.deviantart.net/fs70/i/2012/296/e/2/into_the_crowd_by_nomad613-d5iqlcc.jpg); } body div#devskin10190364 .image-grid .img-10 { background-image:url(https://th00.deviantart.net/fs71/PRE/f/2013/045/7/2/zero_hour_by_puzzledpixel-d5uss6p.jpg); } body div#devskin10190364 .image-grid .img-11 { background-image:url(https://th02.deviantart.net/fs71/PRE/i/2012/295/4/9/odyssey_ii_prologue_by_devin_francisco-d5io7p0.jpg); background-size:135% auto; } body div#devskin10190364 .image-grid .img-12 { background-image:url(https://th03.deviantart.net/fs71/PRE/i/2012/310/5/6/odyssey_ch__2_art_by_smjblessing-d5k8h2u.jpg); } /* ------------------------------------------------------- POETRY ------------------------------------------------------- */ body div#devskin10190364 .poetry { position:relative; background:#171716 url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-padding.jpg) 0 0 repeat fixed; color:#151514; padding:80px 0; } body div#devskin10190364 .poetry h3 { color:#d4ad74; font-size:18px; font-style:italic; font-weight:normal; margin:0 0 5px 0; } body div#devskin10190364 .poetry h2 { background:url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/title-poetry.png) 0 0 no-repeat; height:81px; border-bottom:3px double #d4ad74; text-indent:-9999em; margin:0 0 40px 0; } body div#devskin10190364 .poetry .poem { text-align:center; font-size:12px; line-height:18px; padding:20px; font-style:italic; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin10190364 .poetry .poem h3 { font-family:'Lato', Sans-Serif; font-style:normal; text-transform:uppercase; font-size:16px; color:#a14540; font-weight:700; margin-bottom:2px; } body div#devskin10190364 .poetry .poem h3 a { color:inherit; } body div#devskin10190364 .poetry .poem > span { color:#3e3527; font-size:12px; line-height:18px; display:block; padding:0 0 15px; margin-bottom:15px; font-style:italic; border-bottom:3px solid #a7544d; } body div#devskin10190364 .poetry .poem > span a { color:inherit; } body div#devskin10190364 .poetry .poem p br { display:inline; } body div#devskin10190364 .poetry .p-1 { background:#eedec7; } body div#devskin10190364 .poetry .p-2 { background:#d0b79b; } body div#devskin10190364 .poetry .p-3 { background:#c4bdac; } body div#devskin10190364 .poetry .p-4 { background:#fcf1d7; } body div#devskin10190364 .poetry .p-5 { background:#d7c099; } /* ------------------------------------------------------- BOTTOM ------------------------------------------------------- */ body div#devskin10190364 .gr-body .bottom { background:#171716 url(https://www.da-files.com/artnetwork/odyssey-2013/wrap/bg-padding.jpg) 0 0 repeat fixed; margin:0; padding:30px; position:relative; height:80px; font-family:inherit; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; z-index:1; } body div#devskin10190364 .bottom a.commentslink { font-size:13px; opacity:0.75; filter:alpha(opacity=75); _zoom:1; color:#A6382E; display:inline-block; text-decoration:none; position:relative; padding:0; margin:0; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; } body div#devskin10190364 .gr-body .bottom:hover a.commentslink:hover { color:#FF7366; } body div#devskin10190364 .gr-body .bottom .prevlink { display:none; } /* ------------------------------------------------------- MISC ------------------------------------------------------- */ body div#devskin10190364 .list { height:0; width:0; clear:both; visibility:hidden; } @media only screen and (max-width: 767px) { body div#devskin10190364 .wrap { width:auto; display:block; padding:0 20%; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .img-grid .col, body div#devskin10190364 .col_1, body div#devskin10190364 .col_2, body div#devskin10190364 .col_3, body div#devskin10190364 .col_4, body div#devskin10190364 .col_5, body div#devskin10190364 .col_6, body div#devskin10190364 .col_7, body div#devskin10190364 .col_8, body div#devskin10190364 .col_9, body div#devskin10190364 .col_10, body div#devskin10190364 .col_11, body div#devskin10190364 .col_12 { float:none; display:block; width:auto; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .before_1, body div#devskin10190364 .before_2, body div#devskin10190364 .before_3, body div#devskin10190364 .before_4, body div#devskin10190364 .before_5, body div#devskin10190364 .before_6, body div#devskin10190364 .before_7, body div#devskin10190364 .before_8, body div#devskin10190364 .before_9, body div#devskin10190364 .before_10, body div#devskin10190364 .before_11, body div#devskin10190364 .after_1, body div#devskin10190364 .after_2, body div#devskin10190364 .after_3, body div#devskin10190364 .after_4, body div#devskin10190364 .after_5, body div#devskin10190364 .after_6, body div#devskin10190364 .after_7, body div#devskin10190364 .after_8, body div#devskin10190364 .after_9, body div#devskin10190364 .after_10, body div#devskin10190364 .after_11 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .push_1, body div#devskin10190364 .push_2, body div#devskin10190364 .push_3, body div#devskin10190364 .push_4, body div#devskin10190364 .push_5, body div#devskin10190364 .push_6 .push_7, body div#devskin10190364 .push_8, body div#devskin10190364 .push_9, body div#devskin10190364 .push_10, body div#devskin10190364 .push_11, body div#devskin10190364 .pull_1, body div#devskin10190364 .pull_2, body div#devskin10190364 .pull_3, body div#devskin10190364 .pull_4, body div#devskin10190364 .pull_5, body div#devskin10190364 .pull_6, body div#devskin10190364 .pull_7, body div#devskin10190364 .pull_8, body div#devskin10190364 .pull_9, body div#devskin10190364 .pull_10, body div#devskin10190364 .pull_11 { left:0; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .wrap .wrap { padding:0!important; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .wrap .wrap div { width:100%!important; float:none!important; height:auto!important; display:block!important; padding:0%!important; margin-left:0!important; margin-right:0!important; } } @media only screen and (max-width: 767px) { body div#devskin10190364 .image { padding:0!important; margin:0 0 30px 0!important; top:0!important; right:0!important; bottom:0!important; left:0!important; min-width:100%!important; max-width:100%!important; width:100%!important; } }

Odyssey II: That Which Can Be Imagined

Watch depthRADIUS

Browse Submissions
Visit Project

Final Thoughts from Clive Barker

Odyssey. I can think of no better word to describe the journey that took place these past few months.

With the prologue, “They’re Mad, They Are,” I began work on a vessel that was not yet ready for sea. And on that holed ship, together we embarked over open waters towards an unknown destination.

What I then witnessed both touched and humbled me. You, the mighty crew of the HMS Odyssey, simultaneously crafted her and plotted her voyage with artistry and grace. No small feat.

The path we traveled was treacherous, to be sure. But we passed through the eye of the storm, and found ourselves in a new world. It was brutal, brilliant, and inspiring.

Thank you for sharing yourselves with me. You are among the finest shipmates I’ve ever had the privilege to work beside. Make no mistake; we’ve built something beautiful.

Though our paths must now diverge, we will forever be connected by this sweet and terrible ride through the eternal, collective universe of That Which Can Be Imagined.

CliveBarker on deviantART

Odyssey II
Chapters

Prologue
THEY'RE MAD, THEY ARE

ARTWORK BY: HansNomad

LITERATURE BY: CliveBarker

Read Prologue

Chapter 1
A Shower and a Change

ARTWORK BY: littlecrow

LITERATURE BY: markmywords85

Read Chapter 1

Chapter 2
The Host With the Most

ARTWORK BY: David-Steele

LITERATURE BY: HansNomad

Read Chapter 2

Chapter 3
Skin Glowing From Within

ARTWORK BY: Kimbot

LITERATURE BY: MelissaBoreal

Read Chapter 3

Chapter 4
Dreams of the Deep

ARTWORK BY: Scodge

LITERATURE BY: CZGrey

Read Chapter 4

Chapter 5
Techno-Colored Psychosis

ARTWORK BY: vonBee

LITERATURE BY: HereLizaKnight

Read Chapter 5

Chapter 6
Something Worse than Nobody

ARTWORK BY: littlecrow

LITERATURE BY: Isagiyo-Yan

Read Chapter 6

Chapter 7
A Man Reborn

ARTWORK BY: TravTheMad

LITERATURE BY: demonsweat

Read Chapter 7

Chapter 8
Brethren

ARTWORK BY: Micha-vom-Wald

LITERATURE BY: BillBlogins

Read Chapter 8

Symptom of the Universe

by techgnotic

The Vision is Getting Clearer...

The inimitable author and artist, the fantastic Clive Barker , lent his special, brilliant madness to Odyssey Project 2.0 by writing the first “prompt” chapter of our experiment; setting the tenor for what would evolve into a weirdly wonderful and beautiful tale. We were honored by his participation.

For marioluevanos and I, This was our second effort at creating an ultra-collaborative short story fiction, our delirious, inspired version of the “exquisite corpse” salon game once played by the Surrealists. So far this incredible community of creative artists and storytellers have given life to two amazing “monsters”. The Grand Game will continue.

by David-Steele

by Micha-vom-Wald

by Micha-vom-Wald

There were, once again, a whole host of minor glitches, particularly with so many entries needing to be read and fairly assessed in such a short time by so few judges (Clive himself was the ultimate arbiter this time). All of your suggestions for improving this endeavor that have been coming in are greatly appreciated. You all have been writing the rules of the next Odyssey project throughout this process.

“Baby steps” for now, but together, we dream mightily…

Of all the unforeseen collateral fallout surrounding our Odyssey endeavors contest, none has been more heartening than the many incidences of participants branching off from the main narrative of the “chosen” story to continue their own personal vision. Often in collaboration with other writers and artists, they discovered their own preferred narrative vein and finished out their own separate stories. The idea behind this project has always been all about sparking creativity in collaboration, not simply winning a place in the main story. That so many fresh new stories were born from the deviously germinated seed of a single Clive Barker chapter is precisely the magic we can all achieve together.

by Solyane21

by tatsuyabocchan

by MartinHanford1974

Many have been asking about the hard copy publication of Odyssey and Odyssey II , as well as the attendant charitable donations to come from those sales. I am preparing a separate article for everyone that will go out in the next two weeks which will outline the plans for publishing both works this fall. There will be digital versions as well as hard copy versions. We have also expanded the content to include a full explanation of Odyssey Project with a behind the scenes feature outlining the process and participants from the beginning. I will create a list of the timelines, elements, and structure that we can all discuss in the comments and I will also schedule a featured chat with marioluevanos and I so that we can all talk about it in real time.

by lesley-oldaker

by holaso

by Nomad613

by puzzledpixel

by Devin-Francisco

by smjblessing

Odyssey II
Poetry

Ascend
by puzzledpixel

This body,
against the rage of strongest winds
and waves of virulent assaults
will endure.
My feet,
through vicious aftershocks
shall grow roots
and when the eye of the storm
has looked me in the eye, I
will be left standing,
alone, intact,
whole.
My life is not my
own and this body,
is only worn.
I am
my spirit, ethereal
incorporeal
absolute.
Not by anything in this world
can I be touched,
you can not even bend me.
How can you destroy me?

A Subtle Shift in Course
by Beatleyperson

A subtle shift in course
That seemed quite insubstantial at first
Has given way, till you're far off path
And lost in a distant trance
What seemed inconsequential at the start
Has now made your life slowly fall apart
As you watch it crumble and crumple in your hands
You feel yourself loose your grip, and go mad
A certain paranoia sinks through the weary haze
You desperately try and slip away
As it grows into an uncontrollable panic
And you begin to grow drastic
And as the fear begins to grow
A soft voice in your head begins to echo
What did you do to deserve such a fate?
But put it out of mind, because it's too late
You're surly going to die by the hand
That you didn't see, didn't expect, and
The one you weren't afraid of
Brought this nightmare to life
And all of this came to roust
From a subtle shift in course

Inside Out
by portraitinflesh

Nausea, not me:
I boil within
my own skin
is a stranger
flaming and searing
me, not me.

The pain is in plain view
if only I weren’t hidden
if I could see me
would I recognize
or avert my eyes
knowing it has all
been taken away.

Me, not me
not since she,
or it, or them

Me, why me
a chosen vessel
without my consent

I may not have been much
but I’m all I’ve ever had
and now, no
nothing, nowhere.
The skin—my skin—
taken, broken
bruised, flayed
I fade

because of her
or it, or them
I will end;
even my wasted time
is torn away.

I’m tearing now
she-it-they want out.
I want to shout, scream
But my voice is alien to me.

Two of me
from me
of me
but not.
No longer.

Outray
by portraitinflesh

what’s mine is mine
to twist or unwind
I know what I hold dear

the end is near
if you had your way
each night you’d erase the next day

the price you had to pay
was far too high,
you ripped apart the sky

no explanation why
other than wanting to play God
you needed no encouraging nod

my ally was odd
even to you, yet she
also betrayed me

I can finally see
the truth you tried to hide
I saw once I died

so I turned the tide
you are out of time
what’s mine is mine

Outside In
by portraitinflesh

Look at the beauty
There is shit everywhere, every
breath drags it into me.

There is beauty all around
The ground under my feet is poisoned
I look up, and the sky is dying.

I see what you cannot
We avert our eyes, our
sighs we bottle up inside.
So much potential, so much
A shell of protection,
we’re so close to breaking apart.

You ignore your treasure,
this precious world, a shining
reflection of infinite possibilities—
you don’t deserve it
and you won’t miss
what you never noticed

Day in, die out
it’s all the same.
No one knows my name,
I’ve grown OK with that.
Life should make sense by now
instead, it drags me down.

A way in, that’s all I ask—
a path to your world, a
chance to taste neglected wonders

I wander through life,
everyone does—
it’s what we do when we don’t dream.

A seam to rip apart;
I’ll tear through you
Something has entered me
You may not make it
but you’ll create it
I feel so empty inside.