/*
   Id: yasd.css,v 1.3 2000/09/28 08:23:50 tsumura Exp $
*/

/* --------------------------------------------------
   default
-------------------------------------------------- */
body {
/*    font-family: "Trebuchet MS", Verdana, Arial, sans-serif; */
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    color: #eee;
    background: #005243;
    margin: 0pt 0pt 0pt 5pt;
}

div#pagebanner {
    margin: 0px;
}

p {
    text-indent: 1.2em;
    line-height: 160%;
/*    margin: 4pt 10pt 0pt 10pt; */
}

dl {
    line-height: 130%;
    margin: 0pt 10pt 0pt 10pt;
}

dt {
    margin-top: 5pt;
}

dt:before {
    content: url("http://blog.roguelife.org/yasd/resource/icons/te3r.gif");
}

ul {
    line-height: 130%;
}

ol {
    line-height: 130%;
}

dl.noimg {
    line-height: 120%;
}

p.withimg {
    line-height: 100%;
}

del {
    text-decoration: line-through;                      /* for NN4 */
    color: #696;
}

hr {
    clear: both;
}

blockquote {
    font-style: italic;
    font-family: Georgia, Times, serif;
    border-style: inset;
    border-color: #1f473d;
    border-width: 2px;
    padding: 5px;
}

blockquote strong {
    color: #fcc;
}


/* --------------------------------------------------
   Anchors
-------------------------------------------------- */
a:link {
    color: #4fb;
 /*     color: #6e8;*/
 /*  background-color: #043; */
 /*  background-color: #005533; */
}

a:visited {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #ced;
}

a:active {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #f00;
}

a:hover {
    background-color: #9c9;
    background-color: #94d1b3;
/*    background-color: #3c6; */
    color: #030;
/*    color: #060; */
/*    font-weight: bold; */
}

div.comment a:link {
    color: #005243;
}

div.comment a:visited {
    color: #005243;
}

/* --------------------------------------------------
   Headings
-------------------------------------------------- */
h1 {
    color: #9c9;
}

h1 a {
    color: #9c9;
    text-decoration: none;
}

h1 a:visited {
    color: #9c9;
    text-decoration: none;
}

h1 a:hover {
    color: #030;
    text-decoration: none;
}

h2      {
    font-family: Georgia, serif;
    font-size: x-large;
    font-weight: bold;
    border-style: solid;
    border-width: 0pt 0pt 0pt 5px;
    border-color: #fc5;
    margin-right: 40%;
    padding: 0em 0.5em 0em 0.5em;
    color: #fff;
/*    clear: both;*/
    line-height: 80%;
/*  position: relative; */
}

h2 span.mday { 
    font-size: normal;
}

h2 span.month {
    font-size: small;
}

h2 span.wday {
    font-size: large;
    font-variant: small-caps;
}

h2 span.year {
    font-size: small;
}

a.h2 {
    color: #dda;
    text-decoration: none;
}

a.h2:hover {
    color: #fff;
    text-decoration: none;
}

h3      {
/*    font-family: Arial, Gothic, sans-serif; */
/*  background-color: #043; */
/*  background-color: #005533; */

/*
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #fa0;
*/
    color: #9e9;
/*    border-style: none; */
/*    clear: both;*/
    height: 25px;
    padding-left: 28px;
    background-image: url(http://blog.roguelife.org/yasd/resource/icons/title.gif);
    background-repeat: no-repeat;
    background-position: left;
}

a.h3 {
/*  background-color: #043; */
/*  background-color: #005533; */
/*    color: #4d7; */
    color: #70c270;
    text-decoration: none;
}

a.h3:hover {
    background-color: #1f473d;
/*    color: #4d7; */
    color: #9fa;
    text-decoration: none;
}

h4 {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #fff;
    border-style: solid;
    border-width: 0pt 0pt 1pt 0pt;
    border-color: #fff;
}

/* --------------------------------------------------
   Index
-------------------------------------------------- */
.index {
    color: #cdc;
    background-color: #044;
}

a.idxitem {
    background-color: #044; 
    color: #cff;
    text-decoration: none;
}

a:link.banner {
    border-style: none;
}

/* --------------------------------------------------
   lists
-------------------------------------------------- */

ul {
/*    list-style-image: url("/img/tri-whiteS.gif") */
    list-style-image: url("http://blog.roguelife.org/yasd/resource/icons/te3r.gif")
}

div.links ul {
   list-style: none;
}

ul.uri{ 
/*    list-style-image: url("/img/tri-whiteS.gif") */
    list-style-image: url("/img/te3r.gif")
}

dl.uri{ 
/*    list-style-image: url("/img/tri-whiteS.gif") */
    list-style-image: url("/img/te3r.gif")
}



dt.uri{ 
/*    list-style-image: url("/img/tri-whiteS.gif") */
    list-style-image: url("/img/te3r.gif")
}

/* --------------------------------------------------
   others
-------------------------------------------------- */

pre {
    border-style: dashed;
    border-width: 1px;
    border-color: #006e54;
    padding: 10px;
    line-height: 100%;
    background-color: #043;
}

.elisp {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #cde;
    margin-left: 16pt;
    line-height: 100%;
    font-size: small;
}

.prog {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #cde;
    margin-left: 16pt;
    line-height: 100%;
    font-size: small;
}

.prog {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #cde;
    margin-left: 16pt;
    line-height: 100%;
    font-size: small;
}

.code {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #dce;
    margin-left: 16pt;
    line-height: 100%;
}

.man {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #ded;
    margin-left: 16pt;
    line-height: 100%;
}

.command {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #ecd;
    margin-left: 16pt;
    line-height: 100%;
}

.shell {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #ecd;
    margin-left: 16pt;
    line-height: 100%;
}

.nethack {
    color: #cde;
    margin-left: 16pt;
    line-height: 100%;
}

.sample {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #dec;
    margin-left: 16pt;
    line-height: 100%;
}

p.commentout {
    text-indent: 0;
    font-size: 80%;
    color: #80aba9;
}

th,td {
/*  background-color: #043; */
/*  background-color: #005533; */
    color: #fff;
}

.flushright {
    text-align: right;
}

.center {
    text-align: center;
}

.urilink {
    text-align: center;
}

/* --------------------------------------------------
   Y.A.S.D.
-------------------------------------------------- */

strike {
    color: #696;
}

.quiet {
    font-size: medium;
    color: #386;
}

a.quiet {
    font-size: medium;
    color: #386;
    text-decoration: none;
}

a.quiet:hover {
    background: #043;
}


.important { 
    font-weight: bold;
    color: #fc3;
}

.warning {
    margin-left: 16pt;
    color: #f6b;
}

p.schedule {
    font-size: small;
}

p.tvsched {
    font-size: small;
}

p.calendar {
    font-size: small;
}

.minititle {
    font-size: small;
    background-color: #000;
    color: #999;
    padding: 0px 3px 0px 3px;
    font-style: italic;
    font-weight: bold;
}

.prologue {
    font-size: small;
}

.epilogue {
    font-size: small;
}

.match {
/*      background-color: #043; */
/*  background-color: #005533; */
    background-color: #034;
    color: #fd0;
/*  text-decoration: underline; */
}

.ps { /* PostScript */
    font-size: small;
    color: #696;
    border-width: 1px;
    border-color: #9c9;
    border-style: solid;
}

/* --------------------------------------------------
   RDF
-------------------------------------------------- */

.rdfdate {
    font-size: small;
    color: #9c9;
}

/* --------------------------------------------------
   DateBox
-------------------------------------------------- */

div.storyDateBox {
    margin: 10pt;
}

div.story {
    margin: 0pt 10pt 0pt 10pt;
}

h3.yasd {
    margin-left: 10pt;
}


/* --------------------------------------------------
   SideBox
-------------------------------------------------- */

table.layout {
    margin-top: 1em;
}

div#content { 
    width: 100%;
}

div#blog { 
    float: left;
    width: 70%;
}

td.sidebox {
    width: 190px;
}

div.sidebox {
    float:right;
    background: #043;
/*  margin-top: 15px; */
    margin-right: 10px;
    padding-right: 1em;
    text-align: center;
    width: 25%;
}

.sideboxtitle {
    color: #c60;
    background: #ffc;
    font-size: smaller;
    font-weight: bold;
    letter-spacing: 0.2em;
    font-variant: small-caps;
    text-align: left;
    padding-left: 0.3em;
/*    border-left: 1em solid #fa0; */
    border-left: 1em solid #fc5;
}

.sidebody {
    background:#006e54;
    font-size: smaller;
    font-weight: normal;
    font-family: Arial, sans-serif;
    line-height: 140%;
    text-align: left;
    margin-bottom: 15px;
    padding: 0.5em 0.5em 0.5em 0.5em;
}


.sidebarBox {
    background:#006e54;
    font-size: smaller;
    font-weight: normal;

    font-family: Arial, sans-serif;
    line-height: 140%;
    text-align: left;
    margin-bottom: 15px;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.sidebarBox img {
    border-style: none;
}


/* --------------------------------------------------

   schedule
-------------------------------------------------- */

dl.sched {
    margin-left: 0pt;
    margin-right: 0pt;
}

dt.sched {
    font-weight: normal;
}

dd.sched {
    margin-left: 1em;
    margin-right: 0pt;
}

.deadline {
    font-weight: bold;
    color: #f99;
}

.sunday { 
    color: #fcd;
}

.saturday { 
    color: #8cf;
}

.holiday { 
    color: #fcd;
}

.today {
    font-weight: bold;
}


/* --------------------------------------------------
   TB
-------------------------------------------------- */

div.trackback-form {
  margin: 5pt;
  border-style: dotted;
  border-color: #fff;
}

/* --------------------------------------------------
   Comments
-------------------------------------------------- */

div.entryInfo {
    height: 18px;
}

div.entryInfo span.noDisplay {
    visibility: hidden;
}

div.entryInfo img {
    border-style: none;
    border-width: 0px;
    vertical-align: middle;
}

div.entryInfo a.filled {
    font-weight: bold;
    background-color: #f6ad49;
    color: #8f2e14;
}

div.entryInfo a.empty {
    font-weight: bold;
}

.comment {
  font-size: 90%;
  padding: 1pt 1pt 0pt 5pt;
  margin: 5pt;
  color: #030;
  background-color: #cfc;
}

.comment.odd {
  background-color: #cfc;
}

.comment.even {
  background-color: #cfc;
}

p.comment-details {
  background-color: #98d98e;
  margin: 0pt 0pt 0pt 5pt;
}



.pdf:before {
  content: url(/yasd/resource/icons/file_pdf_white.png);
}

.pdf:hover:before {
  content: url(/yasd/resource/icons/file_pdf_red.png);
}



/* --------------------------------------------------
   Roller Original
-------------------------------------------------- */

div.next-previous {
    width: 100%;
    font-weight: bold;
    text-align: center;
    background-color: #006e54;
    background-color: #38b48b;
    background-color: #f6ad49;
    background-color: #ffc;
    color: #fc5;
}

div.next-previous a {
    color: #c60;
}

/* other lists ----------------------------------------------- */

ul.rNavigationBar, ul.rMenu, ul.rFolder, ul.rFeeds, ul.rReferersList, ul.rEntriesList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 80%;
}
ul.rFeeds li {
    background-image: url(http://blog.roguelife.org/images/feed-icon-12x12.gif);
    background-repeat: no-repeat;
    background-position: 0 .2em; 
    padding-left: 1.4em;
    line-height: 1.5em;
}

/**
 * ADMINBAR
 */

ul.rNavigationBar
{
  border-bottom: 1px dotted #ddd;
  padding: 0px;
  height: 23px;
}

ul.rNavigationBar li
{
  display: inline;
  text-align: center;
  font-weight: bold;
}

ul.rNavigationBar li a, ul.rNavigationBar a
{
  color: #999;
  padding: 5px;
  width: 120px;
  float: left;
  text-align: center;
  text-decoration: none;
}

ul.rNavigationBar li a:hover
{
/*  background: #ddd url(http://blog.roguelife.org/yasd/resource/images/buttonBackground.gif) repeat-x; */
  background-color: #f8b500;
/*
  border-right: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
*/
}

.entryInfo {
  clear: both;
  background-color: #006e54;
  font-size: x-small;
}

table.hCalendarTable td.hCalendarDay {
  text-align: center;
  width: 2em;
}

table.hCalendarTable td.hCalendarDayLinked {
  text-align: center;
  width: 2em;
  font-weight: bold;
}

table.hCalendarTable td.hCalendarDayCurrent {
  color: #fca;
  text-align: center;
  width: 2em;
  border: solid 1px;
}

/* comments ----------------------------------------------- */

p.comment-details {
    font-size: 80%;
/*    color: #999; */
}
.comments-syntax-indicator {
    font-weight: bold;
}
.comments-syntax-indicator span.enabled {
    background: transparent;
/*    color: green; */
    font-style: italic;
}
.comments-syntax-indicator span.disabled {
    background: transparent;
/*    color: red; */
    font-style: italic;
}

form ul{ position: relative; list-style: none; width: 100%; }
form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 9px; }
form li.focused{ background-color: #fff7c0 !important; }
form li p{ font-size: 9px; line-height: 13px; /* color: #444; */ }
form li{ display: inline-block; }
form[id] li{ display: block; }
form li div{ display: inline-block; }
form[id] li div{ display: inline; }
form .left{ float: left !important; margin: 0; }

form .right{ float: right !important; margin: 0; }
form .clear{ clear: both; } 
form li div p{ margin: 0 0 5px 0; }
form div.left{ margin-right: 2px !important; }
form div.left[class]{ margin-right: 4px !important; }
form div.left img{ margin: 0 0 -2px 0; }
form h2{ font-size: 1.8em; clear: left; } 
form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;}
form .info[class]{ display: block; }
form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; }
textarea.textarea{margin-bottom: 1px;}
textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;}
select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; }
select.select[class]{ margin: 0; padding: 1px 0 1px 0; }
form .small{ width: 70px; }
form .medium{ width: 170px; }
form .large, form textarea.textarea{ width: 340px; }
form .tags{ width: 320px; }
form textarea.small{ height: 5.5em; }
form textarea.medium{ height: 10em; }
form textarea.large{ height: 20em; }
.choices input{ width: 200px; margin-right: 3px; }
.choices ol{ margin: 10px 0 0 0; }
.choices[class] ol{ margin: 0 !important; }
.choices img{ margin: 0 0 1px 0; }
fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; }
input.button, button { width: 6em; padding: 2px 2px 0 0; /* fix for IE */ }
/* revert to normal for Firefox */
li>input.button, li>button, input.button>input.button, button>button { padding: 2px; }
label.desc{
    margin: 4px 0 3px 0;
    border: 0;
/*    color: #444; */
    font-size: 1em;
    line-height: 1.3em;
    display: block;
    font-weight: bold;
}
input.text, input.number, input.url, input.email, input.password, input.file, 
textarea.textarea, select.select{
    font-size: 1.2em;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
/*    color: #333; */
}
input.text, input.number, input.url, input.email, input.password, input.file{ padding: 2px; }
input.currency{ text-align: right; }
input.checkbox, input.radio{
    display: block;
    line-height: 1.4em;
    margin: 8px 0 0 3px;
    width: 13px;
    height: 13px;
}
input.focus, textarea.focus { background: #ffd; color: #000; }
label.choice{
    display: block;
    line-height: 1.4em;
    margin: -19px 0 0 25px;
    padding: 4px 0 5px 0;
/*    color: #444; */
    width: 80%;
}




/* twitter widget */

div.twtr-tweet-wrap {
   font-size: x-small;
}

div.twtr-widget h4 {
   text-decoration: none !important;
   font-size: small !important;
   border-style: none;
   margin-top: 0 !important;
   padding-top: 0 !important;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}

a.twtr-user {
   font-size: small !important;
}

div.twtr-tweet-text {
  font-size: x-small;
}

div.twtr-ft {
  font-size: x-small;
}