1. /* STYLE: Elegant Grunge LAYER: Transmogrified AUTHOR: Alis Dee (http://void-star.net) VERSION: v1.0 DATE: 10th May, 2009
  2.    NOTES: Based on the "Elegant Grunge" theme for WordPress: http://michael.tyson.id.au/wordpress/themes/elegant-grunge/
  3.    ICONS: Fugue icons by Yusuke Kamiyamane@ http://p.yusukekamiyamane.com/
  4.    CUSTOM LAYER: http://www.dreamwidth.org/customize/advanced/layersource?id=5927&fmt=html
  5.    CSS MODIFIED BY: mm @ http://mm_writes.dreamwidth.org 4-2010/4-2014
  6.    Under terms of original GPL license you may use, modify and redistribute as you like */  
  7.  
  8. /* body */
  9. body{margin:0;padding:0;color:#454545;font-size:.93em;background-color:#F3F4EE;background-repeat:repeat-y;background-position:center;
  10. background-image:url("http://intoolate.files.wordpress.com/2010/12/bkg.jpg");font-family:candara,"palatino linotype","segoe ui",serif;}
  11.  
  12. /* fonts */
  13. .entry-content,.comment-content,.module-section-two,#archive-month input,#archive-year table,#archive-month select,#archive-month a,.page-read .Apple-style-span,
  14. .page-read p.MsoNormal span,.search-button,.echi,.icons-container,.Content,.Relation,.journal-madgravity .entry-content *,.ljtaglist,#postform{font-family:"segoe ui","palatino linotype";}
  15. .navigation ul,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,#content h2,#archive-year h3,#archive-month dt,.comment-title,.entry-management-links,.entry-interaction-links,
  16. .module-section-two h2,.module-section-one,.datetime,#header,#footer,#qrformdiv table,#qrformdiv input,#qrformdiv select{font-family:candara,"palatino linotype";}
  17. .entry-content ol li ul li,tt,.search-box,blockquote,#qrformdiv .textbox,#qrformdiv textarea,#postform .textbox,#postform textarea,#oid_more input.textbox{font-family:"courier new";}
  18.  
  19. /* links */
  20. a{outline:none;color:#af230c;text-decoration:none;} a:active{opacity:.7;}
  21. .module-section-one a{font-weight:bold;color:#fff;padding-left:0;border-bottom:1px dotted#af230c;font-style:italic;}
  22. .date,.entry-poster,.date a,.time,.time a,.entry-content b,span.poster-ip{font-weight:bold;color:#555;}
  23. .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,h3.entry-title,.edittime,.tags-container h2,.entry-readlink a,.page-icons .header,
  24. h4.comment-title,#archive-year h3{color:#af230c;font-weight:bold;}
  25. .comment-pages,.entry-content a,.comment-content a,.journal-website-name a,.top a,.page-top a,.day-has-entries a,span.ljuser,#qrformdiv td a,.sorting-options a,
  26. .icon-pages.toppages a,#header h1,.partial,td #editreason{font-weight:bold;}
  27. .ui-tooltip.ui-widget .Content a,#lj_controlstrip a:hover{text-decoration:none;border-bottom:1px dotted#f3f4ee;color:#F3F5F2;}
  28. #archive-month select,.module-section-two li a,.tag a,.module-tags_multilevel li a,.tags_multilevel li li a,.tags_multilevel li li li a,.navigation a,
  29. #archive-year .footer .inner a,.partial .ljuser a,#wrap h3 a:hover,.module-section-two a:hover,.top a:hover,.entry-readlink a:hover,.comment-title a:hover,
  30. .comment-poster a:hover,#archive-month dt a:hover{color:#555;}
  31. .comment-content h3,.Actions li:before,.Actions li:after,.screened h4,.echi,.top a,.screened h4 a,.module-section-two li,.navigation a:hover,#archive-year .footer .inner a:hover
  32. {color:#af230c;}
  33. .entry-content a:hover,.ljuser a:hover,.toppages a:hover,.bottompages a:hover,.upload a:hover,.keyword a:hover,#qrformdiv a:hover,#postform a:hover{border-bottom:1px dotted#af230c;color:#555;}
  34. .date a:hover,time a:hover,.tag a:hover,.module-section-two .module-list a:hover,.tags_multilevel li li a:hover,.tags_multilevel li li li a:hover,li.visibility-public a:hover
  35. {border-bottom:1px dotted#555;color:#af230c;}
  36. .module-section-one li a:hover,.ui-tooltip.ui-widget a:hover,.module-section-three a:hover,#lj_controlstrip a:hover{color:#ddd;}
  37. .comment-title a:hover,.cuttag_container a:hover{border:0;}.day-has-entries a:hover{background:#4c4c4c;color:#fff;}
  38. #footer a:visited,.module-section-one a:visited,#lj_controlstrip a:visited{color:#ccc;}#wrap a:visited{color:#676767;}
  39.  
  40. /* entry/.ljuser images */
  41. #postform table img{width:13px;height:13px;margin:3px 0;}
  42. .entry-content img,.entry-content a img,.entry-content div img,.comment-content img{margin:0 0 1em 0;max-width:445px;padding:10px;vertical-align:middle;background:#F3F4EE;border:1px dotted#DADCD7;}
  43. .entry-content ul div img,.entry-content ol div img{margin:.9em 0 .9em 0;}
  44. .contents .ljuser img,.entry-content .ljuser img,.entry-content .wp-smiley,.entry-content .cuttag-container .ljuser img,#qrformdiv .ljuser img
  45. {width:13px;height:13px;padding:0;margin:0 .05em 0 0;vertical-align:initial!important;background:none;border:0;}
  46. .entry-content li .ljuser img,.comment-content img,.comment-content a img,span.ljuser,.entry-content h4,#content h2, #archive-year h3,.page-archive .top,.page-month .top,
  47. .tags-container ul,.comment-content h3{margin:0;}
  48. .entry-content li .ljuser img{padding:0;}.comment-content .ljuser img,.wp-smiley{vertical-align:top;margin:.3em 0 0;}
  49.  
  50. /* blog title/subtitle */
  51. #header{box-sizing:border-box;-moz-box-sizing:border-box;margin:-1.9em 0 0 -1px;padding:.3em 0;background-color:#333;background-image:url("http://intoolate.files.wordpress.com/2014/03/header_black.jpg");
  52. background-repeat:repeat-x;background-position:center bottom;height:131px;line-height:1;}
  53. #header h1{position:absolute;letter-spacing:-.05em;margin:.7em 0 2em .15em;font-variant:small-caps;font-size:325%;}
  54. #header h1,#header h1 a,#lj_controlstrip a,#lj_controlstrip span,#lj_controlstrip td,#footer a{color:#fff;}
  55. #header a:hover,.module-section-one a:hover,#footer a:hover{color:#efefee;}
  56. /* header linklist */
  57. .module-section-one{background-repeat:repeat-x;background-position:center top;background-image:url("http://intoolate.files.wordpress.com/2014/03/separator.jpg");height:30px;}
  58. .module-section-one ul{position:absolute;top:4.6em;left:.15em;padding:0;margin:0;letter-spacing:0;font-size:95%;white-space:nowrap;line-height:1;}
  59. .module-section-one li{border-left:2px solid#fff;display:inline;padding:0 .5em 0 .5em;background:#262626;}.module-section-one li:first-of-type{border-left:0;}
  60. .module-wrapper .separator-after{height:0;border:16px solid#121212;opacity:.2;margin:-2em 0 0;}
  61. #wrap .separator-after,#footer .separator-after{visibility:hidden;border:0;margin-top:0;}
  62. /* search */
  63. .module-search{margin:.2em .6em;position:absolute;z-index:1;padding:0;}
  64. .search-box{background:#d9d9d0;border:1px solid#F0F0EE;margin:0 .4em 0 0;}
  65. .search-button,.search-form input:last-of-type{height:25px;background:#222;color:#F1F2EC;border:none;padding:2px}
  66.  
  67. /* blog inner */
  68. #wrap{padding:0 10px;clear:both;max-width:760px;margin:1.5em auto;}
  69. /* entries */
  70. #content{float:left;width:65.5%;background:#F8FAF7;padding:10px 5px;}.entry-wrapper .separator{clear:both;}.entry-wrapper .separator-after{margin:0 0 1em;}
  71. .entry{padding:0 10px;}.entry-content{min-height:80px;line-height:1.9;padding:0 .3em;margin:0 0 2.3em;}
  72. .entry p{margin:0 0 1.7em 0;}.noentries{margin:2em 0;background:#F3F5F2;padding:15px 10px;}
  73.  
  74. /* quotes */
  75. blockquote{width:89.5%;margin:1.7em .35em;padding:1em 1.5em;background:#F3F4EE;border:1px dotted#DADCD7;color:#444;}
  76. .entry blockquote p{margin:1em 0 1em 0;}blockquote pre{margin:-3.3em 0 1em;}
  77.  
  78. /* navstrip */
  79. .has-navstrip #header{height:150px;}.has-navstrip #header h1{padding:.5em 0;}
  80. .has-navstrip .module-section-one ul{margin:4.8em 0;}.has-navstrip .search-form{top:11.4em;}.has-navstrip #wrap{margin:1.5em auto;}
  81. #lj_controlstrip{height:70px;background:#262626;z-index:1;border-bottom:1px solid;}
  82. #lj_controlstrip input{border:0;color:#262626;padding:.2em;}
  83. #lj_controlstrip_actionlinks{text-align:center;padding:.3em 0;max-width:220px;}#lj_controlstrip_actionlinks img,#lj_controlstrip_user img{height:10px;width:10px;}
  84. #lj_controlstrip span,.entry-content pre,.entry-content code,.comment-content code,.partial .comment-title{white-space:pre-wrap;word-wrap:break-word;}
  85. #lj_controlstrip_userpic{position:absolute;margin:.8em .7em;padding:5px;background-color:#343434;}
  86. #lj_controlstrip_userpic img{vertical-align:middle;}#lj_controlstrip_login,#lj_controlstrip_actionlinks,#lj_controlstrip_user{border-right:1px solid#444;}
  87. #lj_controlstrip_user{text-align:right;}#lj_controlstrip a{border-bottom:2px solid#af230c;}
  88.  
  89. /* blog nav */
  90. .navigation ul{padding:.6em .8em;margin:-.6em 0 2.5em 0;}.navigation li{display:inline;text-transform:uppercase;font-size:.95em;line-height:1.2;}
  91. .navigation .page-back{float:left;background-image:url("http://intoolate.files.wordpress.com/2011/11/arrow-curve-180-left.png");background-repeat:no-repeat;background-position:0 0;}
  92. .navigation .page-forward{float:right;background-image:url("http://intoolate.files.wordpress.com/2011/11/arrow-curve.png");background-repeat:no-repeat;background-position:46px 0;}
  93. .navigation .page-back a{margin:0 1.5em;}.navigation .page-forward a{margin:0 1.5em 0 0;}
  94. .page-day .navigation .page-forward{background-position:63px 0;}li.page-separator{color:#F8FAF7;}
  95.  
  96. /* date/time */
  97. .entry .datetime{display:block;background-image:url("http://intoolate.files.wordpress.com/2011/10/hr1.jpg");background-position:-3px -6px;line-height:2.2;
  98. margin:0 0 -1em 0;text-align:right;font-variant:small-caps;letter-spacing:.03em;}
  99. .date,.time{display:inline-block;margin:.75em 0;}.page-read .date,.page-read .time, .page-entry .date, .page-entry .time{margin:.75em 0 1.55em 0;}
  100. /* titles/subtitles */
  101. h3.entry-title{margin:0 .1em;font-size:135%;line-height:1.2;}
  102. .entry-content h1{font-size:150%;}.entry-content h2{font-size:135%;}.entry-content h3,#archive-year h3{font-size:130%;}.entry-content h2,.entry-content h3{line-height:1.2;margin:1.2em 0;}
  103. .page-month h3.entry-title{padding:0 0 3.3em 1.5em;}.page-month h3.entry-title a,.entry-content h4{font-size:100%;}.header{margin:-.6em 0;}
  104. /* access/filter icons */
  105. .access-filter,.restrictions{float:right;margin:1.3em 0;padding:2px 1px 0 2px;}
  106.  
  107. /* authors */
  108. .entry-poster{display:block;margin:0 0 1.7em 0;}.page-entry .entry-poster:after,.page-reply .entry-poster:after{padding-left:.3em;content:"wrote:";color:#af230c;}
  109. /* entry/comment icons */
  110. .userpic,.icon-image{float:right;margin:.2em 0 .7em .7em;box-shadow:12px 12px 12px -5px #222;-moz-box-shadow:12px 12px 12px -5px #222;-webkit-box-shadow:12px 12px 12px -5px #222;
  111. background:#343434;text-align:center;width:70px;height:70px;}
  112. .userpic img,.icon-image img{box-sizing:border-box;-moz-box-sizing:border-box;width:70px;height:70px;
  113. padding:6px;/* img via incofrmista.dreamwidth.org */background-color:#343434;background-image:url("http://intoolate.files.wordpress.com/2014/03/usericon.png");background-repeat:repeat;}
  114. .userpic img,.icon-image img,.icon-default img{rotation:7deg;-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(0deg);}
  115. .icon-image img{rotation:0deg;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0eg);-ms-transform:rotate(0deg);}
  116. /* popups/hovermenus */
  117. .ui-tooltip div{border-color:#444;}
  118. .ui-tooltip.ui-widget{min-width:14em;max-width:14em;padding:1em;-moz-border-radius-bottomright:25px;border-bottom-right-radius:25px;letter-spacing:-.03em;background:#262626;
  119. color:#F3F5F2;font-variant:small-caps;border:0;}.ui-tooltip.ui-widget ul{margin:-1em 0 0 -.5em;}.ui-tooltip.ui-widget li{list-style-type:none;}
  120. .ui-tooltip.ui-widget img{max-width:55px;max-height:55px;margin:.4em .3em 0 .3em;padding:.3em;background-color:#343434;background-image:url("http://intoolate.files.wordpress.com/2012/03/oa4s4.png");background-repeat:repeat;}
  121. .Relation{line-height:1;}.Actions,.entry-content,.comment-content,.de,.month dd{font-size:90%;}.Actions li:before{content:"** ";}.Actions li:after{content:" **";}.Actions li{margin-left:-.4em;}
  122.  
  123. /* lists */
  124. .entry-content ul,.entry-content ol{padding:0 1.5em 0 0;margin:0 0 1.7em 2.3em;}
  125. .entry-content ul li,.comment-content ul li,.page-tags ul li,.page-read .entry-content li,.page-network .entry-content li{list-style-type:none;list-style-image:url("http://intoolate.files.wordpress.com/2010/04/li.png");}
  126. .entry-content ol li{list-style-type:decimal;}.entry-content ol li ul li{padding:.3em 0;margin:0;font-size:85%;}
  127.  
  128. /* misc. */
  129. .entry-content table{margin:3em 0 3em auto;max-width:100%;}.entry-content table td{text-align:center;}.entry-content td img{min-width:100%;}
  130. .entry-content textarea,.comment-content textarea{clear:both;min-height:10em;min-width:95.5%;max-width:95.5%;margin:.7em 0 -.7em;padding:3px;background:#F3F4EE;
  131. line-height:1.7;border:1px solid#DADCD7;color:#555;font-size:1.1em;}
  132. .entry-content input,.entry-content select,.entry-content dl{background:#F3F4EE;border:1px solid#DADCD7;}
  133. .entry-content input,.entry-content select{padding:2px 0;}.entry-content dl{padding:5px 5px 20px 5px;margin:0 0 1.7em 0;}
  134. .entry-content dt{padding:5px 0 0 10px;font-size:105%;}.entry-content dd{margin:0 1.7em;line-height:1.7;}
  135. .entry-content del{color:#af230c;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.90;-khtml-opacity:0.90;}
  136. .entry-content small,.entry-content p small,.comment-content small,.comment-content p small{font-size:80%;font-weight:bold;color:#af230c;font-style:italic;}
  137. .entry-content code{color:#a00000;background:#fff;padding:.1em .15em;border:1px dotted#DADCD7;}.entry-content pre code{border:0;padding:0;}
  138. hr{margin:0 0 1.7em;color:transparent;border-bottom:2px dotted#454545;}
  139. .lj_embedcontent,.lj_embedcontent + div:first-of-type{margin:0 1.3em 2.7em;}.lj_embedcontent{max-width:88%;overflow:hidden;background:#F3F4EE;padding:10px;border:1px dotted;}
  140.  
  141. /* read-more cuttag image */
  142. .entry-content .cuttag_container{margin:0 -.5em;}.entry-content .cuttag-action-before img,.icon-pages.toppages p,blockquote pre{display:inline-block;}
  143. .entry-content .cuttag img,.entry-content .cuttag-action-after img{background:none;margin:.25em .07em;width:14px;height:14px;border:0;}
  144. .entry-content .cuttag-action-after img{margin:-1.7em -.5em -2.7em -.5em;}
  145.  
  146. /* info */
  147. .metadata{margin:1em 0;}.metadata ul{max-width:97.5%;padding:0 .1em 0 .1em;line-height:1.9;}.metadata li{display:block;text-transform:uppercase;}
  148. span.metadata-label{display:inline-block;background-repeat:no-repeat;padding-left:23px;}
  149. .metadata-label-mood{background:url("http://intoolate.files.wordpress.com/2011/11/candle1.png");}
  150. .metadata-label-music{background:url("http://intoolate.files.wordpress.com/2011/11/media-player-medium-red.png");}
  151. .metadata-label-location{background:url("http://intoolate.files.wordpress.com/2011/11/target.png");}
  152. .metadata-label-groups{background:url("http://intoolate.files.wordpress.com/2014/03/message.png");}
  153.  
  154. /* tags */
  155. .tag{display:block;padding-left:23px;margin:-.7em 0 0 .1em;}.tag,#archive-month .tag,.metadata{font-size:80%;}
  156. .tag,#archive-month .tag{background-image:url("http://intoolate.files.wordpress.com/2014/03/tick-red.png");background-repeat:no-repeat;}
  157. .tag ul{line-height:1.6;}.tag li,.tag-text,.tag a{display:inline;text-transform:uppercase;}
  158.  
  159. /* linkbar images */
  160. .entry-readlink a,.entry-read a{background:url("http://intoolate.files.wordpress.com/2010/04/i-read.png");}
  161. .entry-permalink a,.commentpermalink a{background:url("http://intoolate.files.wordpress.com/2011/11/paper-clip.png");}
  162. .entry-replylink a,.reply a{background:url("http://intoolate.files.wordpress.com/2010/04/i-reply.png");}
  163. .link_prev a{background:url("http://intoolate.files.wordpress.com/2010/04/i-prev.png");}
  164. .edit_entry a,.edit_comment a{background:url("http://intoolate.files.wordpress.com/2010/04/i-edit.png");}
  165. .edit_tags a{background:url("http://intoolate.files.wordpress.com/2010/04/i-tag-edit.png");}
  166. .mem_add a{background:url("http://intoolate.files.wordpress.com/2010/04/i-mem.png");}
  167. .link_next a{background:url("http://intoolate.files.wordpress.com/2010/04/i-next.png");}
  168. li.commentparent a{background:url("http://intoolate.files.wordpress.com/2010/04/i-thread-thread_parent.png");}
  169. .parent a, li.threadroot a{background:url("http://intoolate.files.wordpress.com/2010/04/i-thread.png");}
  170. .thread{visibility:hidden;margin:0 -1.3em;}.expand a{background:url("http://intoolate.files.wordpress.com/2011/11/arrow-curve-270-left.png");}
  171. .cmt_hide a{background:url("http://intoolate.files.wordpress.com/2011/11/minus-circle-frame.png");}
  172. .cmt_unhide a{background:url("http://intoolate.files.wordpress.com/2011/11/plus-circle-frame.png");}
  173. .delete_comment a{background:url("http://intoolate.files.wordpress.com/2011/11/cross-script.png");}
  174. .screen_comment a{background:url("http://intoolate.files.wordpress.com/2010/04/i-light-on.png");}
  175. .unscreen_comment a{background:url("http://intoolate.files.wordpress.com/2010/04/i-light-off.png");}
  176. .freeze_thread a{background:url("http://intoolate.files.wordpress.com/2010/04/i-lock-on.png");}
  177. .unfreeze_thread a{background:url("http://intoolate.files.wordpress.com/2010/04/i-lock-off.png");}
  178. .comment-interaction-links li.frozen{background:url("http://intoolate.files.wordpress.com/2010/04/i-nocom.png");}
  179. .watch_comments a,.watch_thread a{background:url("http://intoolate.files.wordpress.com/2010/04/i-notify-on.png");}
  180. .unwatch_thread a{background:url("http://intoolate.files.wordpress.com/2010/04/i-notify-off.png");}
  181. .tell_friend a{background-image:url("http://intoolate.files.wordpress.com/2010/04/i-mood.png");}
  182.  
  183. /* linkbars */
  184. hr.below-reply-container,hr.above-entry-interaction-links{visibility:hidden;height:0;border:0;margin:-2.4em 0;}
  185. .entry-management-links,.entry-interaction-links,.comment-management-links,.comment-interaction-links{margin:1.7em 0;padding:0 0 .7em;}
  186. .comment-management-links,.comment-interaction-links{margin:1em 0 1em;padding:0 0 .7em;}
  187. .entry-management-links,.comment-management-links,.comment-interaction-links{float:right;}.entry-interaction-links,.comment-interaction-links li{float:left;}
  188. .entry-management-links li,.entry-interaction-links li,.comment-management-links li,.comment-interaction-links li,.imported-from span{display:inline;}
  189. .entry-management-links a,.entry-interaction-links a,.comment-management-links a,.comment-interaction-links a,.comment-interaction-links li.frozen
  190. {float:left;width:16px;height:16px;margin:0 2px 0 0;background-repeat:no-repeat;background-position:center center;font-size:0;}
  191. .entry-readlink a{/* screened */white-space:nowrap;box-sizing:border-box;-moz-box-sizing:border-box;background-position:top left;padding:0 20px 0 18px;font-size:105%;}
  192.  
  193. /* replies */
  194. /* sort options: flat|top-level|expand-all/page # */
  195. .comment-pages{font-size:115%;clear:both;}.toppages{margin:0 .7em 3.3em;}.view-threaded,.view-flat,.view-top-only,.expand_all,blockquote{font-size:1em;}.bottompages{margin:3em 0 1.7em .7em;}
  196. /* screened */
  197. .screened{border-radius:5px;border:1px solid#bbb;opacity:.7;padding:1.2em;margin:0 0 2.7em 0;}#unscreen_parent{margin:0 .3em;}
  198. .screened h4,.screened h4 a,.partial .ljuser a,.comment-poster span,.edittime,.noentries,.entry .datetime,.entry-poster,#userpics label,.default.label,.entry i{font-style:italic;}
  199.  
  200. /* expanders/placeholders */
  201. .partial{border-top:1px dotted#BBBDBA;border-bottom:1px dotted#BBBDBA;}
  202. .partial .comment-title{margin:.7em 0 1em 0;}
  203. .partial .comment-poster{font-size:95%;}.partial .poster{display:inline-block;margin:-1em 0;}.partial:last-of-type{margin: 0 0 2em 0;}
  204. /* holder */
  205. .comment-wrapper{clear:both;margin:0 .2em;}.comment-wrapper-even,.comment-wrapper-odd{padding:0 7px;}
  206.  
  207. /* userinfo/date/time */
  208. .comment-poster span{display:block;margin:1em 0 1em 0;text-transform:lowercase;}.imported-from,.anonymous,.comment-poster a{font-size:100%;font-weight:bold;}
  209. span.poster-ip{display:block;margin:.8em .2em;font-size:95%;}
  210. .comment-wrapper .header .datetime{display:block;font-variant:small-caps;text-align:right;margin:1.6em 0 0 0;padding:.9em 0;
  211. background-image:url("http://intoolate.files.wordpress.com/2011/10/hr1.jpg");background-position:-6px -9px;letter-spacing:0.1em;font-weight:bold;font-style:italic;}
  212.  
  213. /* title */
  214. h4.comment-title{font-size:115%;margin:1em 0 -1.3em .1em;line-height:1.3;}
  215.  
  216. /* editstamp */
  217. .edittime{margin:1.7em 0 -.7em 0;text-align:right;text-transform:lowercase;line-height:1.4;font-size:.9em;}
  218. .edittime .datetime{display:block;text-transform:none;color:#555;font-size:1.1em;}
  219. /* ip notice */
  220. .de{display:block;width:99%;margin:.4em 0;word-spacing:1px;border:1px solid#DADCD7;background:#F3F5F2;}
  221.  
  222. /* content */
  223. .comment-content{padding:0 3px;line-height:1.9;min-height:65px;margin:0 0 1em;}
  224. .comment-content img{max-width:95%;}.comment blockquote{width:85%;}.comment-content blockquote + br + br{margin: 0 0 -1.9em 0;}
  225. .comment blockquote p,.entry-content blockquote br{margin:0 auto;}
  226.  
  227. /* quick-reply */
  228. #qrformdiv table{float:right;margin:0 .6em 1.7em 0;font-size:90%;}
  229. #qrformdiv input,#qrformdiv textarea,#qrformdiv select,#postform table input,#postform table textarea,#postform table select{background:#F3F5F2;border:1px solid#DADCD7;}
  230. #qrformdiv textarea{min-width:101%;font-size:100%;line-height:1.7;}#qrformdiv td #subject{min-width:101%;font-size:100%;}
  231. #qrformdiv td #prop_picture_keyword{float:right;margin:0 -.6em 0 0;}#qrformdiv td option,#qrformdiv td:nth-of-type(3),#qrformdiv select,#qrformdiv input{padding:2px 0;font-size:90%;}
  232.  
  233. /* "more options" reply/non-quick-reply */
  234. #postform table{clear:both;font-size:95%;color:#343434;}#postform td #subject{margin:0 0 .3em 0;font-size:1em;max-width:450px;}
  235. #postform input{margin:.3em 0;font-weight:normal;color:#555!important;background-color:#f3f5f2!important;}
  236. #postform textarea{max-width:402px;margin:.3em 0 -1.2em 0;font-size:1em;line-height:1.7;color:#555;}
  237. #ljuser_row label strong + strong{font-style:italic;border-bottom:1px dotted;}
  238. #userpics label{font-size:85%;padding:0 0 .3em 0;display:inline-block;margin:.3em 0;vertical-align:middle;}
  239. #lj_userpicselect,#prop_picture_keyword{margin:.3em;}#lj_more input.textbox{margin:0 11em 0 0;font-size:.95em;}
  240. #username{min-width:95%;}#password{min-width:100.5%;}
  241. #oid_more input.textbox{width:74%;font-size:90%;font-weight:bold;color:#555;}#oid_more td input,#postform td #subject,#postform textarea,#postform input,.de{padding:3px;}
  242. .logged-in #ljnohtmlsubj span,#nohtmledit span,.echi{font-size:85%;}#nohtmledit span{display:block;margin:-.3em 0 -1em;padding:0;}
  243. /* editreason textbox */
  244. td #editreason{opacity:.7;}#editreason.textbox{max-width:65.9%;margin:1.2em 0 0 0;}
  245. /* spellcheck */#postform #spellcheck{margin:.3em;}
  246.  
  247. /* sidebar */
  248. .module-section-two{float:right;width:27.5%;margin:0 -.2em;line-height:1.9;background:#F3F5F2;}.module-section-two .module-content{margin:1em 0;}
  249. /* titles */
  250. .module-section-two h2.module-header{white-space:pre;padding:0 1.2em;background-image:url("http://intoolate.files.wordpress.com/2011/10/sb_line.jpg");
  251. background-position:0 29px;background-repeat:no-repeat;text-transform:lowercase;font-size:115%;font-weight:bold;color:#af230c;line-height:2;margin:0 0 1em 0;}
  252.  
  253. /* modules */
  254. .module-cuttagcontrols,.module-userprofile,.module-search,.module-tags_list,.module-tags_multilevel,.module-typelist,.module-active
  255. {background-image:url("https://intoolate.files.wordpress.com/2011/10/sidebar-red.png");background-position:0 13px;background-repeat:no-repeat;}
  256. .module-search{background-image:none;}
  257. /* links */
  258. .module-section-two ul{padding:0 1.5em;font-size:90%;}.module-section-two ul li{list-style-type:none;list-style-image:url("http://intoolate.files.wordpress.com/2010/04/li2.png");padding:0 .1em .1em 0;}
  259. .module-section-two ul li li{margin:0 -.3em;}
  260. /* cut-tags */
  261. .cutTagControls:before{padding:.4em;content:"{expand}";font-size:90%;}.cutTagControls:after{padding:0;content:"{collapse}";font-size:90%;}
  262. /* userinfo/site/links */
  263. .journal-name,.journal-website-name{margin:0 .5em .7em .5em;font-size:90%;}.userlite-interaction-links{margin:0 -.8em;}.userlite-interaction-links li{display:inline;}
  264.  
  265. /* footer */
  266. #footer{background-image:url("http://intoolate.files.wordpress.com/2010/04/footer-repeat.jpg");background-repeat:repeat-x;background-position:center top;text-align:center;font-size:.95em;}
  267. #footer .separator-before{min-height:138px;}.page-recent #footer .separator-before{min-height:126px;}
  268. .module-section-three{margin:.6em .9em 1.3em -17.6em;color:#fff;letter-spacing:.03em;padding:.5em 0 .1em 0;}
  269. #footer .module-wrapper{line-height:1;background-color:#343434;background-image:url("http://intoolate.files.wordpress.com/2010/04/footer.jpg");background-repeat:no-repeat;
  270. background-position:center top;}.module-section-three a{color:#fff;letter-spacing:-.03em;font-size:235%;font-variant:small-caps;font-weight:bold;}
  271. #footer .separator-after,#body-footer .separator-after{border-top:3px solid #383836;}
  272.  
  273. /* "top of page" */
  274. .top,.page-top{background-image:url("http://intoolate.files.wordpress.com/2011/11/control-double-090-sm.png");background-position:0 .25em;background-repeat:no-repeat;margin:3em .7em;
  275. padding:0 1.3em;letter-spacing:.04em;line-height:1.2;}.page-top{margin:-12em 18.3em;padding:0 1.3em;}.top a,.page-top a{font-size:130%;font-variant:small-caps;}
  276. .page-recent .top,.page-read .top,.page-network .top,.page-day .top{margin:0 0 -3em .7em;line-height:1.1;}
  277. .page-entry .top{margin:0 0 -4em .7em;}.page-icons .top{margin:1.7em .3em;}
  278.  
  279. /* year */
  280. #archive-year .navigation ul{margin:-.5em -.2em 1.7em;}#archive-year .navigation ul li{font-size:1.2em;padding:0 .7em 0 0;}
  281. #archive-year ul li.active{font-size:125%;margin:0 .8em 0 0;font-weight:bold;}
  282. #archive-year ul li.active:after{content:"(current year)";text-transform:lowercase;padding:0 0 0 .3em;font-size:70%;color:#af230c;}
  283. #archive-year h3{margin:0 0 .7em 0;padding:0 .45em .5em;max-width:96%;background-image:url("http://intoolate.files.wordpress.com/2011/10/hr1.jpg");
  284. background-position:0 16px;}#archive-year table{margin:0 auto;border:1px solid#DADCD7;font-size:85%;}
  285. #archive-year th{padding:1.9em;background:#222;font-size:90%;letter-spacing:1px;font-weight:bold;color:#F8FAF7;border-right:1px solid#DADCD7;border-left:1px solid#DADCD7;}
  286. #archive-year td{padding:.5em 1.5em 0 1.5em;height:76px;vertical-align:top;text-align:right;border:1px solid #efefef;}
  287. .day-has-entries{background:#F3F5F2;}.day-has-entries a{display:inline-block;margin:.4em 0;background:#F8FAF7;border:1px solid#DADCD7;padding:5px;font-size:90%;}
  288. #archive-year .footer{margin:0 .4em;padding:.7em 0 1.7em 0;letter-spacing:.03em;text-align:right;font-variant:small-caps;}
  289.  
  290. /* month */
  291. #archive-month input,#archive-month select{background:#F3F5F2;text-transform:none;border:1px solid#D6D5D0;}
  292. #archive-month .navigation{text-align:center;margin:-1em 0;}#archive-month .inner,#archive-month .time{padding:0 5px;}
  293. #archive-month dl{line-height:1;}#archive-month dt{font-weight:bold;margin:1em 0 .5em 0;}
  294. #archive-month h3,#archive-month h3.entry-title{display:inline-block;font-size:90%;padding:0 5px;}
  295. .month dd{border:1px dotted#c3c0ba;padding:5px;background:#F3F5F2;margin:0 3em;}.month .access-filter{float:left;display:inline;margin:-3.5em 0 0 4em;}
  296. .month .access-filter img{max-width:10px;max-height:10px;}
  297.  
  298. /* tags page */
  299. .tags-container h2{padding:0 0 1.3em .3em;max-width:96.5%;background-image:url("http://intoolate.files.wordpress.com/2011/10/hr1.jpg");background-position:0 17px;
  300. font-size:130%;}.ljtaglist{-moz-padding-start:1.8em;padding-top:.5%;font-weight:normal;}
  301. .tags-container li{line-height:1.9;font-size:90%;}.visibility-protected a,.visibility-private a{border-bottom:2px double#af230c;}
  302. li.visibility-public a:hover{border-bottom:1px dotted#555;}
  303. /* status per tag */
  304. .visibility-private:after,.visibility-protected:after{font-style:italic;font-size:90%;font-weight:bold;color:#af230c;}
  305. .visibility-private:after{content:"  - (private)";}.visibility-protected:after{content:" - (access-list-only)";}
  306.  
  307. /* icons page */
  308. .page-icons .header{margin:-.3em 0;background-image:url("http://intoolate.files.wordpress.com/2011/10/hr1.jpg");background-position:-6px 15px;max-width:97.5%;line-height:1.3;}
  309. .icons-container .header .inner h2{font-size:1.3em;}.sorting-options{margin:3em 0 1em .1em;font-size:90%;}
  310. .icon-pages.toppages{display:inline-block;margin:-1em 0 0 .1em;font-size:90%;}
  311. .page-icons .contents ul,.page-icons .contents li,.tag ul{display:inline;padding:0;}.icon{margin:0 1.9em 0 0;padding:1em 0 1.3em 0;border-bottom:1px dotted#B2B4B1;}
  312. .default.label{font-weight:bold;border-bottom:2px solid#af230c;max-width:10.5%;}.icon-keywords li{border-bottom:1px dotted#B2B4B1;opacity:.85;}
  313. .icon-info{font-size:95%;line-height:1.7;margin-left:.3em;}
  314.  
  315. /* preview */
  316. .highlight-box{margin:0 1em;padding:.5em;padding-bottom:0;border:5px solid#c1272c;background:#F3F5F2;color:#555;}
  317. .highlight-box p{padding-bottom:0;font-style:oblique;font-size:1em;}
  318.  
  319. /* polls  */
  320. .poll-container table{margin:auto;max-width:100%;}.poll-container table td{text-align:left;}
  321. .poll-container td img,.poll-container p img{border:0;margin:0;padding:0;min-width:0;text-align:left;background:none;}
  322. .poll-inquiry div{display:block;width:110%;margin:0!important;}
  323.  
  324. /* display:none */
  325. #header h2,li.page-separator,.metadata img,.metadata-label-xpost,.metadata-item-xpost,.page-entry .module-cuttagcontrols,.page-reply .module-cuttagcontrols,
  326. .page-tags .module-cuttagcontrols,.page-archive .module-cuttagcontrols,.page-month .module-cuttagcontrols,.page-day .module-cuttagcontrols,.page-icons .module-cuttagcontrols,
  327. .cutTagControls span,.module-search h2,.module-active li a img,.module-userprofile .userpic,.module-calendar,.module-calendar table,
  328. .inactive.label,.active-entry-label:first-of-type,.module-pagesummary,.module-customtext,.module-credit,.manage-tags-link a,.manage-link,#footer h2,.logged-out .screened,
  329. .logged-out #userpics br,.deleted,.partial .datetime,.no-userpic .userpic,.page-entry .entry-poster,.page-reply .entry-poster,.comment-poster span:first-of-type,
  330. .comment-date-text,.bottompages + .bottompages,.icon-pages.bottompages,.bottomcomment,.bottomcomment label input,.multiform-checkbox,#subjectIconImage,#quotebuttonspan,
  331. #qrformdiv #randomicon,#postform td strong:nth-of-type(1),.page-archive .bottomnav,.page-month .bottomnav,#archive-year table caption,#archive-month .tag,li.month-forward,li.month-back,.page-day .day-date,
  332. .page-tags .module-tags_multilevel{display:none;}