html, body, div, h1, h2, h3, h4, h5, h6, p, dl.wiki, .wiki dt, .wiki dd, li, label, blockquote,
legend, a, header, footer, #footer, #copyright, img, .caption, #welcome, #content
#subWelcome, .note, .note .header, .redBold, .quote, form, pre, hr {
   margin:0;
   padding:0;
   border-width:0;
   border-radius:0;
}

body {
   padding-top:55px;
   padding-left:130px;
}

img {
    -webkit-filter: saturate(400%); /* Safari 6.0 - 9.0 */
    filter: saturate(400%);
    -webkit-filter: contrast(350%); /* Safari 6.0 - 9.0 */
    filter: contrast(350%);
}

html, body, textarea {
   font:16px "Comic Sans MS", "Comic Sans", sans-serif;
}

.quote {
   color:#ff0000;
   border:#00ffff 4px solid; border-radius:12px; background:#ffff00; padding-left:10px; font-weight:normal; text-transform:lowercase; }

body {
   color:black;
   background:white url(http://cyaneus.com/remote/mspaint_bodybg.gif) repeat-y;
   text-shadow:none;
   letter-spacing:0.02em;
}

#headerSubtitle { position: absolute; left: 0px; top: 0px; height:43px; width:98%;
   color:white; font:16px Arial, sans-serif; font-weight:bold; text-align:bottom;
   background:#c0c0c0 url(http://cyaneus.com/remote/mspaint_bar.gif) repeat-x; padding:15px; text-indent:30px; text-transform:none;
   border-left:2px #ffffff solid;
   text-shadow: none; text-align: left; }

#header { position: absolute; left: 0px; top: 66px; width:130px; height:412px; z-index:99;
   background:#c0c0c0 url(http://www.cyaneus.com/remote/mspaint_tools.gif) no-repeat;
   border:0px outset; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

#headerTitle { display:none;
   background:#cccccc url(none); }




a {
   text-decoration:underline;
   color:#0000ff;
   background:transparent none;
   text-shadow:none;
   padding:0.05em;
   border:0px;
   display:inline;
}

a:visited {
   color:#800080;
   background:transparent none;
   text-shadow:none;
}

a:hover {
   color:#0080ff;
   background: none;
   text-decoration:underline;
   text-shadow:none;
   border:0px;
}

body > footer {
   color:white;
   background:#00ff00 url(none);
   text-shadow:none;
   padding-bottom:0.75em;
}

body > header a:hover, body > header a:visited:hover {
   color:yellow;
   background:none;
   text-shadow:none;
   box-shadow:none;
}

body > footer a:hover, body > footer a:visited:hover {
   box-shadow:none;
}


/***************************************************************************/
/* Form formatting. The following section changes how various sections of  */
/* a form look and are displayed                                           */
/***************************************************************************/

label:not(.checkbox) {
   color:#00007c;
   text-shadow:none;
   background:none;
   background:red);
   font-size:90%;
   max-width:90%;
   text-transform: none;
   padding:0.3em 1em 0.5em 0.5em;
   display:inline-block;
   font:14px Arial, sans-serif;
   padding:0.15em 1em 0.15em 0.5em;
   border:2px outset #999999;
   background:#bdbdbd;
   border-radius:0;
   border-top-right-radius:0; margin-bottom:5px;
}

label:not(.checkbox)+span {
   font-style:italic;
   font:14px Arial, sans-serif;
   font-size:90%;
}

label:not(.checkbox)+input, label:not(.checkbox)+select, label:not(.checkbox)+textarea, label:not(.checkbox)+div,
label:not(.checkbox)+span+input, label:not(.checkbox)+span+select, label:not(.checkbox)+span+textarea, label:not(.checkbox)+span+div {
   display:block;
   margin:0 0 0.2em;
   font-size:1.1em;
}

label:not(.checkbox)+div, label:not(.checkbox)+span+div {
   background:#ffffff none;
   border:2px outset;
   padding:0.2em;
   margin-bottom:0.2em;
   border-radius:0 0.5em 0.5em 0.5em;
}

label.checkbox {
   background:transparent none;
   padding:0px;
   display:block;
   cursor:pointer;
   border:0px transparent;
   border-radius:0px;
   font:12px Arial, sans-serif;
}

/*
label.checkbox.pad {
   padding-left:0px;
   text-indent:0px;
}
*/
label.checkbox:hover {
   background:none !important;
   border:0px solid;
}

label.checkbox input {
   margin:0.5em;
}

label.checkbox > * {
   display:table-cell;
   vertical-align:middle;
   padding:0.15em;
}

label.error {
   background:#fdd none;
   box-shadow:inset 1px red;
}

label.error+input, label.error+textarea, label.error+div, label.error+span+input {
   background:#fee none;
   box-shadow:inset 1px blue;
}

input, select {
   max-width:40em;
}

select {
   display:inline-block;
   font-size:1.1em;
}

input[type="text"], input[type="email"], input[type="url"], input[type="file"], input[type="search"], input[type="password"], textarea, 
input[type="date"], input[type="time"], input[type="datetime"], input[type="number"], select {
   background-color:#ffffbb;
   border:2px dashed #000000;
   border-radius:0px;
   font-size:1.3em;
   padding:0.2em 0.3em 0.3em;
   box-sizing:border-box;
}

input[type="text"], input[type="email"], input[type="url"], input[type="file"], input[type="search"], input[type="password"], textarea {
   width:100%;
   max-width:40em;
}

textarea {
   width:40em;
   max-width:100%;
   height:8em;
   max-height:40vh;
}

@media all and (min-width:40em) {
   textarea {
      height:16em;
   }
}

.inline {
   display:inline-block;
   vertical-align:middle;
   margin:0.5em 1em 0.3em 0;
   max-width:100%;
}

.inline.top {
   vertical-align:top;
}

.inline.bottom {
   vertical-align:bottom;
}

.tableCell {
   display:table-cell;
   padding:0.1em 0.25em;
   vertical-align:middle;
}

/* The block formats the form option that comes immediately after a label */
.block, .frame.block {
   display:block;
   margin-top:0em;
   margin-bottom:1em;
   /*max-width:100%;*/
}

/* This formats a checkbox. */
input[type="checkbox"] {
   margin:0;
   padding:0;
   border-width:0;
}

select {
   background:white none; /* Needed for Opera to work correctly */
}

input:focus, textarea:focus, select:focus {
   background:#ffb none;
}

*:disabled img {
   filter:grayscale(100%);
}

.tooltip {
   position:relative;
}

.tooltip .tooltipCap {
   color:black;
   background:#ffc none;
   background:rgba(255,255,200,0.8) none;
   border:1px solid black;
   border-radius:0;
   padding:0.5em 1em;
   min-width:15em;
   font-weight:400;
   opacity:0;
   position:absolute;
   left:40%;
   top:1em;
}

.tooltip:hover .tooltipCap {
   opacity:1;
   z-index:101;
}


#newMessages a {
   display:inline-block;
   border:2px outset;
   border-radius:0px;
   margin:0.3em;
   padding:0.25em;
   width:100%;
   max-width:20em;
   text-align:center;
   color:#black;
   background:#bdbdbd;
   text-decoration:none;
}

#newMessages a:hover {
   background:#dadada;
   box-shadow:0;
   text-decoration:underline;
}

/* Links that are meant to look like buttons */
   button, a.buttonLink, a.buttonLink:visited, a.buttonLink:hover, input[type="submit"] {
   display:inline-grid;
   color:black;
   background:#bdbdbd;

   text-decoration:none;
   text-align:center;
   justify-items:center;
   font-size:1.2em;
   line-height:1.1;
   font-weight:normal;
   font-family:arial, sans-serif;

   margin:0.1em;
   padding:0.3em;
   min-width:48px;
   cursor:pointer;

   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;

   border:2px outset #999999;
   border-radius:0px;
}

button > span, a.buttonLink > span, input[type="submit"] > span {
   font-size:0.8em;
}

button > *, a.buttonLink > *, input[type="submit"] > * {
   display:block;
   margin:0 auto;
}

button img, a.buttonLink img {
   margin:0 auto 0.2em;
}

button.selected, a.buttonLink.selected, input[type="submit"].selected, a.selected:link {
   color:#000000;
   font-weight:normal;
   border:2px inset #999999;
   border-radius:0px;
   background:#dadada;
}

button:hover, a.buttonLink:hover, input[type="submit"]:hover, a.selected:hover {
   border:2px inset #a9a8a8;
   border-radius:0px;
   background:#dadada;
   text-decoration:none;
   box-shadow:none;
}

.buttonPanel {
   margin:0.5em 0;
}

.buttonPanel button, .buttonPanel a.buttonLink {
   margin:0;
   padding:0.2em;
   border-radius:0;
   text-align:center;
}

@media all and (min-width:40em) {
   button, a.buttonLink, input[type="submit"], .buttonPanel button, .buttonPanel a.buttonLink {
      grid-template-areas:". .";
      justify-items:start;
      align-items:center;
      margin:0.1em;
      border-radius:0px;
      font-size:1.2em;
   }

   button img, a.buttonLink img {
      margin-bottom:0;
   }
}

.go, .cancel, .preview, .edit, .save {
   display:inline-block !important;
   vertical-align:middle !important;
   font-size:1.3em !important;
   font-weight:400 !important;
   padding:0.5em 0.5em 0.5em 2.25em !important;

   background-position:0.3em 50% !important;
   background-repeat:no-repeat !important;
   background-size:1.5em, 100% !important;
   border:2px outset !important;
}

.go:hover, .cancel:hover, .preview:hover, .edit:hover, .save:hover {
   background-position:0.2em 50% !important;
   background-repeat:no-repeat !important;
   background-size:2em, 100% !important;
}

.go {
   color:#3B7100 !important;
   background-image:url(/css/images/ok-icon.png) !important;
}

.go:hover {
   border-color:green !important;
}

.cancel {
   color:#B3310F !important;
   background-image:url(/css/images/cancel-icon.png) !important;
}

.cancel:hover {
   border-color:red !important;
}

.preview {
   color:#0F31B3 !important;
   background-image:url(/css/images/preview-icon.png) !important;
}

.preview:hover {
   border-color:blue !important;
}

.edit {
   color:#808000 !important;
   background-image:url(/css/images/edit-icon.png) !important;
}

.edit:hover {
   border-color:#585600 !important;
}

.save {
   color:#a0a000 !important;
   background-image:url(/css/images/save-icon.png) !important;
}

.save:hover {
   border-color:#885600 !important;
}

input[type="submit"].vote { /* Formatting for individual emotion buttons */
   font-family: Arial, sans-serif; font-weight:normal; color:black;
   border:2px gray outset;
   border-radius:0px;
   padding:2px;
   background:#c0c0c0;
   font-size:90%;
   display:inline-block;
}

input[type="submit"].vote:hover { /* Formatting for individual emotion buttons that have a mouse cursor over them */
   font-family: Arial, sans-serif; font-weight:normal; cursor:pointer;
   background:#cbcbcb;
   border:2px gray inset;
}


/**** MENU OPTIONS *****/
ul.menu { position: absolute; right: 0px; top: 42px; border-radius: 0; width:99%;
   font-family: Arial, sans-serif; font-weight:normal; background:#c0c0c0; color:black;
   border-bottom: 2px #808080 solid; border-top: 0px; border-left: 0px #ffffff solid; border-right: 0px;
   margin-top:0px; padding-top:0px;}

table.menu { position: absolute; left: 0px; padding-top:160px;
   font-family: Arial, sans-serif; font-weight:bold;
   background:#c0c0c0 url(http://cyaneus.com/remote/mspaint_palette.gif) no-repeat; font-weight:bold; color:black;
   border:0px; 
   border-left: 2px solid #ffffff;
}

ul.menu li ul, table.menu tr td { border-radius:0;
   background:#c0c0c0 none; font-weight:bold; color:black; }

ul.menu li ul { border-radius:0;
   border:2px black outset;
   border-top:none; font-weight:bold; color:black; }

.menu, .menu a, .menu a:link, .menu a:visited { z-index: 105;
   color:black; background:#c0c0c0;
   font-size: 12px; font-weight:bold;
   text-shadow:none; text-align: left; margin-left:0px; text-indent: 5px;}

.menu a:hover { z-index: 106;
   color:yellow; font-weight:bold;
   background: #000099 url(none) no-repeat;
   text-shadow:none; }

.menu ul li, .menu ul li a, .menu ul li a:link, .menu ul li a:visited {
   color:black; font-weight:bold;
   background: transparent none;
   text-shadow:none; }

.menu ul li a:hover {
   color:yellow; font-weight:bold;
   background:#000099;
   text-shadow: none; }

.menu .gap {
   width:1px;
   height:5px;
   background:transparent url(none); }

/**** WIDGET HEADER OPTIONS *****/
h2, .note h2, .widget.note .header { border-radius:0;
   color:#ff00ff; text-align: left;
   border:2px dashed #000000;
   font:16px "Comic Sans MS", "Comic Sans", sans-serif; 
   text-shadow:none; text-transform:lowercase;
   background:#ffffff;}

.logoJpg, .logoGif {
   width:220px;
   height:240px;
   background:transparent url(http://cyaneus.com/remote/mspaint_marjorie.gif); }

.logoGif {background:transparent url(http://cyaneus.com/remote/mspaint_marjorie.gif);}

/*** background images ***/
@media screen and (min-width:400px) {
#content {
border-bottom:1em solid transparent;
background:url(http://www.cyaneus.com/remote/mspaint_logbook.gif) 50% 100% no-repeat;
}
}

@media screen and (min-width:600px) {
#content { 
background:url(http://www.cyaneus.com/remote/mspaint_logbook.gif) 1% 100% no-repeat,
url(http://www.cyaneus.com/remote/mspaint_pink.gif) 99% 100% no-repeat;
}
}

@media screen and (min-width:1000px) {
#content { 
background:url(http://www.cyaneus.com/remote/mspaint_logbook.gif) 1% 100% no-repeat,
url(http://www.cyaneus.com/remote/mspaint_pink.gif) 50% 100% no-repeat,
url(http://www.cyaneus.com/remote/mspaint_map.gif) 99% 100% no-repeat;
}
}

@media screen and (min-width:1430px) {
#content { 
background:url(http://www.cyaneus.com/remote/mspaint_logbook.gif) 1% 100% no-repeat,
url(http://www.cyaneus.com/remote/mspaint_pink.gif) 33% 100% no-repeat,
url(http://www.cyaneus.com/remote/mspaint_map.gif) 66% 100% no-repeat,
url(http://cyaneus.com/remote/mspaint_marjorie.gif) 99% 100% no-repeat;
}
} 


/**** CONTENT OPTIONS *****/

#content { min-height:500px; padding-bottom:250px;
   font-family: "Comic Sans MS", "Comic Sans", sans-serif;
   color:black; }

.buttonLink, .buttonPanel, .icon, {color:#ffcc00; font:16px ; font-weight:bold; background:#0000cc; border:0px; }

.bgLight, .note, .frame {background:#ffffff; border:10px #ffffff solid;}

.bgDark, .note .header {border:3px #ff00ff solid; padding:0px; border-radius:10px;
   background:transparent url(none);
   background-size: 100% 100%; }
.stretch { min-width:100%; min-height:100%; width:auto; height:auto; }

.bgMid, .note .footer, legend, label {background:#ffffff none; border:5px #c0c0c0 solid; border-radius:0px;}

h1 { color:#ff0000; font-family: "Comic Sans MS", "Comic Sans", sans-serif; font:14px; font-weight:bold; text-shadow:none; text-transform:lowercase;}

h2, h3, h4 { color:#4d0000; font-family: "Comic Sans MS", "Comic Sans", sans-serif; font:12px sans-serif; font-weight:bold; text-shadow:none;}

/* Formatting for the welcome message in the upper-right corner of every page */
#welcome { z-index: 100;
   position:absolute; right:300px; top:0px; margin-top:17px;
   font-family:arial, sans-serif; color:white; font-size:12px; font-weight:normal; text-shadow:none;
}

#welcomeStats {
   position:absolute; z-index:109;
   right:0px; top:10px;
   font-size:0.8em;
   font-family:arial, sans-serif; color:white; font-weight:normal; font-size:12px; text-shadow:none;
}

#themeInfo { z-index:110;
   position:absolute;
   background: url(http://www.cyaneus.com/remote/mspaint_x.gif) no-repeat;  background-position: right;
   right:0px; top:1px;
   padding-right:130px; padding-top:10px;
   text-align:center;
   font-family:arial, sans-serif; color:white; font-weight:normal; font-size:12px; text-shadow:none;
}

#themeInfo a { z-index:111;
   font-size:0.8em;
   font-family:arial, sans-serif; color:white; font-weight:normal; font-size:12px; text-shadow:none;
}

/* Formatting for the footer and copyright text at the bottom of every page */
#footer { position: absolute; right: 0px; border-radius: 0; width:200px; background: none; padding-top:45px; padding-right:10px;
   text-align:right; font-family:arial, sans-serif; font-size:11px; color:black; text-shadow:none;
   margin:0px;
   z-index:299;
   
}

#footer .footerSection {
   padding-top:0px;
  font-family:arial, sans-serif; font-size:11px; color:black; text-shadow:none;
}

#footer .break {
   display:none;
}

#footer a, #footer a:visited {
   font-size:1.1em; color: black;
   font-weight:normal;
   line-height:1.3em;
   padding:0px;
   text-decoration:none; text-shadow:none;
   display:block;
   border-radius:0px;
}

#footer a:hover {
   color:c0c0c0; text-shadow:none;
   background:none;
}