@charset "utf-8"; /* @prefix : . <> a :CSSstylesheet; :title "Vicuna Ninja Style - Default Sub Skin"; :created "2007-12-26"; :release [:revision "1.02"; :created "2008-01-31"]; :author [:name "wu"; :homepage ; :mbox "3ping.org@gmail.com"]; :license ; :description "レイアウト簡易設定情報と色彩情報定義ファイル"; :note " 16進数の編集だけでも、スキンイメージを大きく変更できます。このファイルで変更できない箇所は、コアCSS、または、有効化されたモジュールCSSを直接編集するか、ここに新たにセレクタを追加して上書きして下さい。 ". */ /* のページでは、以下のCSSファイルがdiv#utilities に適用されます。カスタマイズする場合はあわせて編集してください。 */ @import url(2-single.css); /*========================================================= Layout =========================================================*/ body { margin: 0 0; /* margin */ } div#header, div#content, div#footer { width: 90%; /* (example: 50%~100%, 400px~1000px, 60em, etc. )*/ min-width: 35em; /* 最小幅 */ max-width: 70em; /* 最大幅 */ } /*========================================================= General =========================================================*/ html{ background-repeat: repeat-x; background-color: #862228; } body { color: #555; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } div#header { border-bottom: 16px solid #bc2f38; background-color: #bc2f38; } div#content { border-bottom: 6px solid #BC2F38; background-color: #BC2F38; } .individual div#content { min-height:1260px; background-color: #BC2F38; } body.individual div#content, body.archives div#content, body.webPage div#content, body.dateBasedArchive div#content{ border-bottom: 6px solid #333; background-color: #FFFFFF; } body.webPage div.entry{ background-color: #dbf1fc; width: 730px; _width: 720px; margin: 0 0 20px 40px; } *+html body.webPage div.entry{ width: 720px; } p.web_bbs_btn{ text-align: center; margin: 0 0 40px 0; } div#content div#main { background-color: #fff; border-color: #eee; /* 本文カラム境界線 */ } div#top-menu-fla{ width: 811px; height: 194px; margin: 4px auto; } div#top-menu-fla ul,div#top-menu-fla li,div#top-menu-fla p,div#top-menu-fla img{ margin: 0; padding: 0; } div#top-menu{ width: 187px; text-align: left; float: left; margin: 2px 11px 0 0; _margin: 2px 12px 0 -16px; } *+html div#top-menu{ width: 187px; text-align: left; float: left; margin: 2px 16px 0 -16px; } div#top-menu li{ margin: 2px 0 3px 0; } div#top-fla{ width: 613px; margin: 0 0 0 11px; float: left; } div#top-menu-fla li{ list-style-type: none; } div#news{ clear: both; width: 780px; _width: 790px; background-color: #353535; margin: -10px 0 0 5px; _margin: 10px 0 0 10px; padding: 5px 10px; } *+html div#news{ width: 780px; margin: 10px 0 0 5px; } div#news p#title{ margin: 0 0 5px 0px; color: #FFB400; text-decoration: underline; } div#news p{ color: #fefefe; margin: 0 5px; } div#news div.info{ border: 1px solid #555555; padding: 2px 20px; margin: 0 0 5px 0; line-height: 130%; } div#news div.info p.date{ margin: 0 0 -5px -10px; } body.mainIndex div#content div#main{ background-color: #8E2229; border: none; padding: 5px; margin: 5px 5px 10px 5px; _margin: 10px 5px 10px 5px; } *+html body.mainIndex div#content div#main{ background-color: #8E2229; border: none; padding: 5px; margin: 10px 5px 10px 5px; } div#newentry{ padding: 0 0 10px 0; } div#newentry ul{ margin: 0; padding: 0; display: inline; } p#new-entry{ text-indent: -9999px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/common/new_entry.png); background-repeat: no-repeat; background-position: left top; margin: 5px 0 0; padding: 0; border-bottom: 2px solid white; } li.entry-body{ border-bottom: 1px dotted white; padding: 0px; list-style-type: none; } li.entry-body a{ text-decoration: none; color: #FFFFFF; padding: 5px 5px 5px 15px; _padding: 5px 5px 5px 0px; display: block; background-repeat: no-repeat; background-position: left center; } *+html li.entry-body a{ /* for IE7 */ text-decoration: none; color: #FFFFFF; padding: 5px 5px 5px 0px; display: block; background-repeat: no-repeat; background-position: left center; } li.entry-body a:hover{ background-color: #4d0b10; padding: 5px 5px 5px 15px; _padding: 5px 5px 5px 0px; color: #FFFFFF; background-repeat: no-repeat; background-position: left center; } *+html li.entry-body a:hover{ /* for IE7 */ text-decoration: none; color: #FFFFFF; padding: 5px 5px 5px 0px; display: block; background-repeat: no-repeat; background-position: left center; } body.mainIndex dt.links-title{ display: none; } body.mainIndex dt.links-title{ text-indent: -9999px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/common/link.png); background-repeat: no-repeat; background-position: right bottom; background-color: #BC2F38; padding: 0 0 5px 0px;; } div#utilities dd.links li{ list-style-type: none; } body.mainIndex div#utilities dd.links ul{ margin: -5px 0 0 0; } div#utilities dd.links ul{ margin: 0px 0 0 -2px; } div#utilities dd.links li a,div#utilities dd.links li img{ border: none; background-image: none; margin: 0; padding: 0; } div#utilities dl { margin: 0; } div#utilities dl dt { margin: 0; padding: 0; } div#utilities dl dd { margin: 0; padding: 0; } .item{ margin: 0pt 5px 8px; overflow: hidden; } /*--------------- コンテンツメニュー用 CSS -----------------*/ body.individual #header, body.webPage #header, body.dateBasedArchive #header, body.Archive #header{ border-bottom: 2px solid #808080; } div#content div#menu{ background-color: #0f1631; } div#content div#menu ul{ margin: 0 0 0 0; padding: 5px 0 5px 10px; border-bottom: 5px solid #808080; height: 26px; } div#content div#menu li{ text-indent: -9999px; list-style-type: none; display: inline; float: left; margin: 0 20px 0 0; } div#content div#menu li#top-button{ margin: 0 0 0 320px; } div#content div#menu a{ display: block; height: 26px; outline: none; } div#content div#menu li#blog a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/blog.png"); background-repeat: no-repeat; background-position: left center; width: 79px; } div#content div#menu li#blog a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/blog_on.png); background-repeat: no-repeat; background-position: left center; width: 79px; } div#content div#menu li#report a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/report.png"); background-repeat: no-repeat; background-position: left center; width: 107px; } div#content div#menu li#report a:hover{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/report_on.png"); background-repeat: no-repeat; background-position: left center; width: 107px; } div#content div#menu li#bbs a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/bbs.png"); background-repeat: no-repeat; background-position: left center; width: 49px; } div#content div#menu li#bbs a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/bbs_on.png); background-repeat: no-repeat; background-position: left center; width: 49px; } /* ↓special開始したら消す↓ */ div#content div#menu li#special{ background-image: url(special0.png); background-repeat: no-repeat; background-position: left center; width: 112px; } div#content div#report-menu li#special{ background-image: url(special0.png); background-repeat: no-repeat; background-position: left center; width: 112px; } /* ↑special開始したら消す↑ */ /*div#content div#menu li#special a{ background-image: url(../../images/menu/special.png); background-repeat: no-repeat; background-position: left center; width: 112px; }*/ div#content div#menu li#special a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/special_on.png); background-repeat: no-repeat; background-position: left center; width: 112px; } div#content div#menu li#top-button a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/top.png"); background-repeat: no-repeat; background-position: left center; width: 48px; } div#content div#menu li#top-button a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/top_on.png); background-repeat: no-repeat; background-position: left center; width: 48px; } /* reportmenu */ div#content div#report-menu{ background-color: #0f1631; } div#content div#report-menu ul{ margin: 0 0 0 0; padding: 5px 0 5px 10px; border-bottom: 5px solid #808080; height: 26px; } div#content div#report-menu li{ text-indent: -9999px; list-style-type: none; display: inline; float: left; margin: 0 20px 0 0; } div#content div#report-menu li#top-button{ margin: 0 0 0 320px; } div#content div#report-menu a{ display: block; height: 26px; outline: none; } div#content div#report-menu li#blog a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/blog.png"); background-repeat: no-repeat; background-position: left center; width: 79px; } div#content div#report-menu li#report a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/report.png"); background-repeat: no-repeat; background-position: left center; width: 107px; } div#content div#report-menu li#bbs a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/bbs.png"); background-repeat: no-repeat; background-position: left center; width: 49px; } div#content div#report-menu li#special a{ background-image: url(special0.png); background-repeat: no-repeat; background-position: left center; width: 112px; } div#content div#report-menu li#top-button a{ background-image: url("http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/top.png"); background-repeat: no-repeat; background-position: left center; width: 48px; } div#content div#report-menu li#blog a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/blog2_on.png); background-repeat: no-repeat; background-position: left center; width: 79px; } div#content div#report-menu li#report a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/report2_on.png); background-repeat: no-repeat; background-position: left center; width: 107px; } div#content div#report-menu li#bbs a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/bbs2_on.png); background-repeat: no-repeat; background-position: left center; width: 49px; } div#content div#report-menu li#special a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/special2_on.png); background-repeat: no-repeat; background-position: left center; width: 112px; } div#content div#report-menu li#top-button a:hover{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/menu/top2_on.png); background-repeat: no-repeat; background-position: left center; width: 48px; } /*-------------------- Border Switch headerとcontentの区切り付近に出現するBorder。 ModuleのImportよってBorderに利用するBoxを切り替えています。 !必要ない場合は全て削除してください。 ----------------------*/ div#content,div#main, body.double div#utilities, body.multi div#utilities { border-top: 5px solid #bc2f38; /* 編集は色だけ推薦 */ } body.double div#utilities, body.multi div#utilities { padding-bottom: 50px; z-index: 1; } div#content p.return { width: 95%; position: relative; bottom: 0px; text-align: right; z-index: 1000 !important; } div#main, body.double div#utilities, body.multi div#utilities { border-top-width: 0; /* Do not edit this line */ } /*--------------- Font Size Setting 本文文字サイズ -----------------*/ div.textBody { font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */ } /* individual (個別記事では少し大きく) */ body.individual div.textBody { font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */ } /*--------------- Link Color -----------------*/ a:link { color: #666; } a:visited { color: #888; } a:hover { color: #000; } /*--------------- Website Title -----------------*/ div#header p.siteName { } div#header p.siteName a { color: #fff; } div#header p.siteName a:hover { color: #f5f5f5; } /*--------------- Description -----------------*/ div#header p.description { color: #999; } /*--------------- Topic Path -----------------*/ /* 現在位置 */ p.topicPath span.current { padding-left: 15px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow090102.gif); background-repeat: no-repeat; background-position: left center; _background-position: 0 0.4em; /* for IE */ } p.topicPath span.blog-link a, p.topicPath span.blog-link a:hover, p.topicPath span.blog-link a:visited{ color: #FFB400; font-weight: bold; } p.topicPath span.report-link a, p.topicPath span.report-link a:hover, p.topicPath span.report-link a:visited{ color: #40b400; font-weight: bold; } /*--------------- Heading -----------------*/ h1 { color: #000; } h2 { border-bottom: 1px solid #eee; color: #000; } h3 { color: #666; background-color: #f5f5f5; } /*========================================================= div#utilities (Sidebar) =========================================================*/ div#utilities { } /*--------------- dl.navi -----------------*/ dl.navi { } dl.navi dt { color: #fff; background-color: #666; } /*--------------- dl.others -----------------*/ dl.others { } dl.others dt { color: #fff; background-color: #bbb; } /*--------------- .freeSpace [?] -----------------*/ div#utilities .freeSpace { margin: 1px; background-color: #fff; } div#utilities .freeSpace p, div#utilities .freeSpace dl, div#utilities .freeSpace ul, div#utilities .freeSpace ol, div#utilities .freeSpace li { margin: 0.1em 5px; } /*--------------- nest -----------------*/ div#utilities dl dd dl dt { background-color: #fff; } /*--------------- Sidebar Link Color -----------------*/ dl.navi li a, dl.others li a { /*padding-left: 15px;*/ text-decoration: none; background-repeat: no-repeat; background-position: left center; _background-position: 0 0.2em; } dl.navi li a:link, dl.others li a:link { /*background-image: url(images/mark/v_mark040101.gif);*/ } dl.navi li a:visited, dl.navi dl li a:visited, dl.others li a:visited, dl.others dl li a:visited { /*background-image: url(images/mark/v_mark040201.gif);*/ } dl.navi a:hover, dl.others a:hover { } /* body class="single" div#utilities style 2-singleUtilities.css */ /*========================================================= Entry =========================================================*/ /*--------------- Title -----------------*/ div.blog h2 { background-image: url(midashi_.png); background-repeat: no-repeat; border-bottom: 3px dotted #000000; padding: 3px 0 5px 18px; } h1.blog{ background-image: url(midashi_.png); background-repeat: no-repeat; border-bottom: 3px dotted #000000; font-size: 122%; font-weight: bold; padding: 3px 0 5px 18px; margin: 10px 30px 0.5em; } h1.report{ background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/report/midashi_bg.png); background-repeat: no-repeat; border-bottom: 3px dotted #000000; font-size: 122%; font-weight: bold; padding: 3px 0 5px 18px; margin: 10px 30px 0.5em; } div.report h2 { background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/images/report/midashi_bg.png); background-repeat: no-repeat; border-bottom: 3px dotted #000000; padding: 3px 0 5px 18px; } div.entry h2 a { text-decoration: none; color: #000; } div.entry h2 a:visited { color: #000; } div.entry h2 a:hover { color: #666; } /*--------------- Text Body -----------------*/ div.entry div.textBody dl { border-left: 6px solid #eee; border-bottom: 1px solid #fff; } /*--------------- Link img -----------------*/ div.textBody a img { border: 3px solid #ccc; } div.textBody a:hover img { border: 3px solid #000; } /*--------------- Continue reading -----------------*/ p.continue { padding-left: 12px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow050102.gif); background-repeat: no-repeat; background-position: left center; } p.continue a:link, p.continue a:visited { color: #fff; background-color: #666; } p.continue a:visited { background-color: #aaa; } p.continue a:hover { color: #fff; background-color: #000; } /*--------------- Reaction -----------------*/ div.entry ul.reaction { border-top: 1px solid #eee; } div.entry ul.reaction li { border-right: 2px solid #eee; } div.entry ul.reaction li a { padding-left: 18px; text-decoration: none; background-repeat: no-repeat; background-position: left center; } div.entry ul.reaction li.comment a { padding-left: 24px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/icon/v_icon010101.gif); } div.entry ul.reaction li.trackback a { background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/icon/v_icon080101.gif); } /*--------------- Reaction Log (individual) -Comments -Trackbacks -----------------*/ div#comments dl.log dt span.name, div#trackback dl.log dt span.name { color: #000; } div#comments dl.log dt span.date, div#trackback dl.log dt span.date { color: #999; } div#comments dl.log dd, div#trackback dl.log dd { border-bottom: 1px solid #eee; } div#trackback dl.log { border-left: 5px solid #aaa; } /* Trackback Info */ div#trackback dl.info { border-left: 5px solid #aaa; border-bottom: 1px solid #eee; background-color: #f5f5f5; } div#trackback dl.info .URL { color: #000; background-color: #fff; } /*--------------- Flip Pager (Newer - Older) -----------------*/ ul#flip1 li a { padding: 0 0.5em; color: #666; background-repeat: no-repeat; } /* Newer Article */ ul#flip1 li.newer a { padding-left: 18px; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow070101.gif); background-position: left center; } /* Older Article */ ul#flip1 li.older a { padding-right: 18px; border-left: 1px solid #ccc; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow070102.gif); background-position: right center; } /* On Mouse */ ul#flip1 li a:hover { color: #000; } ul#flip1 li.newer a:hover { background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow070201.gif); } /* Older Article */ ul#flip1 li.older a:hover { background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/arrow/v_arrow070202.gif); } /*--------------- Flip Pager2 (Newer - Older) -----------------*/ #flip2 { border: 1px solid #ddd; } #flip2 li { color: #000; } #flip2 li a { } /*--------------- Retun to page top -----------------*/ p.return a { padding-right: 12px; background: url(v_arrow0.gif) no-repeat right center; } /*--------------- Archive Index -----------------*/ p.archives a { padding-left: 16px; background: url(v_icon11.gif) no-repeat left center; } /*========================================================= Footer =========================================================*/ div#footer ul.support li { color: #aaa; } div#footer ul.support li a { color: #999; text-decoration: none; } div#footer li.template a { } div#footer address { color: #fff; } /*========================================================= Elements =========================================================*/ em { font-weight: bold; } strong { color: #ff4500; } /*--------------- Form -----------------*/ fieldset { border: 1px solid #ddd; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/bg/bg_slash01.png); } input, textarea { border-color: #d4d4d4 #eee #eee #d4d4d4; background-color: #fff; background-image: url(http://www.koji-uehara.net/cgi-bin/mt/mt-static/themes/style-ninja_2/module/mod_subSkin/images/bg/bg_input.gif); background-repeat: no-repeat; } input:hover,textarea:hover { border-color: #00a0dd; } input:focus,textarea:focus { border-color: #aaa; background-color: #fff; } input.submit { color: #fff; background-color: #666; } input.submit:hover { background-color: #000; } /*--------------- Table -----------------*/ table { border: 1px solid #cfd3d6; background-color: #fff; } th, td { border: 1px solid #efefef; border-color: #efefef #dce0e3 #dce0e3 #efefef; } th { color: #000; background-color: #efefef; } td { border: 1px solid #ddd; background-color: #fff; } /*--------------- Pre -----------------*/ pre { color: #666; background-color: #eee; } pre * { color: #444; } pre[title]:before { color: #fff; background-color: #bbb; } /*--------------- Blockquote (引用) -----------------*/ blockquote { border: 3px solid #eee; color: #666; background-color: #f5f5f5; } blockquote * { color: #666; } blockquote[title]:before { color: #000; } blockquote[cite]:after { color: #333; } cite { color: #333; } /*========================================================= Others =========================================================*/ /*-------------------------------------- Tag Cloud ---------------------------------------*/ ul.tagCloud { margin: 0.5em 30px; padding: 0.5em 10px; line-height: 1; font-size: 13px; } ul.tagCloud li { margin: 0; padding: 0; display: inline; font-size: 100%; } ul.tagCloud li a { text-decoration: none; } /* Tag level 1>6 */ ul.tagCloud li.level1 a { font-size: 167%; font-weight: bold; color: #424242; } ul.tagCloud li.level2 a { font-size: 136%; font-weight: bold; color: #5e5e5e; } ul.tagCloud li.level3 a { font-size: 122%; font-weight: bold; color: #7a7a7a; } ul.tagCloud li.level4 a { font-size: 114%; color: #979797; } ul.tagCloud li.level5 a { font-size: 92%; color: #b3b3b3; } ul.tagCloud li.level6 a { font-size: 77%; color: #cfcfcf; } /* On Mouse */ ul.tagCloud li a:hover { color: #000; } /* コメント・トラックバック数など、数を表す部分で使われます */ .count { } /* コメントツリー表示関連 */ .comment{ border-bottom: 1px solid #444444; margin: 0 0 10px 0; } +html body.comment{ } ul.auther-replies .comment{ border-bottom: 1px solid #ffffff; margin: 0 0 0 0; } #comments{ margin: -40px 0 0 0; } #comments ul.comment-replies { list-style: none; margin-left: 0; padding-left: 0; } li.comment-replies-content { list-style: none; } div.content-nav{ margin: 0 auto; width: 720px; text-align: center; } #comments ul.auther-replies{ /*background-color: #eeeeee;*/ color: #333333; margin-left: 50px; margin-bottom: 0px; } #comments ul.comment-replies img{ text-decoration: 0; border: 0; } .comment-content{ margin:0 0 0 10px; } .comment-footer{ background-color: #444444; color: #FEFEFE; margin: 0 0 0 0; padding: 0 0 0 10px; _padding: 0 0 0 0; } *+html body .comment-footer,{ margin: 0; padding: 0; } #comments ul.auther-replies .comment-footer{ background-color: #ffffff; color: #62a2c3; font-weight: bold; padding: 0; margin: -10px 0 -5px 0; } .comment-footer a{ color: #FFFFFF; text-decoration: underline; } .comment-footer a:hover{ color: #FFFFFF; text-decoration: none; } .comment-footer a:visited{ color: #FFFFFF; text-decoration: underline; } #comments ul.auther-replies .comment-footer a{ color: #555555; text-decoration: underline; } #comments ul.auther-replies .comment-footer a:hover{ color: #555555; text-decoration: none; } #comments ul.auther-replies .comment-footer a:visited{ color: #555555; text-decoration: underline; } body.webPage h1{ margin: 0 0 -10px 0; _margin: 0; }