<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Why We Broke Up Project

.wf-loading { /* Hide the blog title and post titles while web fonts are loading */ visibility: hidden; } body { background: url('') top left fixed repeat; margin: 0; padding: 0; font-family: ; } .clear { clear: both; height: 0px; overflow: hidden; } a img { border: none; } #wrapper { width: 845px; margin: 0 auto; } #wrapper #title { margin: 30px 0; color: #fff; font-size: 50px; font-weight: bold; font-family: ; text-shadow: 1px 3px 5px rgba(0,0,0, 0.5); letter-spacing: -1px; } #wrapper #title a { color: #fff; text-decoration: none; } #wrapper #content { width: 520px; float: left; } #wrapper #content .post { font-family: ; background: #fff; padding: 10px; position: relative; } #wrapper #content .post .media { text-align: center; margin-bottom: 10px; } #wrapper #content .post .quotebg { font-family: georgia, serif; font-size: 150px; color: ; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; position: absolute; top: 70px; left: 10px; } #wrapper #content .post .quote { color: ; font-weight: bold; padding: 20px 20px 5px 20px; } #wrapper #content .post .quote.short { font-size: 33px; line-height: 35px; } #wrapper #content .post .quote.medium { font-size: 25px; line-height: 28px; } #wrapper #content .post .quote.long { font-size: 18px; line-height: 22px; } #wrapper #content .post .quote_source *:first-child { margin-top: 0px; } #wrapper #content .post .quote_source *:last-child { margin-bottom: 0px; } #wrapper #content .post .quote *:first-child { margin-top: 0px; } #wrapper #content .post .quote *:last-child { margin-bottom: 0px; } #wrapper #content .post .copy { color: #6e7173; padding: 10px; font-size: 13px; line-height: 15px; } #wrapper #content .post .copy a { color: #6e7173; text-decoration: underline; } #wrapper #content .post .copy p { margin: 10px 0 0 0; padding: 0; } #wrapper #content .post .copy pre { margin: 10px 0px 10px 0px; padding: 10px; background-color: #e6e6e6; font: normal 11px Courier, monospace; overflow: auto; } #wrapper #content .post .copy > p:first-child { margin-top: 0; } #wrapper #content .post .copy img { max-width: 100%; } #wrapper #content .post .audio { background: #eaeaea; float: left; padding: 7px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #wrapper #content .post .audio .player { float: left; } #wrapper #content .post .audio .player .audio_player embed { border: 1px solid #c8c8c8; } #wrapper #content .post .audio .meta { padding: 8px 13px; height: 13px; float: left; color: #666; font-family: ; font-size: 11px; text-transform: lowercase; } #wrapper #content .post .audio .meta a { color: #666; text-decoration: none; } #wrapper #content .post .album_art { text-align: center; } #wrapper #content .post .question { color: #494949; font-size: 16px; font-weight: bold; background: #f1f1f1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0 0 15px 0; padding: 15px 20px; position: relative; } #wrapper #content .post .question .nipple { width: 13px; height: 7px; background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png'); position: absolute; bottom: -7px; left: 30px; } #wrapper #content .post .asker_container { margin: 0 0 20px 24px; } #wrapper #content .post .asker_container img { margin: 0 12px -7px 0; } #wrapper #content .post .asker_container a.asker { color: ; } #wrapper #content .post .title { color: #494949; font-size: 16px; font-weight: bold; padding: 10px 10px 0 10px; } #wrapper #content .post img { max-width: 500px; } #wrapper #content .post .chat { background-color: #fff; border-left: 5px solid #dedddd; margin: 10px 10px 0 10px; font-size: 14px; } #wrapper #content .post .chat .lines { margin-left: 1px; } #wrapper #content .post .chat .lines .line { background-color: #eaeaea; color: #494949; margin-bottom: 1px; padding: 3px 5px; } #wrapper #content .post .chat .lines .line.even { background-color: #dedddd; } #wrapper #content .post .link { margin: 4px 0 2px 0; font-size: 16px; line-height: 25px; } #wrapper #content .post .link a { background-color: ; color: #fff; padding: 5px 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #wrapper #content .post .link a:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #content .post .footer { background: #eaeaea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: ; font-size: 11px; color: #666; padding: 5px 10px; margin-top: 10px; } #wrapper #content .post .footer.for_permalink:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #content .post .footer .date { width: 67%; float: left; color: #666; } #wrapper #content .post .footer .notes { width: 33%; float: right; text-align: right; color: #666; } #wrapper #content .post .footer .notes a { color: #666; } #wrapper #content .post .footer .tags a { color: #4a4a51; text-decoration: underline; } #wrapper #content .post .footer .tags .tag-commas:last-child { display: none; } #wrapper #content .post .footer.with_source_url .tags { max-width: 330px; float: left; } #wrapper #content .post .footer.with_source_url .source_url { float: right; max-width: 160px; overflow: hidden; white-space: nowrap; } #wrapper #content .post .footer.with_source_url .source_url img { vertical-align: top; -moz-opacity: 0.5; opacity: 0.5; } #wrapper #content .post .footer.with_source_url .source_url:hover img { -moz-opacity: 0.7; opacity: 0.7; } #wrapper #content .post a { color: #6e7173; text-decoration: none; } #wrapper #content .post .copy blockquote { margin: 10px 0px 10px 10px; padding-left: 15px; border-left: solid 4px #dcdcdc; } #wrapper #content .post .copy blockquote blockquote { border-left: solid 4px #cccccc; } #wrapper #content .post .copy blockquote blockquote blockquote { border-left: solid 4px #bcbcbc; } #wrapper #content .post .copy blockquote blockquote blockquote blockquote { border-left: solid 4px #acacac; } #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote { border-left: solid 4px #9c9c9c; } #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote { border-left: solid 4px #8c8c8c; } #wrapper #content .bottom { background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent; width: 513px; height: 40px; margin: 0 auto; } #wrapper #content #navigation { text-align: right; padding-bottom: 35px; text-transform: lowercase; } #wrapper #content #navigation a { background-color: #fff; color: ; padding: 5px 10px; text-decoration: none; margin-left: 25px; } #wrapper #content #navigation a:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #content #navigation.jump_pagination {} #wrapper #content #navigation.jump_pagination a { margin: 0 0 0 4px; } #wrapper #content #navigation.jump_pagination .current_page { color: #fff; background-color: rgba(255,255,255, 0.1); border: 2px solid #fff; padding: 3px 8px; margin: 0 0 0 4px; cursor: default; } #wrapper #content #navigation.jump_pagination .jump_page {} #wrapper #content .post .notecontainer { background: #eaeaea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: ; font-size: 11px; color: #666; margin-top: 10px; margin-bottom: -10px; } #wrapper #content .post .notecontainer a { color: #666; text-decoration: underline; } #wrapper #content .post .notecontainer ol.notes { padding: 0px 0 10px 0; list-style-type: none; font-size: 11px; } #wrapper #content .post .notecontainer ol.notes li.note { padding: 10px 10px 0 10px; } #wrapper #content .post .notecontainer ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } #wrapper #content .post .notecontainer ol.notes li.note span.action { font-weight: normal; } #wrapper #content .post .notecontainer ol.notes li.note .answer_content { font-weight: normal; } #wrapper #content .post .notecontainer ol.notes li.note blockquote { border-left: 2px solid #666; padding: 4px 10px; margin: 10px 0px 0px 25px; } #wrapper #content .post .notecontainer ol.notes li.note blockquote a { text-decoration: none; } #wrapper #content #searchresults { color: #fff; margin: 0 0 15px 0; text-shadow: 1px 3px 5px rgba(0,0,0, 0.5); font-family: ; font-size: 20px; } #wrapper #content #searchresults .search_query { font-weight: bold; } #wrapper #content #searchresults .search_query:before { content:'“'; } #wrapper #content #searchresults .search_query:after { content:'”'; } #wrapper #sidebar { width: 250px; float: right; color: ; font-family: } #wrapper #sidebar a { color: ; } #wrapper #sidebar #top { background: #fff; padding: 0 20px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #wrapper #sidebar #top #avatar { width: 146px; height: 146px; padding: 8px 0 0 9px; background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent; position: relative; top: -24px; left: -5px; } #wrapper #sidebar #top #pages { margin-bottom: 15px; font-size: 12px; } #wrapper #sidebar #top #pages.ask_and_submit { display: none; display: block; display: block; } #wrapper #sidebar #top #pages a.page { display: block; float: left; background-color: ; color: #fff; padding: 4px 5px; margin: 0 5px 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #wrapper #sidebar #top #pages a.page:last-child { margin-right: 0; } #wrapper #sidebar #top #pages a.page:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #sidebar #top #description { font-size: 11px; position: relative; top: -18px; } #wrapper #sidebar #top #description a { color: ; text-decoration: underline; } #wrapper #sidebar #top #search { background: #fff; border: 1px solid ; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #wrapper #sidebar #top #search-scope { padding-top: 5px; font-size: 11px; text-align: center; } #wrapper #sidebar #top #search-scope input, #wrapper #sidebar #top #search-scope label { cursor: pointer; } #wrapper #sidebar #top #search form { margin: 0; } #wrapper #sidebar #top #search form .query { padding: 5px; border: none; background: transparent; outline: none; width: 125px; float: left; color: ; } #wrapper #sidebar #top #search form .submit { background: ; color: #fff; border: none; padding: 5px 7px; margin: 3px 3px 2px 0; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } #wrapper #sidebar #top #search form .submit:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #sidebar #top .heading { color: #fff; font-family: helvetica, arial, sans-serif; font-size: 17px; margin-top: 20px; padding: 10px; background-color: ; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #wrapper #sidebar #top a .heading { color: #fff; text-decoration: none; } #wrapper #sidebar #top .heading#followontumblr { background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_US.png') center left no-repeat ; text-indent: -9999px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #wrapper #sidebar #top .heading#followontumblr:hover, #wrapper #sidebar #top .heading#twitter:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #sidebar #top .heading#twitter { background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat ; } #wrapper #sidebar #top .heading#following { background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat ; } #wrapper #sidebar #top .content { margin-top: 2px; padding: 7px 10px; background: #eaeaea; color: #666; font-size: 11px; overflow: hidden; } #wrapper #sidebar #top a { text-decoration: none; } #wrapper #sidebar #top #following-avatars.content { padding: 4px; } #wrapper #sidebar #top #following-avatars.content a img { margin: 5px; } #wrapper #sidebar #top #buttons { padding: 20px 0 0 0; } #wrapper #sidebar #top #buttons .button { width: 35%; height: 21px; float: left; background: left center no-repeat transparent; padding: 2px 0 0 30px; font-size: 14px; } #wrapper #sidebar #top #buttons a { color: ; text-decoration: none; } #wrapper #sidebar #top #buttons div { padding-bottom: 10px; } #wrapper #sidebar #top #buttons .button#button-rss { background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2'); text-transform: capitalize; } #wrapper #sidebar #top #buttons .button#button-random { background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2'); } #wrapper #sidebar #top #buttons .button#button-archive { background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2'); } #wrapper #sidebar #top #buttons .button#button-mobile { background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2'); } #wrapper #sidebar #bottom { background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent; width: 250px; height: 25px; } #wrapper #sidebar #copyright { text-align: center; color: #fff; font-size: 12px; margin-bottom: 10px; } #wrapper #sidebar #copyright a { color: #fff; margin-left: 15px; } body { font-family: "museo-1","museo-2"; text-rendering: optimizelegibility; background: #E6E4D8 url(http://static.tumblr.com/jp3e8nj/xljllatmy/background.png); color: #2d1102; } #wrapper { width: 100%; margin: 0; overflow: hidden; } #wrapper #title { position: relative; z-index: 2; margin: 0 0 0 30px; padding: 0 0 10px 0; background: url(http://static.tumblr.com/jp3e8nj/zdxmx5la8/header.png) no-repeat left top; height: 275px; } #wrapper #title a { width: 955px; height: 275px; display: block; text-indent: -999em; } .header { height: 500px; background: url(http://static.tumblr.com/jp3e8nj/uETll8ygv/header-background.png) repeat-x left top; } .header #subhead { color: #636363; margin: 0 0 0 280px; width: 700px; height: 160px; } .header #subhead p { font-size: 20px; text-shadow: 0 1px 0 #b0d1e5; color: #0b2d5a; font-weight: 300; line-height: 28px; margin: 0; } .header #subhead p a { color: #9b282b; text-decoration: none; } .header #subhead p a:hover { color: #00265a; } .header #subhead p.handwritten span { background: url(http://static.tumblr.com/jp3e8nj/uhGll912z/subhead-text.png) no-repeat left bottom; height: 80px; width: 430px; text-indent: -999em; display: block; overflow: hidden; float: left; } .header #subhead p.handwritten a{ height: 80px; width: 230px; background: url(http://static.tumblr.com/jp3e8nj/uhGll912z/subhead-text.png) no-repeat right bottom; display: block; text-indent: -999em; overflow: hidden; } #wrapper #content { padding-left: 340px; color: #2d1102; font-weight: 400; line-height: 24px; background: #E6E4D8 url(http://static.tumblr.com/jp3e8nj/xljllatmy/background.png); float: none; width: 100%; } #wrapper #content h2.break-up-heading{ display: block; text-indent: -999em; margin-left: -60px; background: url(http://static.tumblr.com/jp3e8nj/QNXlld2fx/we-broke-up-because.png) no-repeat left center; } #wrapper #content .post { background: transparent url(http://static.tumblr.com/jp3e8nj/6ALll97j8/post-background.png) repeat-y center 5px; padding: 0; width: 600px; } #wrapper #content .post-wrap { background: transparent url(http://static.tumblr.com/jp3e8nj/9Illl98t1/post-border-top.png) no-repeat center top; color: #2d1102; padding: 25px; } #wrapper #content .post .quote, #wrapper #content .post .quote.short, #wrapper #content .post .quote.medium, #wrapper #content .post .quote.long, #wrapper #content .post .copy { font-size: 16px; font-family: "museo-1","museo-2"; color: #2d1102 !important; font-weight: 400; line-height: 28px; } #wrapper #content .post-wrap .tags a { background: transparent url(http://static.tumblr.com/jp3e8nj/Eeqllcnwz/icon-takeyouback.png) no-repeat center top; width: 83px; height: 83px; display: block; text-indent: -999em; top: 15px; left: -60px; position: absolute; } #wrapper #content .post-wrap.daniel_handler .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/fLVn109yk/icon_subpen.png); } #wrapper #content .post-wrap.i_d_take_you_back_in_a_minute .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/Eeqllcnwz/icon-takeyouback.png); } #wrapper #content .post-wrap.i_just_can_t_believe_it .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/pWOllcplq/icon-cantbelieve.png); } #wrapper #content .post-wrap.i_can_t_believe_you_wore_that .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/RdRllcr56/icon-worethat.png); } #wrapper #content .post-wrap.i_can_t_believe_that_s_what_you_thought .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/ZEsllcrnv/icon-thoughtthat.png); } #wrapper #content .post-wrap.i_can_t_believe_there_was_someone_else .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/f7mllcrqw/icon-someoneelse.png); } #wrapper #content .post-wrap.i_can_t_believe_how_disgusting_you_were .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/wRUllcruk/icon-disgusting.png); } #wrapper #content .post-wrap.i_can_t_believe_you_did_that .tags a { background-image: url(http://static.tumblr.com/jp3e8nj/avjllcrwu/icon-didthat.png); } #wrapper #content .post-wrap.daniel_responds .tags a[href*='Daniel_Responds'] { background: url(http://static.tumblr.com/jp3e8nj/HIullgiy7/icon-danielresponds.png) no-repeat center top; top: 107px; width: 57px; height: 57px; display: block; text-indent: -999em; left: -37px; position: absolute; } #wrapper #content .post-wrap.daniel_responds blockquote { background: #eceae4 url(http://static.tumblr.com/jp3e8nj/Dqbllgkd7/blockquote-border-left.png) repeat-y left top; padding-top: 10px; border-left: none; font-size: 15px; } #wrapper #content .post-wrap.daniel_responds blockquote p { background: #eceae4 url(http://static.tumblr.com/jp3e8nj/dJAllgke7/comment-bubble.png) no-repeat left top; padding: 40px 20px 40px 0; } #wrapper #content .bottom { background: transparent url(http://static.tumblr.com/jp3e8nj/CoGll97xf/post-border-bottom.png) no-repeat center -1px; width: 600px; margin: 0; } #wrapper #content .post .footer { background: url(http://static.tumblr.com/jp3e8nj/x6Xlldd6u/post-footer-border-top.png) no-repeat center top; font-size: 11px; margin-top: 10px; padding: 2px 0; overflow: hidden; } #wrapper #content #navigation { width: 600px; } #wrapper #content #navigation a.next { background: transparent url(http://static.tumblr.com/jp3e8nj/eUsllgkw0/next-page-link.png) no-repeat left top; display: block; text-indent: -9999px !important; font-size: 0 !important; line-height: 0 !important; float: right; text-decoration: none; width: 121px; height: 29px; padding: 0; margin: 0 0 0 15px; color: transparent; } #wrapper #content #navigation a.prev { background: transparent url(http://static.tumblr.com/jp3e8nj/Ytwlmh3nz/prev-page-link.png) no-repeat left top !important; display: block; text-indent: -9999px !important; font-size: 0 !important; line-height: 0 !important; float: left; text-decoration: none; width: 132px; height: 29px; padding: 0; margin: 0; color: transparent; } div.jump_pagination, div.jump_pagination a, div.jump_pagination span.current_page { color: #897f63 !important; font-size: 12px !important; } div.jump_pagination a:hover { background-color: #f3f1eb !important; } #wrapper #content .post .footer .share-widget a { background: url(http://static.tumblr.com/jp3e8nj/K5qllddax/share-button.png) no-repeat center top; display: block; text-indent: -999em; width: 81px; height: 30px; float: left; margin: 18px 0 0 0 !important; padding: 0 !important; } #wrapper #content .post .footer .js-kit-rating { width: 50%; float: right; margin: 0 !important; padding: 0 !important; } #sidebar-wrap { position: absolute; left: 0; top: 0; padding-top: 280px; padding-bottom: 350px; background: transparent url(http://static.tumblr.com/jp3e8nj/5apllazjj/sidebar-background.png) repeat-y left top; width: 260px; } #wrapper #sidebar { position: relative; padding: 0; width: 250px; margin-top: 0; float: none; } #wrapper #sidebar.fixed { position: fixed; background: transparent url(http://static.tumblr.com/jp3e8nj/5apllazjj/sidebar-background.png) repeat-y left top; padding: 0 0 1000px 0; width: 250px; margin-top: 0; top: 0; left: 0; } #sidebar-wrap ul#navigation, #sidebar ul#tags { padding: 0 0 60px 12px; list-style: none; margin: 0; } #sidebar-wrap ul#tags { height: 100%; position: relative; margin: 0; } #sidebar-wrap #navigation li a { background: url(http://static.tumblr.com/jp3e8nj/yxGlxdxqp/site-nav3.png) no-repeat left top; height: 45px; width: 217px; display: block; text-indent: -999em; overflow: hidden; } #sidebar-wrap #navigation li a.Share { background-position: left -1px; } #sidebar-wrap #navigation li a.Project { background-position: left -45px; } #sidebar-wrap #navigation li a.Book { background-position: left -87px; } #sidebar-wrap #navigation li a.Break-Up { background-position: left -130px; } #sidebar-wrap #navigation li a.Celebrity { background-position: left -173px; height: 65px; } #sidebar-wrap #navigation li a.Meet { background-position: left -233px; } #sidebar h3 { display: block; margin: 20px 0 0 12px; background: url(http://static.tumblr.com/jp3e8nj/2D7n103ge/breakup-categories.png) no-repeat left center; display: block; text-indent: -999em; } #sidebar #tags li a { background: url(http://static.tumblr.com/jp3e8nj/L5Cllbkld/category-icons.png) no-repeat left top; font-family: "museo-1","museo-2"; height: 50px; width: 167px; display: block; color: #fff; font-size: 14px; padding: 10px 0 0 50px; overflow: hidden; letter-spacing: 0.05em; text-shadow: 0 1px 0 #2e77a8; text-decoration: none; } #sidebar #tags li a:hover { background: url(http://static.tumblr.com/jp3e8nj/Jssllnhul/category-icons-over.png) no-repeat left top; color: #afdcf8; } #sidebar #tags li a.else { background-position: left -60px; height: 50px; } #sidebar #tags li a.else:hover { background-position: left -60px; height: 50px; } #sidebar #tags li a.did { background-position: left -120px; height: 48px; } #sidebar #tags li a.wore { background-position: left -178px; height: 50px; } #sidebar #tags li a.thought { background-position: left -238px; height: 50px; } #sidebar #tags li a.just { background-position: left -300px; height: 30px; } #sidebar #tags li a.back { background-position: left -341px; height: 38px; } #sidebar #tags li a.comment { background-position: left bottom; height: 43px; } #footer { background: url(http://static.tumblr.com/jp3e8nj/0wPll9it4/footer-background.png) repeat-x left bottom; height: 175px; clear: both; font: 11px 'Lucida Grande','Lucida Sans Unicode', sans-serif; color: #88847d; line-height: 18px; } #footer #copyright { margin: 0 0 0 280px; padding: 100px 0 30px 105px; background: url(http://static.tumblr.com/jp3e8nj/HxSmxapec/lb-teen-logo.png) no-repeat left 100px; } #footer #copyright a { text-decoration: none; color: #605d58; } #footer #copyright a:hover { text-decoration: underline; color: #464440; } /*============================== about the book page -------------------------------*/ body#about-the-book .header { height: 325px; background-position: left -175px; } body#about-the-book #wrapper #content .bottom { margin-bottom: 550px; } #wrapper #content h2.about-the-book-heading { display: block; text-indent: -999em; margin-left: -60px; background: url(http://static.tumblr.com/jp3e8nj/Z0Bllg9w0/about-the-book.png) no-repeat left center; } /*============================== celebrity break-ups -------------------------------*/ #wrapper #content h2.celeb-heading { display: block; text-indent: -999em; margin-left: -60px; background: url(http://static.tumblr.com/jp3e8nj/amollga3d/celebrity-breakup.png) no-repeat left center; } #wrapper #content span.celeb-cite { color: #1a6aa0; display: block; font-size: 14px; letter-spacing: 1px; margin-top: 10px; text-transform: uppercase; text-shadow: 1px 1px 1px, #fff; } /*============================== submit page -------------------------------*/ body#submit #wrapper #content .sform { background: url(http://static.tumblr.com/jp3e8nj/RJOllgdh0/submit-paper.jpg) no-repeat left center; height: 649px; width: 683px; } body#submit #wrapper #content .sform-inner { margin: 0 auto; padding-top: 60px; padding-left: 10px; width: 580px; } div.terms { width: 680px; } div.terms a { color: #b70309; } div.terms a:hover { color: #5283a3; } body#submit #wrapper #content .bottom2 { margin-bottom: 200px; } body#tour .header { height: 325px; background-position: left -175px; } #wrapper #content h2.tour-heading { display: block; text-indent: -999em; margin-left: -60px; background: url(http://static.tumblr.com/jp3e8nj/FyJlxdwvk/booktour-title.png) no-repeat left center; } /*============================== about the project page -------------------------------*/ body#about-the-project .header { height: 325px; background-position: left -175px; } #wrapper #content h2.about-the-project-heading { display: block; text-indent: -999em; margin-left: -60px; background: url(http://static.tumblr.com/jp3e8nj/Wislld3nj/about-the-project.png) no-repeat left center; } #wrapper #content .post-wrap.daniel-explains h3 { display: block; text-indent: -999em; background: url(http://static.tumblr.com/jp3e8nj/1gElld86y/daniel-handler-explains.png) no-repeat left center; } #wrapper #content .post-wrap.about-daniel h3 { display: block; text-indent: -999em; background: url(http://static.tumblr.com/jp3e8nj/LBllld8a9/about-daniel.png) no-repeat left center; } #wrapper #content .post-wrap.about-maria h3 { display: block; text-indent: -999em; background: url(http://static.tumblr.com/jp3e8nj/iOFlld8ba/about-maria.png) no-repeat left center; } #wrapper #content .post-wrap.about-book h3 { display: block; text-indent: -999em; background: url(http://static.tumblr.com/jp3e8nj/xwUlld8d1/about-the-book.png) no-repeat left center; } #wrapper #content .post-wrap.about-book ul { list-style: none; margin: 5px 0; } #wrapper #content .post-wrap.about-book li { margin: 8px 0; } #wrapper #content .post-wrap.about-book li a { color: #1778ad; background: url(http://static.tumblr.com/jp3e8nj/XNOllda2w/bullet.png) no-repeat left center; list-style: none; margin: 10px 0; padding-left: 15px; } #wrapper #content .post-wrap.about-book li a:hover { color: #529ed0; } #wrapper #content .post-wrap.about-book { overflow: hidden; } #wrapper #content .post-wrap.about-book #about-book { float: left; width: 50%; } #wrapper #content .post-wrap.about-book #book-img { float: right; width: 200px; } #wrapper #content .post-wrap.about-book img.book { margin-right: 35px; } #wrapper #content .post-wrap span.icon { position: absolute; top: 15px; left: -60px; display: block; text-indent: -999em; width: 87px; height: 87px; background: url(http://static.tumblr.com/jp3e8nj/JD4lld9jo/about-project-icons.png) no-repeat left top; } #wrapper #content .post-wrap.about-daniel span.icon{ background-image: url(http://static.tumblr.com/jp3e8nj/JD4lld9jo/about-project-icons.png); background-position: -102px top; } #wrapper #content .post-wrap.about-maria span.icon { background-image: url(http://static.tumblr.com/jp3e8nj/JD4lld9jo/about-project-icons.png); background-position: -202px top; } nav.post_social { float: left; margin-top: 15px; } div.submission div.copy { background: url(http://static.tumblr.com/jp3e8nj/QNXlld2fx/we-broke-up-because.png) no-repeat 10px top; padding-top: 200px; } div.submission div.copy p { padding-top: 35px !important; }

image

About the Project

Daniel Handler explains the Why We Broke Up Project

Why We Broke Up is my new novel, in the form of a long letter from a girl named Min Green to a boy named Ed Slaterton. The letter comes with a box, and inside the box are all of the souvenirs from their love. Each of the items is the subject of a painting by Maira Kalman.

In order to write and illustrate this tale of heartbreak, Maira and I dug deep into our own romantic histories, remembering all of the times we’ve been dumped, particularly by [name redacted] and, in Maira’s case, [name redacted]. It was almost like getting our hearts broken all over again, several times, and it doesn’t seem fair that we would have to do this and you wouldn’t.

This tumblr allows you to share your stories of heartbreak with us, just as we shared ours with you. Our hope is that the Why We Broke Up project will enable all of our heartbreak to reach critical mass, so that, unlike [name redacted], it will never bother us again.

*

About Daniel

DANIEL HANDLER has written three novels under his own name, including The Basic Eight, Watch Your Mouth, and Adverbs, and many books under the name Lemony Snicket, including All the Wrong Questions, A Series of Unfortunate Events, and the picture book 13 Words. He was dumped at least three times in high school.

*

About Maria

MAIRA KALMAN has written and illustrated many books, such as And the Pursuit of Happiness, The Principles of Uncertainty, Looking at Lincoln, Fireboat, and with Lemony Snicket, 13 Words. Her heart was broken in high school first by a boy who looked like Bob Dylan and shortly thereafter by one who looked like Leonard Cohen.

*

Story Categories

© Copyright Little, Brown and Company Books | Artwork by Maira Kalman
Terms and Conditions | Privacy Policy