/*==MAKE THIS CRAP SHORTER BIOTCH!!==*/ /*GENERAL*/ /*COLORS: TEXT purple: #F271FD; text PINK: #FF0DC1 topbar dark pink bg #FF00CC NEW PINK FF00E0 purple: #CC66FF text color: #F271FD hover yellow: #FFFF80 */ * {margin: 0; padding: 0} /*BODY*/ /*the moz-scrollbars-vcertical was there from a long long time ago when i had to force a vert scrollbar for the layout cuz i was a noob */ body {overflow: auto; -moz-scrollbars-vertical; line-height: 140%; margin: 0; padding: 0; background: black url(pix/body_bg.gif) repeat-y top center !important} /*GENERAL TEXT*/ body {color: #F271FD; font-size: 14px; line-height: 21px; font-family: arial, helvetica, sans-serif} em {font-style: italic; text-decoration: none; font-weight: bold} em em {text-decoration: underline} em.flat {text-decoration: underline; font-style: normal} b em {text-decoration: none; font-style: italic} span.whisper em {font-style: normal} u {color: lime} b, cite {color: #00ffff; font-style: inherit; text-decoration: none; font-weight: normal} b b {font-weight: bold} a cite {color: inherit} /*cite in link turns yellow on hover*/ div.cap cite {font-style: italic} cite, cite.book, cite.foreign {font-style: italic} cite.movie. a.movie {font-style: italics} cite.song {} span.whisper {font-size: 12px; font-style: italic} p.whisper {font-size: 12px; line-height: 18px} span.shout {} /*UPDATES*/ div.update-box {color: #00FFFF; #00FF99; ffont-weight: bold; font-size: 20px; background: transparent url(pix/update_box.png) no-repeat scroll top left; height: 96px; width:418px; position: relative; bborder-bottom: solid 3px purple; margin-bottom: -1em; margin-top: -.5em; margin-left: 20px} div.update-box span.update-date {font-style: italic; display: block; position: absolute; bottom: 26px; left: 192px} /*OLD*/ span.update-block {color: #00FFFF; #00FF99; ffont-weight: bold; font-size: 20px; font-style: italic} span.edit {font-style: italic; font-size: 12px; 90%} /*span.edit:before {content: "("} span.edit:after {content: ")"}*/ span.edit span.ehead {font-weight: bold} span.e1 {color: #00FF99 /*#80DE7A*/} span.e2 {color: orange} span.edit b {font-weight: bold; color: inherit} span.edit span.edit-date {font-size: 11px} span.edit em {text-decoration: underline} span.edit u, span.e1 u {color: inherit; text-decoration: none; font-weight: bold} h4.update {float: left; font-size: 14px; font-weight: bold; color: cyan; margin-right: 6px} div {border-collapse: collapse} blockquote {padding: 0 30px 0 30px} div.quote {margin: 1.5em 30px 1.5em 30px; font-style: italic} span.omit {text-decoration: line-through} p.center {text-align: center} p.trailingthought {text-indent: 20px} p.cuttothechase {color: orange; font-style: italic} p.cuttothechase b {color: orange; font-weight: bold} p.tinynote {font-size: 13px; font-style: italic; line-height: 18px} .sitenote {font-size: 11px; font-style: italic; line-height: 18px} /*nonexistant diary entry note PARSE*/ p.update {} /*not used yet*/ /*GENERAL*/ img {border-width: 0} table, td, tr {border-collapse: collapse; border-width: 0} td {padding: 0} /*LINKS*/ a {text-decoration: underline} a:link, a:visited {color: #00ffff} a:active, a:hover {color: #FFFF80} /*GLOSSARY LINKS*/ a.link-glossary {bbackground: transparent url(pix/underline_wavy2.gif) repeat-x scroll bottom left; border-bottom: 1px dotted #A868C6; text-decoration: none; ccursor:help; color: #00ffff; #DE9EFC; #CC66FF; 33ED9C; bbackground: #A868C6 url(pix/underline_dotted1.gif) repeat-x scroll bottom left; ppadding-right: 8px;} a.link-glossary:hover{background-color: black; #FFFFA0} a.link-glossary img {position: relative; top: 2px; left: 1px; margin-right: 2px; z-index: 0} /*PARAGRAPHS*/ p {margin: 1.2em 0 1.2em 0} p:first-child, p.first {margin-top: 0} /*0 over first P*/ p.afterpic {margin-top: 0} /*0 over first P*/ p:last-child, p.last {margin-bottom: 0} /*0 under last P*/ /*LISTS*/ div.list-info {margin: 1em 100px 1em 27px; bborder: 1px solid white; clear: none} div.list-info ul {list-style: none outside none; margin: 0; padding: 0} div.list-info ul li {background: transparent url(pix/d_next.gif) no-repeat 0 3px; padding: 0 0 0 20px; margin-bottom: 1em; margin-top: 1em} div.list-info ol {list-style: upper-alpha outside none; margin: 0; padding: 0} div.list-info ol li {padding: 0 0 0 0; margin-bottom: 1em; margin-top: 1em; position: relative; left: 30px; color: #00ffff; font-weight: bold; font-style: italic} div.list-info ol li p {color: #F271FD; font-weight: normal; font-style: normal} /*LIST OF LINKS BASED ON KEYWORDS*/ div.list-links {} div.list-links dl {margin: 1em 100px 1em 27px; bbackground-color: orange} div.list-links dt {width: 100%; font-weight: bold; background: transparent url(pix/d_next.gif) no-repeat 0 3px; padding: 0 0 0 12px;} div.list-links dd {width: 100%; margin-bottom: 13px; font-size: 11px} div.list-links dd span.e-desc {display: block; padding: .5em 20px .5em 20px; text-indent: 0} /*PAGE ELEMENTS*/ /*CONTENT_LAYOUT*/ div#container {width: 954px; margin: 0 auto 0 auto; position: relative; border: 0 solid white} /*containt: wo right menu, 774; with, 774 + 180 = 954*/ /*top elements*/ div#top-bar {height: 20px; width: 100%; position: absolute; top: 0; right: 0; background: #FF00E0 url(pix/top_stripes_stars.gif) no-repeat scroll top right; z-index: 0;} div#top-bar-2 {height: 26px; width: 100%; position: absolute; top: 20px; right: 0; background: purple url(pix/top_bar2_bg.gif) repeat-x scroll top right; z-index: 0} div#crumbs {position: absolute; top: 23px; left: 281px; font-size: 11px; z-index: 100} div#crumbs img {position: relative; top: 4px} /*TOP LOGO*/ div#top_logo {height: 98px; width: 320px; position: absolute; top: 20px; right: 0; background: transparent url(pix/top_logo_index.gif) no-repeat scroll top left; z-index: 30000} span#top_logo_link {background-color: transparent; display: block; height: 98px; width: 320px; cursor: pointer} body#diary div#top_logo, body#diary-list div#top_logo, body#diary-tags div#top_logo, body#diary-cats div#top_logo {display: none} div#top_logo h1 {display: none} div#top_logo {cursor: pointer; z-index: 10000; display: block; background-color: transparent; width:320px; height: 98px} /*MENU*/ div#menu_diaryarrow {background: transparent url(pix/menu_arrow.gif) no-repeat scroll top left; position: absolute; top: 130px; top: 340px; left: 130px; z-index: 30000; width: 49px; height: 45px; display: none} span.menu-diaryarrow {display: block; background: transparent url(pix/menu_arrow.gif) no-repeat scroll top left; z-index: 30000; width: 49px; height: 45px} dt.diary span.menu-diaryarrow, dt.diary-list span.menu-diaryarrow {position: absolute; top: 32px; left: 110px} dt.diary span.menu-diaryarrow, dt.diary-list span.menu-diaryarrow {position: absolute; top: 32px; left: 110px} dt.gallery span.menu-diaryarrow, dt.profiles span.menu-diaryarrow {display: none} dt.about span.menu-diaryarrow {position: absolute; top: 9px; left: 110px} span.menu-diaryarrow {display: none} body#diary dt.diary span.menu-diaryarrow, body#diary-list dt.diary span.menu-diaryarrow {display: block} body#about dt.about span.menu-diaryarrow {display: block} /*body#search div#m-search span.menu-diaryarrow {display: block; position: absolute; top: 11px; right: 24px}*/ div#menu {background-color: transparent; width: 180px; z-index: 2001; overflow: hidden; position: absolute; top: 0; left: 0} /*float: left*/ div#menu-top {width: 278px; height: 107px; background: transparent url(pix/menu_top.gif) no-repeat scroll top left; margin-bottom: 0} span#menu_top_img_link {display: block; cursor: pointer; z-index: 10000; width: 278px; height: 85px; background-color: transparent} a#menu_top_img:hover span {background-image: url(pix/menu_top_on.gif)} div.menu-content {margin-bottom: 8px} /*MENU RIGHT*/ div#menu-right {border: 1px solid white; background-color: transparent; width: 180px; z-index: 2001; overflow: hidden; position: absolute; top: 46px; right: 0; border: 0} dd.gal {text-align: right; border: 0 solid white} dd.gal a {display: block; width: 140px; border: 1px solid blue; text-align: center; float: right; margin-bottom: 5px; margin-top: 5px; border: 0} dd.gal img {display: block; margin: 0 auto 0 auto} span.menu-gallery-title {display: block; clear: both; text-indent: -0px; margin-left: 10px; text-decoration: underline} /*SPRITEBUTT*/ /*menu buttons*/ dl.menu-buttons {} dt.menu-butt, dt.menu-smallbutt {display: block; margin: 8px 0 8px 0; width 160px; height: 63px; background: transparent none no-repeat scroll top left; z-index: 500; position: relative} dt.menu-smallbutt {height: 25px} dl.menu-buttons span.menu-text {display: none} dl.menu-buttons span.menu-img {background-color: transparent; background-repeat: no-repeat; background-scroll: scroll; display: block; width: 160px; z-index: 700; position: absolute; top: 0; left: 0} dt.menu-butt span.menu-img {height: 63px; background-color: orange} dt.menu-smallbutt span.menu-img {height: 25px; background-color: orange} dl.menu-buttons a {cursor: pointer} dt.inactive a {cursor: default} dt.about a span.menu_img {background-color: blue} dt.about a span.menu-img {background: black url(pix/butt_about.gif) no-repeat 0 0} dt.about a:hover span.menu-img {background: transparent url(pix/butt_about.gif) no-repeat 0 -63px} dt.diary a span.menu-img {background: black url(pix/butt_diary.gif) no-repeat 0 0} dt.diary a:hover span.menu-img {background: transparent url(pix/butt_diary.gif) no-repeat 0 -63px} dt.gal a span.menu-img {background: black url(pix/butt_gal.gif) no-repeat 0 0} dt.gal a:hover span.menu-img {background: transparent url(pix/butt_gal.gif) no-repeat 0 -63px} dt.profiles span.menu-img {background: black url(pix/butt_profile0.gif) no-repeat 0 0} dt.email a span.menu-img {background: transparent url(pix/butt_email.gif) no-repeat 0 0} dt.email a:hover span.menu-img {background: transparent url(pix/butt_email.gif) no-repeat 0 -25px} dt.subscribe a span.menu-img {background: transparent url(pix/butt_subscribe.gif) no-repeat 0 0} dt.subscribe a:hover span.menu-img {background: transparent url(pix/butt_subscribe.gif) no-repeat 0 -25px} /*RIGHT SPRITES*/ div#menu-right dt.menu-butt, div#menu-right dt.menu-smallbutt {width: 160px; border: 0 solid blue; float: right} div#menu-right dt.gal a span.menu-img {background: black url(pix/butt_r_gal.gif) no-repeat 0 0; border: 1px solid white; border: 0} div#menu-right dt.gal a:hover span.menu-img {background: transparent url(pix/butt_r_gal.gif) no-repeat 0 -63px} div#menu-right dt.profiles span.menu-img {background: black url(pix/butt_r_profile.gif) no-repeat 0 0; border: 1px solid white; border: 0} div#menu-right dt.profiles span.menu-img:hover {background: transparent url(pix/butt_r_profile.gif) no-repeat 0 -63px} div#menu-right dt.about a span.menu-img {background: black url(pix/butt_r_about.gif) no-repeat 0 0} div#menu-right dt.about a:hover span.menu-img {background: transparent url(pix/butt_r_about.gif) no-repeat 0 -63px} div#menu-right dt.glossary /*a*/ span.menu-img {background: black url(pix/butt_glossary.gif) no-repeat 0 0} div#menu-right dt.glossary /*a:hover*/ span.menu-img:hover {background: transparent url(pix/butt_glossary.gif) no-repeat 0 -63px} div#menu-right dt, div#menu-right dd {clear: both} div#menu-right dt.menu-smallbutt {border: 0 solid white} dt.gal-more {margin-bottom: 2px} div#menu-right dt.gal-more a span.menu-img {background: transparent url(pix/butt_gal-more.gif) no-repeat 100% 0; border: 0 solid white} div#menu-right dt.gal-more a:hover span.menu-img {background: transparent url(pix/butt_gal-more.gif) no-repeat 100% 100%} /*DIARY ENTRIES in menu*/ dd {width: 100%; font-size: 11px; line-height: 15px; position: relative} dd.menu-d-entry a {text-decoration: none} /*RECENT DIARY*/ /*dd.menu-d-entry-recentdiary {margin-left: 52px; min-height: 40px; padding-bottom: 12px}*/ dd.menu-diary-mostrecent {margin-bottom: 4px} dd.menu-d-entry-recentdiary {width: 160px; min-height: 40px; padding-bottom: 12px; margin-left: 8px} dd.menu-d-entry-recentdiary img.thumb {float: left; margin: 0 4px 0 0} dd.menu-d-entry-recentdiary span.date {color: #F271FD} dd.menu-recentdiary-list {width: 140px; text-align: center; margin: -4px 0 8px 0} dd.menu-diary-hottopic {width: 150px; margin: 0 0 .5em 20px; text-indent: -12px} /*CONTENT*/ div#content {width: 594px; position: relative; left: 160px; left: 180px; top: 0; z-index: 100; bborder: 1px solid white} /* 2nd left = moved slightly over to right to balance menu */ div#content-padding {padding: 94px 0 10px 0; bborder: 1px solid green }/*add padding without violating box model old: {padding: 94px 20px 10px 20px;*/ body#diary div#content-padding, body#diary-list div#content-padding, body#diary-tags div#content-padding, body#diary-cats div#content-padding {padding-top: 54px} body#search div#content-padding {padding-top: 114px} body#index div#content-padding, body#about div#content-padding {padding-top: 122px} /*COPYRIGHT*/ div#copyright {clear: both; font-size: 9px; line-height: normal; text-align: center; padding: 14px 0 12px 0; margin-top: 40px} /*DIARY.PHP*/ div#diary-logo {font-size: 11px; background: url(pix/logo_diary.gif) no-repeat scroll top center; height: 118px; margin: 40px auto 0 auto; text-align: center; border: 0 solid blue; position: relative; margin-bottom: -20px} span.diary-logo-butt {cursor: pointer; display: block; border: 0 solid blue; width: 260px; height:70px; position: absolute; top: 0px; left: 145px} div.diary-logo-prevnext {margin: 0 auto 0 auto; position: relative; top: 74px; background-color: black} div#diary-logo h2 {display: none} div.diary-logo-prevnext img {position: relative; top: 3px} body#diary-list div.diary-logo-prevnext {display: none} /*DIARY ENTRIES*/ div.d-entry {clear: both; width: 556px; margin: 0 auto 26px auto; position: relative; right: 0; /*was 4px*/ background-color: transparent; bborder: 1px solid pink; width: 100%} /*head*/ div.d-entry div.d-head {height: auto; padding-left: 87px; position: relative; left: -5px; padding-bottom: 5px; background: transparent url(diary/pix/d_head.gif) no-repeat scroll bottom left} /*default mood, for undefined moods too*/ div.d-entry div.mood1 {} /*detaul; no need for this now*/ div.d-entry div.mood2 {background-image: url(diary/pix/d_head_happy.gif)} div.d-entry div.mood3 {background-image: url(diary/pix/d_head_sad.gif)} div.d-entry div.mood4 {background-image: url(diary/pix/d_head_happy.gif)} /*excited*/ div.d-entry div.mood5 {background-image: url(diary/pix/d_head_sad.gif)} /*disappointed*/ div.d-entry div.mood6 {background-image: url(diary/pix/d_head_confused.gif)} div.d-entry div.mood8 {background-image: url(diary/pix/d_head_bitter.gif)} /*mad*/ div.d-entry div.mood9 {background-image: url(diary/pix/d_head_bitter.gif)} /*bitter*/ div.d-entry div.d-date {color: #0ff; display: block; padding-top: 34px; font-weight: normal; font-size: 11px; line-height: 12px;} span.d-mod {color: #F271FD; font-style: italic} /*title*/ span.d-cat {color: #CC66FF; display: block; font-size: 13px; font-weight: bold; margin: 1px 0 -2px 0; line-height: 15px; font-style: normal} div.d-title {display: block; margin-bottom: 1px; padding-bottom: 3px /*IE*/; border-bottom: 4px solid #FF0DC1} div.d-title a {text-decoration: none} div.d-title h3 {display: block; margin: 0 0 0 20px; text-indent: -20px; font-size: 18px; line-height: 22px; font-weight: bold} body#index h3 a {ccolor: #F271FD; text-decoration: none} body#index h3 a:hover {color: #FFFF80} span.d-sub {display: inline; font-size: 11px; line-height: 13px} div.d-links {font-size: 12px; color: #0ff; text-align: right; padding-right: 20px} div.d-tags {clear: both; width:400px; text-align: right; margin: 0 12px 0 auto; padding-top: 2em; line-height: 15px; font-size: 12px; font-style: italic;} /*DIARY SUMMARY*/ body#diary-list div#diary-logo {margin-bottom: 15px} div.d-summary {clear: both; width:400px; margin: 0 auto 4em auto; position: relative; left: 6px; /*IE*/ min-height: 78px; padding-left: 78px; background: transparent url(diary/thumb/default.gif) no-repeat scroll top left; bborder: 1px solid white} /*head*/ div.d-summary div.d-date {display: block; font-weight: normal; font-size: 11px; line-height: 12px;} span.d-mod {color: #F271FD; font-style: italic} /*title*/ div.d-summary div.d-title {width: auto; display: block; margin-bottom: 4px; padding-bottom: 0 /*IE*/; border: 0} div.d-summary div.d-title a {display: block; text-decoration: none} div.d-summary div.d-title {border-bottom: solid 3px #FF0DC1; padding-bottom: 3px} div.d-summary div.d-title h3 {font-size: 15px; line-height: 19px} div.d-summary span.d-sub {display: inline; font-size: 11px; lline-height: 13px} div.d-summary span.d-cat {color: #CC66FF; display: block; font-size: 13px; font-weight: bold; margin: 1px 0 0 0; line-height: 15px; font-style: normal} div.d-summary div.d-desc {padding: 0 30px 0 16px; font-size: 12px} /*body*/ div.d-body {padding: 5px 0 0 14px; margin-bottom: 2em} /*level 1 subheading*/ div.d-entry h4 {width: 456px; padding-left: 100px; margin: 1.5em 0 1em 0; border: 0 solid white; color: #00ffff; font-weight: normal; font-size: 24px; border-bottom: 4px solid purple; text-align: right} div.d-entry h4 span.spacer {display: inline-block; width: 20px} div.d-entry h4 span.h4-sub {font-size: 12px} /*sub-subhead*/ /*tail*/ div.d-tail {clear: both; width: 100%; padding-top: 1em; text-align: right; font-size: 11px; padding-bottom: 1em} div.d-bottombar {clear: both; ddisplay: block; color: #000000; background: #69074E url(diary/pix/d_tail.gif) no-repeat scroll left bottom; width: 100%; height: 20px} div.d-bottombar a.d-comment {} div.d-comment a:link, div.d-comment a:visited {color: #F271FD} div.d-comment a:active, div.d-comment a:hover {color: #00ffff} div.d-prevnext {font-size: 11px; text-align: center; width: auto; margin: 0 auto 0 auto; border: 0px solid white; z-index: 200} div.d-prevnext img {position: relative; top: 3px} span.d-pn-newer {ddisplay: block; ffloat: right; display: inline; mmargin-bottom: -30px; z-index: 200} span.d-pn-older {ddisplay: block; ffloat: left; display: inline; mmargin-bottom: -30px; z-index: 200} /*CAPTION IMAGE*/ .right {float: right; margin-left: 10px; clear: right} .left {float: left; margin-right: 10px; clear: left} .center {margin-left: auto; margin-right: auto; margin-bottom: 1em; clear: none} /*displayblockclearbothmargin0auto1emauto;padding-top:1em IE*/ div.inline {display: inline-block !important} /*IE*/ /*goes with next one*/ div.cap-multi {text-align: center; margin-left: auto; margin-right: auto} /*more than one img on same line*/ div.cap {display: block; font-size: 11px; font-style:normal; text-align: center; color: #00ffff; line-height: normal} div.cap div.cap_text, div.cap div.cap-text {padding: 0px 10px .6em 10px} /*indents text and adds 1em space below captions*/ div.cap_img, div.cap-img {padding: 0; margin-bottom: 4px} /*removes indent, and no bottom spacing if image has no caption*/ div.cap_vert img, div.cap_vert object {display: block; margin-bottom: 8px; margin-left: auto; margin-right: auto} /*div.cap_vert {margin-bottom: -4px} /*remov extra margin from bot*/ /*div.cap_vert div.center {display: inline; clear: none}*/ div.cap_horiz {margin-bottom: -1em} /*img {display: inline; margin-right: 4px; margin-bottom: 4px}*/ div.cap-horiz div.cap_img {display: inline; margin-left: 1px; margin-right: 0} /*SEVERAL IMAGES ON ONE LINE */ /*IE*/ div.cap_horiz div.cap {} div.cap b {color: #F4FC9E}/*italicize keywords in captions*/ /*make p's after images clear so they don't start above the image*/ p.cap_left {clear: right} /*These fix the problem of paragraphs starting before their image starts when they're touching another cap box*/ p.cap_right {clear: left} /*div.clear {clear: both; height: 1.5em} div.clear + div + p {margin-top: 0}*/ /*div.right + p.right {clear: left; color: pink} div.right + p.left {clear: right; color: pink}*/ div.cap-multi div.cap {margin-left: 2px; margin-right: 2px; margin-bottom: 2px} /*ABOUT*/ div.faqbox {margin: 0 auto 0 auto; position: relative} div.question div.q {background: transparent url(pix/faq_q.gif) no-repeat scroll 0 0;padding-left: 29px} div.question div.a {background: transparent url(pix/faq_a.gif) no-repeat scroll 0 0; padding-left: 33px; margin-left: 24px} div.question div {padding-left: 12px; padding-top: 11px; height: 40px} div.question {margin-bottom: 0} div.faqtitle {text-align: center; position: absolute; top: 0; right: 0} /*div.logobox {background-image: url (pix/about_title.gif)}*/ div#about_logo {width: 320px; height: 110px; position: absolute; top: 0; right: 0; background: transparent url('pix/about_title.gif') no-repeat scroll top right; z-index: 10} body {background: transparent url('pix/about_title.gif') no-repeat scroll top right} body#about div#copyright {margin-top: 100px} /*SEARCH*/ div#s-container {} div#s-container h2, body#email h2 {color: #0ff; font-size: 32px} div#s-report {margin-top: 1em;} div#s-results {bbackground-color: purple} div.s-result {bbackground: darkblue; bborder: 1px solid white; margin-top: 20px} div.s-result span.s-num {font-weight: bold; font-size: 18px; /*font-size: 32px; display: block; position: relative; top: 28px*/} div.s-desc b, div.s-url b, div.s-title b {font-weight: bold} div.s-desc {padding: 0 0 0 0; font-size: 12px} div.s-url {font-style: italic; font-size: 12px} div#m-search {margin0; padding: 0; background: transparent url('pix/butt_search.gif') no-repeat scroll top left; height: 63px; width: 160px; position: relative; transparent} div#m-search span.m-searchheader {display: none} form.searchbox {background-color: transparent} div#m-search form.searchbox {display: block; position: relative; top: 33px} form.searchbox input.s-query {width: 190px; border: 2px inset #ccc; ffont-size:9px} input.searchbox-button {position: relative; top: 1px} form.searchbox span.s-title {display: block; ffont-size: 11px; margin-bottom: 0; line-height: 11px} form.searchbox input {font-size: 10px} div.s-powered {text-align: right; margin-top: 1em; margin-bottom: 1em; font-size: 11px} div.s-powered a {ddisplay: block; dmargin: 0 0 0 auto} div.s-pages {bbackground-color: green; text-align: center} div.s-didyoumean, div.s-ignore {font-style: italic; margin: 1em} div.s-didyoumean a {text-decoration: underline} /*DIARY TAG LISTING*/ div.d-tagresults {margin: 3em auto 3em auto; text-align: center} div.d-tagresults span {font-style: italic; font-size: 11px} div.d-tagresults b {font-weight: bold; font-style: italic} div.d-keepreading {font-style: italic; text-align: center; position: relative; left: 50px; font-size: 13px; clear: both; padding-top: 1em} body.index_list div.keep_reading {font-size: 13px} /*SUBSCRIBE*/ div.subscribe-blurb {clear: both; padding-top: 30px; background: transparent url(pix/sub_email.gif) no-repeat scroll 0px 34px; font-size: 13px; width: 280px; height: auto; text-align: left; padding-left: 38px} body#sentmail div.subscribe-blurb {margin: 3em auto 2em auto;} body#diary div.subscribe-blurb {margin: 0 0 0 auto;} /*EXCERPT*/ div.d-excerpt div.cap_text {display: none} /*GENERAL*/ .border-white {border: 1px solid white} div.master.slave {background: green} div.master {background-color: red} div.slave {background: purple} /*DROPDOWN MENUS son of suckerfish dropdowns*/ /*Note that you need to specify a width in the #nav li selector or else Opera will chuck a wobbly. Also remember that because we're floating things, the content underneath the dropdowns also needs to be cleared (clear: left).*/ #nav, #nav ul { padding: 0; margin: 0; list-style: none; } #nav a { display: block; width: 10em; } #nav li { float: left; width: 10em; } #nav li ul { position: absolute; width: 10em; left: -999em; } #nav li:hover ul { left: auto; } /*XDBG - fixes font colors to make them actually be legible*/ font table {color: black} /*PARSE SEARCH*/ div.parse-search {width: 80%; margin: 0 auto 0 auto; bborder: 2px solid hotpink; background-color: #400040; padding: 10px} div.parse-search table {bborder: 3px solid #400040; border-size: 3px 0 0 3px} div.parse-search table tr td {vertical-align: top; font-size: 13px; line-height: 19px; background-color: #602060; border: 3px solid #400040; border-size: 0 3px 3px 0; padding: 2px 2px 2px 24px} div.parse-search input {border: 0; background-color: transparent; color: inherit; font-size: 11px} td.search-fullname {width: 60%; text-indent: -20px; padding-left: 30px} td.search-fullname img {display: none} /*link icons*/ td.search-name {text-align: right} td.search-name form input {border: 0 solid purple; width: 100%; text-align: left;} div.parse-search div.search-result {line-height: 17px} div.parse-search div.search-result:hover {background-color: blueviolet} /*LOCAL*/ /*var-box*/ div#user-vars { font-size: 12px; line-height: 15px; z-index: 30000; position: absolute; top: 0; left: 0; } div#user-vars a#toggle-user-vars {color: black} div#user-vars-content { background-color: black; border: 2px solid hotpink; width: auto; height: 500px; height: auto; overflow: show; display: none; position: absolute; top: 0; left: 13px; } /*D-LIST*/ div.d-list-sort {text-align: center; font-size: 13px; margin-bottom: 4em; margin-top: -16px;} span.d-list-sort-icon { display: block; height: 20px; width: 20px; position: absolute; left: 0; top: -3px; background: transparent url(pix/icon_starh_20.png) no-repeat scroll 0 0 } div.d-list-sort a {margin-left: 10px} div.d-list-sort a span {} div.d-list-sort a span.on {background-position: -40px 0} div.d-list-sort a:hover span {background-position: -20px 0}