/* greg-wood.co.uk - SPECIAL CSS STYLES, FOR 'ART DIRECTED' POSTS GREGORY JAMES WOOD VERSION 1.1 CONTENTS ---------- 1.ERSKINE BIKE RIDE 2.ERSKINE CAMPING TRIP 2008 3.YOUR (physical) MUSIC NEEDS YOU! 4.SURVIVING (THE INEVITABLE) Z-APOCALYPSE ------------------- */ /* 1.ERSKINE BIKE RIDE -----------------------------------------*/ div#poster_bikeride { font-family:Georgia,serif; font-size:13px; line-height:18px; color:#fff; background:#151412 url(../images/special/poster_bikeride/main_bg.jpg) no-repeat right bottom; width:940px; padding-bottom:210px; position:relative; margin:20px 0 40px 0; overflow:hidden; } div#poster_bikeride img { display:none; } div#poster_bikeride div#poster_top h1 { width:580px; height:270px; text-indent:-9999px; font-size:1px; background:url(../images/special/poster_bikeride/h1_main.png) no-repeat left top; position:absolute; right:0; top:120px; z-index:2; } div#poster_bikeride div#poster_top h3 { width:940px; height:410px; text-indent:-9999px; font-size:1px; background:url(../images/special/poster_bikeride/h3_main.png) no-repeat left top; margin:0; } div#poster_bikeride div#poster_main { padding:270px 680px 0 20px; background:url(../images/special/poster_bikeride/finish_line.png) no-repeat left top; overflow:hidden; position:relative; top:-250px; margin-bottom:-280px; } div#poster_bikeride div#poster_movie { width:689px; height:532px; background:url(../images/special/poster_bikeride/movie_bg.jpg) no-repeat 20px top; float:right; position:relative; right:-680px; top:-1px; margin-left:-680px; } div#poster_bikeride div#poster_movie h4#ersk_prod { width:638px; height:226px; text-indent:-9999px; background:url(../images/special/poster_bikeride/erskine_production.png) no-repeat left top; padding:0; margin:0; position:absolute; bottom:44px; right:4px; } div#poster_bikeride div#poster_movie img { display:block; border:none; width:420px; height:315px; margin-top:70px; margin-left:155px; } div#poster_bikeride div#poster_movie h4#coming_soon { width:235px; height:35px; text-indent:-9999px; background:url(../images/special/poster_bikeride/comingsoon.png) no-repeat left top; position:absolute; right:47px; top:120px; margin:0; padding:0; } div#poster_bikeride div#poster_main h4 { border:none; margin-bottom:30px; padding-top:40px; color:#e4d6b2; font-style:italic; font-family:Georgia,serif; font-size:17px; font-weight:normal; } div#poster_bikeride div#poster_main p { text-align:justify; margin-bottom:25px; } div#poster_bikeride div#poster_main p span.oh { display:block; float:left; width:41px; height:44px; text-indent:-9999px; background:url(../images/special/poster_bikeride/oh.jpg) no-repeat left top; margin-right:10px; position:relative; top:6px; left:3px; } div#poster_bikeride div#poster_main p span.hell { font-weight:bold; font-style:italic; color:#cc0000; text-transform:uppercase; } div#poster_bikeride div#poster_main blockquote { border:none; color:#e4d6b2; background:url(../images/special/poster_bikeride/blockquote_start.jpg) no-repeat left 4px; font-size:14px; line-height:22px; margin-bottom:25px; } div#poster_bikeride div#poster_main blockquote p { margin-bottom:5px; text-align:left; } div#poster_bikeride div#poster_main blockquote p span { color:#fff; font-weight:bold; } div#poster_bikeride div#poster_main blockquote cite { color:#a7a59e; font-size:11px; text-transform:uppercase; letter-spacing:1px; } div#poster_bikeride div#poster_main a:link, div#poster_bikeride div#poster_main a:visited { color:#a7a59e; } div#poster_bikeride div#poster_main a:hover, div#poster_bikeride div#poster_main a:focus { background:none; color:#d3d1ca; } div#poster_bikeride p.kudos { margin:0; font-size:10px; } div#poster_bikeride div#poster_end { clear:both; background:#0d0d0d url(../images/special/poster_bikeride/end_bg.jpg) no-repeat 790px bottom; width:960px; height:150px; position:absolute; bottom:0; } div#poster_bikeride div#poster_end h1 { width:810px; height:50px; text-indent:-9999px; font-size:1px; background:url(../images/special/poster_bikeride/h1_end.jpg) no-repeat left top; } div#poster_bikeride div#poster_end h3 { display:none; } div#poster_bikeride div#poster_end ul { margin:50px 0 0 20px; list-style:none; width:670px; height:30px; text-indent:-9999px; font-size:1px; background:url(../images/special/poster_bikeride/starring_bg.jpg) no-repeat left top; } /* 2.ERSKINE CAMPING TRIP 2008 -----------------------------------------*/ div#erskcamp { position:relative; margin-bottom:30px; } div#erskcamp h1 { width:940px; height:140px; text-indent:-9999px; background:url(../images/special/erskcamp/erskcamp_h1.jpg) no-repeat left bottom; padding-top:20px; } div#erskcamp h3 { margin:0; padding:0; text-indent:-9999px; } div#erskcamp h3.friday { width:940px; height:250px; background:url(../images/special/erskcamp/erskcamp_friday.jpg) no-repeat left top; } div#erskcamp h3.saturday { width:965px; height:175px; background:url(../images/special/erskcamp/erskcamp_saturday.jpg) no-repeat left top; } div#erskcamp h3.sunday { width:940px; height:235px; background:url(../images/special/erskcamp/erskcamp_sunday.jpg) no-repeat left top; } div#erskcamp h4 { display:none; } div#erskcamp p { visibility:hidden; height:0px; margin:0; } div#erskcamp ul { list-style:none; width:143px; height:21px; margin:0; position:absolute; right:5px; bottom:25px; background:url(../images/special/erskcamp/erskcamp_links_bg.png) no-repeat 66px top; } div#erskcamp ul li { float:left; width:30px; height:21px; margin:0; } div#erskcamp ul li a { display:block; width:30px; height:21px; text-indent:-9999px; background-image:url(../images/special/erskcamp/erskcamp_links.png); background-repeat:no-repeat; } div#erskcamp ul li a:hover, div#erskcamp ul li a:focus { background-color:transparent; } div#erskcamp ul li#collypics a:hover, div#erskcamp ul li#collypics a:focus { background-position:0px -22px; } div#erskcamp ul li#collyblog { margin-right:22px; } div#erskcamp ul li#collyblog a:link, div#erskcamp ul li#collyblog a:visited { background-position:-30px 0px; } div#erskcamp ul li#collyblog a:hover, div#erskcamp ul li#collyblog a:focus { background-position:-30px -22px; } div#erskcamp ul li#swinepics a:link, div#erskcamp ul li#swinepics a:visited { background-position:-82px 0px; } div#erskcamp ul li#swinepics a:hover, div#erskcamp ul li#swinepics a:focus { background-position:-82px -22px; } div#erskcamp ul li#swineblog a:link, div#erskcamp ul li#swineblog a:visited { background-position:-112px 0px; } div#erskcamp ul li#swineblog a:hover, div#erskcamp ul li#swineblog a:focus { background-position:-112px -22px; } /* 3.YOUR (physical) MUSIC NEEDS YOU! -----------------------------------------*/ /*body.your-physical-music-needs-you { background:url(../images/special/physmusic/physmusic-bg.jpg) no-repeat center -5px; }*/ div#physmusic { font-family:Georgia,serif; font-size:13px; line-height:20px; float:left; margin-bottom:30px; } div#physmusic div.intro { font-size:14px; line-height:21px; padding:12px 320px 10px 0; margin-bottom:35px; position:relative; border-bottom:2px solid #999; } div#physmusic div.intro h1 { width:405px; height:28px; text-indent:-9999px; background:url(../images/special/physmusic/intro_h1.gif) no-repeat left top; margin-bottom:20px; } div#physmusic div.intro img { position:absolute; right:0; top:-30px; } div#physmusic div.intro p { margin-bottom:20px; } div#physmusic ul { list-style:none; } div#physmusic ul li { margin:0; } div#physmusic ul li h3 { text-indent:-9999px; } div#physmusic ul li#againstme { width:460px; float:left; /*margin-right:57px;*/ position:relative; } div#physmusic ul li#againstme h3 { position:absolute; left:70px; top:167px; width:382px; height:91px; background:url(../images/special/physmusic/againstme_h3.gif) no-repeat left top; } div#physmusic ul li#againstme img { margin:0 0 40px -33px; } div#physmusic ul li#againstme p:first-letter { color:#e181da; font-size:70px; } div#physmusic ul li#newbombturks { width:423px; float:right; padding-top:10px; } div#physmusic ul li#newbombturks h3 { width:423px; height:64px; background:url(../images/special/physmusic/newbombturks_h3.gif) no-repeat left top; margin-bottom:15px; } div#physmusic ul li#newbombturks img { margin:0 -25px 0 0; float:right; } div#physmusic ul li#ramones { clear:both; position:relative; } div#physmusic ul li#ramones h3 { height:28px; background:url(../images/special/physmusic/ramones_h3.gif) no-repeat right bottom; padding-top:20px; position:relative; right:-8px; margin-bottom:6px; } div#physmusic ul li#ramones img { position:absolute; top:0; left:-65px; } div#physmusic ul li#ramones p { text-align:right; float:right; width:407px; padding:15px 0 18px 213px; border-top:3px solid #bf435a; border-bottom:3px solid #bf435a; } div#physmusic ul li#ramones p:first-line { font-variant:small-caps; font-size:14px; letter-spacing:1px; } div#physmusic ul li#theshins { clear:both; width:300px; float:left; margin:0 20px 0 0; padding:35px 0 158px 0; position:relative; } div#physmusic ul li#theshins h3 { height:80px; margin:0; background:url(../images/special/physmusic/theshins_h3.gif) no-repeat left top; } div#physmusic ul li#theshins img { position:absolute; bottom:0; } div#physmusic ul li#theshins p { text-align:justify; } div#physmusic ul li#rumbleseat { width:300px; float:left; margin:0 20px 0 0; padding:28px 0 170px 0; position:relative; } div#physmusic ul li#rumbleseat h3 { width:307px; height:80px; margin-bottom:7px; background:url(../images/special/physmusic/rumbleseat_h3.gif) no-repeat left top; } div#physmusic ul li#rumbleseat img { position:absolute; left:13px; bottom:0; } div#physmusic ul li#rumbleseat p { text-align:justify; } div#physmusic ul li#nofx { width:300px; float:left; margin:0; padding:30px 0 160px 0; position:relative; } div#physmusic ul li#nofx h3 { width:312px; height:81px; margin-bottom:4px; background:url(../images/special/physmusic/nofx_h3.gif) no-repeat left top; } div#physmusic ul li#nofx img { position:absolute; left:10px; bottom:0; } div#physmusic ul li#nofx p { text-align:justify; } div#physmusic ul li#queers { clear:both; padding-top:47px; position:relative; overflow:hidden; } div#physmusic ul li#queers h3 { width:640px; height:35px; margin-bottom:24px; background:url(../images/special/physmusic/queers_h3.gif) no-repeat left top; } div#physmusic ul li#queers img { position:absolute; right:0; top:44px; } div#physmusic ul li#queers p { width:220px; float:left; margin:0 20px 35px 60px; text-align:justify; } div#physmusic ul li#queers p + p { margin:0; } div#physmusic ul li#stands { width:460px; float:left; margin-right:20px; padding-top:30px; position:relative; } div#physmusic ul li#stands h3 { width:427px; height:242px; position:absolute; left:30px; top:28px; background:url(../images/special/physmusic/stands_h3.gif) no-repeat left top; z-index:1; } div#physmusic ul li#stands img { float:left; margin:0 19px 90px -5px; } div#physmusic ul li#stands p { padding-top:39px; position:relative; z-index:2; } div#physmusic ul li#okkervilriver { width:460px; float:right; padding-top:29px; } div#physmusic ul li#okkervilriver h3 { width:140px; height:103px; background:url(../images/special/physmusic/okkervilriver_h3.gif) no-repeat left top; margin-bottom:17px; } div#physmusic ul li#okkervilriver img { float:right; position:relative; top:-120px; right:-8px; margin:0 0 -120px 0; } div#physmusic ul li#okkervilriver p:first-line { font-weight:bold; } /* 4.SURVIVING (THE INEVITABLE) Z-APOCALYPSE -----------------------------------------*/ div#z-time { background:#333 url(../images/special/z-time/main_bg.gif) no-repeat 0 0; color:#fff; font-family:Times,"Times New Roman",serif; font-size:14px; line-height:20px; margin:200px 0 50px 0; position:relative; padding:60px 0 0 0; } div#z-time a { font-weight:bold; font-style:italic; text-decoration:none; border-bottom:2px solid #6f7b63; color:#aac392; } div#z-time a:hover, div#z-time a:focus { color:#fff; background:none; } div#z-time h1 { width:642px; height:239px; text-indent:-9999px; background:url(../images/special/z-time/h1.png) no-repeat 0 0; position:absolute; top:-186px; left:-25px; } div#z-time div.intro { font-size:16px; line-height:24px; } div#z-time div.intro img { position:absolute; right:0; top:-345px; } div#z-time div.intro p { width:535px; padding:0 0 0 50px; float:left; } div#z-time div.intro p strong { display:block; width:61px; height:68px; background:url(../images/special/z-time/intro_dropcap.png) no-repeat 0 0; text-indent:-9999px; float:left; margin:5px 5px -5px -25px; } div#z-time div.intro div.notebefore { width:312px; float:right; } div#z-time div.intro div.notebefore h4 { display:none; } div#z-time div.intro div.notebefore p { width:auto; padding:12px 20px 0 60px; margin-top:80px; float:none; font-size:10px; line-height:20px; font-family:Verdana,sans-serif; color:#ddd; border-top:1px solid #abc392; background:url(../images/special/z-time/note_h4.png) no-repeat 35px 17px; } div#z-time div.discovery { clear:both; padding:80px 0 0 50px; position:relative; } div#z-time div.discovery h3 { width:234px; height:39px; text-indent:-9999px; background:url(../images/special/z-time/discovery_h3.png) no-repeat 0 0; position:relative; left:-28px; } div#z-time div.discovery p { width:450px; position:relative; z-index:3; } div#z-time div.discovery img { position:absolute; top:55px; left:490px; z-index:2; } div#z-time div.discovery p.advice { width:215px; height:250px; text-indent:-9999px; margin:0; background:url(../images/special/z-time/discovery_advice.png) no-repeat 0 0; position:absolute; top:130px; right:30px; } div#z-time div.shorttermsurvival { padding:150px 0 0 175px; position:relative; background:#2a2a2a url(../images/special/z-time/survival_bg.gif) no-repeat 0 0; overflow:hidden; } div#z-time div.shorttermsurvival h3 { width:155px; height:196px; text-indent:-9999px; background:url(../images/special/z-time/survival_h3.png) no-repeat 0 0; position:absolute; left:-3px; top:65px; } div#z-time div.shorttermsurvival > p { font-size:15px; width:675px; margin-bottom:40px; } div#z-time div.shorttermsurvival div { width:350px; float:left; margin-right:30px; } div#z-time div.shorttermsurvival div h4 { height:38px; text-indent:-9999px; background-repeat:no-repeat; background-position:left bottom; border:none; margin-bottom:0; } div#z-time div.shorttermsurvival div.safety h4 { background-image:url(../images/special/z-time/survival_h4_safety.png); } div#z-time div.shorttermsurvival div.supplies h4 { background-image:url(../images/special/z-time/survival_h4_supplies.png); } div#z-time div.weapons { clear:both; padding:0 665px 80px 20px; position:relative; background:url(../images/special/z-time/weapons_bg.gif) no-repeat left bottom; } div#z-time div.weapons h3 { width:940px; height:170px; text-indent:-9999px; background:url(../images/special/z-time/weapons_h3.gif) no-repeat 0 0; margin-left:-20px; } div#z-time div.weapons p em { font-size:12px; color:#ccc; } div#z-time div.weapons ul { list-style:none; margin:0; } div#z-time div.weapons ul li { position:absolute; margin:0; } div#z-time div.weapons ul li span { font-family:Helvetica,Arial,sans-serif; font-size:11px; line-height:15px; display:block; position:absolute; text-shadow: #111 1px 3px 3px; } div#z-time div.weapons ul li.telecaster { width:518px; height:212px; top:85px; left:320px; } div#z-time div.weapons ul li.telecaster span { width:150px; top:20px; left:255px; } div#z-time div.weapons ul li.chainring { width:176px; height:128px; top:335px; left:315px; } div#z-time div.weapons ul li.chainring span { width:100px; top:-5px; left:-10px; } div#z-time div.weapons ul li.hammer { width:112px; height:195px; top:275px; left:530px; } div#z-time div.weapons ul li.hammer span { width:85px; top:120px; left:-10px; } div#z-time div.weapons ul li.hatchett { width:85px; height:224px; top:260px; left:720px; } div#z-time div.weapons ul li.hatchett span { width:100px; top:65px; left:-60px; } div#z-time div.weapons ul li.sword { width:48px; height:392px; top:95px; left:865px; } div#z-time div.weapons ul li.sword span { width:130px; top:110px; left:-115px; } div#z-time div.settlement { padding:40px 370px 260px 20px; position:relative; background:#2a2a2a url(../images/special/z-time/settlement_bg.jpg) no-repeat left bottom; } div#z-time div.settlement h3 { width:329px; height:92px; text-indent:-9999px; background:url(../images/special/z-time/settlement_h3.png) no-repeat 0 0; position:absolute; right:20px; top:40px; }