.index_page embed, .index_page object, .index_page iframe { width:100% !important; }
.index_page img { max-width: 100%; height: auto; }
.permalink_page { width: 500px; padding: 25px; margin: 50px auto; }
.wrapper div { position: absolute; }
.sp-canvas { display: none; }

#post1 { width: 600px; }
#post2 { top: 740px; left: -220px; width: 400px; }
#post3 { top: 1400px; left: 300px; width: 300px; }
#post4 { top: 1500px; left: 700px; width: 250px; }
#post5 { top: 1400px; left: 1200px; width: 400px; }
#post6 { top: 1540px; left: 1750px; width: 400px; }
#post7 { left: 2150px; top: 1250px; width: 200px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
#post8 { left: 2300px; top: 660px; width: 400px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
#post9 { left: 2200px; top: 400px; width: 200px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post10 { left: 2200px; top: -450px; width: 400px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post11 { left: 1700px; top: -1300px; width: 400px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post12 { width: 400px; left: 800px; top: -1300px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post13 { width: 180px; left: 800px; top: -700px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post14 { width: 250px; left: 600px; top: -350px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#post15 { left: 200px; top: -800px; width: 250px; }

#title { font-size: 50px; line-height: 1; font-weight: bolder; display: inline-block; }
#header { position: fixed; left: 25px; top: 25px; z-index: 16; }
#title a, #title a:hover { text-decoration: none; }
ul#links { padding: 0; margin: 0 0 0 10px; display: inline-block; }
#links li { list-style-type: none; display: inline-block; }

.photoset a:first-child { display: block !important; border: 0 !important; padding: 0 !important; }
.photoset a { display:none; }
.nav { text-align: center; }

#permalink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#permalink:hover { background: transparent; }

#caption { margin: 15px 0 0 0; }
#info { margin: 15px 0 0 0; text-align: center; }
#info p { padding: 0; margin: 0; }
#gallery img { width: 100%; height: auto; }
#zoom { z-index: 2; position: absolute; cursor: crosshair; }
#click { font-size: 18px; font-weight: bolder; cursor: pointer; margin: 15px 0; }

ul#post_tags { padding: 0; margin: 0; }
#post_tags li { list-style-type: none; display: inline-block; }
#post_tags li:after { content: ','; }  
#post_tags li:before { content: '#'; }
#post_tags li:last-child:after { content: ''; } 

.notes { text-align: left; }
ol.notes { padding: 0px; list-style-type: none; }
ol.notes li.note img.avatar { display: none; }